tdocco.css - tomb - the crypto undertaker
HTML git clone git://parazyd.org/tomb.git
DIR Log
DIR Files
DIR Refs
DIR README
DIR LICENSE
---
tdocco.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 }