"

From 2013.igem.org

/****************************/ /****************************/ /*easy reference styles here*/ /****************************/ /****************************/

/*content background colour*/ div.row_small, div.row_large, div.buffer, .mediawiki,

1. content

{

       background: #DDDDDD;

}

1. 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*/

1. content h1.firstHeading{

visibility:hidden; }

/*hides the top of the default top banner*/

1. p-logo{

display: none; }

/*hides the outline for the top section*/

1. top-section{

height: 0px; margin-bottom: 0px !important; border: none; }

/*colours the footer box*/

1. footer-box{

       background: #DDDDDD;
       border:0px;

}

/*hides the search bar & controls*/

1. search-controls{

overflow:hidden;

       display:none;

background: none; position: absolute; top: 170px; right: 40px; }

/*stops the menubar mouseover effect*/

1. 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*/

1. catlinks{

       display:none;

}

/*removes the page border and top margin*/

1. 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; }