summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorgebele <gebele@in-silico.ch>2014-10-08 09:00:26 +0200
committergebele <gebele@in-silico.ch>2014-10-08 09:00:26 +0200
commitccf3ef5b6c74d9f9b729a49c745328a24aaa28e5 (patch)
tree089141401dee77e2e4b54d8cecb6d2f63fb6d109
parent1a685503c053931513172969399e0e1df4d4d52d (diff)
changed block color
-rw-r--r--public/stylesheets/screen.css2
-rw-r--r--public/stylesheets/screen.sass10
2 files changed, 2 insertions, 10 deletions
diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css
index d311c33..a31a85a 100644
--- a/public/stylesheets/screen.css
+++ b/public/stylesheets/screen.css
@@ -1 +1 @@
-body{background-image:url("/images/gray_jean.png");overflow:scroll;font-family:sans-serif}body a{text-decoration:none;font-weight:bold;color:#2b2b2b}body img{border:0}body h1{color:#2b2b2b}body h2{padding-top:12px;font-size:x-large;color:#f76700}.logo{top:0;position:fixed;background-color:#efefef;width:100%;z-index:40}.logo img{float:left;display:inline;margin-right:1em;padding:1em}.logo h1{width:80%}.logo img.ote{width:100px;height:50px;display:inline;float:right}.content{background-image:url("/images/gray_jean.png");margin-top:6em}.content h1{text-shadow:#fff 1px 1px 0;font-size:x-large;display:inline}.content .arrow{margin:8px 0px 5px 20px}.content .back{display:inline}.content fieldset#top{border:0;padding:10px;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#top a#linkInsert{display:block;width:100%;height:2em}.content fieldset#top #appletContainer{padding:10px}.content fieldset#middle{border:0;padding:10px;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#middle a#linkModels{display:block;width:100%;height:2em}.content fieldset#middle #models{padding-left:1em}.content fieldset#middle #model a{display:inline;font-weight:normal}.content fieldset#bottom{border:0;background-color:#c8c2c8;padding:10px;margin-bottom:5em;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#bottom input#predict{margin-left:1em}.content .predictions{background-color:#c8c2c8;padding:10px;text-align:justify;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview{background-image:url("/images/gray_jean.png");padding:12px;margin-top:1em;margin-bottom:1em;text-align:left;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview a:hover{color:#f76700}.content .overview caption{text-align:left}.content .overview #overview tr td{background-color:#fff;border:1px solid #dad9c7;padding-left:1em;padding-top:0.5em}.content .overview #overview tr td #compound{width:200px}.content .overview #overview tr td b.c{color:#d42200}.content .overview #overview tr td b.n{color:#5c8533}.content .overview #overview tr td .confidence{display:inline}.content .error{background-color:#c8c2c8;padding:15px;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .error .message{margin:2em;padding:1em;border:2px solid #f76700;background-color:#fff;color:#2b2b2b}.content #closebutton{color:#f76700;margin-left:98%}.details{width:98%;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.details a:hover{color:#f76700}.details img{display:inline;float:left;margin:0.5em}.significant_fragments{width:98%;margin-bottom:2em;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.significant_fragments img{display:inline;float:left;margin:0.5em}.significant_fragments table#sf1{text-align:left}.significant_fragments table#sf1 td{padding:0.2em}.descriptors{width:98%;margin-bottom:2em;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.descriptors img{display:inline;float:left;margin:0.5em}.descriptors table#sf2{text-align:left}.descriptors table#sf2 td{padding:0.2em}.results{background-image:url("/images/gray_jean.png");overflow-x:auto;overflow-y:hidden;margin-top:2em;margin-bottom:2em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results a:hover{color:#f76700}.results .tablesorter{width:100%;text-align:left}.results .tablesorter thead{background-color:#e0dde0}.results .tablesorter thead tr th.header{background-image:url("/images/bg.gif");background-repeat:no-repeat;background-position:center left;cursor:pointer;padding-left:20px;border:1px solid #dad9c7;margin-left:-1px}.results .tablesorter thead tr th.headerSortDown{background-image:url("/images/desc.gif");background-color:#c8c2c8}.results .tablesorter thead tr th.headerSortUp{background-image:url("/images/asc.gif");background-color:#c8c2c8}.results .tablesorter tbody tr td{padding-left:1em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results .tablesorter tbody .compound{width:200px;padding:0.2em}.results .tablesorter tbody .n{color:#5c8533}.results .tablesorter tbody .c{color:#d42200}input#predict{border:0px;background-color:#c8c2c8;margin:0;padding:0}.tooltip{background-color:#fff;border:2px solid #f76700;font-size:0.5em;padding:1em;display:none;z-index:50}.footer{margin:20px 0 20px 0}.footer a{text-decoration:none;color:#000}.footer a:hover{color:#f76700}
+body{background-image:url("/images/gray_jean.png");overflow:scroll;font-family:sans-serif}body a{text-decoration:none;font-weight:bold;color:#2b2b2b}body img{border:0}body h1{color:#2b2b2b}body h2{padding-top:12px;font-size:x-large;color:#f76700}.logo{top:0;position:fixed;background-color:#efefef;width:100%;z-index:40}.logo img{float:left;display:inline;margin-right:1em;padding:1em}.logo h1{width:80%}.logo img.ote{width:100px;height:50px;display:inline;float:right}.content{background-image:url("/images/gray_jean.png");margin-top:6em}.content h1{text-shadow:#fff 1px 1px 0;font-size:x-large;display:inline}.content .arrow{margin:8px 0px 5px 20px}.content .back{display:inline}.content fieldset#top{border:0;padding:10px;background-color:rgba(200,194,200,0.4);-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#top a#linkInsert{display:block;width:100%;height:2em}.content fieldset#top #appletContainer{padding:10px}.content fieldset#middle{border:0;padding:10px;background-color:rgba(200,194,200,0.4);-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#middle a#linkModels{display:block;width:100%;height:2em}.content fieldset#middle #models{padding-left:1em}.content fieldset#middle #model a{display:inline;font-weight:normal}.content fieldset#bottom{border:0;background-color:rgba(200,194,200,0.4);padding:10px;margin-bottom:5em;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#bottom input#predict{margin-left:1em}.content .predictions{background-color:rgba(200,194,200,0.4);padding:10px;text-align:justify;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview{background-image:url("/images/gray_jean.png");padding:12px;margin-top:1em;margin-bottom:1em;text-align:left;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview a:hover{color:#f76700}.content .overview caption{text-align:left}.content .overview #overview tr td{background-color:#fff;border:1px solid #dad9c7;padding-left:1em;padding-top:0.5em}.content .overview #overview tr td #compound{width:200px}.content .overview #overview tr td b.c{color:#d42200}.content .overview #overview tr td b.n{color:#5c8533}.content .overview #overview tr td .confidence{display:inline}.content .error{background-color:rgba(200,194,200,0.4);padding:15px;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .error .message{margin:2em;padding:1em;border:2px solid #f76700;background-color:#fff;color:#2b2b2b}.content #closebutton{color:#f76700;margin-left:98%}.details{width:98%;background-color:rgba(200,194,200,0.4);-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.details a:hover{color:#f76700}.details img{display:inline;float:left;margin:0.5em}.significant_fragments{width:98%;margin-bottom:2em;background-color:rgba(200,194,200,0.4);-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.significant_fragments img{display:inline;float:left;margin:0.5em}.significant_fragments table#sf1{text-align:left}.significant_fragments table#sf1 td{padding:0.2em}.descriptors{width:98%;margin-bottom:2em;background-color:rgba(200,194,200,0.4);-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.descriptors img{display:inline;float:left;margin:0.5em}.descriptors table#sf2{text-align:left}.descriptors table#sf2 td{padding:0.2em}.results{background-image:url("/images/gray_jean.png");overflow-x:auto;overflow-y:hidden;margin-top:2em;margin-bottom:2em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results a:hover{color:#f76700}.results .tablesorter{width:100%;text-align:left}.results .tablesorter thead{background-color:rgba(224,221,224,0.4)}.results .tablesorter thead tr th.header{background-image:url("/images/bg.gif");background-repeat:no-repeat;background-position:center left;cursor:pointer;padding-left:20px;border:1px solid #dad9c7;margin-left:-1px}.results .tablesorter thead tr th.headerSortDown{background-image:url("/images/desc.gif");background-color:rgba(200,194,200,0.4)}.results .tablesorter thead tr th.headerSortUp{background-image:url("/images/asc.gif");background-color:rgba(200,194,200,0.4)}.results .tablesorter tbody tr td{padding-left:1em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results .tablesorter tbody .compound{width:200px;padding:0.2em}.results .tablesorter tbody .n{color:#5c8533}.results .tablesorter tbody .c{color:#d42200}input#predict{border:0px;background-color:rgba(200,194,200,0.4);margin:0;padding:0}.tooltip{background-color:#fff;border:2px solid #f76700;font-size:0.5em;padding:1em;display:none;z-index:50}.footer{margin:20px 0 20px 0}.footer a{text-decoration:none;color:#000}.footer a:hover{color:#f76700}
diff --git a/public/stylesheets/screen.sass b/public/stylesheets/screen.sass
index bd80e01..60355e0 100644
--- a/public/stylesheets/screen.sass
+++ b/public/stylesheets/screen.sass
@@ -1,9 +1,6 @@
-//@import compass/reset, compass/css3, compass/utilities, compass/layout
@import compass/css3
-//$bg-color: #CCCCFF
-//$ist-color: #C5C1E4
-$ist-color: #C8C2C8
+$ist-color: rgba(200, 194, 200, 0.4)
$black: #2b2b2b
$orange: #f76700
body
@@ -143,9 +140,6 @@ body
//height: 100%
width: 98%
background-color: $ist-color
- //+border-bottom-left-radius(5px)
- //+border-bottom-right-radius(5px)
- //+background-clip(border-box)
+box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
a:hover
color: $orange
@@ -159,7 +153,6 @@ body
width: 98%
margin-bottom: 2em
background-color: $ist-color
- //background-image: url("/images/gray_jean.png")
+box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
img
display: inline
@@ -175,7 +168,6 @@ body
width: 98%
margin-bottom: 2em
background-color: $ist-color
- //background-image: url("/images/gray_jean.png")
+box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
img
display: inline