diff options
Diffstat (limited to 'public/stylesheets/screen.sass')
| -rw-r--r-- | public/stylesheets/screen.sass | 113 |
1 files changed, 95 insertions, 18 deletions
diff --git a/public/stylesheets/screen.sass b/public/stylesheets/screen.sass index cb6dcdf..bfbedc6 100644 --- a/public/stylesheets/screen.sass +++ b/public/stylesheets/screen.sass @@ -1,16 +1,14 @@ //@import compass/reset, compass/css3, compass/utilities, compass/layout @import compass/css3 -$bg-color: #CCCCFF +//$bg-color: #CCCCFF $ist-color: #C5C1E4 body background-image: url("/images/gray_jean.png") - background-color: $bg-color + //background-color: $bg-color overflow: scroll font-family: sans-serif - //min-width: 800px - //min-heigth: 600px a text-decoration: none font-weight: bold @@ -18,6 +16,11 @@ body //for IE img border: 0 + h2 + padding-top: 12px + text-shadow: #FFF 1px 1px 0 + font-size: x-large + color: #FF5555 .logo img @@ -43,12 +46,8 @@ body font-size: x-large font-family: Verdana display: inline - h2 - text-shadow: #FFF 1px 1px 0 - font-size: x-large - color: #FF5555 .arrow - margin: 5px 0px 5px 20px + margin: 8px 0px 5px 20px .back display: inline //.close @@ -88,6 +87,28 @@ body #model a display: inline font-weight: normal + a#linkDetailsLC50_mmol + font-size: small + a#linkDetailsHamster + font-size: small + a#linkDetailsRodent + font-size: small + #details_LC50_mmol + background-color: adjust-lightness($ist-color, 10%) + //background-image: url("/images/gray_jean.png") + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) + padding: 1em + #details_Hamster + background-color: adjust-lightness($ist-color, 10%) + //background-image: url("/images/gray_jean.png") + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) + padding: 1em + #details_Rodent + background-color: adjust-lightness($ist-color, 10%) + //background-image: url("/images/gray_jean.png") + +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset) + padding: 1em + fieldset#bottom border: 0 background-color: $ist-color @@ -108,6 +129,8 @@ body +border-right-radius(25px) +background-clip(border-box) .overview + a:hover + color: #FF5555 background-image: url("/images/gray_jean.png") padding: 12px margin-top: 1em @@ -141,24 +164,74 @@ body +background-clip(border-box) .message margin-top: 1em - padding: 0.2em + padding: 1em border: 2px solid #FF5555 background-color: #FFFFFF color: #FF5555 + +border-left-radius(25px) + +border-right-radius(25px) + +background-clip(border-box) // close button for iframe also in content class #closebutton - margin-left: 95% + color: #FF5555 + margin-left: 98% padding: 0 - background-color: $ist-color - +border-bottom-left-radius(5px) - +border-bottom-right-radius(5px) + //background-color: $ist-color + //+border-bottom-left-radius(5px) + //+border-bottom-right-radius(5px) .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) + a:hover + color: #FF5555 + img + display: inline + float: left + margin: 0.5em + +.significant_fragments + //height: 100% + width: 98% margin-bottom: 2em - background-image: url("/images/gray_jean.png") - +border-bottom-left-radius(25px) - +border-bottom-right-radius(25px) + 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) + img + display: inline + float: left + margin: 0.5em + table#sf1 + text-align: left + td + padding: 0.2em + +.descriptors + //height: 100% + width: 98% + 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) + img + display: inline + float: left + margin: 0.5em + table#sf2 + text-align: left + td + padding: 0.2em .results background-image: url("/images/gray_jean.png") @@ -166,9 +239,12 @@ body overflow-y: hidden 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) .tablesorter width: 100% + text-align: left thead background-color: adjust-lightness($ist-color, 10%) tr @@ -191,7 +267,8 @@ body padding-left: 1em +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset) .compound - width: 200px + width: 200px + padding: 0.2em .n color: #5C8533 .c |