"
Team:UCL-London/globalstyles.css
From 2013.igem.org
| Line 136: | Line 136: | ||
border-top:1px solid #291240; | border-top:1px solid #291240; | ||
border-bottom:1px solid #291240; | border-bottom:1px solid #291240; | ||
| + | } | ||
| + | |||
| + | div.nav_container, div.navbar, div.navlink | ||
| + | { | ||
| + | background:#383838; | ||
} | } | ||
| Line 141: | Line 146: | ||
{ | { | ||
width:100%; | width:100%; | ||
| - | |||
overflow:hidden; | overflow:hidden; | ||
| - | |||
} | } | ||
| Line 149: | Line 152: | ||
{ | { | ||
height:40px; | height:40px; | ||
| - | |||
overflow:hidden; | overflow:hidden; | ||
} | } | ||
| Line 163: | Line 165: | ||
border-bottom:0px; | border-bottom:0px; | ||
height:40px; | height:40px; | ||
| - | |||
margin:0px; | margin:0px; | ||
color:white; | color:white; | ||
Revision as of 13:59, 18 June 2013
/****************************/ /****************************/ /*easy reference styles here*/ /****************************/ /****************************/
/*content background colour*/ div.row_small, div.row_large, div.buffer,
- content
{
background: #DDDDDD;
}
- content
{ width:100%; }
/*page background colour*/ .mediawiki{ background: #F2F2F2; }
/*************************************************/ /*************************************************/ /*first section just covers up the default styles*/ /*************************************************/ /*************************************************/
/*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: white;
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{
position: absolute; background: none; color: black; }
/*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{
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:150px; background:#602899; margin:0px; border-top:1px solid #291240; border-bottom:1px solid #291240; }
div.nav_container, div.navbar, div.navlink { background:#383838; }
div.nav_container { width:100%; overflow:hidden; }
div.navbar { height:40px; overflow:hidden; }
div.navlink { float:left; width:106px; padding-top:10px; border:1px solid white; border-left:0px; border-top:0px; border-bottom:0px; height:40px; margin:0px; color:white; text-align:center; text-vertical-align:middle; overflow:hidden; font-weight:bold; font-family:"Arial"; }
div.navlink:hover { background:blue; }
/********************/ /*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 { float:left; background:#98c3cd; height:100%; margin:0px; }
div.small_left:hover, div.small_center:hover, div.small_right:hover, div.large_left:hover, div.large_right:hover { background:#196AF7; color:white; }
/*******************************/ /*default specific panel styles*/ /*******************************/
div.small_left { margin-right:6px; width:317px; }
div.small_center { width:317px; }
div.small_right { margin-left:6px; width:317px; }
div.large_left { width:640px; }
div.large_right { width:640px; }
