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

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