Team:Groningen/CSS/FrontPage
From 2013.igem.org
/*FONT LAYOUT*/
h1{ color:#002355; text-align:center; font-weight:bold; font-size:35px; text-transform:capitalize; border-bottom: 1px solid #0047AB; }
h2{ color:#002355; border-bottom: 0px solid #aaa; text-align:left; font-weight:bold; font-size:25px; text-transform:capitalize;` }
h3{ color:#0047AB; text-align:left; font-weight:bold; font-size:20px; text-transform:capitalize; }
h4{ color:#0047AB; text-align:left; text-transform:capitalize; font-size:15px; }
h5{ text-transform:capitalize;` }
p{ text-align:left; }
/* unvisited link */
a:link {
color:#0047AB;
}
/* visited link */ a:visited { color:#F68924; }
/*PAGE LAYOUT*/
/*Splitting into two columns*/
- header {
position: abolute; top: 0px; left: 0px; clear:both; float:left; width:100%; min-width: 700px;
}
- footer {
clear:both; width:100%; border-top:1px solid #000; min-width: 700px;
}
- layoutdims {
clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */
min-width: 700px;
} /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; }
.mainContent{ position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } .navigation{ float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden;
} .widgets { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background: white; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ } .threecol .colleft { right:51%; /* width of the middle column */ } .threecol .mainContent { /* width:46%; width of center column content (column width minus padding on either side) */ /* left:0.5%; 100% plus left padding of center column */
} .threecol .navigation { width:200px; /* Width of left column content (column width minus padding on either side) */ /* left:0.5%; width of (right column) plus (center column left and right padding) plus (left column left padding) */
min-height: 600px; display: inline-block;
} .threecol .widgets {
float: right;
/* Width of right column content (column width minus padding on either side) */ (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ background: green;
display: inline-block;
}
/*Suppress iGEM defaults from iGEM 2012 Groningen*/
a[title="Main Page"]{display: none;}
.firstHeading{display: none;}
.noprint{display: none;}
- menubar{
display: block; }
- top-section {
position: relative; height: 0px; width: 99%;
- margin-left: 10px;
margin: 0 auto 0 auto;
border-left: 1px solid #44444; border-right: 1px solid #44444; border-bottom: 1px solid #44444;
}
- content {
position: relative; width: 99%;
- margin-left: 10px;
margin: 0px auto;
padding: 7px 5px 5px 5px;; background: white; color: black; border-left: 1px solid #444444; border-right: 1px solid #444444; line-height: 1.5em; z-index: 2;
}
/* scale back up to a sane default */
- globalWrapper {
position: relative; font-size: 127%; width: 100%; margin: 0; padding: 0; padding-bottom: 10px;
}
- search-controls{display: none;}
- contentSub{display: none;}
- catlinks{display: none;}
- footer-box{display: none;}
- p-logo{display: block;}
/* Remove comments to remove links towards accounts etc */ /*#top-section { display: block; position: relative; height: 98px; width: 975px; margin: -20px auto; TODO put correct colours here! border-left: 1px solid rgb(118,28,17); border-right: 1px solid rgb(118,28,17); border-bottom: 1px solid rgb(118,28,17); }*/
<script type="text/javascript">
$(document).ready(function() { $("p").filter( function() { return $.trim($(this).html()) == ; }).remove() });
</script>