radio.css - elbaitemoon - Elbaite theme for Pale Moon

radio.css (1921B)
      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2  * License, v. 2.0. If a copy of the MPL was not distributed with this
      3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
      6 
      7 radiogroup {
      8   margin: 1px 0px 1px 0px;
      9 }
     10 
     11 radio {
     12   -moz-appearance: none;
     13   -moz-box-align: center;
     14   margin: 4px 2px;
     15   -moz-user-focus: ignore;
     16 }
     17 
     18 .radio-label-box {
     19   margin-inline-start: 0px;
     20   padding: 0px;
     21 }
     22 
     23 .radio-icon {
     24   margin-inline-end: 2px;
     25 }
     26 
     27 .radio-label {
     28   margin: 1px 0 !important;
     29 }
     30 
     31 /* ..... focused state ..... */
     32 
     33 radio[focused="true"] > .radio-label-box {
     34   border: 1px dotted rgb(64,64,64);
     35 }
     36 
     37 /* ..... disabled state ..... */
     38 
     39 radio[disabled="true"] > .radio-check-box1 {
     40   background-color: #181411;
     41 }
     42 
     43 radio[disabled="true"] {
     44   color: GrayText;
     45 }
     46 
     47 /* ::::: checkmark image ::::: */
     48 
     49 .radio-check-box1 {
     50   -moz-appearance: none;
     51   margin: 1px 0px;
     52   border-top: 1px solid rgb(64,64,64);
     53   border-right: 1px solid rgb(64,64,64);
     54   border-bottom: 1px solid rgb(64,64,64);
     55   border-left: 1px solid rgb(64,64,64);
     56   border-radius: 50%;
     57   width: 12px;
     58   height: 12px;
     59   background-color: #181411;
     60 }
     61 
     62 .radio-check-box2 {
     63   border-top: 1px solid rgb(64,64,64);
     64   border-right: 1px solid rgb(64,64,64);
     65   border-bottom: 1px solid rgb(64,64,64);
     66   border-left: 1px solid rgb(64,64,64);
     67   border-radius: 50%;
     68   padding: 2px;
     69   width: 4px;
     70   height: 4px;
     71   list-style-image: none;
     72 }
     73 
     74 radio:hover:active > .radio-check-box1 {
     75   background-color: rgb(1,1,1);
     76 }
     77 
     78 /* ..... selected state ..... */
     79 
     80 radio[selected="true"] > .radio-check-box1 > .radio-check-box2 {
     81   list-style-image: url("chrome://global/skin/radio/radio-check.svg#radio");
     82 }
     83 
     84 radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 {
     85   list-style-image: url("chrome://global/skin/radio/radio-check.svg#radio-dis") !important
     86 }