initial work on Stemweb client - we have a button! (#29)

[scpubgit/stemmaweb.git] / root / css / style.css

diff --git a/root/css/style.css b/root/css/style.css
index 0717f8a..83f7517 100644 (file)
--- 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