src/librustdoc/html/static/settings.css

   1 .setting-line {
   2         padding: 5px;
   3         position: relative;
   4 }
   5
   6 .setting-line > div {
   7         display: inline-block;
   8         vertical-align: top;
   9         font-size: 17px;
  10         padding-top: 2px;
  11 }
  12
  13 .setting-line > .title {
  14         font-size: 19px;
  15         width: 100%;
  16         max-width: none;
  17         border-bottom: 1px solid;
  18 }
  19
  20 .toggle {
  21         position: relative;
  22         display: inline-block;
  23         width: 45px;
  24         height: 27px;
  25         margin-right: 20px;
  26 }
  27
  28 .toggle input {
  29         opacity: 0;
  30         position: absolute;
  31 }
  32
  33 .select-wrapper {
  34         float: right;
  35         position: relative;
  36         height: 27px;
  37         min-width: 25%;
  38 }
  39
  40 .select-wrapper select {
  41         appearance: none;
  42         -moz-appearance: none;
  43         -webkit-appearance: none;
  44         background: none;
  45         border: 2px solid #ccc;
  46         padding-right: 28px;
  47         width: 100%;
  48 }
  49
  50 .select-wrapper img {
  51         pointer-events: none;
  52         position: absolute;
  53         right: 0;
  54         bottom: 0;
  55         background: #ccc;
  56         height: 100%;
  57         width: 28px;
  58         padding: 0px 4px;
  59 }
  60
  61 .select-wrapper select option {
  62         color: initial;
  63 }
  64
  65 .slider {
  66         position: absolute;
  67         cursor: pointer;
  68         top: 0;
  69         left: 0;
  70         right: 0;
  71         bottom: 0;
  72         background-color: #ccc;
  73         -webkit-transition: .3s;
  74         transition: .3s;
  75 }
  76
  77 .slider:before {
  78         position: absolute;
  79         content: "";
  80         height: 19px;
  81         width: 19px;
  82         left: 4px;
  83         bottom: 4px;
  84         background-color: white;
  85         -webkit-transition: .3s;
  86         transition: .3s;
  87 }
  88
  89 input:checked + .slider {
  90         background-color: #2196F3;
  91 }
  92
  93 input:focus + .slider {
  94         box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba(10, 132, 255, 0.3);
  95 }
  96
  97 input:checked + .slider:before {
  98         -webkit-transform: translateX(19px);
  99         -ms-transform: translateX(19px);
 100         transform: translateX(19px);
 101 }
 102
 103 .setting-line > .sub-settings {
 104         padding-left: 42px;
 105         width: 100%;
 106         display: block;
 107 }