Team:UCL-London/globalstyles.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
/*************************************************/
 +
/*************************************************/
 +
/*first section just covers up the default styles*/
 +
/*************************************************/
 +
/*************************************************/
 +
/*hides the team tag at the top*/
/*hides the team tag at the top*/
#content h1.firstHeading{
#content h1.firstHeading{
Line 75: Line 81:
         margin-top: 0px;
         margin-top: 0px;
         background: #E8E8E8;
         background: #E8E8E8;
 +
}
 +
 +
/*****************************************/
 +
/*****************************************/
 +
/*second section covers custom UCL styles*/
 +
/*****************************************/
 +
/*****************************************/
 +
 +
/***********************/
 +
/*default header styles*/
 +
/***********************/
 +
 +
div.header
 +
{
 +
width:963px;
 +
height:150px;
 +
background-image:url('images/header.jpg');
 +
margin:0px;
 +
}
 +
 +
div.navbar
 +
{
 +
width:963px;
 +
height:40px;
 +
background:navy;
 +
margin:0px;
 +
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;
 +
background:navy;
 +
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;
 +
background:E8E8E8;
 +
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;
}
}

Revision as of 10:06, 18 June 2013

/*************************************************/ /*************************************************/ /*first section just covers up the default styles*/ /*************************************************/ /*************************************************/

/*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: white;

}

/*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{

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

/*alters background colour*/ .mediawiki{ background: #E8E8E8; }

/*removes the bottom box for links*/

  1. catlinks{ 
       display:none;

}

/*removes the page border and top margin*/

  1. content{ 
       border: none;
       margin-top: 0px;
       background: #E8E8E8;

}

/*****************************************/ /*****************************************/ /*second section covers custom UCL styles*/ /*****************************************/ /*****************************************/

/***********************/ /*default header styles*/ /***********************/

div.header { width:963px; height:150px; background-image:url('images/header.jpg'); margin:0px; }

div.navbar { width:963px; height:40px; background:navy; margin:0px; 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; background:navy; 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; background:E8E8E8; 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; }

Retrieved from "http://2013.igem.org/Team:UCL-London/globalstyles.css"