X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fcss%2Fstyle.css;h=83f7517901d0d94d5013ff88d3b138b3b07ec119;hb=db23422016121c37eda553a795d409093f401b2e;hp=0717f8a1ab4239b0d4e1efad9df052e770b350e7;hpb=9f7aeb53d7cdd17e10629f7734c8308146590d85;p=scpubgit%2Fstemmaweb.git

diff --git a/root/css/style.css b/root/css/style.css
index 0717f8a..83f7517 100644
--- a/root/css/style.css
+++ b/root/css/style.css
@@ -5,6 +5,8 @@ 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;
@@ -53,7 +55,36 @@ 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%;
 }
@@ -72,6 +103,7 @@ div.button:hover span {
 /* Index page components */
 
 #directory_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
 	float: left;
 	width: 300px;
 	height: 450px;
@@ -109,15 +141,23 @@ div.button:hover span {
 .mainnav a {
 	color: #488dd2;
 }
+#textinfo_waitbox {
+	float: left;
+	padding-left: 50px;
+}
 #textinfo_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
     border: 1px solid #C6DCF1;
 	float: left;
-	height: 500px;
+	height: 510px;
 	width: 710px;
 	margin-left: 10px;
 	padding-left: 10px;
 	padding-right: 10px;
 }
+#edit_instructions {
+	float: left;
+}
 #stemma_container h2 h3 {
 	color: #666;
 }
@@ -130,19 +170,38 @@ div.button:hover span {
 #stemma_graph img {
 	margin-top: expression(( 450 - this.height ) / 2);
 }
-#stexaminer_button {
-	bottom: 0;
-	margin-top: 13px;
+#stemma_graph svg {
 }
-#relater_button {
+#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 {
+    height: 32px;
+}
+#stemma_pager {
+    height: 38px;
 }
-#run_stexaminer, #run_relater, #stemma_pager, #add_edit_stemma {
+#open_textinfo_edit {
+    float: right;
     height: 30px;
-    left: -10px;
     position: relative;
+    top: -34px;
+    left: -8px;
 }
 #upload-collation-dialog {
     overflow: hidden;
@@ -162,3 +221,22 @@ div.button:hover span {
     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;
+}
\ No newline at end of file