rack-cache.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. /* rack-cache.css
  2. *---------------------------------------------------------------------------
  3. * Copyright (C) 2005-08 Ryan Tomayko <r@tomayko.com>
  4. */
  5. /* 18px base font size / 25px baseline */
  6. body {
  7. font-size:112.5%; /* 18px (probably) */
  8. line-height:1.3888; /* 25px */
  9. letter-spacing:-0.02em;
  10. margin:0 10px;
  11. font-family: 'lucida sans unicode', 'lucida grande',
  12. helvetica, 'bitstream vera sans', sans-serif;
  13. color:#556;
  14. background-color:#fff;
  15. }
  16. #container {
  17. max-width:45em;
  18. margin:0 auto;
  19. }
  20. h1, h2, h3 {
  21. font-family:georgia, 'bitstream vera sans serif', 'lucida grande',
  22. helvetica, verdana, sans-serif;
  23. font-weight:normal;
  24. letter-spacing:-0.05em;
  25. color:#000;
  26. }
  27. i, em {
  28. font-style:italic;
  29. }
  30. b, strong {
  31. font-weight:normal;
  32. color:#000;
  33. }
  34. blockquote {
  35. color:#555;
  36. }
  37. blockquote em {
  38. color:#333;
  39. font-style:italic;
  40. }
  41. blockquote strong {
  42. color:#333;
  43. font-weight: normal;
  44. }
  45. dt {
  46. font-weight:bold;
  47. color:#000;
  48. }
  49. tt, pre, code, samp, kbd {
  50. font-family: consolas, 'lucida console', 'bitstream vera sans mono',
  51. 'courier new', monospace;
  52. color: #000;
  53. }
  54. pre {
  55. color:#333;
  56. background-color:#f9f9f9;
  57. }
  58. code {
  59. color:#007A00;
  60. }
  61. pre code {
  62. color:#333;
  63. }
  64. pre.license {
  65. border:0;
  66. background:#fff;
  67. padding:0;
  68. font-size:1.1em;
  69. }
  70. a, a:link {
  71. color:#023;
  72. background:#eef;
  73. }
  74. a:visited {
  75. color:#345;
  76. background:#fff;
  77. }
  78. a:hover {
  79. background:#ccf;
  80. color:#000;
  81. text-decoration:none;
  82. }
  83. /* TYPOGRAPHY */
  84. p, ul, ol, dl, pre, blockquote, table, form {
  85. margin:1em 0;
  86. }
  87. dl {
  88. margin-left:2em;
  89. }
  90. hr {
  91. color:#eee;
  92. background-color:#ccc;
  93. border:0;
  94. height:1px;
  95. margin:1.5em 0;
  96. }
  97. blockquote {
  98. font-size:0.83333em; /* 15px */
  99. line-height:1.66666; /* 25px */
  100. margin:1.2em 3em;
  101. padding:0;
  102. }
  103. tt, pre, code, samp, kbd {
  104. font-size: 16px;
  105. line-height:1.1;
  106. }
  107. pre {
  108. margin:1.5em 0;
  109. padding:6px 4px 4px 6px;
  110. border:1px solid #eee;
  111. border-left-width:20px;
  112. overflow:auto;
  113. }
  114. h1 {
  115. font-size:2.3333em; /* 42px */
  116. line-height:1.1904; /* 50px */
  117. margin:0.5952em 0; /* 25px */
  118. }
  119. h2 {
  120. font-size:1.66666667em; /* 30px */
  121. line-height:1.2; /* 36px */
  122. margin:1em 0;
  123. }
  124. h3 {
  125. font-size:1.33333333em; /* 22px */
  126. line-height:1.13636363; /* 25px */
  127. margin:1em 0;
  128. }
  129. h3 code{
  130. font-size:0.95em;
  131. color:#000;
  132. }
  133. h4 {
  134. font-size:1em;
  135. font-weight:bold;
  136. line-height:1.5;
  137. margin:1em 0;
  138. }
  139. p small {
  140. font-size:0.8333; /* 15px */
  141. line-height:1.2;
  142. }
  143. /* Tables
  144. --------------------------------------------------------------------------- */
  145. table {
  146. width:100%;
  147. border-style:none;
  148. border-color:#ddd;
  149. padding:0;
  150. }
  151. th, td {
  152. padding: 4px 10px 4px 5px;
  153. border-style:solid;
  154. border-color:#fff;
  155. }
  156. th {
  157. font-weight: bold;
  158. background: #eef;
  159. }
  160. td {
  161. background: #f9f9f9;
  162. }
  163. tfoot {
  164. font-style: italic;
  165. }
  166. caption {
  167. background: #eee;
  168. }
  169. /* Header / Titling
  170. --------------------------------------------------------------------------- */
  171. #header {
  172. text-align:left;
  173. margin:1.5em auto 2em;
  174. float:left;
  175. width:100%;
  176. padding-bottom:1.5em;
  177. border-bottom:1px solid #777;
  178. }
  179. #header h1 {
  180. font-family: 'lucida sans unicode', 'lucida grande',
  181. helvetica, 'bitstream vera sans', sans-serif;
  182. font-size:5em;
  183. font-weight:bold;
  184. line-height:1;
  185. margin:0;
  186. float:left;
  187. color:#000;
  188. letter-spacing:-0.08em;
  189. }
  190. #header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover {
  191. color:#000;
  192. text-decoration:none;
  193. background:transparent;
  194. }
  195. #header p {
  196. margin: 0;
  197. line-height:1.8;
  198. color: #777;
  199. text-transform:capitalize;
  200. font-variant:small-caps;
  201. float:right;
  202. }
  203. #header a, #header a:link, #header a:visited {
  204. color:#445;
  205. background:#fff;
  206. }
  207. #header a:hover {
  208. background:#ccf;
  209. color:#000;
  210. text-decoration:none;
  211. }
  212. #content {
  213. clear:both;
  214. }
  215. /* FOOTER */
  216. #footer {
  217. clear:both;
  218. color:#555;
  219. font-size:0.88888888em;
  220. line-height:1.5625;
  221. border-top:1px solid #ddd;
  222. padding:19px 0 0 0;
  223. margin:40px 0 20px 0;
  224. text-align:center;
  225. }
  226. #footer p {
  227. margin:0;
  228. }
  229. #footer form {
  230. float:right;
  231. }
  232. #footer input{
  233. font-size:10px;
  234. }
  235. /* MISC HELPER STYLES */
  236. ul.clean, ol.clean {
  237. list-style-type: none;
  238. padding-left: 0;
  239. }
  240. .caps {
  241. font-variant:small-caps;
  242. }
  243. .clear {
  244. clear:both;
  245. }
  246. .left{
  247. float:left;
  248. }
  249. .right{
  250. float:right;
  251. }
  252. .center{
  253. text-align:center;
  254. }
  255. .intro {
  256. font-size:0.833333em; /* 15px */
  257. line-height:1.666667; /* 25px */
  258. border:1px solid #ccc;
  259. padding:0.5em;
  260. font-style:italic;
  261. color:#555;
  262. }
  263. a.hash,
  264. a.hash:link,
  265. a.hash:visited {
  266. display:block;
  267. float:right;
  268. background:#fff;
  269. font-size:0.8em;
  270. text-decoration:none;
  271. line-height:2;
  272. color:#999;
  273. }
  274. a.hash:hover {
  275. color:MediumOrchid;
  276. }
  277. /* PRINT */
  278. @media print {
  279. html, body, #container {
  280. margin:0;
  281. }
  282. #container {
  283. width:100%;
  284. max-width:100%;
  285. }
  286. #header {
  287. margin-top:0;
  288. }
  289. #header p {
  290. display:none;
  291. }
  292. #footer {
  293. display:none;
  294. }
  295. a, a:link, a:visited {
  296. color:#000;
  297. background:#fff;
  298. text-decoration:none;
  299. }
  300. pre.license {
  301. font-size:0.95em;
  302. }
  303. @page {
  304. size:8.5in 11in;
  305. }
  306. }
  307. /* PRETTIFICATION OF SOURCE CODE */
  308. .str { color: #181; font-style:italic; }
  309. .kwd { color: #369; }
  310. .com { color: #666; }
  311. .typ { color: #c40; }
  312. .lit { color: #900; }
  313. .pun { color: #000; font-weight: bold; }
  314. .pln { color: #333; }
  315. .tag { color: #369; font-weight: bold; }
  316. .atn { color: #939; font-weight: bold }
  317. .atv { color: #181; }
  318. .dec { color: #606; }
  319. @media print {
  320. .str { color: #060; }
  321. .kwd { color: #006; font-weight: bold; }
  322. .com { color: #600; font-style: italic; }
  323. .typ { color: #404; font-weight: bold; }
  324. .lit { color: #044; }
  325. .pun { color: #440; }
  326. .pln { color: #000; }
  327. .tag { color: #006; font-weight: bold; }
  328. .atn { color: #404; }
  329. .atv { color: #060; }
  330. }
  331. /* FUCKING IE */
  332. * html body{width:40em}
  333. * html div.index{width:34.5em}
  334. /* vim: set ft=css ts=4 sw=4 noexpandtab: */