Advertisement
meowmoriaoi

Radio oh Radio

Dec 15th, 2019
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.32 KB | None | 0 0
  1. }
  2. .custom-control {
  3. position:relative;
  4. display:block;
  5. min-height:1.5rem;
  6. padding-left:1.5rem
  7. }
  8. .custom-control-inline {
  9. display:-ms-inline-flexbox;
  10. display:inline-flex;
  11. margin-right:1rem
  12. }
  13. .custom-control-input {
  14. position:absolute;
  15. z-index:-1;
  16. opacity:0
  17. }
  18. .custom-control-input:checked~.custom-control-label::before {
  19. color:#fff;
  20. background-color:#007bff
  21. }
  22. .custom-control-input:focus~.custom-control-label::before {
  23. box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  24. }
  25. .custom-control-input:active~.custom-control-label::before {
  26. color:#fff;
  27. background-color:#b3d7ff
  28. }
  29. .custom-control-input:disabled~.custom-control-label {
  30. color:#6c757d
  31. }
  32. .custom-control-input:disabled~.custom-control-label::before {
  33. background-color:#e9ecef
  34. }
  35. .custom-control-label {
  36. margin-bottom:0
  37. }
  38. .custom-control-label::before {
  39. position:absolute;
  40. top:.25rem;
  41. left:0;
  42. display:block;
  43. width:1rem;
  44. height:1rem;
  45. pointer-events:none;
  46. content:"";
  47. -webkit-user-select:none;
  48. -moz-user-select:none;
  49. -ms-user-select:none;
  50. user-select:none;
  51. background-color:#dee2e6
  52. }
  53. .custom-control-label::after {
  54. position:absolute;
  55. top:.25rem;
  56. left:0;
  57. display:block;
  58. width:1rem;
  59. height:1rem;
  60. content:"";
  61. background-repeat:no-repeat;
  62. background-position:center center;
  63. background-size:50% 50%
  64. }
  65. .custom-checkbox .custom-control-label::before {
  66. border-radius:.25rem
  67. }
  68. .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  69. background-color:#007bff
  70. }
  71. .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  72. background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
  73. }
  74. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  75. background-color:#007bff
  76. }
  77. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  78. background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
  79. }
  80. .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  81. background-color:rgba(0,123,255,.5)
  82. }
  83. .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  84. background-color:rgba(0,123,255,.5)
  85. }
  86. .custom-radio .custom-control-label::before {
  87. border-radius:50%
  88. }
  89. .custom-radio .custom-control-input:checked~.custom-control-label::before {
  90. background-color:#007bff
  91. }
  92. .custom-radio .custom-control-input:checked~.custom-control-label::after {
  93. background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
  94. }
  95. .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  96. background-color:rgba(0,123,255,.5)
  97. }
  98. .custom-select {
  99. display:inline-block;
  100. width:100%;
  101. height:calc(2.25rem + 2px);
  102. padding:.375rem 1.75rem .375rem .75rem;
  103. line-height:1.5;
  104. color:#495057;
  105. vertical-align:middle;
  106. background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
  107. background-size:8px 10px;
  108. border:1px solid #ced4da;
  109. border-radius:.25rem;
  110. -webkit-appearance:none;
  111. -moz-appearance:none;
  112. appearance:none
  113. }
  114. .custom-select:focus {
  115. border-color:#80bdff;
  116. outline:0;
  117. box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
  118. }
  119. .custom-select:focus::-ms-value {
  120. color:#495057;
  121. background-color:#fff
  122. }
  123. .custom-select[multiple],
  124. .custom-select[size]:not([size="1"]) {
  125. height:auto;
  126. padding-right:.75rem;
  127. background-image:none
  128. }
  129. .custom-select:disabled {
  130. color:#6c757d;
  131. background-color:#e9ecef
  132. }
  133. .custom-select::-ms-expand {
  134. opacity:0
  135. }
  136. .custom-select-sm {
  137. height:calc(1.8125rem + 2px);
  138. padding-top:.375rem;
  139. padding-bottom:.375rem;
  140. font-size:75%
  141. }
  142. .custom-select-lg {
  143. height:calc(2.875rem + 2px);
  144. padding-top:.375rem;
  145. padding-bottom:.375rem;
  146. font-size:125%
  147. }
  148. .custom-file {
  149. position:relative;
  150. display:inline-block;
  151. width:100%;
  152. height:calc(2.25rem + 2px);
  153. margin-bottom:0
  154. }
  155. .custom-file-input {
  156. position:relative;
  157. z-index:2;
  158. width:100%;
  159. height:calc(2.25rem + 2px);
  160. margin:0;
  161. opacity:0
  162. }
  163. .custom-file-input:focus~.custom-file-label {
  164. border-color:#80bdff;
  165. box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
  166. }
  167. .custom-file-input:focus~.custom-file-label::after {
  168. border-color:#80bdff
  169. }
  170. .custom-file-input:lang(en)~.custom-file-label::after {
  171. content:"Browse"
  172. }
  173. .custom-file-label {
  174. position:absolute;
  175. top:0;
  176. right:0;
  177. left:0;
  178. z-index:1;
  179. height:calc(2.25rem + 2px);
  180. padding:.375rem .75rem;
  181. line-height:1.5;
  182. color:#495057;
  183. background-color:#fff;
  184. border:1px solid #ced4da;
  185. border-radius:.25rem
  186. }
  187. .custom-file-label::after {
  188. position:absolute;
  189. top:0;
  190. right:0;
  191. bottom:0;
  192. z-index:3;
  193. display:block;
  194. height:calc(calc(2.25rem + 2px) - 1px * 2);
  195. padding:.375rem .75rem;
  196. line-height:1.5;
  197. color:#495057;
  198. content:"Browse";
  199. background-color:#e9ecef;
  200. border-left:1px solid #ced4da;
  201. border-radius:0 .25rem .25rem 0
  202. }
  203. .custom-range {
  204. width:100%;
  205. padding-left:0;
  206. background-color:transparent;
  207. -webkit-appearance:none;
  208. -moz-appearance:none;
  209. appearance:none
  210. }
  211. .custom-range:focus {
  212. outline:0
  213. }
  214. .custom-range::-moz-focus-outer {
  215. border:0
  216. }
  217. .custom-range::-webkit-slider-thumb {
  218. width:1rem;
  219. height:1rem;
  220. margin-top:-.25rem;
  221. background-color:#007bff;
  222. border:0;
  223. border-radius:1rem;
  224. -webkit-appearance:none;
  225. appearance:none
  226. }
  227. .custom-range::-webkit-slider-thumb:focus {
  228. outline:0;
  229. box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  230. }
  231. .custom-range::-webkit-slider-thumb:active {
  232. background-color:#b3d7ff
  233. }
  234. .custom-range::-webkit-slider-runnable-track {
  235. width:100%;
  236. height:.5rem;
  237. color:transparent;
  238. cursor:pointer;
  239. background-color:#dee2e6;
  240. border-color:transparent;
  241. border-radius:1rem
  242. }
  243. .custom-range::-moz-range-thumb {
  244. width:1rem;
  245. height:1rem;
  246. background-color:#007bff;
  247. border:0;
  248. border-radius:1rem;
  249. -moz-appearance:none;
  250. appearance:none
  251. }
  252. .custom-range::-moz-range-thumb:focus {
  253. outline:0;
  254. box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  255. }
  256. .custom-range::-moz-range-thumb:active {
  257. background-color:#b3d7ff
  258. }
  259. .custom-range::-moz-range-track {
  260. width:100%;
  261. height:.5rem;
  262. color:transparent;
  263. cursor:pointer;
  264. background-color:#dee2e6;
  265. border-color:transparent;
  266. border-radius:1rem
  267. }
  268. .custom-range::-ms-thumb {
  269. width:1rem;
  270. height:1rem;
  271. background-color:#007bff;
  272. border:0;
  273. border-radius:1rem;
  274. appearance:none
  275. }
  276. .custom-range::-ms-thumb:focus {
  277. outline:0;
  278. box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  279. }
  280. .custom-range::-ms-thumb:active {
  281. background-color:#b3d7ff
  282. }
  283. .custom-range::-ms-track {
  284. width:100%;
  285. height:.5rem;
  286. color:transparent;
  287. cursor:pointer;
  288. background-color:transparent;
  289. border-color:transparent;
  290. border-width:.5rem
  291. }
  292. .custom-range::-ms-fill-lower {
  293. background-color:#dee2e6;
  294. border-radius:1rem
  295. }
  296. .custom-range::-ms-fill-upper {
  297. margin-right:15px;
  298. background-color:#dee2e6;
  299. border-radius:1rem
  300. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement