X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fcss%2Fstyle.css;h=8bebe963a3b831b16567c5d265ebe1b16f1e771d;hb=2c514a6fa0b3eed98e8f978a4b1fa24eb7a7457f;hp=ca0233a83b11c9d2bd988e0d9d5c95e7202006cb;hpb=f007ac1ef36dd878cce5237589666755f4f941e8;p=scpubgit%2Fstemmaweb.git

diff --git a/root/css/style.css b/root/css/style.css
index ca0233a..8bebe96 100644
--- a/root/css/style.css
+++ b/root/css/style.css
@@ -5,15 +5,13 @@ body {
     font: 1em Arial, Helvetica, sans-serif; 
     font-size: 85%; 
     color: #666;
+    background: transparent url('../images/logo_001.png') no-repeat scroll -200px -100px;
+    background-size: 600px;
 }
 h1 {
     border-bottom: 1px solid #488dd2;
     color: #488dd2;
-    font-size: 24px;
-    font-weight: 100;
-    margin: 0 0 17px;
-    padding: 0;
-    width: 650px;
+    font-size: 18pt;
 }
 h2 {
     margin-top: 10px;
@@ -57,18 +55,74 @@ div.button:hover {
 div.button:hover span {
   background-position: bottom left;
 }
+#stemma_pager_buttons {
+    height: 28px;
+}
+div.pager_left_button {
+  width: 28px;
+  height: 28px;
+  float: left;
+  background: transparent url('../images/button_left_28.png') no-repeat left bottom;    
+}
+div.pager_left_button:hover {
+    background: transparent url('../images/button_left_28.png') no-repeat center bottom;    
+}
+div.pager_right_button:hover {
+    background: transparent url('../images/button_right_28.png') no-repeat center bottom;    
+}
+div.pager_right_button {
+  width: 28px;
+  height: 28px;
+  float: left;
+  margin-left: 10px;
+  background: transparent url('../images/button_right_28.png') no-repeat left bottom;
+}
+div.pager_right_button.greyed_out, div.pager_right_button.greyed_out:hover {
+    opacity: 0.5;
+    background: url("../images/button_right_28.png") no-repeat scroll right bottom transparent;
+}
+div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover {
+    opacity: 0.5;
+    background: url("../images/button_left_28.png") no-repeat scroll right bottom transparent;
+}
+#topbanner {
+	width: 100%;
+}
+#bannerinfo {
+	float: right;
+	margin-right: 12%;
+	margin-top: 15px;
+}
+.navlink {
+	color: #488dd2;
+	text-decoration: underline;
+}
+
 
 
 /* Index page components */
 
 #directory_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
 	float: left;
 	width: 300px;
 	height: 450px;
 	border: 1px #c6dcf1 solid;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+#loading_message {
+	display: none;
 }
 #directory {
+	height: 360px;
 	margin-left: 10px;
+	overflow: auto;
+}
+#new_trad_button {
+	margin-left: 10px;
+	position: relative;
+	top: 10px;
 }
 .traditionname {
 	text-decoration: underline;
@@ -79,7 +133,7 @@ div.button:hover span {
 .mainnav {
 	position: absolute;
 	top: 10px;
-	right: 80px;
+	right: 22px;
 	font-size: 14px;
 	font-weight: 100;
 	color: #488dd2;
@@ -87,24 +141,22 @@ div.button:hover span {
 .mainnav a {
 	color: #488dd2;
 }
-#variant_container {
-	clear: both;
-	height: 400px;
-	padding-top: 20px;
-}
-#variant_graph {
-	/* width: 900px; */
-	clear: both;
-	overflow: auto;	
-	text-align: center;
+#textinfo_waitbox {
+	float: left;
+	padding-left: 50px;
 }
-#variant_graph img {
-	margin-top: expression(( 400 - this.height ) / 2);
+#textinfo_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
+    border: 1px solid #C6DCF1;
+	float: left;
+	height: 510px;
+	width: 710px;
+	margin-left: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
 }
-#stemma_container {
+#edit_instructions {
 	float: left;
-	height: 450px;
-	margin-left: 40px;
 }
 #stemma_container h2 h3 {
 	color: #666;
@@ -118,12 +170,73 @@ div.button:hover span {
 #stemma_graph img {
 	margin-top: expression(( 450 - this.height ) / 2);
 }
-#stexaminer_button {
-	bottom: 0;
-	margin-top: 5px;
+#stemma_graph svg {
 }
-#relater_button {
-	float: left;
-	margin-left: 83px;
-    margin-top:  7px;
+#stemma_graph_title {
+	bottom: 20px;
+	margin-left: 5px; 
+	position: relative;
+}
+#stemma_identifier {
+	color: #488dd2;
+	font-size: 12px;
+	font-weight: bold;
+}	
+#textinfo_container_buttons {
+    z-index: 100;
+    width: 224px;
+    float: right;
+    left: -18px;
+    position: relative;
+    top: 15px;
+}
+#run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit, #open_stemweb_ui, #query_stemweb_ui {
+    height: 32px;
+}
+#stemma_pager {
+    height: 38px;
+}
+#open_textinfo_edit {
+    float: right;
+    height: 30px;
+    position: relative;
+    top: -34px;
+    left: -8px;
+}
+#upload-collation-dialog {
+    overflow: hidden;
+}
+.uploadfile {
+    font-weight: bold;
+}
+#uploadfile_label {
+    font-weight: normal;
+}
+#filelist {
+    position: relative;
+    top: 10px;
+    margin-bottom: 24px;
+}
+.error {
+    font-weight: bold;
+    color: #ff3333;
+}
+.notification {
+	font-weight: bold;
+	color: #33ff33;
+}
+#new_file {
+    position: absolute;
+    top: -50px;
+    opacity: 0.0;
+}
+#new_file_name {
+    font-weight: bold;
+}
+#new_name, #new_lang, #new_public, #new_file_name_container {
+    margin-bottom: 6px;
+}
+#new_file_label {
+    float: left;
+    padding-right: 8px;
 }