Adde styling.

diff --git a/TreeOfTexts/root/js/interaction.js b/TreeOfTexts/root/js/interaction.js

index f67f61d..d4a9c33 100644 (file)
--- a/TreeOfTexts/root/js/interaction.js
+++ b/TreeOfTexts/root/js/interaction.js
@@ -10,7 +10,7 @@ $(document).ready(function() {
 })
 function color_nodes( column_index, arr_node_ids, arr_greynode_ids ) {
   if( !row_triggered ) { 
-    $('ellipse').attr( {stroke:'black', fill:'#eee'} ) 
+    $('ellipse').attr( {stroke:'black', fill:'#fff'} ) 
   }; 
   jQuery.each( arr_greynode_ids, function(index,value) {
     $('.node').children('title').filter( function(index) {
diff --git a/TreeOfTexts/root/src/index.tt b/TreeOfTexts/root/src/index.tt

index a278400..2217937 100644 (file)
--- a/TreeOfTexts/root/src/index.tt
+++ b/TreeOfTexts/root/src/index.tt
@@ -5,12 +5,15 @@
     <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
     <script type="text/javascript" src="js/interaction.js"></script>
+    <link type="text/css" href="[% c.uri_for('css/cupertino/jquery-ui-1.8.13.custom.css') %]" rel="stylesheet" />
+    [% INCLUDE style.tt2 %]
   </head>
   <body>
-    <div style="float:left;width:450px;height:600px;border:1px blue solid">
+    <h1>Stexaminer</h1>
+    <div id="svg_graph">
       [% svg %]
     </div>
-    <div style="float:left;width:450px;height:600px;border:1px blue solid;overflow:auto;overflow-x: hidden;">
+    <div id="variants_table">
       <table>
 [% FOREACH row IN variants -%]
 [% INCLUDE variantrow %]
TreeOfTexts/root/js/interaction.js		patch \| blob \| blame \| history
TreeOfTexts/root/src/index.tt		patch \| blob \| blame \| history