Mercurial > hg > MPIWGWeb
diff css/mpiwg.css @ 84:faaded775a8a
styles for feature and feature archive.
author | casties |
---|---|
date | Mon, 13 May 2013 22:16:04 +0200 |
parents | ff0657e34ab4 |
children | ab836d3f96dc |
line wrap: on
line diff
--- a/css/mpiwg.css Mon May 13 18:06:11 2013 +0200 +++ b/css/mpiwg.css Mon May 13 22:16:04 2013 +0200 @@ -876,6 +876,7 @@ } ul.items .type { + /* font-size: 11px; */ color: #696968; } @@ -960,34 +961,80 @@ /* - * figures (in project descriptions) + * figures (in project descriptions and features) */ -div.figure { +div.figure, +div.image_small { float: left; - width: 220px; + width: 230px; padding: 0.5em 1em 0 0; } -div.figure div.image img { - width: 220px; +div.image_small.right { + float: right; + padding: 0.5em 0 0 1em; } -div.figure div.figcaption { +div.figure div.image img, +div.image_small img { + width: 230px; +} +div.figure div.figcaption, +div.banner_large div.caption, +div.image_small div.caption { font-size: 10px; + line-height: 1.5; color: #9f917a; margin-top: 0.5em; } +div.banner_large img { + width: 460px; +} /* - * project description + * project description and feature */ h3.authors { margin-top: 0.5em; } +p.maintext_authors { + font-size: 14px; + color: #3b4186; +} + div.description { margin-top: 0.5em; line-height: 1.5; } +/* + * feature story archive + */ +ul.items.features li { + padding: 0 0 0.5em 0; + border-bottom: 1px solid #dccbae; +} +ul.items.features .thumb { + float:left; + padding: 8px 10px 0 0; +} +ul.items.features .thumb img { + width: 55px; + height: 34px; +} +ul.items.features .feature_number { + font-family: Georgia, Times, serif; + font-size: 24px; + color: #696968; +} +ul.items.features .date { + font-size: 11px; + color: #696968; +} +ul.items.features h1 { + font-size: 12px; + font-weight: bold; + margin: 0; +} /* * sidebar */ @@ -1053,6 +1100,33 @@ } /* + * special sideblocks + */ +div.sideblock .item.link, +div.sideblock .item.internal { + background: url(../images/internal.png) 0 11px no-repeat; + padding-left: 10px; +} + +div.sideblock .item.external { + background: url(../images/external.png) 0 11px no-repeat; + padding-left: 13px; +} + +div.sideblock .item.download { + background: url(../images/download.png) 0 8px no-repeat; + padding-left: 15px; +} + +div.sideblock .item.thumb img { + width: 55px; + height: 34px; +} +div.sideblock .item.thumb .text { + padding-left: 0.5em; +} + +/* * footer */ #footer {