github.com/merlinepedra/gopphish-attack@v0.9.0/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 }