playing around with styles

diff --git a/stemmaweb/root/css/style.css b/stemmaweb/root/css/style.css
index c7d543a..af418e5 100644 (file)
--- a/stemmaweb/root/css/style.css
+++ b/stemmaweb/root/css/style.css
@@ -35,9 +35,20 @@ h2 {
 .selected {
        font-style: italic;
 }
+.mainnav {
+       position: absolute;
+       top: 10px;
+       right: 80px;
+       font-size: 14px;
+       font-weight: 100;
+       color: #488dd2;
+}
+.mainnav a {
+       color: #488dd2;
+}
 #variant_graph {
        clear: both;
-       width: 900px;
+       /* width: 900px; */
        height: 400px;
        border: 1px #c6dcf1 solid;
        overflow: auto; 
@@ -52,6 +63,7 @@ h2 {
     height: 450px;
     border: 1px #c6dcf1 solid;
     text-align: center;
+    margin-left: 50px;
 }
 #stemma_graph img {
        margin-top: expression(( 450 - this.height ) / 2);

diff --git a/stemmaweb/root/src/index.tt b/stemmaweb/root/src/index.tt
index 90d0437..a8a908a 100644 (file)
--- a/stemmaweb/root/src/index.tt
+++ b/stemmaweb/root/src/index.tt
@@ -11,8 +11,15 @@ $(document).ready(function() {
 
 [% END %]
 
-    <div id="topbanner"><h1>Stemmaweb - a collection of tools for analysis of collated texts</h1></div>
-    <div id="directory"></div>
+    <div id="topbanner">
+      <h1>Stemmaweb - a collection of tools for analysis of collated texts</h1>
+      <span class="mainnav"><a href="[% c.uri_for( 'about.html' ) %]">About<a> | <a href="[% c.uri_for( 'doc.html' ) %]">Help</a></span>
+    </div>
+    
+    <div id="directory">
+       <h3>Loading texts, please wait...</h3>
+       <img src="[% c.uri_for( 'images', 'ajax-loader.gif' ) %]" />
+    </div>
     <div id="stemma_graph"></div>
     <div id="variant_graph"></div>