Просмотр файла delta_framework-main/admin/styles/css/toggles.css

Автопокупка рекламы
Размер файла: 5.17Kb 
  1. .toggle-slide {
  2.   overflow: hidden;
  3.   cursor: pointer;
  4.   -webkit-touch-callout: none;
  5.   -webkit-user-select: none;
  6.   -khtml-user-select: none;
  7.   -moz-user-select: none;
  8.   -ms-user-select: none;
  9.   user-select: none;
  10.   direction: ltr;
  11. }
  12. .toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
  13.   float: left;
  14. }
  15. .toggle-slide .toggle-blob {
  16.   position: relative;
  17.   z-index: 99;
  18.   cursor: hand;
  19.   cursor: grab;
  20.   cursor: -moz-grab;
  21.   cursor: -webkit-grab;
  22. }
  23.  
  24. .toggle-slide {
  25.   overflow: hidden;
  26.   cursor: pointer;
  27.   -webkit-touch-callout: none;
  28.   -webkit-user-select: none;
  29.   -khtml-user-select: none;
  30.   -moz-user-select: none;
  31.   -ms-user-select: none;
  32.   user-select: none;
  33.   direction: ltr;
  34. }
  35. .toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
  36.     float: left;
  37. }
  38. .toggle-slide .toggle-blob {
  39.     position: relative;
  40.     z-index: 99;
  41.     cursor: hand;
  42.     cursor: grab;
  43.     cursor: -moz-grab;
  44.     cursor: -webkit-grab;
  45. }
  46.  
  47. /*** THEMES ***/
  48.  
  49. .toggle-default .toggle-slide {
  50.   border: 1px solid #ccc;
  51. }
  52.  
  53. .toggle-default .toggle-slide.active {
  54.   border-color: #999;
  55. }
  56.  
  57. .toggle-default .toggle-slide .toggle-on,
  58. .toggle-default .toggle-slide .toggle-off,
  59. .toggle-default .toggle-slide .toggle-blob {
  60.   font-size: 11px;
  61.   font-weight: 500;
  62. }
  63.  
  64. .toggle-default .toggle-slide .toggle-on,
  65. .toggle-default .toggle-select .toggle-inner .active {
  66.   background: #999;
  67.   color: #fff;
  68. }
  69.  
  70. .toggle-default .toggle-slide .toggle-off,
  71. .toggle-default .toggle-select .toggle-on {
  72.   color: #666;
  73.   background: #f7f7f7;
  74. }
  75.  
  76. .toggle-default .toggle-slide .toggle-blob {
  77.   background: #fff;
  78.   border-right: 1px solid #ccc;
  79. }
  80.  
  81. .toggle-default .toggle-slide.active .toggle-blob {
  82.   border-left: 1px solid #999;
  83.   border-right: 0;
  84. }
  85.  
  86. .toggle-default .toggle-slide .toggle-blob:hover {
  87.   background: #fcfcfc;
  88. }
  89.  
  90. /* toggle primary */
  91.  
  92. .toggle-primary .toggle-slide {
  93.   border: 1px solid #999;
  94. }
  95.  
  96. .toggle-primary .toggle-slide.active {
  97.   border-color: #357EBD;
  98. }
  99.  
  100. .toggle-primary .toggle-slide .toggle-on,
  101. .toggle-primary .toggle-slide .toggle-off,
  102. .toggle-primary .toggle-slide .toggle-blob {
  103.   font-size: 11px;
  104.   font-weight: 500;
  105. }
  106.  
  107. .toggle-primary .toggle-slide .toggle-on,
  108. .toggle-primary .toggle-select .toggle-inner .active {
  109.   background: #428BCA;
  110.   color: #fff;
  111. }
  112.  
  113. .toggle-primary .toggle-slide .toggle-off,
  114. .toggle-primary .toggle-select .toggle-on {
  115.   color: #fff;
  116.   background: #bbb;
  117. }
  118.  
  119. .toggle-primary .toggle-slide .toggle-blob {
  120.   background: #fff;
  121.   border-right: 1px solid #999;
  122. }
  123.  
  124. .toggle-primary .toggle-slide.active .toggle-blob {
  125.   border-left: 1px solid #357EBD;
  126.   border-right: 0;
  127. }
  128.  
  129. .toggle-primary .toggle-slide .toggle-blob:hover {
  130.   background: #fcfcfc;
  131. }
  132.  
  133. /* toggle success */
  134.  
  135. .toggle-success .toggle-slide {
  136.   border: 1px solid #999;
  137. }
  138.  
  139. .toggle-success .toggle-slide.active {
  140.   border-color: #1CAF9A;
  141. }
  142.  
  143. .toggle-success .toggle-slide .toggle-on,
  144. .toggle-success .toggle-slide .toggle-off,
  145. .toggle-success .toggle-slide .toggle-blob {
  146.   font-size: 11px;
  147.   font-weight: 500;
  148. }
  149.  
  150. .toggle-success .toggle-slide .toggle-on,
  151. .toggle-success .toggle-select .toggle-inner .active {
  152.   background: #1CAF9A;
  153.   color: #fff;
  154. }
  155.  
  156. .toggle-success .toggle-slide .toggle-off,
  157. .toggle-success .toggle-select .toggle-on {
  158.   color: #fff;
  159.   background: #bbb;
  160. }
  161.  
  162. .toggle-success .toggle-slide .toggle-blob {
  163.   background: #fff;
  164.   border-right: 1px solid #999;
  165. }
  166.  
  167. .toggle-success .toggle-slide.active .toggle-blob {
  168.   border-left: 1px solid #4CAE4C;
  169.   border-right: 0;
  170. }
  171.  
  172. .toggle-success .toggle-slide .toggle-blob:hover {
  173.   background: #fcfcfc;
  174. }
  175.  
  176. /* toggle warning */
  177.  
  178. .toggle-warning .toggle-slide {
  179.   border: 1px solid #999;
  180. }
  181.  
  182. .toggle-warning .toggle-slide.active {
  183.   border-color: #EEA236;
  184. }
  185.  
  186. .toggle-warning .toggle-slide .toggle-on,
  187. .toggle-warning .toggle-slide .toggle-off,
  188. .toggle-warning .toggle-slide .toggle-blob {
  189.   font-size: 11px;
  190.   font-weight: 500;
  191. }
  192.  
  193. .toggle-warning .toggle-slide .toggle-on,
  194. .toggle-warning .toggle-select .toggle-inner .active {
  195.   background: #F0AD4E;
  196.   color: #fff;
  197. }
  198.  
  199. .toggle-warning .toggle-slide .toggle-off,
  200. .toggle-warning .toggle-select .toggle-on {
  201.   color: #fff;
  202.   background: #bbb;
  203. }
  204.  
  205. .toggle-warning .toggle-slide .toggle-blob {
  206.   background: #fff;
  207.   border-right: 1px solid #999;
  208. }
  209.  
  210. .toggle-warning .toggle-slide.active .toggle-blob {
  211.   border-left: 1px solid #EEA236;
  212.   border-right: 0;
  213. }
  214.  
  215. .toggle-warning .toggle-slide .toggle-blob:hover {
  216.   background: #fcfcfc;
  217. }
  218.  
  219. /* toggle danger */
  220.  
  221. .toggle-danger .toggle-slide {
  222.   border: 1px solid #999;
  223. }
  224.  
  225. .toggle-danger .toggle-slide.active {
  226.   border-color: #D43F3A;
  227. }
  228.  
  229. .toggle-danger .toggle-slide .toggle-on,
  230. .toggle-danger .toggle-slide .toggle-off,
  231. .toggle-danger .toggle-slide .toggle-blob {
  232.   font-size: 11px;
  233.   font-weight: 500;
  234. }
  235.  
  236. .toggle-danger .toggle-slide .toggle-on,
  237. .toggle-danger .toggle-select .toggle-inner .active {
  238.   background: #D9534F;
  239.   color: #fff;
  240. }
  241.  
  242. .toggle-danger .toggle-slide .toggle-off,
  243. .toggle-danger .toggle-select .toggle-on {
  244.   color: #fff;
  245.   background: #bbb;
  246. }
  247.  
  248. .toggle-danger .toggle-slide .toggle-blob {
  249.   background: #fff;
  250.   border-right: 1px solid #999;
  251. }
  252.  
  253. .toggle-danger .toggle-slide.active .toggle-blob {
  254.   border-left: 1px solid #D43F3A;
  255.   border-right: 0;
  256. }
  257.  
  258. .toggle-danger .toggle-slide .toggle-blob:hover {
  259.   background: #fcfcfc;
  260. }