boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css

   1
   2
   3
   4
   5 body {
   6         font-family:  helvetica;
   7         margin: 0px;
   8         padding: 0px;
   9         font-size: 0.9em;
  10         color:#296628;
  11         background-color: #cccccc;
  12 }
  13
  14 #header h1,#header h3, #header div, #header img {
  15         display: inline-block;
  16         vertical-align: top;
  17
  18 }
  19
  20 #header {
  21         border-style: solid;
  22         border-color: #3E9A3C;
  23         border-width: 1px;
  24         border-top-width: 10px;
  25         border-bottom-width: 10px;
  26         /*border-top-left-radius: 10px;
  27         border-top-right-radius: 10px;*/
  28 }
  29
  30
  31 #header h1 {
  32         color:#3E9A3C;
  33         margin-top: 35px;
  34         text-shadow:3px 3px 1px #eee;
  35         margin-bottom: 0px;
  36 }
  37
  38 #header h3 {
  39         margin-top: 0px;
  40         color:#F58220;
  41 }
  42
  43 #conteiner {
  44         width: 800px;
  45         margin:0px auto;
  46         background-color: #ffffff;
  47
  48 }
  49
  50 #footer {
  51         padding: 15px;
  52         background-color: #3E9A3C;
  53         color:#FFFFFF;
  54 }
  55
  56 #footer a {
  57         color:#FCAF17;
  58 }
  59
  60
  61 .content {
  62         padding: 15px;
  63         border-style: solid;
  64         border-color: #3E9A3C;
  65         border-width: 0px 1px 1px 1px;
  66 }
  67
  68
  69
  70 .control {
  71         display: inline-block;
  72         min-width: 250px;
  73 }
  74
  75 .led-on {
  76         color:#FFFFFF;
  77         font-size: 0.9em;
  78         cursor:pointer;
  79         width:55px;
  80         display:inline-block;
  81         background-color:#3E9A3C;
  82         border: 1px solid #3E9A3C;
  83         padding: 2px;
  84         margin: 5px;
  85         -webkit-border-radius: 5px;
  86         -moz-border-radius: 5px;
  87         border-radius: 5px;
  88 }
  89
  90 .led-on span {
  91         background-color:#FFFFFF;
  92         float:right;
  93         width: 17px;
  94         height: 17px;
  95         margin-left: 5px;
  96         -webkit-border-radius: 5px;
  97         -moz-border-radius: 5px;
  98         border-radius: 5px;
  99         display: inline-block;
 100 }
 101
 102 #led-0.led-on {
 103         background-color:#0BC713;
 104         color:#000000;
 105         border: 1px solid #09580D;
 106 }
 107
 108 #led-1.led-on {
 109         background-color:#FAC52B;
 110         color:#000000;
 111         border: 1px solid #BB9010;
 112 }
 113
 114 #led-2.led-on {
 115         background-color:#1FC2E2;
 116         color:#000000;
 117         border: 1px solid #00697E;
 118 }
 119
 120 .led-off {
 121         color:#FFFFFF;
 122         font-size: 0.9em;
 123         cursor:pointer;
 124         width:55px;
 125         display:inline-block;
 126         background-color:#A7A7A7;
 127         border: 1px solid #A7A7A7;
 128         padding: 2px;
 129         margin: 5px;
 130         -webkit-border-radius: 5px;
 131         -moz-border-radius: 5px;
 132         border-radius: 5px;
 133 }
 134
 135 .led-off span {
 136         background-color:#FFFFFF;
 137         width: 17px;
 138         height: 17px;
 139         margin-right: 5px;
 140         -webkit-border-radius: 5px;
 141         -moz-border-radius: 5px;
 142         border-radius: 5px;
 143         display: inline-block;
 144 }
 145
 146 .trigger {
 147         width:200px;
 148         display:inline-block;
 149         border: 1px solid #3E9A3C;
 150         padding: 1px;
 151         margin: 5px;
 152         -webkit-border-radius: 5px;
 153         -moz-border-radius: 5px;
 154         border-radius: 5px;
 155 }
 156
 157 .trigger span {
 158         background-color:#3E9A3C;
 159         width: 0px;;
 160         height: 17px;
 161         -webkit-border-radius: 5px;
 162         -moz-border-radius: 5px;
 163         border-radius: 5px;
 164         display: inline-block;
 165 }
 166
 167 #temperature-plot{
 168         height: 250px;
 169         margin: 15px;
 170 }
 171
 172
 173 .box {
 174         color:#FFFFFF;
 175         font-size: 0.9em;
 176         width:55px;
 177         display:inline-block;
 178         background-color:#3E9A3C;
 179         border: 1px solid #3E9A3C;
 180         padding: 2px;
 181         margin: 5px;
 182         text-align:center;
 183         -webkit-border-radius: 5px;
 184         -moz-border-radius: 5px;
 185         border-radius: 5px;
 186 }
 187
 188 .label {
 189  width: 150px;
 190  display: inline-block;
 191 }
 192
 193