Template:Team:Valencia Biocampus/Templates/css/main
From 2014.igem.org
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic); @import url(http://weloveiconfonts.com/api/?family=entypo);
/* Importing fonts */ [class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ------------------------------*/
- bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{
margin:0; border:0; line-height:normal; }
- globalWrapper{
font-size:135%; } h1, h2, h3, h4, h5, h6 { border:0; } h2{ font-weight:lighter; color:#5a2c33; }
- contentSub{
margin:0; }
- siteSub{
display:none; } p{ padding:0; margin:0; }
- globalWrapper{
padding:0; }
- globalWrapper #top-section{
font-size: 86%;
}
.firstHeading{ display:none;}
/* ------------------------------*/ html{
background: url(); height: 100%; margin:0; padding:0;
} body{ min-height: 100%; height:auto;
font-family: 'Droid Serif', Georgia, serif;
background: rgba(255, 226, 111, 0.25);
margin:0; padding:0;
}
- logo img, #igem-logo img{
width:100%; } @media(max-width:767px){ #header-menu{ padding: 20px; } #header-menu > li{ padding:15px; } #header-menu > li > a{ padding:15px 15px; } } @media(min-width:768px){ #header-menu{ font-size: 11px; padding: 9px 12px; } #header-menu > li{ padding:9px 4px; } #header-menu > li > a{ padding:9px 8px; } } @media(min-width:992px){ #header-menu{ font-size: 13px; padding: 10px 0; } #header-menu > li{ padding:13px; } #header-menu > li > a{ padding:10px 10px; } } @media(min-width:1200px){ #header-menu{ font-size: 14px; padding: 20px; } #header-menu > li{ padding:15px; } #header-menu > li > a{ padding:15px 15px; } }
- header-menu{
list-style: none; margin: 0; text-align:center; }
- header-menu > li{
display: inline-block; margin:0px; background-image: url('../images/menu_item_bg.png'); background-size: 100% 100%; }
- header-menu > li.active{
background-image: url('../images/menu_item_active_bg.png'); }
- header-menu > li > a{
text-decoration: none; color:#5a2c33; outline: none; vertical-align: baseline; }
- header-menu > li > a:hover{
color: #484d4d; }
div.watercolored{
background: rgba(255, 255, 255, 0.5);
padding: 20px
}
.watercolored h1{
display:inline;
clear:both;
padding: 20px 80px;
background-image: url('../images/menu_item_active_bg.png');
background-size: 100% 100%;
} .container > img { width: 100%; } div > img { width: 100%;} .tooltip-info{ border-bottom: 1px dotted #ba0000; cursor: help; }
/* HELPERS */ .bold { font-weight: bold; } .italic { font-style:italic; }