Mercurial > hg > MPIWGWeb

comparison css/mpiwg.css @ 11:38bbf6dcdbc8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
styles for sources page.
author casties
date Wed, 27 Feb 2013 18:54:48 +0100
parents 0a7691055ea3
children 400da3ba5fa0
comparison
equal deleted inserted replaced
10:c711fe75d0ac 11:38bbf6dcdbc8
1 /* MPIWG website style sheet 1 /* MPIWG website style sheet
2 * 2 *
3 * (c) 2013 Robert Casties 3 * (c) 2013 MPIWG Berlin
4 * Author: Robert Casties
4 */ 5 */
5 6
6 7
7 8
8 body { 9 body {
71 color: #3b4186 !important; 72 color: #3b4186 !important;
72 } 73 }
73 74
74 h1 { 75 h1 {
75 color: #3b4186; 76 color: #3b4186;
76 font-size: 16px; 77 font-size: 20px;
77 font-weight: bold; 78 font-weight: normal;
78 margin: 0.5em 0; 79 margin: 0.5em 0;
80 }
81 h1:first-child {
82 /* does this work correctly? */
83 margin-top: 0;
79 } 84 }
80 85
81 h2 { 86 h2 {
82 color: #3b4186; 87 color: #3b4186;
83 font-size: 16px; 88 font-size: 16px;
102 p { 107 p {
103 margin: 0.5em 0; 108 margin: 0.5em 0;
104 line-height: 1.5; 109 line-height: 1.5;
105 } 110 }
106 111
107 112 ul.inline {
108 /* 113 padding: 0;
109 * header and wrapper 114 margin: 0;
115 }
116 ul.inline li {
117 display: inline;
118 }
119
120 div.rows {
121 display: table;
122 }
123
124 div.row {
125 display: table-row;
126 }
127
128 div.row div.block {
129 display: table-cell;
130 vertical-align: top;
131 }
132 div.row div.block:first-child {
133 /* first block has no left margin */
134 padding-left: 0 !important;
135 }
136
137 div.block h2 {
138 margin-top: 35px;
139 padding-bottom: 5px;
140 border-bottom: 3px solid #dccbae;
141 margin-bottom: 0;
142 }
143
144 div.item {
145 padding-top: 5px;
146 padding-bottom: 5px;
147 border-bottom: 1px solid #dccbae;
148 line-height: 1.5;
149 }
150
151 /*
152 * page wrapper and header
110 */ 153 */
111 154
112 #wrapper { 155 #wrapper {
113 width: 900px; 156 width: 900px;
114 margin: 0 auto; 157 margin: 0 auto;
291 background-color: white; 334 background-color: white;
292 border-top: 3px solid #dccbae; 335 border-top: 3px solid #dccbae;
293 padding: 20px; 336 padding: 20px;
294 } 337 }
295 338
296 div.rows { 339 div.main div.center {
297 display: table; 340 /* display: table; */
298 } 341 }
299 342
300 div.row { 343 div.main div.row div.block {
301 display: table-row; 344 padding-left: 20px;
302 } 345 }
303 346
304 div.row div.block { 347 /*
305 display: table-cell; 348 * frontpage
306 vertical-align: top; 349 */
307 } 350
308 div.row div.block:first-child {
309 /* first block has no left margin */
310 padding-left: 0 !important;
311 }
312
313 div.row div.block h2 {
314 margin-top: 35px;
315 padding-bottom: 3px;
316 border-bottom: 3px solid #dccbae;
317 margin-bottom: 0;
318 }
319
320 div.item {
321 padding-top: 5px;
322 padding-bottom: 5px;
323 border-bottom: 1px solid #dccbae;
324 line-height: 1.5;
325 }
326
327
328 /* frontpage version */
329 div.main.home { 351 div.main.home {
330 background-color: transparent; 352 background-color: transparent;
331 border-top: 0; 353 border-top: 0;
332 padding: 0; 354 padding: 0;
333 } 355 }
352 /* more-links in title are small */ 374 /* more-links in title are small */
353 font-size: 12px; 375 font-size: 12px;
354 } 376 }
355 377
356 /* 378 /*
357 * Front page feature 379 * front page feature
358 */ 380 */
359 381
360 div.row.feature { 382 div.row.feature {
361 background-color: #f4e0c7; 383 background-color: #f4e0c7;
362 } 384 }
413 margin-bottom: 20px; 435 margin-bottom: 20px;
414 font-size: 12px; 436 font-size: 12px;
415 } 437 }
416 438
417 /* 439 /*
440 * toolboxes
441 */
442 div.tool.block {
443 background-color: #efeeec;
444 color: black;
445 padding: 20px;
446 box-shadow: 0 0 1px 1px #e0e0e0;
447 }
448
449 div.tool.block a {
450 color: #3b4186;
451 }
452
453 div.tool.block div.searchbox {
454 /* only to make it shrink-wrap */
455 display: table-cell;
456 }
457 div.tool.block div.searchbox input.text {
458 height: 20px;
459 width: 380px;
460 background-color: #9fa0a7;
461 color: white;
462 font-size: 14px;
463 font-style: italic;
464 border: 0;
465 padding: 3px;
466 }
467 div.tool.block div.searchbox input.submit {
468 /* submit uses border-box. don't ask */
469 height: 26px;
470 width: 26px;
471 background-color: #ee7f2d;
472 /* TODO: this should be an image */
473 color: white;
474 font-size: 14px;
475 border: 0;
476 padding: 2px 3px 4px 3px;
477 }
478
479 div.tool.block div.searchbox div.extended {
480 text-align: right;
481 padding: 5px 30px 5px 3px;
482 }
483
484 div.tool.block h3 {
485 font-family: Georgia, Times, serif;
486 font-style: italic;
487 font-size: 16px;
488 color: #887163;
489 margin: 0.5em 0;
490 }
491
492 div.tool.block div.atoz {
493 color: #887163;
494 font-size: 14px;
495 }
496
497 /*
498 * sources
499 */
500 div.block div.source,
501 div.block div.website {
502 padding: 10px 0;
503 }
504
505 div.block div.source div.thumb,
506 div.block div.website div.thumb {
507 background-color: #f8f8f8;
508 text-align: center;
509 }
510
511 div.block div.source div.caption,
512 div.block div.website div.caption {
513 font-size: 11px;
514 color: #9f917a;
515 }
516
517 div.block div.source div.author {
518 color: #3b4186;
519 }
520
521
522 /*
418 * sidebar 523 * sidebar
419 */ 524 */
420 div.sidebar { 525 div.sidebar {
421 display: table-cell; 526 display: table-cell;
422 width: 220px; 527 width: 220px;