colors.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  1. /*!
  2. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  3. *
  4. * CASCADE FRAMEWORK 1.0
  5. *
  6. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  7. *
  8. *
  9. * Copyright 2013, John Slegers
  10. * Released under the MIT license
  11. * http://jslegers.github.com/cascadeframework/license.html
  12. *
  13. *
  14. * This means you can use Cascade Framework for any project,
  15. * whether commercial or not.
  16. *
  17. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  18. *
  19. *
  20. * Cascade Framework also contains the following goodies,
  21. * which all have the same or similar 'permissive licenses :
  22. *
  23. *
  24. * Includes polyfills by Joshua Bell
  25. * http://www.calormen.com/polyfill/
  26. * Released in public domain
  27. *
  28. *
  29. * Includes Google ExplorerCanvas
  30. * https://code.google.com/p/explorercanvas/
  31. * Released under the Apache 2.0 license
  32. *
  33. *
  34. * Includes Google Prettify
  35. * https://code.google.com/p/google-code-prettify/
  36. * Released under the Apache 2.0 license
  37. *
  38. *
  39. * Includes Yepnope
  40. * http://yepnopejs.com/
  41. * Released under the WTFPL license
  42. *
  43. *
  44. * Includes Modernizr
  45. * http://modernizr.com/
  46. * Released under the MIT license
  47. *
  48. *
  49. * Includes lodash
  50. * http://lodash.com/
  51. * Released under the MIT license
  52. *
  53. *
  54. * Includes jQuery
  55. * http://jquery.com/
  56. * Released under the MIT license
  57. *
  58. *
  59. * Includes jQuery Easing plugin
  60. * http://gsgd.co.uk/sandbox/jquery/easing/
  61. * Released under the BSD license
  62. *
  63. *
  64. * Includes jQuery Flot plugin
  65. * http://www.flotcharts.org/
  66. * Released under the MIT license
  67. *
  68. *
  69. * Includes the Font Awesome webfont
  70. * http://fortawesome.github.com/Font-Awesome/
  71. * Released under the SIL Open Font License
  72. *
  73. *
  74. *
  75. *
  76. *
  77. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  78. *
  79. * Cascade Framework was inspired by many articles and projects
  80. *
  81. * Especially these authors are worth mentioning :
  82. *
  83. * Nicolle Sullivan
  84. * Jonathan Snook
  85. * Chris Coyier
  86. * Eric Meyer
  87. * Nicolas Gallagher
  88. * Paul Irish
  89. * Mark Otto
  90. * Jacob Thornton
  91. *
  92. *
  93. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  94. * Date: 2013-03-15
  95. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  96. */
  97. table.box-header th {
  98. background-color:#4F82B4;
  99. color:#fff;
  100. }
  101. code,.files .tree a:hover {
  102. border-color:#e1e1e8;
  103. }
  104. .pipes li,.outline,.outline-header th,.icon-border {
  105. border-color:#333;
  106. }
  107. .datasheet th,.files .tree a {
  108. border-color:#fff;
  109. }
  110. fieldset {
  111. border-color:#c0c0c0;
  112. }
  113. hr {
  114. border-bottom-color:#fff;
  115. }
  116. .datasheet th {
  117. border-right-color:#ccc;
  118. border-bottom-color:#ccc;
  119. }
  120. .site-header,.site-header-fixture {
  121. background:#2d3538;
  122. }
  123. .tags .blocks li.disabled,.tags .blocks a {
  124. background:#e5e5e0;
  125. }
  126. .tags .blocks a:hover{
  127. background:#dcdcd5;
  128. }
  129. input:invalid,textarea:invalid {
  130. background:#f0dddd;
  131. }
  132. pre code {
  133. background:none;
  134. }
  135. ins {
  136. background:#ff9;
  137. }
  138. mark {
  139. background:#ff0;
  140. }
  141. body,.site-footer,.site-footer-fixture,pre,button,.panel .footer,.button,.menu .stat a:hover,.files .tree a:hover,.panel .header,.datasheet th,code,.menu .active a,.tab-block .body, .tab-block .body .tabs .nav a,.menu .active a:hover,.menu .links .active a:hover {
  142. background-color:#f7f7f9;
  143. }
  144. input,textarea,select,table,.site-body,.panel,.menu .links a:hover,.tabs .nav a,.tab-block .tabs .nav .active a,.tab-content,.tab-block .panel .body,.tabs .nav .active a:hover {
  145. background-color:#fff;
  146. }
  147. .menu-tabs .menu a:hover {
  148. background:#15628e;
  149. }
  150. .label {
  151. background:#999;
  152. }
  153. .masthead,.menu a:hover,.menu-tabs .menu .nav,.menu-tabs .active a,.menu-tabs .tabs .nav .active a,.menu-tabs .active a:hover,.menu-tabs .tabs .active a:hover {
  154. background:#4F82B4;
  155. }
  156. .pagination a {
  157. background:url('../img/alpha-w-60.png');
  158. _background:none;
  159. }
  160. .pagination a:hover,.pagination a:focus,.hovered-button,.button:hover {
  161. background-image:url('../img/alpha-10.png');
  162. _background:#eee;
  163. }
  164. .files .tree a {
  165. background:url("../img/icon-file.gif") 5px 50% no-repeat;
  166. }
  167. .files .tree .collapse-trigger {
  168. background:url("../img/icon-folder-open.gif") 5px 50% no-repeat;
  169. }
  170. .files .tree .collapsed .collapse-trigger {
  171. background:url("../img/icon-folder.gif") 5px 50% no-repeat;
  172. }
  173. .site-header .nav a:hover {
  174. color:#ccc;
  175. }
  176. .site-header .nav a {
  177. color:#999;
  178. }
  179. .tiny {
  180. color:#ccc;
  181. }
  182. h6,small,.label,.menu .text {
  183. color:#999;
  184. }
  185. input,textarea,.typ,.atn,.dec,.var {
  186. color:#808080;
  187. }
  188. code {
  189. color:#d14;
  190. }
  191. .parsley-error-list li {
  192. color:#9d261d;
  193. }
  194. pre code {
  195. color:inherit;
  196. }
  197. body,select,input,textarea,.nav a,.nav a:hover,button,.button,.button:hover,.menu .active a,.menu .active a:hover,.tabs .active a,.tabs .active a:hover {
  198. color:#333;
  199. }
  200. .menu .links a,a,.pipes a,.menu .stat a {
  201. color:#4F82B4;
  202. }
  203. a:hover,.menu .links a:hover,.pipes a:hover,.menu .stat a:hover,.tags .cloud a:hover {
  204. color:#2F69A2;
  205. }
  206. .tags .disabled,.tabs a, .tags a,.tags a:hover {
  207. color:#686867;
  208. }
  209. .masthead,table.box-header th,.label,.menu a:hover,.site-header,.site-header .nav .active a,.site-header .nav .active a:hover,.menu-tabs .menu a, .menu-tabs .active a, .menu-tabs .active a:hover {
  210. color:#fff;
  211. }
  212. .lit {
  213. color:#195f91;
  214. }
  215. .com,.pun,.opn,.clo {
  216. color:#93a1a1;
  217. }
  218. .fun {
  219. color:#dc322f;
  220. }
  221. .str, .atv {
  222. color:#D14;
  223. }
  224. .kwd, .prettyprint .tag {
  225. color:#1e347b;
  226. }
  227. .pln {
  228. color:#48484c;
  229. }
  230. :-moz-placeholder {
  231. color:#999;
  232. }
  233. ::-webkit-input-placeholder {
  234. color:#999;
  235. }
  236. ::-moz-selection {
  237. background:#0050A3; color:#fff; text-shadow:none;
  238. }
  239. ::selection {
  240. background:#0050A3; color:#fff; text-shadow:none;
  241. }
  242. select:focus, input:focus,textarea:focus {
  243. border-color:#115698;
  244. }
  245. [disabled],[readonly] {
  246. cursor:not-allowed;
  247. background-color:#eeeeee;
  248. }
  249. .background-blue {
  250. background:#15628e !important;
  251. }
  252. .background-green {
  253. background:#46a546 !important;
  254. }
  255. .background-red {
  256. background:#9d261d !important;
  257. }
  258. .background-yellow {
  259. background:#ffc40d !important;
  260. }
  261. .background-orange {
  262. background:#f89406 !important;
  263. }
  264. .background-pink {
  265. background:#f49ac1 !important;
  266. }
  267. .background-purple {
  268. background:#7a43b6 !important;
  269. }
  270. .background-grey {
  271. background:#999 !important;
  272. }
  273. .background-black {
  274. background:#333 !important;
  275. }
  276. .background-white {
  277. background:#fff !important;
  278. }
  279. .background-blue,.background-green,.background-red,.background-yellow,.background-orange,.background-pink,.background-purple,.background-grey,.background-black {
  280. color:#fff !important;
  281. }
  282. .color-blue {
  283. color:#15628e !important;
  284. }
  285. .color-green {
  286. color:#46a546 !important;
  287. }
  288. .color-red {
  289. color:#9d261d !important;
  290. }
  291. .color-yellow {
  292. color:#ffc40d !important;
  293. }
  294. .color-orange {
  295. color:#f89406 !important;
  296. }
  297. .color-pink {
  298. color:#c3325f !important;
  299. }
  300. .color-purple {
  301. color:#7a43b6 !important;
  302. }
  303. .color-grey {
  304. color:#999 !important;
  305. }
  306. .color-black {
  307. color:#333 !important;
  308. }
  309. .color-white {
  310. color:#fff !important;
  311. }
  312. ::selection {
  313. background:#15628e;
  314. }
  315. ::-moz-selection {
  316. background:#15628e;
  317. }
  318. html {
  319. -webkit-tap-highlight-color:rgba(255,255,255,0);
  320. }
  321. a {
  322. -webkit-tap-highlight-color:#15628e;
  323. }
  324. .gradient {
  325. background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  326. background-image:-moz-linear-gradient(top, rgba(234,234,234,0) 0%, rgba(0,0,0,0.15) 100%);
  327. background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,0)), color-stop(100%,rgba(0,0,0,0.15)));
  328. background-image:-webkit-linear-gradient(top, rgba(234,234,234,0) 0%,rgba(0,0,0,0.15) 100%);
  329. background-image:-o-linear-gradient(top, rgba(234,234,234,0) 0%,rgba(0,0,0,0.15) 100%);
  330. background-image:-ms-linear-gradient(top, rgba(234,234,234,0) 0%,rgba(0,0,0,0.15) 100%);
  331. background-image:linear-gradient(top, rgba(234,234,234,0) 0%,rgba(0,0,0,0.15) 100%);
  332. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#26000000',GradientType=0 );
  333. }