demo.css 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
  1. /* Reset Styles
  2. ***********************/
  3. html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  4. /* HTML5 display-role reset for older browsers */
  5. article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
  6. body {line-height: 1;}
  7. ol, ul {list-style: none;}
  8. blockquote, q demo
  9. blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
  10. table {border-collapse: collapse; border-spacing: 0;}
  11. strong {font-weight: bold;}
  12. em {font-style: italic;}
  13. /*
  14. * MyFonts Webfont Build ID 1114443, 2011-09-02T06:08:04-0400 - REGULAR
  15. * MyFonts Webfont Build ID 1118460, 2011-09-05T07:13:16-0400 - MEDIUM
  16. * MyFonts Webfont Build ID 825795, 2011-05-26T03:42:08-0400 - SEMIBOLD
  17. *
  18. * The fonts listed in this notice are subject to the End User License
  19. * Agreement(s) entered into by the website owner. All other parties are
  20. * explicitly restricted from using the Licensed Webfonts(s).
  21. *
  22. * You may obtain a valid license at the URLs below
  23. *
  24. * License: http://www.myfonts.com/viewlicense?type=web&buildid=1114443 - REGULAR
  25. * License: http://www.myfonts.com/viewlicense?type=web&buildid=1118460 - MEDIUM
  26. * License: http://www.myfonts.com/viewlicense?1056 - SEMIBOLD
  27. *
  28. * Webfont: Geogrotesque SemiBold
  29. * URL: http://new.myfonts.com/fonts/emtype/geogrotesque/semibold/
  30. * Foundry: Emtype Foundry
  31. * Copyright: Copyright © 2009 by Eduardo Manso. All rights reserved.
  32. * Licensed pageviews: 10,000,000/month
  33. *
  34. * © 2011 Bitstream Inc
  35. */
  36. /* GEO - Semibold */
  37. @font-face {font-family: 'Geogrotesque-SemiBold';src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot');src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('../fonts/webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('../fonts/webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');}
  38. /* GEO - Medium */
  39. @font-face {font-family: 'Geogrotesque-Medium';src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot');src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('../fonts/webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('webfonts/1110FC_0.svg#wf') format('svg');}
  40. /* GEO - Regular */
  41. @font-face {font-family: 'Geogrotesque-Regular';src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot');src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('../fonts/webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('../fonts/webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');}
  42. /* Icon Fonts
  43. *********************************/
  44. /* Font-face Icons */
  45. @font-face {
  46. font-family: 'flexslider-icon';
  47. src:url('../fonts/webfonts/flexslider-icon.eot');
  48. src:url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
  49. url('../fonts/webfonts/flexslider-icon.woff') format('woff'),
  50. url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'),
  51. url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg');
  52. font-weight: normal;
  53. font-style: normal;
  54. }
  55. /* General
  56. ***********************/
  57. body {
  58. background: #42a2ce;
  59. font-size: 14px;
  60. font-family: Helvetica, 'Arial', sans-serif;
  61. -webkit-font-smoothing: antialiased;
  62. text-rendering: optimizeLegibility;
  63. height: auto;
  64. }
  65. a {
  66. color: #fff;
  67. text-decoration: none;
  68. }
  69. h3 {
  70. margin: 0 0 8px;
  71. color: #fff;
  72. font: normal 24px Geogrotesque-semibold, Helvetica, Arial, sans-serif;
  73. text-shadow: 0 1px 0 #2F4C63;
  74. }
  75. p {
  76. font-size: 14px;
  77. line-height: 18px;
  78. }
  79. /* --Clearfix */
  80. .cf:before,
  81. .cf:after {content:""; display:table;}
  82. .cf:after {clear:both;}
  83. .cf {zoom:1;}
  84. .toggle { margin: 2px 0 0 14px; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  85. .toggle li { float: left; }
  86. .toggle li a {width: 50px; padding: 6px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
  87. background: #ffffff; /* Old browsers */
  88. background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
  89. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  90. background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  91. background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
  92. background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
  93. background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
  94. box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
  95. -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
  96. -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
  97. }
  98. .toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
  99. .toggle li a:hover { background: #ededed; color: #222; }
  100. .toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }
  101. .slider { margin: 50px 0 10px!important;}
  102. #carousel li {margin-right: 5px;}
  103. #carousel img {display: block; opacity: .5; cursor: pointer;}
  104. #carousel img:hover {opacity: 1;}
  105. #carousel .flex-active-slide img {opacity: 1; cursor: default;}
  106. .button {
  107. display: inline-block;
  108. margin: 0;
  109. padding: .461em 1.563em .41em;
  110. color: #fff!important;
  111. text-align: center;
  112. text-decoration: none;
  113. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  114. text-transform: uppercase;
  115. line-height: 1;
  116. font-size: .9em;
  117. cursor: pointer;
  118. font-family: "proxima-nova", sans-serif;
  119. border: 1px solid #1a4064;
  120. background: #255a8c;
  121. -webkit-border-radius: 100px;
  122. -moz-border-radius: 100px;
  123. border-radius: 100px;
  124. -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  125. -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  126. box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  127. }
  128. .button:active {
  129. -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  130. -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  131. box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  132. }
  133. .button.green {
  134. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  135. border: 1px solid #578824;
  136. background: #71b02f;
  137. }
  138. .button.green:hover {
  139. background: #79bc32;
  140. }
  141. /* Loading
  142. ***********************/
  143. .loading #container {opacity: 0;}
  144. .loading:before { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
  145. body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}
  146. /* Layout
  147. ***********************/
  148. #container {padding: 60px 40px 100px;}
  149. header {width: 420px; float: left;}
  150. #main {margin-left: 420px; margin-top: -25px;overflow: hidden;}
  151. aside h3 {float: left;}
  152. /* Header
  153. ***********************/
  154. header .logo { display: block; margin: 10px 0 30px; }
  155. header h1 { font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif; margin: 0 0 10px; text-shadow: 0 1px 0 #2F4C63; color: #fff; font-size: 42px; }
  156. header h2 { margin: 0 0 30px; font: normal 20px Geogrotesque-regular, Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px #555; color: #fff; }
  157. header .button { margin: 0 0 50px; padding: 10px 15px 10px 15px; position: relative; }
  158. h3.nav-header { width: 200px; margin: 0 0 10px; padding: 0 0 3px; font-size: 18px; text-shadow: 0 1px 1px #555; color: #fff; font-family: Geogrotesque-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); }
  159. nav { margin-bottom: 20px; }
  160. nav li {margin: 0 0 7px; font-size: 15px; }
  161. nav li a:hover,
  162. nav li.active a {border-bottom: 1px dotted #fff; border-bottom: 1px dotted rgba(255,255,255,0.3); background: none;}
  163. nav li.active a { cursor: default; }
  164. /* Media Queries
  165. ***********************/
  166. @media screen and (max-width: 960px) {
  167. #container {padding: 35px;}
  168. header {width: 380px;}
  169. #main {margin-left: 380px;}
  170. aside h3 {
  171. float: none;
  172. font-size: 20px;
  173. }
  174. .toggle {
  175. margin-left: 0;
  176. float: none;
  177. }
  178. }
  179. @media screen and (max-width: 768px) {
  180. #container {padding: 20px 30px;}
  181. header {width: 100%; float: none; text-align: center;}
  182. header img {width:120px;}
  183. header h1 { margin: 0 auto 10px; font-size: 32px; }
  184. header h2 { font-size: 16px; }
  185. header .button { margin-bottom: 28px; }
  186. #main {margin-left: 0;}
  187. h3.nav-header { margin: 0 auto 10px; font-size: 16px; }
  188. nav {
  189. position: relative;
  190. min-height: 46px;
  191. margin-bottom: 20px;
  192. width: 100%;
  193. }
  194. nav ul {
  195. width: 260px;
  196. padding: 0;
  197. position: absolute;
  198. left: 50%;
  199. margin-left: -130px;
  200. top: 0;
  201. z-index: 9999;
  202. border: 1px solid #1e5486;
  203. background: #255a8c;
  204. -webkit-border-radius: 3px;
  205. -moz-border-radius: 3px;
  206. border-radius: 3px;
  207. -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
  208. -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
  209. box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
  210. }
  211. nav li {
  212. display: none; /* hide all <li> items */
  213. margin: 0;
  214. }
  215. nav li a { border: none!important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
  216. nav li a:hover { text-decoration: underline; }
  217. nav .active {
  218. display: block; /* show only current <li> item */
  219. }
  220. nav a {
  221. display: block;
  222. padding: 10px 20px;
  223. text-align: center;
  224. font-size: 12px;
  225. }
  226. nav .active a {
  227. background: none;
  228. color: #fff;
  229. position: relative;
  230. }
  231. nav .active a:after {
  232. font-family: flexslider-icon;
  233. content: '\f005';
  234. font-size: 13px;
  235. position: absolute;
  236. right: 10px;
  237. top: 10px;
  238. }
  239. /* on nav hover */
  240. nav ul:hover {
  241. background: #32679a;
  242. }
  243. nav ul:hover li {
  244. display: block;
  245. margin: 0 0 5px;
  246. }
  247. nav ul:hover .active {
  248. border: 1px solid #1e5486!important;
  249. background: #255a8c;
  250. -webkit-border-radius: 1px;
  251. -moz-border-radius: 1px;
  252. border-radius: 1px;
  253. }
  254. nav ul:hover .active a:after {
  255. display: none;
  256. }
  257. }
  258. /*
  259. SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter
  260. SyntaxHighlighter is donationware. If you are using it, please donate. - http://alexgorbatchev.com/SyntaxHighlighter/donate.html
  261. @version - 3.0.83 (July 02 2010)
  262. @copyright - Copyright (C) 2004-2010 Alex Gorbatchev.
  263. @license - Dual licensed under the MIT and GPL licenses.
  264. */
  265. .syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important;}
  266. .syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important;}
  267. .syntaxhighlighter.source{overflow:hidden !important;}
  268. .syntaxhighlighter .bold{font-weight:bold !important;}
  269. .syntaxhighlighter .italic{font-style:italic !important;}
  270. .syntaxhighlighter .line{white-space:pre !important;}
  271. .syntaxhighlighter table{width:100% !important;}
  272. .syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 0.5em 1em !important;}
  273. .syntaxhighlighter table td.code{width:100% !important;}
  274. .syntaxhighlighter table td.code .container{position:relative !important;}
  275. .syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important;}
  276. .syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 1em !important;}
  277. .syntaxhighlighter table td.code .line{padding:0 1em !important;}
  278. .syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important;}
  279. .syntaxhighlighter.show{display:block !important;}
  280. .syntaxhighlighter.collapsed table{display:none !important;}
  281. .syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important;}
  282. .syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important;}
  283. .syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important;}
  284. .syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important;}
  285. .syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important;}
  286. .syntaxhighlighter .toolbar span.title{display:inline !important;}
  287. .syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important;}
  288. .syntaxhighlighter .toolbar a.expandSource{display:none !important;}
  289. .syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important;}
  290. .syntaxhighlighter.ie .toolbar{line-height:8px !important;}
  291. .syntaxhighlighter.ie .toolbar a{padding-top:0px !important;}
  292. .syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important;}
  293. .syntaxhighlighter.printing .line .number{color:#bbbbbb !important;}
  294. .syntaxhighlighter.printing .line .content{color:black !important;}
  295. .syntaxhighlighter.printing .toolbar{display:none !important;}
  296. .syntaxhighlighter.printing a{text-decoration:none !important;}
  297. .syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important;}
  298. .syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important;}
  299. .syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important;}
  300. .syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important;}
  301. .syntaxhighlighter.printing .preprocessor{color:gray !important;}
  302. .syntaxhighlighter.printing .variable{color:#aa7700 !important;}
  303. .syntaxhighlighter.printing .value{color:#009900 !important;}
  304. .syntaxhighlighter.printing .functions{color:#ff1493 !important;}
  305. .syntaxhighlighter.printing .constants{color:#0066cc !important;}
  306. .syntaxhighlighter.printing .script{font-weight:bold !important;}
  307. .syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important;}
  308. .syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important;}
  309. .syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important;}
  310. .syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important;}
  311. /* Theming */
  312. .syntaxhighlighter { clear: both; width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
  313. .syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;}
  314. .syntaxhighlighter .line.alt1,
  315. .syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;}
  316. .syntaxhighlighter .line.highlighted.alt1,
  317. .syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;}
  318. .syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;}
  319. .syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;}
  320. .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;}
  321. .syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;}
  322. .syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;}
  323. .syntaxhighlighter .keyword {color: #2a93b9!important;}
  324. /**/
  325. .syntaxhighlighter{background-color:white !important;}
  326. .syntaxhighlighter .line.alt1{background-color:white !important;}
  327. .syntaxhighlighter .line.alt2{background-color:white !important;}
  328. .syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important;}
  329. .syntaxhighlighter .line.highlighted.number{color:black !important;}
  330. .syntaxhighlighter table caption{color:black !important;}
  331. .syntaxhighlighter .gutter{color:#afafaf !important;}
  332. .syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important;}
  333. .syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important;}
  334. .syntaxhighlighter.printing .line .content{border:none !important;}
  335. .syntaxhighlighter.collapsed{overflow:visible !important;}
  336. .syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important;}
  337. .syntaxhighlighter.collapsed .toolbar a{color:blue !important;}
  338. .syntaxhighlighter.collapsed .toolbar a:hover{color:red !important;}
  339. .syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important;}
  340. .syntaxhighlighter .toolbar a{color:white !important;}
  341. .syntaxhighlighter .toolbar a:hover{color:black !important;}
  342. .syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black !important;}
  343. .syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important;}
  344. .syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important;}
  345. .syntaxhighlighter .keyword{color:#006699 !important;}
  346. .syntaxhighlighter .preprocessor{color:gray !important;}
  347. .syntaxhighlighter .variable{color:#aa7700 !important;}
  348. .syntaxhighlighter .value{color:#009900 !important;}
  349. .syntaxhighlighter .functions{color:#ff1493 !important;}
  350. .syntaxhighlighter .constants{color:#0066cc !important;}
  351. .syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important;}
  352. .syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray !important;}
  353. .syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important;}
  354. .syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important;}
  355. .syntaxhighlighter .keyword{font-weight:bold !important;}