You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

177 lines
5.8 KiB

1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. .checkbox {
  2. padding-left: 20px; }
  3. .checkbox label {
  4. display: inline-block;
  5. position: relative;
  6. padding-left: 5px; }
  7. .checkbox label::before {
  8. content: "";
  9. display: inline-block;
  10. position: absolute;
  11. width: 17px;
  12. height: 17px;
  13. left: 0;
  14. margin-left: -20px;
  15. border: 1px solid #cccccc;
  16. border-radius: 3px;
  17. background-color: #fff;
  18. -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  19. -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  20. transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  21. .checkbox label::after {
  22. display: inline-block;
  23. position: absolute;
  24. width: 16px;
  25. height: 16px;
  26. left: 0;
  27. top: 0;
  28. margin-left: -20px;
  29. padding-left: 3px;
  30. padding-top: 1px;
  31. font-size: 11px;
  32. color: #555555; }
  33. .checkbox input[type="checkbox"] {
  34. opacity: 0;
  35. z-index: 1; }
  36. .checkbox input[type="checkbox"]:focus + label::before {
  37. outline: thin dotted;
  38. outline: 5px auto -webkit-focus-ring-color;
  39. outline-offset: -2px; }
  40. .checkbox input[type="checkbox"]:checked + label::after {
  41. font-family: 'FontAwesome';
  42. content: "\f00c"; }
  43. .checkbox input[type="checkbox"]:disabled + label {
  44. opacity: 0.65; }
  45. .checkbox input[type="checkbox"]:disabled + label::before {
  46. background-color: #eeeeee;
  47. cursor: not-allowed; }
  48. .checkbox.checkbox-circle label::before {
  49. border-radius: 50%; }
  50. .checkbox.checkbox-inline {
  51. margin-top: 0; }
  52. .checkbox.checkbox-single label {
  53. height: 17px; }
  54. .checkbox-primary input[type="checkbox"]:checked + label::before {
  55. background-color: #428bca;
  56. border-color: #428bca; }
  57. .checkbox-primary input[type="checkbox"]:checked + label::after {
  58. color: #fff; }
  59. .checkbox-danger input[type="checkbox"]:checked + label::before {
  60. background-color: #d9534f;
  61. border-color: #d9534f; }
  62. .checkbox-danger input[type="checkbox"]:checked + label::after {
  63. color: #fff; }
  64. .checkbox-info input[type="checkbox"]:checked + label::before {
  65. background-color: #5bc0de;
  66. border-color: #5bc0de; }
  67. .checkbox-info input[type="checkbox"]:checked + label::after {
  68. color: #fff; }
  69. .checkbox-warning input[type="checkbox"]:checked + label::before {
  70. background-color: #f0ad4e;
  71. border-color: #f0ad4e; }
  72. .checkbox-warning input[type="checkbox"]:checked + label::after {
  73. color: #fff; }
  74. .checkbox-success input[type="checkbox"]:checked + label::before {
  75. background-color: #5cb85c;
  76. border-color: #5cb85c; }
  77. .checkbox-success input[type="checkbox"]:checked + label::after {
  78. color: #fff; }
  79. .radio {
  80. padding-left: 20px; }
  81. .radio label {
  82. display: inline-block;
  83. position: relative;
  84. padding-left: 5px; }
  85. .radio label::before {
  86. content: "";
  87. display: inline-block;
  88. position: absolute;
  89. width: 17px;
  90. height: 17px;
  91. left: 0;
  92. margin-left: -20px;
  93. border: 1px solid #cccccc;
  94. border-radius: 50%;
  95. background-color: #fff;
  96. -webkit-transition: border 0.15s ease-in-out;
  97. -o-transition: border 0.15s ease-in-out;
  98. transition: border 0.15s ease-in-out; }
  99. .radio label::after {
  100. display: inline-block;
  101. position: absolute;
  102. content: " ";
  103. width: 11px;
  104. height: 11px;
  105. left: 3px;
  106. top: 3px;
  107. margin-left: -20px;
  108. border-radius: 50%;
  109. background-color: #555555;
  110. -webkit-transform: scale(0, 0);
  111. -ms-transform: scale(0, 0);
  112. -o-transform: scale(0, 0);
  113. transform: scale(0, 0);
  114. -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  115. -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  116. -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  117. transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  118. .radio input[type="radio"] {
  119. opacity: 0;
  120. z-index: 1; }
  121. .radio input[type="radio"]:focus + label::before {
  122. outline: thin dotted;
  123. outline: 5px auto -webkit-focus-ring-color;
  124. outline-offset: -2px; }
  125. .radio input[type="radio"]:checked + label::after {
  126. -webkit-transform: scale(1, 1);
  127. -ms-transform: scale(1, 1);
  128. -o-transform: scale(1, 1);
  129. transform: scale(1, 1); }
  130. .radio input[type="radio"]:disabled + label {
  131. opacity: 0.65; }
  132. .radio input[type="radio"]:disabled + label::before {
  133. cursor: not-allowed; }
  134. .radio.radio-inline {
  135. margin-top: 0; }
  136. .radio.radio-single label {
  137. height: 17px; }
  138. .radio-primary input[type="radio"] + label::after {
  139. background-color: #428bca; }
  140. .radio-primary input[type="radio"]:checked + label::before {
  141. border-color: #428bca; }
  142. .radio-primary input[type="radio"]:checked + label::after {
  143. background-color: #428bca; }
  144. .radio-danger input[type="radio"] + label::after {
  145. background-color: #d9534f; }
  146. .radio-danger input[type="radio"]:checked + label::before {
  147. border-color: #d9534f; }
  148. .radio-danger input[type="radio"]:checked + label::after {
  149. background-color: #d9534f; }
  150. .radio-info input[type="radio"] + label::after {
  151. background-color: #5bc0de; }
  152. .radio-info input[type="radio"]:checked + label::before {
  153. border-color: #5bc0de; }
  154. .radio-info input[type="radio"]:checked + label::after {
  155. background-color: #5bc0de; }
  156. .radio-warning input[type="radio"] + label::after {
  157. background-color: #f0ad4e; }
  158. .radio-warning input[type="radio"]:checked + label::before {
  159. border-color: #f0ad4e; }
  160. .radio-warning input[type="radio"]:checked + label::after {
  161. background-color: #f0ad4e; }
  162. .radio-success input[type="radio"] + label::after {
  163. background-color: #5cb85c; }
  164. .radio-success input[type="radio"]:checked + label::before {
  165. border-color: #5cb85c; }
  166. .radio-success input[type="radio"]:checked + label::after {
  167. background-color: #5cb85c; }