color.css 6.2 KB

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