tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

1017798-1.css (1703B)

      1 /* ----------------------------------
      2 * SWITCHES
      3 * ---------------------------------- */
      4 
      5 label.pack-switch {
      6  display: inline-block;
      7  vertical-align: middle;
      8  width: 100%;
      9  height: 5rem;
     10  position: relative;
     11  background: none;
     12 }
     13 
     14 label.pack-switch span {
     15  float: left;
     16  font-size: 1.8rem;
     17  color: #333;
     18  padding: 1rem 0 0;
     19  height: 6rem;
     20  line-height: 3rem;
     21  box-sizing: border-box;
     22  display: block;
     23 }
     24 
     25 label.pack-switch input {
     26  margin: 0;
     27  opacity: 0;
     28  position: absolute;
     29  top: 0;
     30  left: 0;
     31 }
     32 
     33 label.pack-switch input:checked ~ span:after {
     34  background-position: center bottom;
     35 }
     36 
     37 /* ----------------------------------
     38 * ON/OFF SWITCHES
     39 * ---------------------------------- */
     40 
     41 label.pack-switch input ~ span:after {
     42  content: '';
     43  position: absolute;
     44  right: 0;
     45  top: 50%;
     46  width: 6rem;
     47  margin: -1.4rem 0 0;
     48  height: 2.7rem;
     49  border-radius: 1.35rem;
     50  overflow: hidden;
     51  background: #e6e6e6 url(images/background_off.png) no-repeat -3.2rem 0 / 9.2rem 2.7rem;
     52  transition: background 0.2s ease;
     53 }
     54 
     55 /* switch: 'ON' state */
     56 label.pack-switch input:checked ~ span:after {
     57  background: #e6e6e6 url(images/background.png) no-repeat 0 0 / 9.2rem 2.7rem;
     58 }
     59 
     60 /* switch: disabled state */
     61 label.pack-switch input:disabled ~ span:after {
     62  opacity: 0.4;
     63 }
     64 
     65 label.pack-switch input.uninit ~ span:after {
     66  transition: none;
     67 }
     68 
     69 /******************************************************************************
     70 * Right-To-Left tweaks
     71 */
     72 html[dir="rtl"] label.pack-switch input {
     73  left: auto;
     74  right: 0;
     75 }
     76 
     77 html[dir="rtl"] label.pack-switch input ~ span:after {
     78  left: 0;
     79  right: auto;
     80 }
     81 
     82 html[dir="rtl"] label.pack-switch input ~ span:after {
     83  background-position: 0;
     84 }