logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

onoff.less (1227B)

    

  1. .onoff-checkbox {

  2.     width:15%;

  3. }

  4. .onoffswitch {

  5.     position: relative;

  6.     width: 110px;

  7.     -webkit-user-select:none;

  8.     -moz-user-select:none;

  9.     -ms-user-select: none;

  10. }

  11. .onoffswitch-checkbox {

  12.     display: none;

  13. }

  14. .onoffswitch-label {

  15.     display: block;

  16.     overflow: hidden;

  17.     cursor: pointer;

  18.     border: 2px solid #FFFFFF !important;

  19.     border-radius: 50px !important;

  20. }

  21. .onoffswitch-inner {

  22.     display: block;

  23.     transition: margin 0.3s ease-in 0s;

  24. }

  25. 

  26. .onoffswitch-inner:before, .onoffswitch-inner:after {

  27.     display: block;

  28.     float: left;

  29.     width: 50%;

  30.     height: 30px;

  31.     padding: 0;

  32.     line-height: 40px;

  33.     font-size: 20px;

  34.     box-sizing: border-box;

  35.     content: "";

  36.     background-color: #EEEEEE;

  37. }

  38. 

  39. .onoffswitch-switch {

  40.     display: block;

  41.     width: 37px;

  42.     background-color: #00CC00;

  43.     position: absolute;

  44.     top: 0;

  45.     bottom: 0;

  46.     right: 0px;

  47.     border: 2px solid #FFFFFF !important;

  48.     border-radius: 50px !important;

  49.     transition: all 0.3s ease-in 0s;

  50. }

  51. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

  52.     margin-right: 0;

  53. }

  54. .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

  55.     right: 71px;

  56.     background-color: #A1A1A1;

  57. }