# HG changeset patch
# User casties
# Date 1365609389 -7200
# Node ID 5a4b22fa726c9c1a54d895092c1a531a230e18e3
# Parent  6a4996805505630a9637b5d00d8f267c0fd6381a
more work on project navigation.

diff -r 6a4996805505 -r 5a4b22fa726c css/mpiwg.css
--- a/css/mpiwg.css	Tue Apr 09 16:50:29 2013 +0200
+++ b/css/mpiwg.css	Wed Apr 10 17:56:29 2013 +0200
@@ -30,25 +30,23 @@
     text-decoration: underline;
 }
 
-/*  new link-classes (with icons)  */
+/*  link-classes (with icons)  */
 
 a.internal {
-    background: url(../images/arr_more.gif) no-repeat;    
-    padding-left: 12px;
-    padding-top: 1px;
+    background: url(../images/internal.png) center left no-repeat;    
+    padding-left: 10px;
 }
 
 a.download {
-    background: url(../images/download.gif) no-repeat;    
-    padding-left: 17px;
-/* padding-top:1px; */
+    background: url(../images/download.png) center left no-repeat;    
+    padding-left: 15px;
 }
 
 a.external {
-    background: url(../images/external.gif) no-repeat;    
+    background: url(../images/external.png) center left no-repeat;    
     padding-left: 15px;
-/* padding-top:1px; */
 }
+
 a.pdf {
     background: url(../images/pdf.gif) no-repeat;    
     padding-left: 15px;
@@ -56,9 +54,13 @@
 }
 
 a.audio {
-    background: url(../images/audio.gif) no-repeat;    
+    background: url(../images/audio.png) center left no-repeat;    
     padding-left: 15px;
-/* padding-top:1px; */
+}
+
+a.down {
+    background: url(../images/down.png) center left no-repeat;    
+    padding-left: 15px;
 }
 
 a.book {
@@ -125,16 +127,16 @@
 	display: table-row;
 }
 
