| /* |
| ******************************************************************************* |
| * Copyright (c) 2018 Contributors to the Eclipse Foundation |
| * |
| * See the NOTICE file(s) distributed with this work for additional |
| * information regarding copyright ownership. |
| * |
| * This program and the accompanying materials are made available under the |
| * terms of the Eclipse Public License v. 2.0 which is available at |
| * http://www.eclipse.org/legal/epl-2.0. |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| ******************************************************************************* |
| */ |
| |
| #statusSwitches { |
| padding-left: 50px; |
| width: 50%; |
| display: block; |
| justify-content: flex-end; |
| padding-top: 30px; |
| } |
| .switch { |
| vertical-align: middle; |
| position: relative; |
| display: inline-block; |
| width: 36px; |
| height: 18px; |
| } |
| .switch input { |
| display: none; |
| } |
| |
| .slider { |
| position: absolute; |
| cursor: pointer; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background-color: #ccc; |
| -webkit-transition: .4s; |
| transition: .4s; |
| } |
| |
| .slider:before { |
| position: absolute; |
| content: ""; |
| height: 14px; |
| width: 14px; |
| left: 5px; |
| bottom: 2px; |
| background-color: white; |
| -webkit-transition: .4s; |
| transition: .4s; |
| } |
| |
| input:checked+.slider { |
| background-color: #337ab7; |
| } |
| |
| input:focus+.slider { |
| box-shadow: 0 0 1px #337ab7; |
| } |
| |
| input:checked+.slider:before { |
| -webkit-transform: translateX(12px); |
| -ms-transform: translateX(12px); |
| transform: translateX(12px); |
| } |
| |
| /* Rounded sliders */ |
| |
| .slider.round { |
| border-radius: 34px; |
| } |
| |
| .slider.round:before { |
| border-radius: 50%; |
| } |