From 5cd95518ce65906ee80a94dcb3b16c3975e9bc80 Mon Sep 17 00:00:00 2001
From: gebele <gebele@in-silico.ch>
Date: Tue, 21 May 2013 16:17:44 +0200
Subject: minor changes, added customized tooltips

---
 public/stylesheets/screen.sass | 46 +++++++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 14 deletions(-)

(limited to 'public/stylesheets/screen.sass')

diff --git a/public/stylesheets/screen.sass b/public/stylesheets/screen.sass
index 16ad625..f585f1b 100644
--- a/public/stylesheets/screen.sass
+++ b/public/stylesheets/screen.sass
@@ -57,17 +57,20 @@ body
     text-align: right
     
   #back-top
-    z-index: 10
+    z-index: 100
     position: fixed
-    bottom: 60px
+    bottom: 6%
     margin-left: 150px
     
     a:hover
       color: #bbb
     
   fieldset#top
+    a#linkInsert
+      display: block
+      width: 100%
+      height: 2em
     border: 0
-    //margin-top: 5em
     padding: 10px
     background-color: $ist-color
     +border-top-left-radius(25px)
@@ -75,13 +78,20 @@ body
     +background-clip(border-box)
     +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
     
+      
+    
   fieldset#middle
+    a#linkModels
+      display: block
+      width: 100%
+      height: 2em
     border: 0
     padding: 10px
     background-color: $ist-color
     +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
     
     #model a
+      display: inline
       font-weight: normal
     
   fieldset#bottom
@@ -112,6 +122,7 @@ body
     background-image: url("/images/gray_jean.png")
     padding: 12px
     margin-top: 1em
+    text-align: center
     +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
     +border-top-left-radius(25px)
     +border-top-right-radius(25px)
@@ -129,14 +140,12 @@ body
 
     #overview tr td.true
       padding-top: 0.5em
-      text-align: center
-      background-color: adjust-lightness(#D40000, 7%)
+      background-color: adjust-lightness(#D40000, 15%)
       +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
 
     #overview tr td.false
       padding-top: 0.5em
-      text-align: center
-      background-color: adjust-lightness(#44AA00, 7%)
+      background-color: adjust-lightness(#5C8533, 15%)
       +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
     
       
@@ -158,7 +167,6 @@ body
 .details
   margin-bottom: 2em
   height: 400px
-  scroll: auto
   background-image: url("/images/gray_jean.png")
   +border-bottom-left-radius(25px)
   +border-bottom-right-radius(25px)
@@ -166,7 +174,8 @@ body
 
 .results
   background-image: url("/images/gray_jean.png")
-  overflow: auto
+  overflow-x: auto
+  overflow-y: hidden
   margin-top: 2em
   margin-bottom: 2em
   +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
@@ -174,7 +183,7 @@ body
   .tablesorter
     width: 100%
     thead
-      background-color: adjust-lightness($ist-color, 30%)
+      background-color: adjust-lightness($ist-color, 10%)
       tr
         th.header
           background-image: url("/images/bg.gif")
@@ -186,21 +195,21 @@ body
           margin-left: -1px
         th.headerSortDown 
           background-image: url("/images/desc.gif") 
-          background-color: adjust-lightness($ist-color, 7%)
+          background-color: adjust-lightness($ist-color, 10%)
         th.headerSortUp 
           background-image: url("/images/asc.gif") 
-          background-color: adjust-lightness($ist-color, 7%)
+          background-color: adjust-lightness($ist-color, 10%)
 
 
     tbody
           
       tr td.false
         text-align: center
-        background-color: adjust-lightness(#44AA00, 7%)
+        background-color: adjust-lightness(#5C8533, 15%)
         +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
       tr td.true
         text-align: center
-        background-color: adjust-lightness(#D40000, 7%)
+        background-color: adjust-lightness(#D40000, 15%)
         +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
 
           
@@ -210,7 +219,16 @@ input#predict
   background-color: $ist-color
   margin: 0
   padding: 0
+  
+.tooltip
+  background-color: #fff
+  border: 2px solid #ccc
+  padding: 1em
+  display: none
+  z-index: 50
+  
 
   
 .footer
   margin: 20px 0 20px 0
+  
-- 
cgit v1.2.3