X-Git-Url: https://codewiz.org/gitweb?a=blobdiff_plain;f=boards%2Fsam3x-ek%2Fexamples%2Fsam3x-ek_http_server%2Fsd_data%2Fetc%2Fstyle.css;h=f6697bcb966feacd1589df6622f60ee39335b813;hb=5da4f300ba34aa4457914b28fc6be3452eac1ddb;hp=d371b4016b767931763204caeb2b1bd27c24711f;hpb=2e07d7a499a180b1e3fe822235ac203a949ee2a1;p=bertos.git diff --git a/boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css b/boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css index d371b401..f6697bcb 100644 --- a/boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css +++ b/boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css @@ -1,193 +1,180 @@ - - - - -body { - font-family: helvetica; - margin: 0px; - padding: 0px; - font-size: 0.9em; - color:#296628; - background-color: #cccccc; -} - -#header h1,#header h3, #header div, #header img { - display: inline-block; - vertical-align: top; - -} - -#header { - border-style: solid; - border-color: #3E9A3C; - border-width: 1px; - border-top-width: 10px; - border-bottom-width: 10px; - /*border-top-left-radius: 10px; - border-top-right-radius: 10px;*/ -} - - -#header h1 { - color:#3E9A3C; - margin-top: 35px; - text-shadow:3px 3px 1px #eee; - margin-bottom: 0px; -} - -#header h3 { - margin-top: 0px; - color:#F58220; -} - -#conteiner { - width: 800px; - margin:0px auto; - background-color: #ffffff; - -} - -#footer { - padding: 15px; - background-color: #3E9A3C; - color:#FFFFFF; -} - -#footer a { - color:#FCAF17; -} - - -.content { - padding: 15px; - border-style: solid; - border-color: #3E9A3C; - border-width: 0px 1px 1px 1px; -} - - - -.control { - display: inline-block; - min-width: 250px; -} - -.led-on { - color:#FFFFFF; - font-size: 0.9em; - cursor:pointer; - width:55px; - display:inline-block; - background-color:#3E9A3C; - border: 1px solid #3E9A3C; - padding: 2px; - margin: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.led-on span { - background-color:#FFFFFF; - float:right; - width: 17px; - height: 17px; - margin-left: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - display: inline-block; -} - -#led-0.led-on { - background-color:#0BC713; - color:#000000; - border: 1px solid #09580D; -} - -#led-1.led-on { - background-color:#FAC52B; - color:#000000; - border: 1px solid #BB9010; -} - -#led-2.led-on { - background-color:#1FC2E2; - color:#000000; - border: 1px solid #00697E; -} - -.led-off { - color:#FFFFFF; - font-size: 0.9em; - cursor:pointer; - width:55px; - display:inline-block; - background-color:#A7A7A7; - border: 1px solid #A7A7A7; - padding: 2px; - margin: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.led-off span { - background-color:#FFFFFF; - width: 17px; - height: 17px; - margin-right: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - display: inline-block; -} - -.trigger { - width:200px; - display:inline-block; - border: 1px solid #3E9A3C; - padding: 1px; - margin: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.trigger span { - background-color:#3E9A3C; - width: 0px;; - height: 17px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - display: inline-block; -} - -#temperature-plot{ - height: 250px; - margin: 15px; -} - - -.box { - color:#FFFFFF; - font-size: 0.9em; - width:55px; - display:inline-block; - background-color:#3E9A3C; - border: 1px solid #3E9A3C; - padding: 2px; - margin: 5px; - text-align:center; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.label { - width: 150px; - display: inline-block; -} - - +body { + font-family: helvetica; + margin: 0px; + padding: 0px; + font-size: 0.9em; + color:#296628; + background-color: #cccccc; +} + +#header h1,#header h3, #header div, #header img { + display: inline-block; + vertical-align: top; + zoom:1; + *display:inline; +} + +#header { + border-style: solid; + border-color: #3E9A3C; + border-width: 1px; + border-top-width: 10px; + border-bottom-width: 10px; + /*border-top-left-radius: 10px; + border-top-right-radius: 10px;*/ +} + + +#header h1 { + color:#3E9A3C; + margin-top: 35px; + text-shadow:3px 3px 1px #eee; + margin-bottom: 0px; +} + +#header h3 { + margin-top: 0px; + color:#F58220; +} + +#conteiner { + width: 800px; + margin:0px auto; + background-color: #ffffff; + +} + +.footer { + padding: 15px; + background-color: #3E9A3C; + color:#FFFFFF; +} + +.footer a { + color:#FCAF17; +} + + +.content { + padding: 15px; + border-style: solid; + border-color: #3E9A3C; + border-width: 0px 1px 1px 1px; +} + +.control { + display: inline-block; + min-width: 250px; + zoom:1; + *display:inline; +} + +.led { + cursor:pointer; + font-size: 0.9em; + width:55px; + padding: 2px; + margin: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + display:inline-block; +} + +.led span { + width: 17px; + height: 17px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + background-color:#FFFFFF; +} + +.led-on { + color:#FFFFFF; + background-color:#3E9A3C; + border: 1px solid #3E9A3C; +} + +.led-on span { + margin-left: 15px; + display: inline-block; +} + +.led-off { + color:#FFFFFF; + background-color:#A7A7A7; + border: 1px solid #A7A7A7; +} + +.led-off span { + margin-right: 5px; + display: inline-block; +} + + +#led-0.led-on { + background-color:#0BC713; + color:#000000; + border: 1px solid #09580D; +} + +#led-1.led-on { + background-color:#FAC52B; + color:#000000; + border: 1px solid #BB9010; +} + +#led-2.led-on { + background-color:#1FC2E2; + color:#000000; + border: 1px solid #00697E; +} + + +.trigger { + width:200px; + display:inline-block; + border: 1px solid #3E9A3C; + padding: 1px; + margin: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.trigger span { + background-color:#3E9A3C; + width: 0px;; + height: 17px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + display: inline-block; +} + +.temperature-plot{ + height: 250px; + margin: 15px 15px 0px 15px; +} + + +.box { + color:#FFFFFF; + font-size: 0.9em; + width:55px; + display:inline-block; + background-color:#3E9A3C; + border: 1px solid #3E9A3C; + padding: 2px; + margin: 5px; + text-align:center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.label { + width: 150px; + display: inline-block; +} \ No newline at end of file