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 1f7b74b..83f7517 100644 (file)
--- 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,11 +55,38 @@ 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%;
-       height: 100px;
-       margin-top: 20px;
 }
 #bannerinfo {
        float: right;
@@ -78,10 +103,16 @@ 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;
        border: 1px #c6dcf1 solid;
+       padding-left: 10px;
+       padding-right: 10px;
+}
+#loading_message {
+       display: none;
 }
 #directory {
        height: 360px;
@@ -102,7 +133,7 @@ div.button:hover span {
 .mainnav {
        position: absolute;
        top: 10px;
-       right: 80px;
+       right: 22px;
        font-size: 14px;
        font-weight: 100;
        color: #488dd2;
@@ -110,11 +141,22 @@ 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: 510px;
+       width: 710px;
+       margin-left: 10px;
+       padding-left: 10px;
+       padding-right: 10px;
+}
+#edit_instructions {
        float: left;
-       height: 500px;
-       width: 700px;
-       margin-left: 40px;
 }
 #stemma_container h2 h3 {
        color: #666;
@@ -128,11 +170,73 @@ 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 {
-       float: left;
-    margin-left:  100px;
+#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;
+}
+#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;
+}
\ No newline at end of file