Mercurial > hg > MPIWGWeb

comparison css/mpiwg.css @ 12:400da3ba5fa0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
styles for research websites page.
author casties
date Fri, 01 Mar 2013 17:57:36 +0100
parents 38bbf6dcdbc8
children 325e7c338815
comparison
equal deleted inserted replaced
11:38bbf6dcdbc8 12:400da3ba5fa0
194 font-family: Verdana, Arial, sans-serif; 194 font-family: Verdana, Arial, sans-serif;
195 font-size: 12px; 195 font-size: 12px;
196 border-top: 8px solid #fab775; 196 border-top: 8px solid #fab775;
197 padding-top: 5px; 197 padding-top: 5px;
198 margin-bottom: 15px; 198 margin-bottom: 15px;
199 } 199 /* make iPhone-Safari not botch text size */
200 -webkit-text-size-adjust: 100%;
201 }
202
200 #mainnav ul { 203 #mainnav ul {
201 padding: 0; 204 padding: 0;
202 margin: 0; 205 margin: 0;
203 } 206 }
207
204 #mainnav li.sec { 208 #mainnav li.sec {
205 display: inline; 209 display: inline;
206 border-top: 8px solid #fab775; 210 border-top: 8px solid #fab775;
207 margin: 0 35px 0 0; 211 margin: 0 35px 0 0;
208 padding-top: 5px; 212 padding-top: 5px;
466 } 470 }
467 div.tool.block div.searchbox input.submit { 471 div.tool.block div.searchbox input.submit {
468 /* submit uses border-box. don't ask */ 472 /* submit uses border-box. don't ask */
469 height: 26px; 473 height: 26px;
470 width: 26px; 474 width: 26px;
475 border: 0;
476 padding: 2px 3px 4px 3px;
477 /* TODO: this should be an image */
471 background-color: #ee7f2d; 478 background-color: #ee7f2d;
472 /* TODO: this should be an image */
473 color: white; 479 color: white;
474 font-size: 14px; 480 font-size: 14px;
475 border: 0;
476 padding: 2px 3px 4px 3px;
477 } 481 }
478 482
479 div.tool.block div.searchbox div.extended { 483 div.tool.block div.searchbox div.extended {
480 text-align: right; 484 text-align: right;
481 padding: 5px 30px 5px 3px; 485 padding: 5px 30px 5px 3px;
486 font-style: italic; 490 font-style: italic;
487 font-size: 16px; 491 font-size: 16px;
488 color: #887163; 492 color: #887163;
489 margin: 0.5em 0; 493 margin: 0.5em 0;
490 } 494 }
495 div.tool.block h3:first-child {
496 /* does this work correctly? */
497 margin-top: 0;
498 }
491 499
492 div.tool.block div.atoz { 500 div.tool.block div.atoz {
493 color: #887163; 501 color: #887163;
494 font-size: 14px; 502 font-size: 14px;
495 } 503 }
496 504
497 /* 505 /*
498 * sources 506 * sources and websites
499 */ 507 */
500 div.block div.source, 508 div.block div.source,
501 div.block div.website { 509 div.block div.website {
502 padding: 10px 0; 510 padding: 10px 0;
503 } 511 }
512 div.block div.website div.caption { 520 div.block div.website div.caption {
513 font-size: 11px; 521 font-size: 11px;
514 color: #9f917a; 522 color: #9f917a;
515 } 523 }
516 524
517 div.block div.source div.author { 525 div.block div.source div.author,
526 div.block div.website div.title {
518 color: #3b4186; 527 color: #3b4186;
519 } 528 }
520 529
530 div.block div.website div.description {
531 /* initially hidden */
532 display: none;
533 }
534
535 div.block div.website.item {
536 min-height: 180px;
537 position: relative;
538 margin: 10px 0 0 0;
539 }
540
541 div.block div.website.item div.fold {
542 position: absolute;
543 bottom: 0;
544 right: 0;
545 /* TODO: this should be an image */
546 background-color: #ee7f2d;
547 color: white;
548 font-size: 14px;
549 }
521 550
522 /* 551 /*
523 * sidebar 552 * sidebar
524 */ 553 */
525 div.sidebar { 554 div.sidebar {