Template:Team:Styling

From 2012e.igem.org

(Difference between revisions)
Line 37: Line 37:
h2{font-size: x-large;}
h2{font-size: x-large;}
h3{font-size: large}
h3{font-size: large}
 +
 +
/* Default Reformatting and Header */
 +
 +
#globalwrapper {
 +
    width:1000px;
 +
    padding:0px 0px;
 +
    margin: 0 auto;
 +
    background-color: #BABABA;
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-size:100% 100%;
 +
}
 +
 +
body {
 +
    background: #CECECE;
 +
    background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    height:100%;
 +
    background-size:100% 100%;
 +
}
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
 +
#p-logo {
 +
    height:0px;
 +
    overflow:hidden;
 +
    display: none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
margin-top:0px;
 +
}
 +
 +
#content{
 +
    visibility: hidden;
 +
}
 +
 +
#top-section {
 +
    background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');
 +
    background-color:#151F4E;
 +
    background-position: top;
 +
    width:1000px;
 +
    height:219px;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    border: 10px solid rgba(255, 255, 255,0.7);
 +
    background-clip: padding-box;
 +
    margin-top: -10px;
 +
    margin-bottom: -50px;
 +
}
 +
 +
 +
#menubar {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
#menubar ul li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 +
.right-menu li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 +
/* Header */
 +
 +
#igemlogozone {
 +
position: absolute;
 +
top: 25px;
 +
left: 960px;
 +
height: 125px;
 +
width: 150px;
 +
background-color: transparent;
 +
}
 +
 +
#wrapper {
 +
width: 1000px;
 +
height: 100%;
 +
float: center;
 +
padding-left: 0%;
 +
padding-right: 0%;
 +
        padding-top: 1%;
 +
        background-color: #BABABA;
 +
background-attachment: fixed;
 +
        background-position: center;
 +
 +
}
 +
 +
#header {
 +
        width: 750px;
 +
        float: center;
 +
background-color:#FFE4C4;
 +
height: 150px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.7);
 +
background-clip: padding-box;
 +
margin-left: auto;
 +
margin-right: auto;     
 +
}
 +
 +
img {
 +
border: none;
 +
}
 +
 +
#headernavigation{
 +
        width: 1000px;
 +
        float: center;
 +
background-color: transparent;
 +
height: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        margin-top: -49px; 
 +
        margin-bottom: 10px;
 +
        z-index: 2; 
 +
-webkit-transition: all 300ms ease-in-out;
 +
}
 +
 +
#headernavbar{
 +
list-style:none;
 +
font-weight:bold;
 +
float:left;
 +
width:100%;
 +
        margin:0;
 +
        padding:0;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li{
 +
        float:left;
 +
position:relative;
 +
        text-align:center;
 +
        z-index: 2; 
 +
}
 +
#headernavbar a{
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 100px;
 +
color:#ffffff;
 +
background:#f68e3c;
 +
        font: bold 16px Arial;
 +
        z-index: 2; 
 +
 
 +
}
 +
#headernavbar a:hover{
 +
color:#ffffff;
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
 +
}
 +
 +
#headernavbar ul{
 +
background: #003C7D;
 +
list-style:none;
 +
position:absolute;
 +
left:-9999px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul li{
 +
padding-top:0px;
 +
        margin-bottom:-1px;
 +
float:none;
 +
        margin-top:-3px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul a{
 +
white-space:nowrap;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul{
 +
left: -15px;
 +
        z-index: 2;
 +
 +
}
 +
#headernavbar li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul a{
 +
text-decoration:none;
 +
        z-index: 2; 
 +
 +
}
 +
#headernavbar li:hover ul li a:hover{
 +
background:#f68e3c;
 +
        z-index: 2; 
 +
}
/** WRAPPERS **/
/** WRAPPERS **/

Revision as of 19:40, 20 October 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Template:Team:Styling"