diff options
author | gebele <gebele@in-silico.ch> | 2014-10-06 10:57:21 +0200 |
---|---|---|
committer | gebele <gebele@in-silico.ch> | 2014-10-06 10:57:21 +0200 |
commit | 1a685503c053931513172969399e0e1df4d4d52d (patch) | |
tree | a5dca433b256c6c74c466e3505b3e4280106a009 /public/stylesheets | |
parent | ad239b572829d54bc55ae34ca96de1e3cb2f9806 (diff) |
update jsme_version/stylesheet
Diffstat (limited to 'public/stylesheets')
-rw-r--r-- | public/stylesheets/screen.css | 2 | ||||
-rw-r--r-- | public/stylesheets/screen.sass | 119 |
2 files changed, 51 insertions, 70 deletions
diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css index 156f940..d311c33 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:#000}body img{border:0}body h2{padding-top:12px;text-shadow:#fff 1px 1px 0;font-size:x-large;color:#f55}.logo img{float:left;display:inline;margin-right:1em}.logo h1{display:inline;width:80%}.logo img.ote{width:100px;height:50px;display:inline;float:right}.logo hr{margin:0.5em}.content{background-image:url("/images/gray_jean.png")}.content h1{margin:0.3em;text-shadow:#fff 1px 1px 0;font-size:x-large;font-family:Verdana;display:inline}.content .arrow{margin:8px 0px 5px 20px}.content .back{display:inline}.content #back-top{z-index:100;position:fixed;bottom:3%;margin-left:91%}.content #back-top a:hover{color:#bbb}.content fieldset#top{border:0;padding:10px;background-color:#c5c1e4;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,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:#c5c1e4;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,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:#c5c1e4;padding:10px;margin-bottom:5em;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content fieldset#bottom input#predict{margin-left:1em}.content .predictions{background-color:#c5c1e4;padding:10px;text-align:justify;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.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(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content .overview a:hover{color:#f55}.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:#c5c1e4;padding:15px;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content .error .message{margin-top:1em;padding:1em;border:2px solid #f55;background-color:#fff;color:#f55;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content #closebutton{color:#f55;margin-left:98%;padding:0}.details{width:98%;background-color:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.details a:hover{color:#f55}.details img{display:inline;float:left;margin:0.5em}.significant_fragments{width:98%;margin-bottom:2em;background-color:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,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:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,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(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.results a:hover{color:#f55}.results .tablesorter{width:100%;text-align:left}.results .tablesorter thead{background-color:#e6e5f3}.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:#c5c1e4}.results .tablesorter thead tr th.headerSortUp{background-image:url("/images/asc.gif");background-color:#c5c1e4}.results .tablesorter tbody tr td{padding-left:1em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,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:#c5c1e4;margin:0;padding:0}.tooltip{background-color:#fff;border:2px solid #ccc;font-size:0.5em;padding:1em;display:none;z-index:50}.footer{margin:20px 0 20px 0} +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} diff --git a/public/stylesheets/screen.sass b/public/stylesheets/screen.sass index 08c263f..bd80e01 100644 --- a/public/stylesheets/screen.sass +++ b/public/stylesheets/screen.sass @@ -2,8 +2,10 @@ @import compass/css3 //$bg-color: #CCCCFF -$ist-color: #C5C1E4 - +//$ist-color: #C5C1E4 +$ist-color: #C8C2C8 +$black: #2b2b2b +$orange: #f76700 body background-image: url("/images/gray_jean.png") //background-color: $bg-color @@ -12,53 +14,51 @@ body a text-decoration: none font-weight: bold - color: black + color: $black //for IE img border: 0 + h1 + color: $black h2 padding-top: 12px - text-shadow: #FFF 1px 1px 0 + //text-shadow: #FFF 1px 1px 0 font-size: x-large - color: #FF5555 + color: $orange .logo + top: 0 + position: fixed + background-color: #efefef + width: 100% + z-index: 40 img float: left display: inline margin-right: 1em + padding: 1em h1 - display: inline + //display: inline width: 80% img.ote width: 100px height: 50px display: inline float: right - hr - margin: 0.5em .content background-image: url("/images/gray_jean.png") + margin-top: 6em h1 - margin: 0.3em + //margin: 0.3em text-shadow: #FFF 1px 1px 0 font-size: x-large - font-family: Verdana display: inline .arrow margin: 8px 0px 5px 20px .back display: inline - //.close - //text-align: right - #back-top - z-index: 100 - position: fixed - bottom: 3% - margin-left: 91% - a:hover - color: #bbb + fieldset#top a#linkInsert display: block @@ -67,10 +67,7 @@ body border: 0 padding: 10px background-color: $ist-color - +border-top-left-radius(25px) - +border-top-right-radius(25px) - +background-clip(border-box) - +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) #appletContainer padding: 10px fieldset#middle @@ -81,7 +78,7 @@ body 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) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) #models padding-left: 1em #model a @@ -92,32 +89,25 @@ body background-color: $ist-color padding: 10px margin-bottom: 5em - +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) - +border-bottom-left-radius(25px) - +border-bottom-right-radius(25px) - +background-clip(border-box) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) input#predict margin-left: 1em + + .predictions background-color: $ist-color padding: 10px text-align: justify - +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) - +border-left-radius(25px) - +border-right-radius(25px) - +background-clip(border-box) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) .overview a:hover - color: #FF5555 + color: $orange background-image: url("/images/gray_jean.png") padding: 12px margin-top: 1em margin-bottom: 1em text-align: left - +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) - +background-clip(border-box) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) caption text-align: left #overview tr td @@ -136,38 +126,29 @@ body .error background-color: $ist-color padding: 15px - +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) - +border-left-radius(25px) - +border-right-radius(25px) - +background-clip(border-box) + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset) .message - margin-top: 1em + margin: 2em padding: 1em - border: 2px solid #FF5555 + border: 2px solid $orange background-color: #FFFFFF - color: #FF5555 - +border-left-radius(25px) - +border-right-radius(25px) - +background-clip(border-box) + color: $black // close button for iframe also in content class #closebutton - color: #FF5555 + color: $orange margin-left: 98% - padding: 0 - //background-color: $ist-color - //+border-bottom-left-radius(5px) - //+border-bottom-right-radius(5px) + //padding: 0 .details //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) + //+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: #FF5555 + color: $orange img display: inline float: left @@ -179,10 +160,7 @@ body margin-bottom: 2em background-color: $ist-color //background-image: url("/images/gray_jean.png") - +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) + +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset) img display: inline float: left @@ -198,10 +176,7 @@ body margin-bottom: 2em background-color: $ist-color //background-image: url("/images/gray_jean.png") - +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) + +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset) img display: inline float: left @@ -218,8 +193,8 @@ body margin-top: 2em margin-bottom: 2em a:hover - color: #FF5555 - +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset) + color: $orange + +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset) .tablesorter width: 100% text-align: left @@ -243,7 +218,7 @@ body tbody tr td padding-left: 1em - +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset) + +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset) .compound width: 200px padding: 0.2em @@ -260,7 +235,7 @@ input#predict .tooltip background-color: #fff - border: 2px solid #ccc + border: 2px solid $orange font-size: 0.5em padding: 1em display: none @@ -268,3 +243,9 @@ input#predict .footer margin: 20px 0 20px 0 + a + text-decoration: none + color: black + &:hover + color: $orange + |