-div.row div.block {
+div.row div.col {
 	display: table-cell;
 	vertical-align: top;
 }
-div.row div.block:first-child {
+div.row div.col:first-child {
 	/* first block has no left margin */
 	padding-left: 0 !important;
 }
 
-div.block h2 {
+div.box h2 {
     margin-top: 35px;
 	padding-bottom: 5px;
     border-bottom: 3px solid #dccbae;
@@ -304,22 +306,38 @@
     font-weight: bold;
 }
 
+div.subnav h2.subnavhead {
+    background-color: white;
+    color: #d45a00;
+    border-bottom: 1px solid #dccbae;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0;
+    padding: 5px 3px;
+}
+
+div.subnav li.dept {
+	padding-left: 18px;
+	list-style-position: inside;
+	list-style-image: url(../images/internal.png);
+	text-indent: -14px;
+}
+
+div.subnav li.dept .type {
+    font-style: italic;
+    color: #6a4d3c;
+}
+
+div.subnav li.dept.sn_on .type {
+    color: #f9f4e1;
+}
+
 div.subnavbox {
     /* navigation below e.g. research projects */ 
     font-size: 11px;
     margin-top: 30px;
 }
 
-div.subnav .sn_off .dept {
-    font-style: italic;
-    color: #b69f7b;
-}
-
-div.subnav .sn_on .dept {
-    font-style: italic;
-    color: #f9f4e1;
-}
-
 div.subnavbox h2 {
     font-size: 11px;
     color: #b69f7b;
@@ -344,7 +362,7 @@
 	/* display: table; */
 }
 
-div.main div.row div.block {
+div.main div.row div.col {
 	padding-left: 20px;
 }
 
@@ -358,19 +376,19 @@
 	padding: 0;
 }
 
-div.main.home div.row div.block {
+div.main.home div.row div.col {
 	width: 286px;
 	padding-left: 21px;
 }
-div.main.home div.row div.block b {
+div.main.home div.row div.col b {
 	/* bold is blue */
 	color: #3b4186;
 }
-div.main.home div.row div.block h2 {
+div.main.home div.row div.col h2 {
 	/* more-links in title are right */
 	position: relative;
 }
-div.main.home div.row div.block h2 a:link {
+div.main.home div.row div.col h2 a:link {
 	/* more-links in title are right */
 	position: absolute;
 	right: 0;
@@ -461,22 +479,22 @@
 /* 
  * toolboxes 
  */
-div.tool.block {
+div.tool.box {
 	background-color: #efeeec;
 	color: black;
 	padding: 20px;
     box-shadow: 0 0 1px 1px #e0e0e0;
 }
 
-div.tool.block a {
+div.tool.box a {
 	color: #3b4186;
 }
 
-div.tool.block div.searchbox {
+div.tool.box div.searchbox {
 	/* only to make it shrink-wrap */ 
 	display: table-cell;
 }
-div.tool.block div.searchbox input.text {
+div.tool.box div.searchbox input.text {
 	height: 20px;
 	width: 380px;
 	background-color: #9fa0a7;
@@ -486,7 +504,7 @@
 	border: 0;
 	padding: 3px;
 }
-div.tool.block div.searchbox input.submit {
+div.tool.box div.searchbox input.submit {
 	/* submit uses border-box. don't ask */
 	height: 26px;
 	width: 26px;
@@ -498,29 +516,29 @@
 	font-size: 14px;
 }
 
-div.tool.block div.searchbox div.extended {
+div.tool.box div.searchbox div.extended {
 	text-align: right;
 	padding: 5px 30px 5px 3px;
 }
 
-div.tool.block h3 {
+div.tool.box h3 {
 	font-family: Georgia, Times, serif;
 	font-style: italic;
 	font-size: 16px;
     color: #887163;
     margin: 0.5em 0;
 }
-div.tool.block h3:first-child {
+div.tool.box h3:first-child {
 	/* does this work correctly? */
 	margin-top: 0;
 }
 
-div.tool.block ul {
+div.tool.box ul {
 	margin: 0;
 	padding: 0;
 }
 
-div.tool.block div.options li {
+div.tool.box div.options li {
 	font-family: Georgia, Times, serif;
 	font-style: italic;
 	font-size: 16px;
@@ -529,17 +547,17 @@
     margin: 0.5em 0;
 }
 
-div.tool.block div.options {
+div.tool.box div.options {
 	margin-top: 20px;
 }
 
-div.tool.block div.atoz {
+div.tool.box div.atoz {
     color: #887163;
     font-size: 14px;
 }
 
-div.tool.block input.checkbox,
-div.tool.block input.radio {
+div.tool.box input.checkbox,
+div.tool.box input.radio {
 	/* checkbox uses border-box. don't ask */
 	width: 20px;
 	height: 20px;
@@ -551,40 +569,40 @@
 /*
  * sources and websites
  */
-div.block div.source,
-div.block div.website {
+div.box div.source,
+div.box div.website {
 	padding: 10px 0;
 }
 
-div.block div.source div.thumb,
-div.block div.website div.thumb {
+div.box div.source div.thumb,
+div.box div.website div.thumb {
 	background-color: #f8f8f8;
 	text-align: center;
 }
 
-div.block div.source div.caption,
-div.block div.website div.caption {
+div.box div.source div.caption,
+div.box div.website div.caption {
 	font-size: 11px;
 	color: #9f917a;
 }
 
-div.block div.source div.author,
-div.block div.website div.title {
+div.box div.source div.author,
+div.box div.website div.title {
     color: #3b4186;
 }
 
-div.block div.website div.description {
+div.box div.website div.description {
 	/* initially hidden */
 	display: none;	
 }
 
-div.block div.website.item {
+div.box div.website.item {
 	min-height: 180px;
 	position: relative;
 	margin: 10px 0 0 0;
 }
 
-div.block div.website.item div.fold {
+div.box div.website.item div.fold {
 	position: absolute;
 	bottom: 0;
 	right: 0;