segment the large texts in the relationship mapper

[scpubgit/stemmatology.git] / stemmaweb / root / css / relationship.css

diff --git a/stemmaweb/root/css/relationship.css b/stemmaweb/root/css/relationship.css
index a260414..9b778b6 100644 (file)
--- a/stemmaweb/root/css/relationship.css
+++ b/stemmaweb/root/css/relationship.css
@@ -13,16 +13,33 @@ body {
        height: 100px;
        margin-top: 20px;
 }
+#bannerinfo {
+       float: right;
+       margin-right: 12%;
+       margin-top: 15px;
+}
 #logoimg {
        float: left;
        margin-left: 20px;
 }
+.helptag {
+       color: #488dd2;
+       text-decoration: underline;
+}
 #logotitle {
        float: left;
        margin-left: 30px;
        height: 55px;
        padding-top: 40px;
 }
+.segment_guide {
+       color: #488dd2;
+       padding-left: 30px;
+       padding-right: 30px;
+}
+.selected {
+       background-color: #dadada;
+}
 h1.title a:link, h1.title a:visited, h1.title a:active {
        color: #666;
        font-weight: bold;
@@ -65,10 +82,32 @@ span.apimore {
     padding-top: 5px;
     padding-bottom: 5px;    
 }
+#loading_overlay {
+       display: none;
+       position: absolute;
+       height: 500px;
+       width: 89%;
+       z-index: 2;
+       opacity: 0.7;
+    background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
+    background-repeat: repeat;
+    background-attachment: scroll;
+    background-position: 50% 50%;
+    background-color: #EEEEEE; 
+}
+#loading_message {
+       position: relative;
+       background-color: #EDF1FA;
+       color: #222222;
+    border: 2px solid #B0C6F7;
+       height: 20px;
+       width: 150px;
+       padding: 20px;
+}
 #dialog_overlay {
     display: none;
     position: absolute;
-    background-image: url("/css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
+    background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 50% 50%;
@@ -86,7 +125,7 @@ span.apimore {
     width: 46px;
     margin-top: 17px;
     border: none;
-    background-image: url('/images/act_icons.png');
+    background-image: url('../images/act_icons.png');
     background-position: 0px 44px;
     background-color: none;
     background-repeat: none;
@@ -143,7 +182,7 @@ span.apimore {
     top: 140px;
     border: 2px solid #B0C6F7;
     background: #fff;
-    background: url("/css/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png");
+    background: url("cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png");
     background-repeat: repeat-x;
     background-scroll: scroll;
     background-position: 50% top;