Mercurial > hg > MPIWGWeb
diff css/mpiwg.css @ 11:38bbf6dcdbc8
styles for sources page.
author | casties |
---|---|
date | Wed, 27 Feb 2013 18:54:48 +0100 |
parents | 0a7691055ea3 |
children | 400da3ba5fa0 |
line wrap: on
line diff
--- a/css/mpiwg.css Tue Feb 26 20:39:34 2013 +0100 +++ b/css/mpiwg.css Wed Feb 27 18:54:48 2013 +0100 @@ -1,6 +1,7 @@ /* MPIWG website style sheet * - * (c) 2013 Robert Casties + * (c) 2013 MPIWG Berlin + * Author: Robert Casties */ @@ -73,10 +74,14 @@ h1 { color: #3b4186; - font-size: 16px; - font-weight: bold; + font-size: 20px; + font-weight: normal; margin: 0.5em 0; } +h1:first-child { + /* does this work correctly? */ + margin-top: 0; +} h2 { color: #3b4186; @@ -104,9 +109,47 @@ line-height: 1.5; } +ul.inline { + padding: 0; + margin: 0; +} +ul.inline li { + display: inline; +} + +div.rows { + display: table; +} + +div.row { + display: table-row; +} + +div.row div.block { + display: table-cell; + vertical-align: top; +} +div.row div.block:first-child { + /* first block has no left margin */ + padding-left: 0 !important; +} + +div.block h2 { + margin-top: 35px; + padding-bottom: 5px; + border-bottom: 3px solid #dccbae; + margin-bottom: 0; +} + +div.item { + padding-top: 5px; + padding-bottom: 5px; + border-bottom: 1px solid #dccbae; + line-height: 1.5; +} /* - * header and wrapper + * page wrapper and header */ #wrapper { @@ -293,39 +336,18 @@ padding: 20px; } -div.rows { - display: table; -} - -div.row { - display: table-row; -} - -div.row div.block { - display: table-cell; - vertical-align: top; -} -div.row div.block:first-child { - /* first block has no left margin */ - padding-left: 0 !important; +div.main div.center { + /* display: table; */ } -div.row div.block h2 { - margin-top: 35px; - padding-bottom: 3px; - border-bottom: 3px solid #dccbae; - margin-bottom: 0; +div.main div.row div.block { + padding-left: 20px; } -div.item { - padding-top: 5px; - padding-bottom: 5px; - border-bottom: 1px solid #dccbae; - line-height: 1.5; -} +/* + * frontpage + */ - -/* frontpage version */ div.main.home { background-color: transparent; border-top: 0; @@ -354,7 +376,7 @@ } /* - * Front page feature + * front page feature */ div.row.feature { @@ -415,6 +437,89 @@ } /* + * toolboxes + */ +div.tool.block { + background-color: #efeeec; + color: black; + padding: 20px; + box-shadow: 0 0 1px 1px #e0e0e0; +} + +div.tool.block a { + color: #3b4186; +} + +div.tool.block div.searchbox { + /* only to make it shrink-wrap */ + display: table-cell; +} +div.tool.block div.searchbox input.text { + height: 20px; + width: 380px; + background-color: #9fa0a7; + color: white; + font-size: 14px; + font-style: italic; + border: 0; + padding: 3px; +} +div.tool.block div.searchbox input.submit { + /* submit uses border-box. don't ask */ + height: 26px; + width: 26px; + background-color: #ee7f2d; + /* TODO: this should be an image */ + color: white; + font-size: 14px; + border: 0; + padding: 2px 3px 4px 3px; +} + +div.tool.block div.searchbox div.extended { + text-align: right; + padding: 5px 30px 5px 3px; +} + +div.tool.block h3 { + font-family: Georgia, Times, serif; + font-style: italic; + font-size: 16px; + color: #887163; + margin: 0.5em 0; +} + +div.tool.block div.atoz { + color: #887163; + font-size: 14px; +} + +/* + * sources + */ +div.block div.source, +div.block div.website { + padding: 10px 0; +} + +div.block div.source div.thumb, +div.block div.website div.thumb { + background-color: #f8f8f8; + text-align: center; +} + +div.block div.source div.caption, +div.block div.website div.caption { + font-size: 11px; + color: #9f917a; +} + +div.block div.source div.author { + color: #3b4186; +} + + +/* * sidebar */ div.sidebar {