Team:Johns Hopkins-Software/Templates/cssindex
From 2012.igem.org
body{
color: #000; font: 12px Verdana, 'Times New Roman',serif; letter-spacing:1; background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')
}
table, th, td { border: 1px solid black; color: black; }
- header_body
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
position: absolute; left: 0px; top: 17px; height: 170px; width: 100%; background-image:url("")
}
- footer_body
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
left: 0px; bottom: 2217px; height: 2170px;
}
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;
}
- top-section {
border: none; height: 0px;
}
- content {
border: none; background-color: #000;
}
- globalWrapper
{
border: none; position: absolute; top: 1px; width: 100%; left: 0px;
}
- bodyContent
{
background-color: #000;
}
- project
{
background-color: #000; position: absolute; top: 50px; width: 68%; left: 14%;
}
- project_temp
{
text-align:justify; line-height: 1.6; position: absolute; top: 186px; width: 67.2%; left: 14%; font-size: 140%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 40px; background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
}
- project_logo
{
width: 300px; position: relative; top: 0px; left: 0px;
}
- project_description
{
position: relative; top: 0px; left: 13%; width: 74%;
}
- menuBar
{
width: 100%;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
.break { clear:both; }
- {margin:0; padding:0}
p {line-height:1.4; margin-bottom:12px}
- wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
- header_new { height:100%; position:absolute; width:100%}
.headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px} .btn { height:37px; width:32px; float:left; cursor:pointer; }
- back { position:absolute; top: 300px; left: 2%; background-image:url("
");
filter:alpha(opacity=70); /*-moz-opacity:1.7;*/ opacity: 0.70; }
- next { position:absolute; top: 300px; right: 2%; background-image:url("
");
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"); }
}
- header_new
{
position: absolute; width: 100%; top: 17px; background-color: 000000;
}
- header_title
{
position: absolute; width: 70%; left: 14%; top: 0px
}
- footer_new
{
bottom: 2000px;
}
- footer_title
{
width: 70%; left: 14%; bottom: 2700px
}
- navigation_wrapper
{
position:absolute; top: 125px; width: 100%; background-image:url("");
}
- title
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
font-size: 155%; color: #ffffff; font-style: italic; background-color: #E8512F; display: block; margin-bottom: 10px; padding: 10px;
}
- navigation_low
{
width: 70%; position: relative; left:14%; top: 0px;
}
- Hopkins
{
position: absolute; width: 30%; top:130px; left: 80%
} .left-menu a {
background-color: black; }
.right-menu a {
background-color: black; }
- menubar
{
background-image:url("")
}
.right-menu li a:link{
padding-top: 10px; background-color:transparent; text-decoration: none; color: #fff;
}
.right-menu li a:hover{
padding-top: 10px; background:transparent; text-decoration: underline; color: #fff;
}
.droplinebar{ border-top: 1px solid #999999; position: relative; }
.droplinebar ul{
margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: 16px Verdana; background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/ }
.droplinebar ul li{ display: inline; width: 190px; }
.droplinebar ul li a{ float: left; color: white; padding: 13px 20px; text-decoration: none; }
.droplinebar ul li a:visited{ color: white; }
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: white; background: #E8512F url() center center repeat-x; }
/* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #E8512F; /*sub menu background color */ visibility: hidden; }
/* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 15px Verdana; color:white; padding: 10px 26px; margin: 0; border-bottom: 1px solid #E8512F; }
.droplinebar ul li ul li a:visited { color:white; }
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114; }
.returnLink {
position: absolute; right: -10%; top: -6px; margin-bottom: 0px; height: 160px; width: 200px; display: block; background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat;
}
.returnLink:hover {
background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png');
}
- navigation_temp
{ background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png'); position: absolute; top: 0px; height: 17px; width: 100%; }
.emily {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png');
}
.emily:hover {
background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png');
}
.robert {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png');
}
.robert:hover {
background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png');
}
.album {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png');
}
.album:hover {
background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png');
}
.george {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png');
}
.george:hover {
background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png');
}
.boeke {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg');
}
.boeke:hover {
background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg');
}
.bader {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png');
}
.bader:hover {
background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png');
}
.patrick {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg');
}
.patrick:hover {
background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg');
}
.giovanni {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg');
}
.giovanni:hover {
background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');
}
img{ border: 4px solid #222222; }