Team:UCL/static/globalstyles.css
From 2013.igem.org
/****************************/ /****************************/ /*easy reference styles here*/ /****************************/ /****************************/
/*content background colour*/ div.row_small, div.row_large, div.buffer, .mediawiki,
- content
{
background: #DDDDDD;
}
- content
{ width:100%; margin:0px; padding:0px; }
/*************************************************/ /*************************************************/ /*first section just covers up the default styles*/ /*************************************************/ /*************************************************/
.firstHeading { display:none; }
/*hides the team tag at the top*/
- content h1.firstHeading{
visibility:hidden; }
/*hides the top of the default top banner*/
- p-logo{
display: none; }
/*hides the outline for the top section*/
- top-section{
height: 0px; margin-bottom: 0px !important; border: none; }
/*colours the footer box*/
- footer-box{
background: #DDDDDD; border:0px;
}
/*hides the search bar & controls*/
- search-controls{
overflow:hidden;
display:none;
background: none; position: absolute; top: 170px; right: 40px; }
/*stops the menubar mouseover effect*/
- menubar, #menubar:hover{
background:none; position:absolute; padding-bottom:5px; top:-20px;
}
/*prevents mouseover effects on top left/right menu bars*/ /*START*/ .left-menu, .right-menu{ position: absolute; background: none; color: black; }
.left-menu li a, .right-menu li a { color: #000 !important; }
.left-menu ul li, .right-menu ul li a { background: none; color: #000 !important; }
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
background: none; color: #000 !important;
} /*END*/
/*removes the bottom box for links*/
- catlinks{
display:none;
}
/*removes the page border and top margin*/
- content{
border: none; margin-top: 0px;
}
/*****************************************/ /*****************************************/ /*second section covers custom UCL styles*/ /*****************************************/ /*****************************************/
/*********************/ /*default page styles*/ /*********************/
/*controls page width*/ div.container, div.navbar { width:963px; margin-left: auto; margin-right: auto; }
/***********************/
/*default header styles*/
/***********************/
div.header { width:100%; height:100px; background:#602899; margin:0px; border-top:1px solid #291240; border-bottom:1px solid #291240; }
div.header_img { width:963px; height:74px; margin-left: auto; margin-right: auto; background-image:url('https://static.igem.org/mediawiki/2013/b/bd/Purple.PNG'); padding-top:26px; }
/*navbar bg colours*/ div.nav_container, div.navbar, div.navlink { background:#1F1F1F; }
div.nav_container { width:100%; overflow:hidden; }
div.navbar { height:40px; overflow:hidden; border-bottom:1px solid black; }
div.navlink { float:left; width:107px; padding-top:10px; border-right:0px; border-left:0px; border-top:0px; border-bottom:1px solid black; height:40px; margin:0px; color:white; text-align:left; text-vertical-align:middle; overflow:hidden; font-weight:bold; font-family:"Arial"; }
div.navlink:hover { background:silver; color:black }
/********************/ /*default row styles*/ /********************/
div.row_small, div.row_large, div.buffer { width:963px; margin:0px; padding:0px; overflow:hidden; }
div.row_small { height:200px; }
div.row_large { height:300px; }
div.buffer { height:6px; }
/**********************/ /*default panel styles*/ /**********************/
div.small_left, div.small_center, div.small_right, div.large_left, div.large_right { border:1px solid gray; border-bottom:1px solid gray; float:left; background:silver; height:198px; margin:0px; }
div.small_left:hover, div.small_center:hover, div.small_right:hover, div.large_left:hover, div.large_right:hover { /*fill here when needed*/ }
/*******************************/ /*default specific panel styles*/ /*******************************/
div.small_left { margin-right:6px; width:315px; }
div.small_center { width:315px; }
div.small_right { margin-left:6px; width:315px; }
div.large_left { width:638px; }
div.large_right { width:638px; }