Query button to retrieve Stemweb results now works. #29

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

diff --git a/root/css/style.css b/root/css/style.css
index ca0233a..8bebe96 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,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;
 }