some style modifications

diff --git a/stemmaweb/root/css/style.css b/stemmaweb/root/css/style.css
index af418e5..3732efc 100644 (file)
--- a/stemmaweb/root/css/style.css
+++ b/stemmaweb/root/css/style.css
@@ -18,17 +18,26 @@ h1 {
     width: 650px;
 }
 h2 {
-    margin-top: 0px;
+    margin-top: 10px;
+    color: #488dd2;
+    font-size: 18px;
 } 
+h3 {
+       color: #488dd2;
+       font-size: 14px;
+       font-style: italic;
+}
 
 /* Index page components */
 
-#directory {
+#directory_container {
        float: left;
        width: 300px;
        height: 450px;
        border: 1px #c6dcf1 solid;
 }
+#directory {
+}
 .traditionname {
        text-decoration: underline;
 }
@@ -50,7 +59,6 @@ h2 {
        clear: both;
        /* width: 900px; */
        height: 400px;
-       border: 1px #c6dcf1 solid;
        overflow: auto; 
        text-align: center;
 }
@@ -61,7 +69,6 @@ h2 {
     float: left;
     width: 500px;
     height: 450px;
-    border: 1px #c6dcf1 solid;
     text-align: center;
     margin-left: 50px;
 }

diff --git a/stemmaweb/root/src/directory.tt b/stemmaweb/root/src/directory.tt
index 1313c4b..97054da 100644 (file)
--- a/stemmaweb/root/src/directory.tt
+++ b/stemmaweb/root/src/directory.tt
@@ -1,4 +1,4 @@
-    <h2>Choose a text to examine</h2>
+    <h3>Choose a text to examine</h3>
     <div id="text_list">
       <ul>
 [% SET i = 0 -%]

diff --git a/stemmaweb/root/src/index.tt b/stemmaweb/root/src/index.tt
index a8a908a..993eef3 100644 (file)
--- a/stemmaweb/root/src/index.tt
+++ b/stemmaweb/root/src/index.tt
@@ -15,10 +15,12 @@ $(document).ready(function() {
       <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">
+    <div id="directory_container">
+      <h2>Text directory</h2>
+      <div id="directory">
        <h3>Loading texts, please wait...</h3>
        <img src="[% c.uri_for( 'images', 'ajax-loader.gif' ) %]" />
+      </div>
     </div>
     <div id="stemma_graph"></div>
     <div id="variant_graph"></div>