github.com/glennzw/gophish@v0.8.1-0.20190824020715-24fe998a3aa0/static/css/checkbox.css (about)

     1  .checkbox {
     2    padding-left: 24px;
     3  }
     4  .checkbox label {
     5    display: inline-block;
     6    vertical-align: middle;
     7    position: relative;
     8    padding-left: 5px;
     9  }
    10  .checkbox label::before {
    11    content: "";
    12    display: inline-block;
    13    position: absolute;
    14    width: 24px;
    15    height: 24px;
    16    left: 0;
    17    margin-top:5px;
    18    margin-left: -24px;
    19    border: 1px solid #cccccc;
    20    border-radius: 3px;
    21    background-color: #fff;
    22    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    23    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    24    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    25  }
    26  .checkbox label::after {
    27    display: inline-block;
    28    position: absolute;
    29    width: 16px;
    30    height: 16px;
    31    left: 0;
    32    top: 0;
    33    margin-left: -20px;
    34    padding-left: 3px;
    35    padding-top: 5px;
    36    font-size: 11px;
    37    color: #555555;
    38  }
    39  .checkbox input[type="checkbox"],
    40  .checkbox input[type="radio"] {
    41    opacity: 0;
    42    z-index: 1;
    43  }
    44  .checkbox input[type="checkbox"]:focus + label::before,
    45  .checkbox input[type="radio"]:focus + label::before {
    46    outline: thin dotted;
    47    outline: 5px auto -webkit-focus-ring-color;
    48    outline-offset: -2px;
    49  }
    50  .checkbox input[type="checkbox"]:checked + label::after,
    51  .checkbox input[type="radio"]:checked + label::after {
    52    font-family: "FontAwesome";
    53    content: "\f00c";
    54  }
    55  .checkbox input[type="checkbox"]:disabled + label,
    56  .checkbox input[type="radio"]:disabled + label {
    57    opacity: 0.65;
    58  }
    59  .checkbox input[type="checkbox"]:disabled + label::before,
    60  .checkbox input[type="radio"]:disabled + label::before {
    61    background-color: #eeeeee;
    62    cursor: not-allowed;
    63  }
    64  .checkbox.checkbox-circle label::before {
    65    border-radius: 50%;
    66  }
    67  .checkbox.checkbox-inline {
    68    margin-top: 0;
    69  }
    70  
    71  .checkbox-primary input[type="checkbox"]:checked + label::before,
    72  .checkbox-primary input[type="radio"]:checked + label::before {
    73    background-color: #337ab7;
    74    border-color: #337ab7;
    75  }
    76  .checkbox-primary input[type="checkbox"]:checked + label::after,
    77  .checkbox-primary input[type="radio"]:checked + label::after {
    78    color: #fff;
    79  }
    80  
    81  .checkbox-danger input[type="checkbox"]:checked + label::before,
    82  .checkbox-danger input[type="radio"]:checked + label::before {
    83    background-color: #d9534f;
    84    border-color: #d9534f;
    85  }
    86  .checkbox-danger input[type="checkbox"]:checked + label::after,
    87  .checkbox-danger input[type="radio"]:checked + label::after {
    88    color: #fff;
    89  }
    90  
    91  .checkbox-info input[type="checkbox"]:checked + label::before,
    92  .checkbox-info input[type="radio"]:checked + label::before {
    93    background-color: #5bc0de;
    94    border-color: #5bc0de;
    95  }
    96  .checkbox-info input[type="checkbox"]:checked + label::after,
    97  .checkbox-info input[type="radio"]:checked + label::after {
    98    color: #fff;
    99  }
   100  
   101  .checkbox-warning input[type="checkbox"]:checked + label::before,
   102  .checkbox-warning input[type="radio"]:checked + label::before {
   103    background-color: #f0ad4e;
   104    border-color: #f0ad4e;
   105  }
   106  .checkbox-warning input[type="checkbox"]:checked + label::after,
   107  .checkbox-warning input[type="radio"]:checked + label::after {
   108    color: #fff;
   109  }
   110  
   111  .checkbox-success input[type="checkbox"]:checked + label::before,
   112  .checkbox-success input[type="radio"]:checked + label::before {
   113    background-color: #5cb85c;
   114    border-color: #5cb85c;
   115  }
   116  .checkbox-success input[type="checkbox"]:checked + label::after,
   117  .checkbox-success input[type="radio"]:checked + label::after {
   118    color: #fff;
   119  }
   120  
   121  .radio {
   122    padding-left: 20px;
   123  }
   124  .radio label {
   125    display: inline-block;
   126    vertical-align: middle;
   127    position: relative;
   128    padding-left: 5px;
   129  }
   130  .radio label::before {
   131    content: "";
   132    display: inline-block;
   133    position: absolute;
   134    width: 17px;
   135    height: 17px;
   136    left: 0;
   137    margin-left: -20px;
   138    border: 1px solid #cccccc;
   139    border-radius: 50%;
   140    background-color: #fff;
   141    -webkit-transition: border 0.15s ease-in-out;
   142    -o-transition: border 0.15s ease-in-out;
   143    transition: border 0.15s ease-in-out;
   144  }
   145  .radio label::after {
   146    display: inline-block;
   147    position: absolute;
   148    content: " ";
   149    width: 11px;
   150    height: 11px;
   151    left: 3px;
   152    top: 3px;
   153    margin-left: -20px;
   154    border-radius: 50%;
   155    background-color: #555555;
   156    -webkit-transform: scale(0, 0);
   157    -ms-transform: scale(0, 0);
   158    -o-transform: scale(0, 0);
   159    transform: scale(0, 0);
   160    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
   161    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
   162    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
   163    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
   164  }
   165  .radio input[type="radio"] {
   166    opacity: 0;
   167    z-index: 1;
   168  }
   169  .radio input[type="radio"]:focus + label::before {
   170    outline: thin dotted;
   171    outline: 5px auto -webkit-focus-ring-color;
   172    outline-offset: -2px;
   173  }
   174  .radio input[type="radio"]:checked + label::after {
   175    -webkit-transform: scale(1, 1);
   176    -ms-transform: scale(1, 1);
   177    -o-transform: scale(1, 1);
   178    transform: scale(1, 1);
   179  }
   180  .radio input[type="radio"]:disabled + label {
   181    opacity: 0.65;
   182  }
   183  .radio input[type="radio"]:disabled + label::before {
   184    cursor: not-allowed;
   185  }
   186  .radio.radio-inline {
   187    margin-top: 0;
   188  }
   189  
   190  .radio-primary input[type="radio"] + label::after {
   191    background-color: #337ab7;
   192  }
   193  .radio-primary input[type="radio"]:checked + label::before {
   194    border-color: #337ab7;
   195  }
   196  .radio-primary input[type="radio"]:checked + label::after {
   197    background-color: #337ab7;
   198  }
   199  
   200  .radio-danger input[type="radio"] + label::after {
   201    background-color: #d9534f;
   202  }
   203  .radio-danger input[type="radio"]:checked + label::before {
   204    border-color: #d9534f;
   205  }
   206  .radio-danger input[type="radio"]:checked + label::after {
   207    background-color: #d9534f;
   208  }
   209  
   210  .radio-info input[type="radio"] + label::after {
   211    background-color: #5bc0de;
   212  }
   213  .radio-info input[type="radio"]:checked + label::before {
   214    border-color: #5bc0de;
   215  }
   216  .radio-info input[type="radio"]:checked + label::after {
   217    background-color: #5bc0de;
   218  }
   219  
   220  .radio-warning input[type="radio"] + label::after {
   221    background-color: #f0ad4e;
   222  }
   223  .radio-warning input[type="radio"]:checked + label::before {
   224    border-color: #f0ad4e;
   225  }
   226  .radio-warning input[type="radio"]:checked + label::after {
   227    background-color: #f0ad4e;
   228  }
   229  
   230  .radio-success input[type="radio"] + label::after {
   231    background-color: #5cb85c;
   232  }
   233  .radio-success input[type="radio"]:checked + label::before {
   234    border-color: #5cb85c;
   235  }
   236  .radio-success input[type="radio"]:checked + label::after {
   237    background-color: #5cb85c;
   238  }
   239  
   240  input[type="checkbox"].styled:checked + label:after,
   241  input[type="radio"].styled:checked + label:after {
   242    font-family: 'FontAwesome';
   243    content: "\f00c";
   244  }
   245  input[type="checkbox"] .styled:checked + label::before,
   246  input[type="radio"] .styled:checked + label::before {
   247    color: #fff;
   248  }
   249  input[type="checkbox"] .styled:checked + label::after,
   250  input[type="radio"] .styled:checked + label::after {
   251    color: #fff;
   252  }