comparison pylons_app/public/css/style-monoblue_custom.css @ 98:01d0f363f36d

added pygments webhelper
author Marcin Kuzminski <marcin@python-works.com>
date Sun, 25 Apr 2010 01:18:38 +0200
parents
children
comparison
equal deleted inserted replaced
97:be0096a02772 98:01d0f363f36d
1 /*** Initial Settings ***/
2 * {
3 margin: 0;
4 padding: 0;
5 font-weight: normal;
6 font-style: normal;
7 }
8
9 html {
10 font-size: 100%;
11 font-family: sans-serif;
12 }
13
14 body {
15 font-size: 77%;
16 margin: 15px 50px;
17 background: #4B4B4C;
18 }
19
20 a {
21 color:#0000cc;
22 text-decoration: none;
23 }
24 /*** end of Initial Settings ***/
25
26
27 /** common settings **/
28 div#container {
29 background: #FFFFFF;
30 position: relative;
31 color: #666;
32 }
33
34 div.page-header {
35 padding: 50px 20px 0;
36 background: #006699 top left repeat-x;
37 position: relative;
38 }
39 div.page-header h1 {
40 margin: 10px 0 30px;
41 font-size: 1.8em;
42 font-weight: bold;
43 font-family: osaka,'MS P Gothic', Georgia, serif;
44 letter-spacing: 1px;
45 color: #DDD;
46 }
47 div.page-header h1 a {
48 font-weight: bold;
49 color: #FFF;
50 }
51 div.page-header a {
52 text-decoration: none;
53 }
54
55 div.page-header form {
56 position: absolute;
57 margin-bottom: 2px;
58 bottom: 0;
59 right: 20px;
60 }
61 div.page-header form label {
62 color: #DDD;
63 }
64 div.page-header form input {
65 padding: 2px;
66 border: solid 1px #DDD;
67 }
68 div.page-header form dl {
69 overflow: hidden;
70 }
71 div.page-header form dl dt {
72 font-size: 1.2em;
73 }
74 div.page-header form dl dt,
75 div.page-header form dl dd {
76 margin: 0 0 0 5px;
77 float: left;
78 height: 24px;
79 line-height: 20px;
80 }
81
82 ul.page-nav {
83 margin: 10px 0 0 0;
84 list-style-type: none;
85 overflow: hidden;
86 width: 800px;
87 }
88 ul.page-nav li {
89 margin: 0 2px 0 0;
90 float: left;
91 width: 80px;
92 height: 24px;
93 font-size: 1.1em;
94 line-height: 24px;
95 text-align: center;
96 }
97 ul.page-nav li.current {
98 background: #FFF;
99 }
100 ul.page-nav li a {
101 height: 24px;
102 color: #666;
103 background: #DDD;
104 display: block;
105 text-decoration: none;
106 }
107 ul.page-nav li a:hover {
108 color:#333;
109 background: #FFF;
110 }
111
112 ul.submenu {
113 margin: 10px 0 -10px 20px;
114 list-style-type: none;
115 }
116 ul.submenu li {
117 margin: 0 10px 0 0;
118 font-size: 1.2em;
119 display: inline;
120 }
121
122 h2 {
123 margin: 20px 0 10px;
124 height: 30px;
125 line-height: 30px;
126 text-indent: 20px;
127 background: #FFF;
128 font-size: 1.2em;
129 border-top: dotted 1px #D5E1E6;
130 font-weight: bold;
131 }
132 h2.no-link {
133 color:#006699;
134 }
135 h2.no-border {
136 color: #FFF;
137 background: #006699;
138 border: 0;
139 }
140 h2 a {
141 font-weight:bold;
142 color:#006699;
143 }
144
145 div.page-path {
146 text-align: right;
147 padding: 20px 30px 10px 0;
148 border:solid #d9d8d1;
149 border-width:0px 0px 1px;
150 font-size: 1.2em;
151 }
152
153 div.page-footer {
154 margin: 50px 0 0;
155 position: relative;
156 }
157 div.page-footer p {
158 position: relative;
159 left: 20px;
160 bottom: 5px;
161 font-size: 1.2em;
162 }
163
164 ul.rss-logo {
165 position: absolute;
166 top: -10px;
167 right: 20px;
168 height: 20px;
169 list-style-type: none;
170 }
171 ul.rss-logo li {
172 display: inline;
173 }
174 ul.rss-logo li a {
175 padding: 3px 6px;
176 line-height: 10px;
177 border:1px solid;
178 border-color:#fcc7a5 #7d3302 #3e1a01 #ff954e;
179 color:#ffffff;
180 background-color:#ff6600;
181 font-weight:bold;
182 font-family:sans-serif;
183 font-size:10px;
184 text-align:center;
185 text-decoration:none;
186 }
187 div.rss-logo li a:hover {
188 background-color:#ee5500;
189 }
190
191 p.normal {
192 margin: 20px 0 20px 30px;
193 font-size: 1.2em;
194 }
195
196 table {
197 margin: 10px 0 0 20px;
198 width: 95%;
199 border-collapse: collapse;
200 }
201 table tr td {
202 font-size: 1.1em;
203 }
204 table tr td.nowrap {
205 white-space: nowrap;
206 }
207 /*
208 table tr.parity0:hover,
209 table tr.parity1:hover {
210 background: #D5E1E6;
211 }
212 */
213 table tr.parity0 {
214 background: #F1F6F7;
215 }
216 table tr.parity1 {
217 background: #FFFFFF;
218 }
219 table tr td {
220 padding: 5px 5px;
221 }
222 table.annotated tr td {
223 padding: 0px 5px;
224 }
225
226 span.logtags span {
227 padding: 2px 6px;
228 font-weight: normal;
229 font-size: 11px;
230 border: 1px solid;
231 background-color: #ffaaff;
232 border-color: #ffccff #ff00ee #ff00ee #ffccff;
233 }
234 span.logtags span.tagtag {
235 background-color: #ffffaa;
236 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
237 }
238 span.logtags span.branchtag {
239 background-color: #aaffaa;
240 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
241 }
242 span.logtags span.inbranchtag {
243 background-color: #d5dde6;
244 border-color: #e3ecf4 #9398f4 #9398f4 #e3ecf4;
245 }
246
247 div.diff pre {
248 margin: 10px 0 0 0;
249 }
250 div.diff pre span {
251 font-family: monospace;
252 white-space: pre;
253 font-size: 1.2em;
254 padding: 3px 0;
255 }
256 td.source {
257 white-space: pre;
258 font-family: monospace;
259 margin: 10px 30px 0;
260 font-size: 1.2em;
261 font-family: monospace;
262 }
263 div.source div.parity0,
264 div.source div.parity1 {
265 padding: 1px;
266 font-size: 1.2em;
267 }
268 div.source div.parity0 {
269 background: #F1F6F7;
270 }
271 div.source div.parity1 {
272 background: #FFFFFF;
273 }
274 div.parity0:hover,
275 div.parity1:hover {
276 background: #D5E1E6;
277 }
278 .linenr {
279 color: #999;
280 text-align: right;
281 }
282 .lineno {
283 text-align: right;
284 }
285 .lineno a {
286 color: #999;
287 }
288 td.linenr {
289 width: 60px;
290 }
291
292 div#powered-by {
293 position: absolute;
294 width: 75px;
295 top: 15px;
296 right: 20px;
297 font-size: 1.2em;
298 }
299 div#powered-by a {
300 color: #EEE;
301 text-decoration: none;
302 }
303 div#powered-by a:hover {
304 text-decoration: underline;
305 }
306 /*
307 div#monoblue-corner-top-left {
308 position: absolute;
309 top: 0;
310 left: 0;
311 width: 10px;
312 height: 10px;
313 background: url(./monoblue-corner.png) top left no-repeat !important;
314 background: none;
315 }
316 div#monoblue-corner-top-right {
317 position: absolute;
318 top: 0;
319 right: 0;
320 width: 10px;
321 height: 10px;
322 background: url(./monoblue-corner.png) top right no-repeat !important;
323 background: none;
324 }
325 div#monoblue-corner-bottom-left {
326 position: absolute;
327 bottom: 0;
328 left: 0;
329 width: 10px;
330 height: 10px;
331 background: url(./monoblue-corner.png) bottom left no-repeat !important;
332 background: none;
333 }
334 div#monoblue-corner-bottom-right {
335 position: absolute;
336 bottom: 0;
337 right: 0;
338 width: 10px;
339 height: 10px;
340 background: url(./monoblue-corner.png) bottom right no-repeat !important;
341 background: none;
342 }
343 */
344 /** end of common settings **/
345
346 /** summary **/
347 dl.overview {
348 margin: 0 0 0 30px;
349 font-size: 1.1em;
350 overflow: hidden;
351 }
352 dl.overview dt,
353 dl.overview dd {
354 margin: 5px 0;
355 float: left;
356 }
357 dl.overview dt {
358 clear: left;
359 font-weight: bold;
360 width: 150px;
361 }
362 /** end of summary **/
363
364 /** chagelog **/
365 h3.changelog {
366 margin: 20px 0 5px 30px;
367 padding: 0 0 2px;
368 font-size: 1.4em;
369 border-bottom: dotted 1px #D5E1E6;
370 }
371 ul.changelog-entry {
372 margin: 0 0 10px 30px;
373 list-style-type: none;
374 position: relative;
375 }
376 ul.changelog-entry li span.revdate {
377 font-size: 1.1em;
378 }
379 ul.changelog-entry li.age {
380 position: absolute;
381 top: -25px;
382 right: 10px;
383 font-size: 1.4em;
384 color: #CCC;
385 font-weight: bold;
386 font-style: italic;
387 }
388 ul.changelog-entry li span.name {
389 font-size: 1.2em;
390 font-weight: bold;
391 }
392 ul.changelog-entry li.description {
393 margin: 10px 0 0;
394 font-size: 1.1em;
395 }
396 /** end of changelog **/
397
398 /** file **/
399 p.files {
400 margin: 0 0 0 20px;
401 font-size: 2.0em;
402 font-weight: bold;
403 }
404 /** end of file **/
405
406 /** changeset **/
407 h3.changeset {
408 margin: 20px 0 5px 20px;
409 padding: 0 0 2px;
410 font-size: 1.6em;
411 border-bottom: dotted 1px #D5E1E6;
412 }
413 p.changeset-age {
414 position: relative;
415 }
416 p.changeset-age span {
417 position: absolute;
418 top: -25px;
419 right: 10px;
420 font-size: 1.4em;
421 color: #CCC;
422 font-weight: bold;
423 font-style: italic;
424 }
425 p.description {
426 margin: 10px 30px 0 30px;
427 padding: 10px;
428 border: solid 1px #CCC;
429 font-size: 1.2em;
430 }
431 /** end of changeset **/
432
433 /** canvas **/
434 div#wrapper {
435 position: relative;
436 font-size: 1.2em;
437 }
438
439 canvas {
440 position: absolute;
441 z-index: 5;
442 top: -0.7em;
443 }
444
445 ul#nodebgs li.parity0 {
446 background: #F1F6F7;
447 }
448
449 ul#nodebgs li.parity1 {
450 background: #FFFFFF;
451 }
452
453 ul#graphnodes {
454 position: absolute;
455 z-index: 10;
456 top: 7px;
457 list-style: none inside none;
458 }
459
460 ul#nodebgs {
461 list-style: none inside none;
462 }
463
464 ul#graphnodes li, ul#nodebgs li {
465 height: 39px;
466 }
467
468 ul#graphnodes li .info {
469 display: block;
470 position: relative;
471 }
472 /** end of canvas **/
473
474 .browser-file {
475 background-image:url("/images/file.png");
476 background-repeat:no-repeat;
477 display:block;
478 height:16px;
479 padding-left:20px;
480 padding-top:5px;
481 text-align:left;
482 }
483 .browser-dir {
484 background-image:url("/images/folder.png");
485 background-repeat:no-repeat;
486 display:block;
487 height:16px;
488 padding-left:20px;
489 padding-top:5px;
490 text-align:left;
491 }