color.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. .c1,.c1:hover,.c1>.panel-header{
  2. color: #fff;
  3. border-color: #3c8b3c;
  4. background: #4cae4c;
  5. background: -webkit-linear-gradient(top,#4cae4c 0,#449d44 100%);
  6. background: -moz-linear-gradient(top,#4cae4c 0,#449d44 100%);
  7. background: -o-linear-gradient(top,#4cae4c 0,#449d44 100%);
  8. background: linear-gradient(to bottom,#4cae4c 0,#449d44 100%);
  9. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cae4c,endColorstr=#449d44,GradientType=0);
  10. }
  11. a.c1:hover{
  12. background: #449d44;
  13. filter: none;
  14. }
  15. .c1>.panel-body{
  16. border-color: #3c8b3c;
  17. }
  18. .c1>.dialog-toolbar,.c1>.dialog-button{
  19. border-left-color: #3c8b3c;
  20. border-right-color: #3c8b3c;
  21. }
  22. .c1>.dialog-button{
  23. border-bottom-color: #3c8b3c;
  24. }
  25. .c2,.c2:hover,.c2>.panel-header{
  26. color: #fff;
  27. border-color: #5f5f5f;
  28. background: #747474;
  29. background: -webkit-linear-gradient(top,#747474 0,#676767 100%);
  30. background: -moz-linear-gradient(top,#747474 0,#676767 100%);
  31. background: -o-linear-gradient(top,#747474 0,#676767 100%);
  32. background: linear-gradient(to bottom,#747474 0,#676767 100%);
  33. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#747474,endColorstr=#676767,GradientType=0);
  34. }
  35. a.c2:hover{
  36. background: #676767;
  37. filter: none;
  38. }
  39. .c2>.panel-body{
  40. border-color: #5f5f5f;
  41. }
  42. .c2>.dialog-toolbar,.c2>.dialog-button{
  43. border-left-color: #5f5f5f;
  44. border-right-color: #5f5f5f;
  45. }
  46. .c2>.dialog-button{
  47. border-bottom-color: #5f5f5f;
  48. }
  49. .c3,.c3:hover,.c3>.panel-header{
  50. color: #333;
  51. border-color: #ff8080;
  52. background: #ffb3b3;
  53. background: -webkit-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
  54. background: -moz-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
  55. background: -o-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
  56. background: linear-gradient(to bottom,#ffb3b3 0,#ff9999 100%);
  57. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb3b3,endColorstr=#ff9999,GradientType=0);
  58. }
  59. a.c3:hover{
  60. background: #ff9999;
  61. filter: none;
  62. }
  63. .c3>.panel-body{
  64. border-color: #ff8080;
  65. }
  66. .c3>.dialog-toolbar,.c3>.dialog-button{
  67. border-left-color: #ff8080;
  68. border-right-color: #ff8080;
  69. }
  70. .c3>.dialog-button{
  71. border-bottom-color: #ff8080;
  72. }
  73. .c4,.c4:hover,.c4>.panel-header{
  74. color: #333;
  75. border-color: #52d689;
  76. background: #b8eecf;
  77. background: -webkit-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
  78. background: -moz-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
  79. background: -o-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
  80. background: linear-gradient(to bottom,#b8eecf 0,#a4e9c1 100%);
  81. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8eecf,endColorstr=#a4e9c1,GradientType=0);
  82. }
  83. a.c4:hover{
  84. background: #a4e9c1;
  85. filter: none;
  86. }
  87. .c4>.panel-body{
  88. border-color: #52d689;
  89. }
  90. .c4>.dialog-toolbar,.c4>.dialog-button{
  91. border-left-color: #52d689;
  92. border-right-color: #52d689;
  93. }
  94. .c4>.dialog-button{
  95. border-bottom-color: #52d689;
  96. }
  97. .c5,.c5:hover,.c5>.panel-header{
  98. color: #fff;
  99. border-color: #b52b27;
  100. background: #d84f4b;
  101. background: -webkit-linear-gradient(top,#d84f4b 0,#c9302c 100%);
  102. background: -moz-linear-gradient(top,#d84f4b 0,#c9302c 100%);
  103. background: -o-linear-gradient(top,#d84f4b 0,#c9302c 100%);
  104. background: linear-gradient(to bottom,#d84f4b 0,#c9302c 100%);
  105. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d84f4b,endColorstr=#c9302c,GradientType=0);
  106. }
  107. a.c5:hover{
  108. background: #c9302c;
  109. filter: none;
  110. }
  111. .c5>.panel-body{
  112. border-color: #b52b27;
  113. }
  114. .c5>.dialog-toolbar,.c5>.dialog-button{
  115. border-left-color: #b52b27;
  116. border-right-color: #b52b27;
  117. }
  118. .c5>.dialog-button{
  119. border-bottom-color: #b52b27;
  120. }
  121. .c6,.c6:hover,.c6>.panel-header{
  122. color: #fff;
  123. border-color: #1f637b;
  124. background: #2984a4;
  125. background: -webkit-linear-gradient(top,#2984a4 0,#24748f 100%);
  126. background: -moz-linear-gradient(top,#2984a4 0,#24748f 100%);
  127. background: -o-linear-gradient(top,#2984a4 0,#24748f 100%);
  128. background: linear-gradient(to bottom,#2984a4 0,#24748f 100%);
  129. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2984a4,endColorstr=#24748f,GradientType=0);
  130. }
  131. a.c6:hover{
  132. background: #24748f;
  133. filter: none;
  134. }
  135. .c6>.panel-body{
  136. border-color: #1f637b;
  137. }
  138. .c6>.dialog-toolbar,.c6>.dialog-button{
  139. border-left-color: #1f637b;
  140. border-right-color: #1f637b;
  141. }
  142. .c6>.dialog-button{
  143. border-bottom-color: #1f637b;
  144. }
  145. .c7,.c7:hover,.c7>.panel-header{
  146. color: #333;
  147. border-color: #e68900;
  148. background: #ffab2e;
  149. background: -webkit-linear-gradient(top,#ffab2e 0,#ff9900 100%);
  150. background: -moz-linear-gradient(top,#ffab2e 0,#ff9900 100%);
  151. background: -o-linear-gradient(top,#ffab2e 0,#ff9900 100%);
  152. background: linear-gradient(to bottom,#ffab2e 0,#ff9900 100%);
  153. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e,endColorstr=#ff9900,GradientType=0);
  154. }
  155. a.c7:hover{
  156. background: #ff9900;
  157. filter: none;
  158. }
  159. .c7>.panel-body{
  160. border-color: #e68900;
  161. }
  162. .c7>.dialog-toolbar,.c7>.dialog-button{
  163. border-left-color: #e68900;
  164. border-right-color: #e68900;
  165. }
  166. .c7>.dialog-button{
  167. border-bottom-color: #e68900;
  168. }
  169. .c8,.c8:hover,.c8>.panel-header{
  170. color: #fff;
  171. border-color: #4b72a4;
  172. background: #698cba;
  173. background: -webkit-linear-gradient(top,#698cba 0,#577eb2 100%);
  174. background: -moz-linear-gradient(top,#698cba 0,#577eb2 100%);
  175. background: -o-linear-gradient(top,#698cba 0,#577eb2 100%);
  176. background: linear-gradient(to bottom,#698cba 0,#577eb2 100%);
  177. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#698cba,endColorstr=#577eb2,GradientType=0);
  178. }
  179. a.c8:hover{
  180. background: #577eb2;
  181. filter: none;
  182. }
  183. .c8>.panel-body{
  184. border-color: #4b72a4;
  185. }
  186. .c8>.dialog-toolbar,.c8>.dialog-button{
  187. border-left-color: #4b72a4;
  188. border-right-color: #4b72a4;
  189. }
  190. .c8>.dialog-button{
  191. border-bottom-color: #4b72a4;
  192. }
  193. .c1>.panel-header>.panel-title,.c2>.panel-header>.panel-title,
  194. .c5>.panel-header>.panel-title,.c6>.panel-header>.panel-title,.c8>.panel-header>.panel-title{
  195. color: #fff;
  196. }
  197. .c-plain{
  198. border-color: #fff;
  199. background: #fff;
  200. }
  201. .c-plain>.panel-header,
  202. .c-plain>.panel-body,
  203. .c-plain>.dialog-button,
  204. .c-plain>.dialog-toolbar{
  205. border-color: transparent;
  206. background: transparent;
  207. }
  208. .c-raised{
  209. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  210. }