You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

526 lines
8.9 KiB

11 years ago
  1. /*--------------------- Typography ----------------------------*/
  2. @font-face {
  3. font-family: 'Neutraface';
  4. src:
  5. url("../fonts/neutraface-book.otf") format('opentype')
  6. ;
  7. font-weight: normal;
  8. font-style: normal;
  9. font-size-adjust: 0.448;
  10. }
  11. @font-face {
  12. font-family: 'Neutraface';
  13. src:
  14. url("../fonts/neutraface-bold.otf") format('opentype')
  15. ;
  16. font-weight: bold;
  17. font-style: normal;
  18. font-size-adjust: 0.448;
  19. }
  20. /*--------------------- Layout ----------------------------*/
  21. html { height: 100%; }
  22. body {
  23. font-family: "Neutraface", "Helvetica Neue", "Arial", sans-serif;
  24. font-size: 14px;
  25. line-height: 18px;
  26. color: #30404f;
  27. margin: 0; padding: 0;
  28. height:100%;
  29. }
  30. #container { min-height: 100%; }
  31. a {
  32. color: #000;
  33. }
  34. b, strong {
  35. font-weight: normal;
  36. }
  37. p, ul, ol {
  38. margin: 15px 0 0px;
  39. }
  40. h1, h2, h3, h4, h5, h6 {
  41. color: #112233;
  42. font-family: "Neutraface", "Helvetica Neue", "Arial", sans-serif;
  43. line-height: 1em;
  44. text-transform: none;
  45. margin: 30px 0 15px 0;
  46. }
  47. h1 {
  48. margin: 0px 0px 20px;
  49. font-size: 38px;
  50. color: #00B4AC;
  51. }
  52. h2 {
  53. margin: 0px 0px 20px;
  54. font-size: 28px;
  55. color: #6E4889;
  56. }
  57. h3 {
  58. margin: 0px 0px 20px;
  59. font-size: 22px;
  60. }
  61. h4 {
  62. margin: 0px 0px 10px;
  63. font-size: 18px;
  64. color: #555555;
  65. }
  66. h5 {
  67. margin: 0px 0px 10px;
  68. font-size: 16px;
  69. color: #555555;
  70. }
  71. a {
  72. font-weight: bold;
  73. color: #009FDA;
  74. text-decoration: none;
  75. }
  76. a:hover {
  77. color: #00BAFF;
  78. }
  79. hr {
  80. border: 0;
  81. background: 1px solid #ddd;
  82. height: 1px;
  83. margin: 20px 0;
  84. }
  85. pre, tt, code {
  86. font-size: 12px; line-height: 16px;
  87. font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
  88. margin: 0; padding: 0;
  89. }
  90. .annotation pre {
  91. display: block;
  92. margin: 0;
  93. padding: 7px 10px;
  94. background: #fcfcfc;
  95. -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  96. -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  97. box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  98. overflow-x: auto;
  99. }
  100. .annotation pre code {
  101. border: 0;
  102. padding: 0;
  103. background: transparent;
  104. }
  105. blockquote {
  106. border-left: 5px solid #ccc;
  107. margin: 0;
  108. padding: 1px 0 1px 1em;
  109. }
  110. .sections blockquote p {
  111. font-family: Menlo, Consolas, Monaco, monospace;
  112. font-size: 12px; line-height: 16px;
  113. color: #999;
  114. margin: 10px 0 0;
  115. white-space: pre-wrap;
  116. }
  117. ul.sections {
  118. list-style: none;
  119. padding:0 0 5px 0;;
  120. margin:0;
  121. }
  122. /*
  123. Force border-box so that % widths fit the parent
  124. container without overlap because of margin/padding.
  125. More Info : http://www.quirksmode.org/css/box.html
  126. */
  127. ul.sections > li > div {
  128. -moz-box-sizing: border-box; /* firefox */
  129. -ms-box-sizing: border-box; /* ie */
  130. -webkit-box-sizing: border-box; /* webkit */
  131. -khtml-box-sizing: border-box; /* konqueror */
  132. box-sizing: border-box; /* css3 */
  133. }
  134. /*---------------------- Jump Page -----------------------------*/
  135. #jump_to, #jump_page {
  136. margin: 0;
  137. background: white;
  138. -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777;
  139. -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
  140. font: 16px Arial;
  141. cursor: pointer;
  142. text-align: right;
  143. list-style: none;
  144. }
  145. #jump_to a {
  146. text-decoration: none;
  147. }
  148. #jump_to a.large {
  149. display: none;
  150. }
  151. #jump_to a.small {
  152. font-size: 22px;
  153. font-weight: bold;
  154. color: #676767;
  155. }
  156. #jump_to, #jump_wrapper {
  157. position: fixed;
  158. right: 0; top: 0;
  159. padding: 10px 15px;
  160. margin:0;
  161. }
  162. #jump_wrapper {
  163. display: none;
  164. padding:0;
  165. }
  166. #jump_to:hover #jump_wrapper {
  167. display: block;
  168. }
  169. #jump_page {
  170. padding: 5px 0 3px;
  171. margin: 0 0 25px 25px;
  172. }
  173. #jump_page .source {
  174. display: block;
  175. padding: 15px;
  176. text-decoration: none;
  177. border-top: 1px solid #eee;
  178. }
  179. #jump_page .source:hover {
  180. background: #f5f5ff;
  181. }
  182. #jump_page .source:first-child {
  183. }
  184. /*---------------------- Low resolutions (> 320px) ---------------------*/
  185. @media only screen and (min-width: 320px) {
  186. .pilwrap { display: none; }
  187. ul.sections > li > div {
  188. display: block;
  189. padding:5px 10px 0 10px;
  190. }
  191. ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
  192. padding-left: 30px;
  193. }
  194. ul.sections > li > div.content {
  195. background: #f5f5ff;
  196. overflow-x:auto;
  197. -webkit-box-shadow: inset 0 0 5px #e5e5ee;
  198. box-shadow: inset 0 0 5px #e5e5ee;
  199. border: 1px solid #dedede;
  200. margin:5px 10px 5px 10px;
  201. padding-bottom: 5px;
  202. }
  203. ul.sections > li > div.annotation pre {
  204. margin: 7px 0 7px;
  205. padding-left: 15px;
  206. }
  207. ul.sections > li > div.annotation p tt, .annotation code {
  208. display: inline-block;
  209. padding: 3px 10px;
  210. font-size: 14px;
  211. margin-top: 10px;
  212. background: #f8f8ff;
  213. border: 1px solid #dedede;
  214. }
  215. }
  216. /*---------------------- (> 481px) ---------------------*/
  217. @media only screen and (min-width: 481px) {
  218. #container {
  219. position: relative;
  220. }
  221. body {
  222. background-color: #F5F5FF;
  223. font-size: 15px;
  224. line-height: 21px;
  225. }
  226. pre, tt, code {
  227. line-height: 18px;
  228. }
  229. p, ul, ol {
  230. margin: 0 0 15px;
  231. }
  232. #jump_to {
  233. padding: 5px 10px;
  234. }
  235. #jump_wrapper {
  236. padding: 0;
  237. }
  238. #jump_to, #jump_page {
  239. font: 10px Arial;
  240. text-transform: uppercase;
  241. }
  242. #jump_page .source {
  243. padding: 5px 10px;
  244. }
  245. #jump_to a.large {
  246. display: inline-block;
  247. }
  248. #jump_to a.small {
  249. display: none;
  250. }
  251. #background {
  252. position: absolute;
  253. top: 0; bottom: 0;
  254. width: 350px;
  255. border-right: 1px solid #e5e5ee;
  256. z-index: -1;
  257. background: #FCFCFC url(../images/bg.jpg) repeat;
  258. }
  259. ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
  260. padding-left: 40px;
  261. }
  262. ul.sections > li {
  263. white-space: nowrap;
  264. }
  265. ul.sections > li > div {
  266. display: inline-block;
  267. }
  268. ul.sections > li > div.annotation {
  269. max-width: 350px;
  270. min-width: 350px;
  271. min-height: 5px;
  272. padding: 13px;
  273. overflow-x: hidden;
  274. white-space: normal;
  275. vertical-align: top;
  276. text-align: left;
  277. }
  278. ul.sections > li > div.annotation pre {
  279. margin: 15px 0 15px;
  280. padding-left: 15px;
  281. }
  282. ul.sections > li > div.content {
  283. padding: 13px;
  284. vertical-align: top;
  285. background: #f5f5ff;
  286. border: none;
  287. -webkit-box-shadow: none;
  288. box-shadow: none;
  289. }
  290. .pilwrap {
  291. position: relative;
  292. display: inline;
  293. }
  294. .pilcrow {
  295. font: 12px Arial;
  296. text-decoration: none;
  297. color: #454545;
  298. position: absolute;
  299. top: 3px; left: -20px;
  300. padding: 1px 2px;
  301. opacity: 0;
  302. -webkit-transition: opacity 0.2s linear;
  303. }
  304. .for-h1 .pilcrow {
  305. top: 47px;
  306. }
  307. .for-h2 .pilcrow, .for-h3 .pilcrow, .for-h4 .pilcrow {
  308. top: 35px;
  309. }
  310. ul.sections > li > div.annotation:hover .pilcrow {
  311. opacity: 1;
  312. }
  313. }
  314. /*---------------------- (> 1025px) ---------------------*/
  315. @media only screen and (min-width: 1025px) {
  316. body {
  317. font-size: 16px;
  318. line-height: 24px;
  319. }
  320. #background {
  321. width: 525px;
  322. }
  323. ul.sections {
  324. padding-top: 50px;
  325. }
  326. ul.sections > li > div.annotation {
  327. max-width: 525px;
  328. min-width: 525px;
  329. padding: 10px 25px 1px 50px;
  330. }
  331. ul.sections > li > div.content {
  332. padding: 9px 15px 16px 25px;
  333. }
  334. ul.sections p {
  335. font-size: 16px;
  336. line-height: 1.33;
  337. }
  338. }
  339. /*---------------------- Syntax Highlighting -----------------------------*/
  340. td.linenos { background-color: #f0f0f0; padding-right: 10px; }
  341. span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
  342. /*
  343. github.com style (c) Vasily Polovnyov <vast@whiteants.net>
  344. */
  345. pre code {
  346. display: block; padding: 0.5em;
  347. color: #000;
  348. background: #f8f8ff
  349. }
  350. pre .comment,
  351. pre .template_comment,
  352. pre .diff .header,
  353. pre .javadoc {
  354. color: #408080;
  355. font-style: italic
  356. }
  357. pre .keyword,
  358. pre .assignment,
  359. pre .literal,
  360. pre .css .rule .keyword,
  361. pre .winutils,
  362. pre .javascript .title,
  363. pre .lisp .title,
  364. pre .subst {
  365. color: #954121;
  366. /*font-weight: bold*/
  367. }
  368. pre .number,
  369. pre .hexcolor {
  370. color: #40a070
  371. }
  372. pre .string,
  373. pre .tag .value,
  374. pre .phpdoc,
  375. pre .tex .formula {
  376. color: #219161;
  377. }
  378. pre .title,
  379. pre .id {
  380. color: #19469D;
  381. }
  382. pre .params {
  383. color: #00F;
  384. }
  385. pre .javascript .title,
  386. pre .lisp .title,
  387. pre .subst {
  388. font-weight: normal
  389. }
  390. pre .class .title,
  391. pre .haskell .label,
  392. pre .tex .command {
  393. color: #458;
  394. font-weight: bold
  395. }
  396. pre .tag,
  397. pre .tag .title,
  398. pre .rules .property,
  399. pre .django .tag .keyword {
  400. color: #000080;
  401. font-weight: normal
  402. }
  403. pre .attribute,
  404. pre .variable,
  405. pre .instancevar,
  406. pre .lisp .body {
  407. color: #008080
  408. }
  409. pre .regexp {
  410. color: #B68
  411. }
  412. pre .class {
  413. color: #458;
  414. font-weight: bold
  415. }
  416. pre .symbol,
  417. pre .ruby .symbol .string,
  418. pre .ruby .symbol .keyword,
  419. pre .ruby .symbol .keymethods,
  420. pre .lisp .keyword,
  421. pre .tex .special,
  422. pre .input_number {
  423. color: #990073
  424. }
  425. pre .builtin,
  426. pre .constructor,
  427. pre .built_in,
  428. pre .lisp .title {
  429. color: #0086b3
  430. }
  431. pre .preprocessor,
  432. pre .pi,
  433. pre .doctype,
  434. pre .shebang,
  435. pre .cdata {
  436. color: #999;
  437. font-weight: bold
  438. }
  439. pre .deletion {
  440. background: #fdd
  441. }
  442. pre .addition {
  443. background: #dfd
  444. }
  445. pre .diff .change {
  446. background: #0086b3
  447. }
  448. pre .chunk {
  449. color: #aaa
  450. }
  451. pre .tex .formula {
  452. opacity: 0.5;
  453. }