-
-
-
-
-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-off {
- color:#FFFFFF;
- font-size: 0.9em;
- cursor:pointer;
- width:55px;
- display:inline-block;
- background-color:#F58220;
- border: 1px solid #F58220;
- 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;
-}
-
-
-
+body {\r
+ font-family: helvetica;\r
+ margin: 0px;\r
+ padding: 0px;\r
+ font-size: 0.9em;\r
+ color:#296628;\r
+ background-color: #cccccc;\r
+}\r
+\r
+#header h1,#header h3, #header div, #header img {\r
+ display: inline-block;\r
+ vertical-align: top;\r
+ zoom:1;\r
+ *display:inline;\r
+}\r
+\r
+#header {\r
+ border-style: solid;\r
+ border-color: #3E9A3C;\r
+ border-width: 1px;\r
+ border-top-width: 10px;\r
+ border-bottom-width: 10px;\r
+ /*border-top-left-radius: 10px;\r
+ border-top-right-radius: 10px;*/\r
+}\r
+\r
+\r
+#header h1 {\r
+ color:#3E9A3C;\r
+ margin-top: 35px;\r
+ text-shadow:3px 3px 1px #eee;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+#header h3 {\r
+ margin-top: 0px;\r
+ color:#F58220;\r
+}\r
+\r
+#conteiner {\r
+ width: 800px;\r
+ margin:0px auto;\r
+ background-color: #ffffff;\r
+\r
+}\r
+\r
+.footer {\r
+ padding: 15px;\r
+ background-color: #3E9A3C;\r
+ color:#FFFFFF;\r
+}\r
+\r
+.footer a {\r
+ color:#FCAF17;\r
+}\r
+\r
+\r
+.content {\r
+ padding: 15px;\r
+ border-style: solid;\r
+ border-color: #3E9A3C;\r
+ border-width: 0px 1px 1px 1px;\r
+}\r
+\r
+.control {\r
+ display: inline-block;\r
+ min-width: 250px;\r
+ zoom:1;\r
+ *display:inline;\r
+}\r
+\r
+.led {\r
+ cursor:pointer;\r
+ font-size: 0.9em;\r
+ width:55px;\r
+ padding: 2px;\r
+ margin: 5px;\r
+ -webkit-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+ display:inline-block;\r
+}\r
+\r
+.led span {\r
+ width: 17px;\r
+ height: 17px;\r
+ -webkit-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+ background-color:#FFFFFF;\r
+}\r
+\r
+.led-on {\r
+ color:#FFFFFF;\r
+ background-color:#3E9A3C;\r
+ border: 1px solid #3E9A3C;\r
+}\r
+\r
+.led-on span {\r
+ margin-left: 15px;\r
+ display: inline-block;\r
+}\r
+\r
+.led-off {\r
+ color:#FFFFFF;\r
+ background-color:#A7A7A7;\r
+ border: 1px solid #A7A7A7;\r
+}\r
+\r
+.led-off span {\r
+ margin-right: 5px;\r
+ display: inline-block;\r
+}\r
+\r
+\r
+#led-0.led-on {\r
+ background-color:#0BC713;\r
+ color:#000000;\r
+ border: 1px solid #09580D;\r
+}\r
+\r
+#led-1.led-on {\r
+ background-color:#FAC52B;\r
+ color:#000000;\r
+ border: 1px solid #BB9010;\r
+}\r
+\r
+#led-2.led-on {\r
+ background-color:#1FC2E2;\r
+ color:#000000;\r
+ border: 1px solid #00697E;\r
+}\r
+\r
+\r
+.trigger {\r
+ width:200px;\r
+ display:inline-block;\r
+ border: 1px solid #3E9A3C;\r
+ padding: 1px;\r
+ margin: 5px;\r
+ -webkit-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+}\r
+\r
+.trigger span {\r
+ background-color:#3E9A3C;\r
+ width: 0px;;\r
+ height: 17px;\r
+ -webkit-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+ display: inline-block;\r
+}\r
+\r
+.temperature-plot{\r
+ height: 250px;\r
+ margin: 15px 15px 0px 15px;\r
+}\r
+\r
+\r
+.box {\r
+ color:#FFFFFF;\r
+ font-size: 0.9em;\r
+ width:55px;\r
+ display:inline-block;\r
+ background-color:#3E9A3C;\r
+ border: 1px solid #3E9A3C;\r
+ padding: 2px;\r
+ margin: 5px;\r
+ text-align:center;\r
+ -webkit-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ border-radius: 5px;\r
+}\r
+\r
+.label {\r
+ width: 150px;\r
+ display: inline-block;\r
+}
\ No newline at end of file