Team:Johns Hopkins-Software/Templates/cssindex
From 2012.igem.org
Line 1: | Line 1: | ||
+ | |||
+ | ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} | ||
+ | |||
+ | body { background-color:#1b2940; font:75% Georgia,'Times New Roman',serif; letter-spacing:1; } | ||
+ | |||
+ | .break { clear:both; } | ||
+ | |||
+ | .dropdown {float:left; padding-right:5px} | ||
+ | .dropdown dt { border:0px solid #9ac1c9; padding:16px; padding-right: 14px; font-weight:bold; cursor:pointer;} | ||
+ | .dropdown dt:hover {} | ||
+ | .dropdown dd {position:absolute; overflow:hidden; width:142px; display:none; background:#fff; z-index:200; opacity:0} | ||
+ | .dropdown ul {width:144px; border:0px solid #9ac1c9; list-style:none; border-top:none} | ||
+ | .dropdown li {display:inline} | ||
+ | .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:144px} | ||
+ | |||
+ | .dropdown a:hover {background:#d9e1e4; color:#000} | ||
+ | .dropdown .underline {border-bottom:0px solid #b9d6dc} | ||
+ | |||
+ | * {margin:0; padding:0} | ||
+ | p {line-height:1.4; margin-bottom:12px} | ||
+ | #wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px} | ||
+ | |||
+ | #header { height:100%; position:absolute; width:100%} | ||
+ | .headerimg { width:100%; height:100%; position:absolute; left: 0px; top: 0px} | ||
+ | |||
+ | .btn { height:37px; width:32px; float:left; cursor:pointer; } | ||
+ | #back { position:absolute; top: 55%; left: 2%; background-image:url("../images/btn_back.png"); | ||
+ | filter:alpha(opacity=70); | ||
+ | /*-moz-opacity:1.7;*/ | ||
+ | opacity: 0.70; } | ||
+ | #next { position:absolute; top: 55%; right: 2%; background-image:url("../images/btn_next.png"); | ||
+ | filter:alpha(opacity=70); | ||
+ | /*-moz-opacity:1.7;*/ | ||
+ | opacity: 0.70; } | ||
+ | #control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
body | body | ||
{ | { | ||
- | + | color: ffffff | |
} | } |
Revision as of 02:59, 12 September 2012
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
body { background-color:#1b2940; font:75% Georgia,'Times New Roman',serif; letter-spacing:1; }
.break { clear:both; }
.dropdown {float:left; padding-right:5px} .dropdown dt { border:0px solid #9ac1c9; padding:16px; padding-right: 14px; font-weight:bold; cursor:pointer;} .dropdown dt:hover {} .dropdown dd {position:absolute; overflow:hidden; width:142px; display:none; background:#fff; z-index:200; opacity:0} .dropdown ul {width:144px; border:0px solid #9ac1c9; list-style:none; border-top:none} .dropdown li {display:inline} .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:144px}
.dropdown a:hover {background:#d9e1e4; color:#000} .dropdown .underline {border-bottom:0px solid #b9d6dc}
- {margin:0; padding:0}
p {line-height:1.4; margin-bottom:12px}
- wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
- header { height:100%; position:absolute; width:100%}
.headerimg { width:100%; height:100%; position:absolute; left: 0px; top: 0px}
.btn { height:37px; width:32px; float:left; cursor:pointer; }
- back { position:absolute; top: 55%; left: 2%; background-image:url("../images/btn_back.png");
filter:alpha(opacity=70); /*-moz-opacity:1.7;*/ opacity: 0.70; }
- next { position:absolute; top: 55%; right: 2%; background-image:url("../images/btn_next.png");
filter:alpha(opacity=70); /*-moz-opacity:1.7;*/ opacity: 0.70; }
- control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }
}
body {
color: ffffff
}
- navigation
{
position: absolute; left:0px; top: 0px; height: 30px; width: 100%; background-color:000000
}
- header_body
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
position: absolute; left: 0px; top: 30px; height: 170px; width: 100%; background-color:000000
}
- header
{
position: absolute; width: 900px
}
- header_title
{
position: absolute; width: 70%; left: 15%; top: 0px
}
- navigation_wrapper
{
position:absolute; top: 125px; width: 100%; background-color: 000000
}
- navigation_low
{
width: 75%; position: relative; left:15%; top: 0px
}
- Hopkins
{
position: absolute; width: 30%; top:130px; left: 55%
}
- description
{
position: absolute; top: 87%; left: 0px; width: 100%; background-color: 000000
}