Mercurial > hg > MPIWGWeb

changeset 12:400da3ba5fa0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
styles for research websites page.
author casties
date Fri, 01 Mar 2013 17:57:36 +0100
parents 38bbf6dcdbc8
children 325e7c338815
files css/mpiwg.css
diffstat 1 files changed, 34 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/css/mpiwg.css	Wed Feb 27 18:54:48 2013 +0100
+++ b/css/mpiwg.css	Fri Mar 01 17:57:36 2013 +0100
@@ -196,11 +196,15 @@
 	border-top: 8px solid #fab775;
     padding-top: 5px;
     margin-bottom: 15px;
+    /* make iPhone-Safari not botch text size */ 
+    -webkit-text-size-adjust: 100%;
 }
+
 #mainnav ul {
 	padding: 0;
 	margin: 0;
 }
+
 #mainnav li.sec {
 	display: inline;
     border-top: 8px solid #fab775;
@@ -468,12 +472,12 @@
 	/* submit uses border-box. don't ask */
 	height: 26px;
 	width: 26px;
+	border: 0;
+	padding: 2px 3px 4px 3px; 
+	/* TODO: this should be an image */
 	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 {
@@ -488,6 +492,10 @@
     color: #887163;
     margin: 0.5em 0;
 }
+div.tool.block h3:first-child {
+	/* does this work correctly? */
+	margin-top: 0;
+}
 
 div.tool.block div.atoz {
     color: #887163;
@@ -495,7 +503,7 @@
 }
 
 /*
- * sources
+ * sources and websites
  */
 div.block div.source,
 div.block div.website {
@@ -514,10 +522,31 @@
 	color: #9f917a;
 }
 
-div.block div.source div.author {
+div.block div.source div.author,
+div.block div.website div.title {
     color: #3b4186;
 }
 
+div.block div.website div.description {
+	/* initially hidden */
+	display: none;	
+}
+
+div.block div.website.item {
+	min-height: 180px;
+	position: relative;
+	margin: 10px 0 0 0;
+}
+
+div.block div.website.item div.fold {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	/* TODO: this should be an image */
+	background-color: #ee7f2d;
+	color: white;
+	font-size: 14px;
+}
 
 /* 
  * sidebar