Mercurial > hg > MPIWGWeb

comparison css/mpiwg.css @ 30:aa4ab114c28a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
more work on projects.
author casties
date Tue, 23 Apr 2013 14:36:32 +0200
parents 9a75eb1b31b3
children 6891732a148f
comparison
equal deleted inserted replaced
29:224023958871 30:aa4ab114c28a
512 color: #887163; 512 color: #887163;
513 margin: 0.5em 0; 513 margin: 0.5em 0;
514 } 514 }
515 515
516 div.tool.box h3:first-child { 516 div.tool.box h3:first-child {
517 /* does this work correctly? */ 517 /* top header has no margin */
518 margin-top: 0; 518 margin-top: 0;
519 } 519 }
520 520
521 div.tool.box ul { 521 div.tool.box ul {
522 margin: 0; 522 margin: 0;
549 margin: 0; 549 margin: 0;
550 /* TODO: this should be an image */ 550 /* TODO: this should be an image */
551 background-color: white; 551 background-color: white;
552 } 552 }
553 553
554 div.tool.box div.box.thumbs {
555 width: 420px;
556 }
557
554 /* 558 /*
555 * service box on frontpage 559 * service box on frontpage
556 */ 560 */
557 div.box h2.service { 561 div.box h2.service {
558 /* title has no line */ 562 /* title has no line */
618 font-size: 12px; 622 font-size: 12px;
619 background-color: white; 623 background-color: white;
620 margin-bottom: 5px; 624 margin-bottom: 5px;
621 border: 0; 625 border: 0;
622 } 626 }
627 /* toolbox with thumbs */
628 div.box.thumbs div.thumb {
629 display: inline;
630 }
631 div.box.thumbs div.thumb img {
632 width: 55px;
633 height: 34px;
634 }
635
623 636
624 /* 637 /*
625 * other boxes 638 * other boxes
626 */ 639 */
627 div.box { 640 div.box {
650 /* directly over h2 */ 663 /* directly over h2 */
651 margin-top: 0; 664 margin-top: 0;
652 } 665 }
653 666
654 /* 667 /*
655 * small boxes with thumbnail 668 * small box with thumbnail
656 */ 669 */
657 div.mini { 670 div.mini {
658 padding: 10px 0; 671 padding: 10px 0;
659 /* line-height: 1; */ 672 /* line-height: 1; */
660 } 673 }
661 674
662 div.row.quintuple div.mini { 675 div.row.quintuple div.mini {
676 max-width: 122px;
663 font-size: 11px; 677 font-size: 11px;
664 } 678 }
665 679
666 div.mini div.thumb { 680 div.mini div.thumb {
667 background-color: #f8f8f8; 681 background-color: #f8f8f8;
705 background-color: #ee7f2d; 719 background-color: #ee7f2d;
706 color: white; 720 color: white;
707 font-size: 14px; 721 font-size: 14px;
708 } 722 }
709 723
710 /* paragraph with line */ 724 /*
725 * slider buttons
726 */
727 div.box div.slider {
728 position: absolute;
729 top: 110px;
730 width: 16px;
731 height: 18px;
732 }
733
734 div.box div.slider.prev {
735 left: 0;
736 }
737
738 div.box div.slider.next {
739 right: 0;
740 text-align: right;
741 }
742
743 /*
744 * paragraph with line
745 */
711 div.item { 746 div.item {
712 padding-top: 5px; 747 padding-top: 5px;
713 padding-bottom: 5px; 748 padding-bottom: 5px;
714 border-bottom: 1px solid #dccbae; 749 border-bottom: 1px solid #dccbae;
715 line-height: 1.5; 750 line-height: 1.5;
716 }
717
718 /* slider buttons */
719 div.box div.slider {
720 position: absolute;
721 top: 110px;
722 width: 16px;
723 height: 18px;
724 }
725
726 div.box div.slider.prev {
727 left: 0;
728 }
729
730 div.box div.slider.next {
731 right: 0;
732 text-align: right;
733 } 751 }
734 752
735 /* 753 /*
736 * sidebar 754 * sidebar
737 */ 755 */