/* MENU_BAR*/
.menu_bar {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #0509fc;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color: #0509fc;
}
.menu_bar a {
- color: white;
- text-align: left;
- padding: 14px 16px;
- text-decoration: none;
+ color: white;
+ text-align: left;
+ padding: 14px 16px;
+ text-decoration: none;
}
.menu_bar a:hover:not {
- background-color: #111;
+ background-color: #111;
}
.menu_bar {
- cursor: pointer;
+ cursor: pointer;
}
.active {
- background-color:#4CAF50;
+ background-color:#4CAF50;
}
/* ALARMS */
.invalid_alarm:after {
display: inline-block;
width: 8em;
padding: 0.125em;
- }
- .toggle input {
- position: absolute;
- visibility: hidden;
- }
- .toggle span {
- position: relative;
- left: 0%;
- display: block;
- text-transform: uppercase;
- text-align: center;
-
- -webkit-transition: left 200ms ease-out;
- -moz-transition: left 200ms ease-out;
- -o-transition: left 200ms ease-out;
- transition: left 200ms ease-out;
- }
- .toggle :checked + span {
- left: 50%;
- }
+}
+.toggle input {
+ position: absolute;
+ visibility: hidden;
+}
+.toggle span {
+ position: relative;
+ left: 0%;
+ display: block;
+ text-transform: uppercase;
+ text-align: center;
+
+ -webkit-transition: left 200ms ease-out;
+ -moz-transition: left 200ms ease-out;
+ -o-transition: left 200ms ease-out;
+ transition: left 200ms ease-out;
+}
+.toggle :checked + span {
+ left: 50%;
+}
- .toggle span:before {
- content: attr(data-unchecked);
- display: block;
- width: 50%;
- background-color: #525252;
- border-radius: 0.15em;
- box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.3);
- color: white;
- }
+.toggle span:before {
+ content: attr(data-unchecked);
+ display: block;
+ width: 50%;
+ background-color: #525252;
+ border-radius: 0.15em;
+ box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.3);
+ color: white;
+}
- .toggle :checked + span:before {
- content: attr(data-checked);
- background-color: #0099CC;
- }
+.toggle :checked + span:before {
+ content: attr(data-checked);
+ background-color: #0099CC;
+}