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 {