style.css 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. /* ------------------------------------------
  2. Reset ♥
  3. http://meyerweb.com/eric/tools/css/reset/
  4. v2.0 | 20110126
  5. License: none (public domain)
  6. ---------------------------------------------*/
  7. html, body, div, span, applet, object, iframe,
  8. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  9. a, abbr, acronym, address, big, cite, code,
  10. del, dfn, em, img, ins, kbd, q, s, samp,
  11. small, strike, strong, sub, sup, tt, var,
  12. b, u, i, center,
  13. dl, dt, dd, ol, ul, li,
  14. fieldset, form, label, legend,
  15. table, caption, tbody, tfoot, thead, tr, th, td,
  16. article, aside, canvas, details, embed,
  17. figure, figcaption, footer, header, hgroup,
  18. menu, nav, output, ruby, section, summary,
  19. time, mark, audio, video {
  20. margin: 0;
  21. padding: 0;
  22. border: 0;
  23. font-size: 100%;
  24. font: inherit;
  25. vertical-align: baseline;
  26. }
  27. /* HTML5 display-role reset for older browsers */
  28. article, aside, details, figcaption, figure,
  29. footer, header, hgroup, menu, nav, section {
  30. display: block;
  31. }
  32. body { line-height: 1; }
  33. ol, ul { list-style: none; }
  34. blockquote, q { quotes: none; }
  35. blockquote:before, blockquote:after,
  36. q:before, q:after { content: ''; content: none; }
  37. /* tables still need 'cellspacing="0"' in the markup */
  38. table { border-collapse: collapse; border-spacing: 0; }
  39. /* remember to define focus styles. Hee Haw */
  40. :focus { outline: 0; }
  41. *, *:before, *:after {
  42. box-sizing:border-box;
  43. }
  44. body {
  45. margin:0;
  46. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  47. font-size:13px;
  48. line-height:18px;
  49. color:#303030;
  50. background-color:#fafafa;
  51. -webkit-font-smoothing:antialiased;
  52. padding:80px 0;
  53. }
  54. h1,h2,h3,h4,h5 {
  55. font-weight:bold;
  56. display:block;
  57. margin:0 0 10px;
  58. }
  59. h1 {
  60. font-size:13px;
  61. margin:0 0 20px;
  62. display:block;
  63. font-weight:normal;
  64. text-shadow:0 1px 0 #fff;
  65. }
  66. h1 span.description {
  67. color:#6d6d6d;
  68. }
  69. h2 { font-size:18px; line-height:24px; margin:20px 0 10px;}
  70. h3 { font-size:15px; margin:20px 0; }
  71. ul { margin:0 0 20px; }
  72. li {
  73. margin-left:30px;
  74. margin-bottom:3px;
  75. }
  76. ul li { list-style:disc; }
  77. ol li { list-style:decimal; }
  78. a {
  79. color:#404040;
  80. font-weight:bold;
  81. text-decoration:none;
  82. border-bottom:1px solid #ddd;
  83. }
  84. a:hover {
  85. border-color:#d0d0d0;
  86. }
  87. strong {
  88. font-weight:bold;
  89. }
  90. .notice {
  91. background:#ffa;
  92. border:1px solid #cc7;
  93. display:block;
  94. padding:10px;
  95. margin-bottom:10px;
  96. }
  97. .stretch {
  98. display:block;
  99. width:100%;
  100. }
  101. .pad1y {
  102. padding:10px 0;
  103. }
  104. .center {
  105. text-align:center;
  106. }
  107. .content {
  108. margin-top:40px;
  109. padding:0 0 60px;
  110. }
  111. table {
  112. background:#fff;
  113. max-width:100%;
  114. border-spacing:0;
  115. width:100%;
  116. margin:10px 0;
  117. border:1px solid #ddd;
  118. border-collapse:separate;
  119. *border-collapse:collapsed;
  120. -webkit-box-shadow:0 0 4px rgba(0,0,0,0.10);
  121. -moz-box-shadow:0 0 4px rgba(0,0,0,0.10);
  122. box-shadow:0 0 4px rgba(0,0,0,0.10);
  123. }
  124. table th,
  125. table td {
  126. padding:8px;
  127. line-height:18px;
  128. text-align:left;
  129. border-top:1px solid #ddd;
  130. }
  131. table th {
  132. background:#eee;
  133. background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee));
  134. background:-moz-linear-gradient(top, #f6f6f6, #eee);
  135. text-shadow:0 1px 0 #fff;
  136. font-weight:bold;
  137. vertical-align:bottom;
  138. }
  139. table td {
  140. vertical-align:top;
  141. }
  142. table thead:first-child tr th,
  143. table thead:first-child tr td {
  144. border-top:0;
  145. }
  146. table tbody + tbody {
  147. border-top:2px solid #ddd;
  148. }
  149. table th + th,
  150. table td + td,
  151. table th + td,
  152. table td + th {
  153. border-left:1px solid #ddd;
  154. }
  155. table thead:first-child tr:first-child th,
  156. table tbody:first-child tr:first-child th,
  157. table tbody:first-child tr:first-child td {
  158. border-top:0;
  159. }
  160. header {
  161. width:960px;
  162. margin:0 auto;
  163. padding:0 20px;
  164. }
  165. .limiter {
  166. width:520px;
  167. margin:0 auto;
  168. padding:0 20px;
  169. }
  170. .links {
  171. width:480px;
  172. margin:50px auto 0;
  173. }
  174. .links a {
  175. width:50%;
  176. float:left;
  177. }
  178. a.button {
  179. background:#1F90FF;
  180. border:1px solid #1f4fff;
  181. height:40px;
  182. line-height:38px;
  183. color:#fff;
  184. display:inline-block;
  185. text-align:center;
  186. padding:0 10px;
  187. -webkit-border-radius:1px;
  188. border-radius:1px;
  189. -webkit-transition:box-shadow 150ms linear;
  190. -moz-transition:box-shadow 150ms linear;
  191. -o-transition:box-shadow 150ms linear;
  192. transition:box-shadow 150ms linear;
  193. }
  194. a.button:hover {
  195. background-color:#0081ff;
  196. -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);
  197. box-shadow:0 1px 5px rgba(0,0,0,0.25);
  198. border:1px solid #1f4fff;
  199. }
  200. a.button:focus,
  201. a.button:active {
  202. background:#0081ff;
  203. -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.25);
  204. box-shadow:inset 0 1px 5px rgba(0,0,0,0.25);
  205. }
  206. .options {
  207. margin:10px 0 30px 15px;
  208. }
  209. .options h3 {
  210. display:block;
  211. padding-top:10px;
  212. margin-top:20px;
  213. }
  214. .options h3:first-child {
  215. border:none;
  216. margin-top:0;
  217. }
  218. pre,
  219. code {
  220. font-family:Consolas, Menlo, 'Liberation Mono', Courier, monospace;
  221. word-wrap:break-word;
  222. color:#333;
  223. }
  224. pre {
  225. font-size:13px;
  226. line-height:1.25em;
  227. background:#fff;
  228. padding:10px 15px;
  229. margin:10px 0;
  230. overflow: auto;
  231. -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.30);
  232. box-shadow:0 1px 3px rgba(0, 0, 0, 0.30);
  233. }
  234. code {
  235. font-size:12px;
  236. border:0;
  237. padding:0;
  238. background:#e6e6e6;
  239. background:rgba(0,0,0,0.08);
  240. box-shadow:0 0 0 2px rgba(0,0,0,0.08);
  241. }
  242. pre code {
  243. font-size:13px;
  244. line-height:1.25em;
  245. background:transparent;
  246. box-shadow:none;
  247. border:none;
  248. padding:0;
  249. margin:0;
  250. }
  251. .col12 { width:100%; }
  252. .col6 { width:50%; float:left; display:block; }
  253. .pill-group {
  254. margin:40px 0 0;
  255. }
  256. .pill-group a:first-child {
  257. border-radius:20px 0 0 20px;
  258. border-right-width:0;
  259. }
  260. .pill-group a:last-child {
  261. border-radius:0 20px 20px 0;
  262. }
  263. /*-----------------------------------
  264. Markup free clearing
  265. Details: http: //perishablepress.com/press/2009/12/06/new-clearfix-hack
  266. -------------------------------------*/
  267. .clearfix:after {
  268. content: '.';
  269. display: block;
  270. height: 0;
  271. clear: both;
  272. visibility: hidden;
  273. }
  274. * html .clearfix { height: 1%; } /* IE6 */
  275. *:first-child + html .clearfix { min-height: 1%; } /* IE7 */
  276. /* Syntax highlighting */
  277. .c { color: #998; font-style: italic } /* Comment */
  278. .err { color: #a61717; background-color: #e3d2d2 } /* Error */
  279. .k { font-weight: bold } /* Keyword */
  280. .o { font-weight: bold } /* Operator */
  281. .cm { color: #998; font-style: italic } /* Comment.Multiline */
  282. .cp { color: #999; font-weight: bold } /* Comment.Preproc */
  283. .c1 { color: #998; font-style: italic } /* Comment.Single */
  284. .cs { color: #999; font-weight: bold; font-style: italic } /* Comment.Special */
  285. .gd { color: #000; background-color: #fdd } /* Generic.Deleted */
  286. .gd .x { color: #000; background-color: #faa } /* Generic.Deleted.Specific */
  287. .ge { font-style: italic } /* Generic.Emph */
  288. .gr { color: #a00 } /* Generic.Error */
  289. .gh { color: #999 } /* Generic.Heading */
  290. .gi { color: #000; background-color: #dfd } /* Generic.Inserted */
  291. .gi .x { color: #000; background-color: #afa } /* Generic.Inserted.Specific */
  292. .go { color: #888 } /* Generic.Output */
  293. .gp { color: #555 } /* Generic.Prompt */
  294. .gs { font-weight: bold } /* Generic.Strong */
  295. .gu { color: #aaa } /* Generic.Subheading */
  296. .gt { color: #a00 } /* Generic.Traceback */
  297. .kc { font-weight: bold } /* Keyword.Constant */
  298. .kd { font-weight: bold } /* Keyword.Declaration */
  299. .kp { font-weight: bold } /* Keyword.Pseudo */
  300. .kr { font-weight: bold } /* Keyword.Reserved */
  301. .kt { color: #458; font-weight: bold } /* Keyword.Type */
  302. .m { color: #099 } /* Literal.Number */
  303. .s { color: #d14 } /* Literal.String */
  304. .na { color: #008080 } /* Name.Attribute */
  305. .nb { color: #0086B3 } /* Name.Builtin */
  306. .nc { color: #458; font-weight: bold } /* Name.Class */
  307. .no { color: #008080 } /* Name.Constant */
  308. .ni { color: #800080 } /* Name.Entity */
  309. .ne { color: #900; font-weight: bold } /* Name.Exception */
  310. .nf { color: #900; font-weight: bold } /* Name.Function */
  311. .nn { color: #555 } /* Name.Namespace */
  312. .nt { color: #000080 } /* Name.Tag */
  313. .nv { color: #008080 } /* Name.Variable */
  314. .ow { font-weight: bold } /* Operator.Word */
  315. .w { color: #bbb } /* Text.Whitespace */
  316. .mf { color: #099 } /* Literal.Number.Float */
  317. .mh { color: #099 } /* Literal.Number.Hex */
  318. .mi { color: #099 } /* Literal.Number.Integer */
  319. .mo { color: #099 } /* Literal.Number.Oct */
  320. .sb { color: #d14 } /* Literal.String.Backtick */
  321. .sc { color: #d14 } /* Literal.String.Char */
  322. .sd { color: #d14 } /* Literal.String.Doc */
  323. .s2 { color: #d14 } /* Literal.String.Double */
  324. .se { color: #d14 } /* Literal.String.Escape */
  325. .sh { color: #d14 } /* Literal.String.Heredoc */
  326. .si { color: #d14 } /* Literal.String.Interpol */
  327. .sx { color: #d14 } /* Literal.String.Other */
  328. .sr { color: #009926 } /* Literal.String.Regex */
  329. .s1 { color: #d14 } /* Literal.String.Single */
  330. .ss { color: #990073 } /* Literal.String.Symbol */
  331. .bp { color: #999 } /* Name.Builtin.Pseudo */
  332. .vc { color: #008080 } /* Name.Variable.Class */
  333. .vg { color: #008080 } /* Name.Variable.Global */
  334. .vi { color: #008080 } /* Name.Variable.Instance */
  335. .il { color: #099 } /* Literal.Number.Integer.Long */