Template:Team:Valencia Biocampus/Templates/css/main

From 2014.igem.org

Revision as of 12:11, 12 August 2014 by TonnyESP (Talk | contribs)

@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;

}


/* ------------------------------*/

  1. bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{

margin:0; border:0; line-height:normal; }

  1. globalWrapper{

font-size:135%; } h1, h2, h3, h4, h5, h6 { border:0; } h2{ font-weight:lighter; color:#5a2c33; }

  1. contentSub{

margin:0; }

  1. siteSub{

display:none; } p{ padding:0; margin:0; }

  1. globalWrapper{

padding:0; }

  1. globalWrapper #top-section{
 font-size: 86%;

}

.firstHeading{ display:none;}

/* ------------------------------*/ html{

 background: url(Vbt_background.png); 
 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;

}

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

  1. header-menu{

list-style: none; margin: 0; text-align:center; }

  1. header-menu > li{

display: inline-block; margin:0px; background-image: url('../images/menu_item_bg.png'); background-size: 100% 100%; }

  1. header-menu > li.active{

background-image: url('../images/menu_item_active_bg.png'); }

  1. header-menu > li > a{

text-decoration: none; color:#5a2c33; outline: none; vertical-align: baseline; }

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