Mercurial > kallithea

comparison pylons_app/public/css/monoblue_custom.css @ 102:2dc0c8e4f384

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated tempaltes, added file browser breadcrumbs, and feed icons
author Marcin Kuzminski <marcin@python-works.com>
date Sun, 25 Apr 2010 18:42:58 +0200
parents pylons_app/public/css/style-monoblue_custom.css@01d0f363f36d
children 3ac4350b7848
comparison
equal deleted inserted replaced
101:8b06c420491d 102:2dc0c8e4f384
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: #DBD4C6;
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: #556cb5 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: 0 0 0 0;
198 border-collapse: collapse;
199 }
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,table tr.parity1:hover {
209 background: #D5E1E6;
210 }
211
212 table tr.parity0 {
213 background: #EAEAE9;
214 }
215 table tr.parity1 {
216 background: #FFFFFF;
217 }
218 table tr td {
219 padding: 3px 3px;
220 }
221 table.annotated tr td {
222 padding: 0px 3px;
223 }
224
225 span.logtags span {
226 padding: 2px 6px;
227 font-weight: normal;
228 font-size: 11px;
229 border: 1px solid;
230 background-color: #ffaaff;
231 border-color: #ffccff #ff00ee #ff00ee #ffccff;
232 }
233 span.logtags span.tagtag {
234 background-color: #ffffaa;
235 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
236 }
237 span.logtags span.branchtag {
238 background-color: #aaffaa;
239 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
240 }
241 span.logtags span.inbranchtag {
242 background-color: #d5dde6;
243 border-color: #e3ecf4 #9398f4 #9398f4 #e3ecf4;
244 }
245
246 div.diff pre {
247 margin: 10px 0 0 0;
248 }
249 div.diff pre span {
250 font-family: monospace;
251 white-space: pre;
252 font-size: 1.2em;
253 padding: 3px 0;
254 }
255 td.source {
256 white-space: pre;
257 font-family: monospace;
258 margin: 10px 30px 0;
259 font-size: 1.2em;
260 font-family: monospace;
261 }
262 div.source div.parity0,
263 div.source div.parity1 {
264 padding: 1px;
265 font-size: 1.2em;
266 }
267 div.source div.parity0 {
268 background: #F1F6F7;
269 }
270 div.source div.parity1 {
271 background: #FFFFFF;
272 }
273 div.parity0:hover,
274 div.parity1:hover {
275 background: #D5E1E6;
276 }
277 .linenr {
278 color: #999;
279 text-align: right;
280 }
281 .lineno {
282 text-align: right;
283 }
284 .lineno a {
285 color: #999;
286 }
287 td.linenr {
288 width: 60px;
289 }
290
291 div#powered-by {
292 position: absolute;
293 width: 75px;
294 top: 15px;
295 right: 20px;
296 font-size: 1.2em;
297 }
298 div#powered-by a {
299 color: #EEE;
300 text-decoration: none;
301 }
302 div#powered-by a:hover {
303 text-decoration: underline;
304 }
305 /*
306 div#monoblue-corner-top-left {
307 position: absolute;
308 top: 0;
309 left: 0;
310 width: 10px;
311 height: 10px;
312 background: url(./monoblue-corner.png) top left no-repeat !important;
313 background: none;
314 }
315 div#monoblue-corner-top-right {
316 position: absolute;
317 top: 0;
318 right: 0;
319 width: 10px;
320 height: 10px;
321 background: url(./monoblue-corner.png) top right no-repeat !important;
322 background: none;
323 }
324 div#monoblue-corner-bottom-left {
325 position: absolute;
326 bottom: 0;
327 left: 0;
328 width: 10px;
329 height: 10px;
330 background: url(./monoblue-corner.png) bottom left no-repeat !important;
331 background: none;
332 }
333 div#monoblue-corner-bottom-right {
334 position: absolute;
335 bottom: 0;
336 right: 0;
337 width: 10px;
338 height: 10px;
339 background: url(./monoblue-corner.png) bottom right no-repeat !important;
340 background: none;
341 }
342 */
343 /** end of common settings **/
344
345 /** summary **/
346 dl.overview {
347 margin: 0 0 0 30px;
348 font-size: 1.1em;
349 overflow: hidden;
350 }
351 dl.overview dt,
352 dl.overview dd {
353 margin: 5px 0;
354 float: left;
355 }
356 dl.overview dt {
357 clear: left;
358 font-weight: bold;
359 width: 150px;
360 }
361 /** end of summary **/
362
363 /** chagelog **/
364 h3.changelog {
365 margin: 20px 0 5px 30px;
366 padding: 0 0 2px;
367 font-size: 1.4em;
368 border-bottom: dotted 1px #D5E1E6;
369 }
370 ul.changelog-entry {
371 margin: 0 0 10px 30px;
372 list-style-type: none;
373 position: relative;
374 }
375 ul.changelog-entry li span.revdate {
376 font-size: 1.1em;
377 }
378 ul.changelog-entry li.age {
379 position: absolute;
380 top: -25px;
381 right: 10px;
382 font-size: 1.4em;
383 color: #CCC;
384 font-weight: bold;
385 font-style: italic;
386 }
387 ul.changelog-entry li span.name {
388 font-size: 1.2em;
389 font-weight: bold;
390 }
391 ul.changelog-entry li.description {
392 margin: 10px 0 0;
393 font-size: 1.1em;
394 }
395 /** end of changelog **/
396
397 /** file **/
398 p.files {
399 margin: 0 0 0 20px;
400 font-size: 2.0em;
401 font-weight: bold;
402 }
403 /** end of file **/
404
405 /** changeset **/
406 h3.changeset {
407 margin: 20px 0 5px 20px;
408 padding: 0 0 2px;
409 font-size: 1.6em;
410 border-bottom: dotted 1px #D5E1E6;
411 }
412 p.changeset-age {
413 position: relative;
414 }
415 p.changeset-age span {
416 position: absolute;
417 top: -25px;
418 right: 10px;
419 font-size: 1.4em;
420 color: #CCC;
421 font-weight: bold;
422 font-style: italic;
423 }
424 p.description {
425 margin: 10px 30px 0 30px;
426 padding: 10px;
427 border: solid 1px #CCC;
428 font-size: 1.2em;
429 }
430 /** end of changeset **/
431
432 /** canvas **/
433 div#wrapper {
434 position: relative;
435 font-size: 1.2em;
436 }
437
438 canvas {
439 position: absolute;
440 z-index: 5;
441 top: -0.7em;
442 }
443
444 ul#nodebgs li.parity0 {
445 background: #F1F6F7;
446 }
447
448 ul#nodebgs li.parity1 {
449 background: #FFFFFF;
450 }
451
452 ul#graphnodes {
453 position: absolute;
454 z-index: 10;
455 top: 7px;
456 list-style: none inside none;
457 }
458
459 ul#nodebgs {
460 list-style: none inside none;
461 }
462
463 ul#graphnodes li, ul#nodebgs li {
464 height: 39px;
465 }
466
467 ul#graphnodes li .info {
468 display: block;
469 position: relative;
470 }
471 /** end of canvas **/
472
473 table.code-browser{
474
475 }
476 table.code-browser thead th {
477 background-color:#EEEEEE;
478 border:1px solid #999999;
479 height:20px;
480 font-size: 1.1em;
481 font-weight: bold;
482 }
483 table.code-browser tbody td {
484 border:1px solid #999999;
485 height:20px;
486 }
487 .info-table {
488 background:none repeat scroll 0 0 #FAFAFA;
489 border-bottom:1px solid #DDDDDD;
490 width:100%;
491 }
492 .rss_logo{
493 background-image:url("/images/feed.png");
494 background-repeat:no-repeat;
495 display:block;
496 height:16px;
497 padding-left:20px;
498 padding-top:0px;
499 text-align:left;
500
501 }
502 .atom_logo{
503 background-image:url("/images/atom.png");
504 background-repeat:no-repeat;
505 display:block;
506 height:16px;
507 padding-left:20px;
508 padding-top:0px;
509 text-align:left;
510
511 }
512 .browser-file {
513 background-image:url("/images/file.png");
514 background-repeat:no-repeat;
515 display:block;
516 height:16px;
517 padding-left:20px;
518 padding-top:5px;
519 text-align:left;
520 }
521 .browser-dir {
522 background-image:url("/images/folder.png");
523 background-repeat:no-repeat;
524 display:block;
525 height:16px;
526 padding-left:20px;
527 padding-top:5px;
528 text-align:left;
529 }