Team:SYSU-Software/medal.css
From 2013.igem.org
*{ padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
/*header images */ #team-header{ margin: 0 auto; z-index: 100;
height: 200px; width: 980px; background-color: white;
font-family: 'Arial'; } #team-header-logo{ position: relative; left: 20px; top:30px; } #team-header-text{ position: relative; left: 130px; top: -67px; }
#boss-header-image{ position: relative; left: 285px; top: -85px; }
/*navigation*/ #navigation{ float: right; height: 40px;
z-index: 100;
position: relative; top: -37px; }
.navbar { margin-bottom: 0px; overflow: visible; }
.nav{ display: inline;
height: 40px; background-color:#A8DBD2; } .navbar-inverse .nav > li > a{ font-size: 14px; border: none; height: 40px; padding:0px 20px;
line-height: 40px; } #nav-li{ height: 40px; } .navbar-inverse .nav > li.active > a{ background-color: #FFE14B; height: 40px; } .navbar-inverse .nav > li.active > a{ background-color: #FFE14B; } /*sub navs*/ #sub-link1{ width:90px; background-color:#A8DBD2; } .navbar .nav > li > ul:before { border-width: 0px; }
#sub-link2{ width:100px; background-color:#A8DBD2; } #sub-link3{ width:135px; background-color:#A8DBD2;
} #sub-link4{ background-color:#A8DBD2; width:70px; }
/*medal content*/
- medal-container{
width: 980px; margin: 0 auto; height: 100%;
background-color: #544444;
}
- medal-title{
width: 980px;
}
- medal-image{
position: relative; left: 70px; margin-top: 70px; margin-bottom: 50px;
}
- medal-text{
width: 980px; height: 100%;
background-color: #5e4e4e;
}
- medal-content{
margin-left: 5%; width: 90%;
}
- content-header{
font-family: 'Arial'; font-size: 15px; color: white;
position: relative; top: 15px; left: 22px; width: 200px;
}
- content-text{
position: relative; left: 37px; top: 45px;
width: 250px; margin-bottom: 80px;
color: #a8dbd4;
}
/*footer*/
#team-footer{ width: 980px; margin:0 auto;
position: relative; bottom: 0px; overflow: hidden;
background-color: #ebdfd2; } /*instructions*/ #team-sub{ position: relative;
margin-bottom: 30px; } #subscribe{ position: relative; } #subscribe-header{ position: relative; top: 25px; left: 145px;
font-weight: bolder; font-size: 25px; } #subscribe-content{ position: relative; top: 45px; left: 145px;
font-weight: bold; line-height: 10px; } #link{ position: relative; left: 100px; } #link-header{ position: relative; top: 20px; left: 180px;
font-weight:bolder; font-size: 25px; } #link-content{ position: relative; top: 34px; left: 180px; }
#link-content a{ text-decoration: none; } /*bottom image*/ #bottom-image{ position: relative; bottom: 0px; }
a:focus{ outline-color:#544444; }