docco.css (6555B)
1 /*--------------------- Typography ----------------------------*/ 2 3 @font-face { 4 font-family: 'aller-light'; 5 src: url('public/fonts/aller-light.eot'); 6 src: url('public/fonts/aller-light.eot?#iefix') format('embedded-opentype'), 7 url('public/fonts/aller-light.woff') format('woff'), 8 url('public/fonts/aller-light.ttf') format('truetype'); 9 font-weight: normal; 10 font-style: normal; 11 } 12 13 @font-face { 14 font-family: 'aller-bold'; 15 src: url('public/fonts/aller-bold.eot'); 16 src: url('public/fonts/aller-bold.eot?#iefix') format('embedded-opentype'), 17 url('public/fonts/aller-bold.woff') format('woff'), 18 url('public/fonts/aller-bold.ttf') format('truetype'); 19 font-weight: normal; 20 font-style: normal; 21 } 22 23 @font-face { 24 font-family: 'novecento-bold'; 25 src: url('public/fonts/novecento-bold.eot'); 26 src: url('public/fonts/novecento-bold.eot?#iefix') format('embedded-opentype'), 27 url('public/fonts/novecento-bold.woff') format('woff'), 28 url('public/fonts/novecento-bold.ttf') format('truetype'); 29 font-weight: normal; 30 font-style: normal; 31 } 32 33 /*--------------------- Layout ----------------------------*/ 34 html { height: 100%; } 35 body { 36 font-family: "aller-light"; 37 font-size: 14px; 38 line-height: 18px; 39 color: #30404f; 40 margin: 0; padding: 0; 41 height:100%; 42 } 43 #container { min-height: 100%; } 44 45 a { 46 color: #000; 47 } 48 49 b, strong { 50 font-weight: normal; 51 font-family: "aller-bold"; 52 } 53 54 p { 55 margin: 15px 0 0px; 56 } 57 .annotation ul, .annotation ol { 58 margin: 25px 0; 59 } 60 .annotation ul li, .annotation ol li { 61 font-size: 14px; 62 line-height: 18px; 63 margin: 10px 0; 64 } 65 66 h1, h2, h3, h4, h5, h6 { 67 color: #112233; 68 line-height: 1em; 69 font-weight: normal; 70 font-family: "novecento-bold"; 71 text-transform: uppercase; 72 margin: 30px 0 15px 0; 73 } 74 75 h1 { 76 margin-top: 40px; 77 } 78 79 hr { 80 border: 0; 81 background: 1px #ddd; 82 height: 1px; 83 margin: 20px 0; 84 } 85 86 pre, tt, code { 87 font-size: 12px; line-height: 16px; 88 font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace; 89 margin: 0; padding: 0; 90 } 91 .annotation pre { 92 display: block; 93 margin: 0; 94 padding: 7px 10px; 95 background: #fcfcfc; 96 -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); 97 -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); 98 box-shadow: inset 0 0 10px rgba(0,0,0,0.1); 99 overflow-x: auto; 100 } 101 .annotation pre code { 102 border: 0; 103 padding: 0; 104 background: transparent; 105 } 106 107 108 blockquote { 109 border-left: 5px solid #ccc; 110 margin: 0; 111 padding: 1px 0 1px 1em; 112 } 113 .sections blockquote p { 114 font-family: Menlo, Consolas, Monaco, monospace; 115 font-size: 12px; line-height: 16px; 116 color: #999; 117 margin: 10px 0 0; 118 white-space: pre-wrap; 119 } 120 121 ul.sections { 122 list-style: none; 123 padding:0 0 5px 0;; 124 margin:0; 125 } 126 127 /* 128 Force border-box so that % widths fit the parent 129 container without overlap because of margin/padding. 130 131 More Info : http://www.quirksmode.org/css/box.html 132 */ 133 ul.sections > li > div { 134 -moz-box-sizing: border-box; /* firefox */ 135 -ms-box-sizing: border-box; /* ie */ 136 -webkit-box-sizing: border-box; /* webkit */ 137 -khtml-box-sizing: border-box; /* konqueror */ 138 box-sizing: border-box; /* css3 */ 139 } 140 141 142 /*---------------------- Jump Page -----------------------------*/ 143 #jump_to, #jump_page { 144 margin: 0; 145 background: white; 146 -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777; 147 -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; 148 font: 16px Arial; 149 cursor: pointer; 150 text-align: right; 151 list-style: none; 152 } 153 154 #jump_to a { 155 text-decoration: none; 156 } 157 158 #jump_to a.large { 159 display: none; 160 } 161 #jump_to a.small { 162 font-size: 22px; 163 font-weight: bold; 164 color: #676767; 165 } 166 167 #jump_to, #jump_wrapper { 168 position: fixed; 169 right: 0; top: 0; 170 padding: 10px 15px; 171 margin:0; 172 } 173 174 #jump_wrapper { 175 display: none; 176 padding:0; 177 } 178 179 #jump_to:hover #jump_wrapper { 180 display: block; 181 } 182 183 #jump_page { 184 padding: 5px 0 3px; 185 margin: 0 0 25px 25px; 186 } 187 188 #jump_page .source { 189 display: block; 190 padding: 15px; 191 text-decoration: none; 192 border-top: 1px solid #eee; 193 } 194 195 #jump_page .source:hover { 196 background: #f5f5ff; 197 } 198 199 #jump_page .source:first-child { 200 } 201 /*---------------------- (> 1025px) ---------------------*/ 202 @media only screen and (min-width: 1025px) { 203 204 body { 205 font-size: 16px; 206 line-height: 24px; 207 } 208 209 #background { 210 width: 525px; 211 } 212 ul.sections > li > div.annotation { 213 max-width: 525px; 214 min-width: 525px; 215 padding: 10px 25px 1px 50px; 216 } 217 ul.sections > li > div.content { 218 padding: 9px 15px 16px 25px; 219 } 220 } 221 222 /*---------------------- Syntax Highlighting -----------------------------*/ 223 224 td.linenos { background-color: #f0f0f0; padding-right: 10px; } 225 span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; } 226 /* 227 228 github.com style (c) Vasily Polovnyov <vast@whiteants.net> 229 230 */ 231 232 pre code { 233 display: block; padding: 0.5em; 234 color: #000; 235 background: #f8f8ff 236 } 237 238 pre .comment, 239 pre .template_comment, 240 pre .diff .header, 241 pre .javadoc { 242 color: #408080; 243 font-style: italic 244 } 245 246 pre .keyword, 247 pre .assignment, 248 pre .literal, 249 pre .css .rule .keyword, 250 pre .winutils, 251 pre .javascript .title, 252 pre .lisp .title, 253 pre .subst { 254 color: #954121; 255 /*font-weight: bold*/ 256 } 257 258 pre .number, 259 pre .hexcolor { 260 color: #40a070 261 } 262 263 pre .string, 264 pre .tag .value, 265 pre .phpdoc, 266 pre .tex .formula { 267 color: #219161; 268 } 269 270 pre .title, 271 pre .id { 272 color: #19469D; 273 } 274 pre .params { 275 color: #00F; 276 } 277 278 pre .javascript .title, 279 pre .lisp .title, 280 pre .subst { 281 font-weight: normal 282 } 283 284 pre .class .title, 285 pre .haskell .label, 286 pre .tex .command { 287 color: #458; 288 font-weight: bold 289 } 290 291 pre .tag, 292 pre .tag .title, 293 pre .rules .property, 294 pre .django .tag .keyword { 295 color: #000080; 296 font-weight: normal 297 } 298 299 pre .attribute, 300 pre .variable, 301 pre .instancevar, 302 pre .lisp .body { 303 color: #008080 304 } 305 306 pre .regexp { 307 color: #B68 308 } 309 310 pre .class { 311 color: #458; 312 font-weight: bold 313 } 314 315 pre .symbol, 316 pre .ruby .symbol .string, 317 pre .ruby .symbol .keyword, 318 pre .ruby .symbol .keymethods, 319 pre .lisp .keyword, 320 pre .tex .special, 321 pre .input_number { 322 color: #990073 323 } 324 325 pre .builtin, 326 pre .constructor, 327 pre .built_in, 328 pre .lisp .title { 329 color: #0086b3 330 } 331 332 pre .preprocessor, 333 pre .pi, 334 pre .doctype, 335 pre .shebang, 336 pre .cdata { 337 color: #999; 338 font-weight: bold 339 } 340 341 pre .deletion { 342 background: #fdd 343 } 344 345 pre .addition { 346 background: #dfd 347 } 348 349 pre .diff .change { 350 background: #0086b3 351 } 352 353 pre .chunk { 354 color: #aaa 355 } 356 357 pre .tex .formula { 358 opacity: 0.5; 359 }