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 {