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

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@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;
 +
}
Line 47: Line 53:
body{
body{
min-height: 100%;
min-height: 100%;
 +
height:auto;
   font-family: 'Droid Serif', Georgia, serif;
   font-family: 'Droid Serif', Georgia, serif;
-
background: rgba(255, 226, 111, 0.15);
+
background: rgba(255, 226, 111, 0.25);
   margin:0;
   margin:0;
   padding:0;
   padding:0;
}
}
-
#logo img{
+
#logo img, #igem-logo img{
width:100%;
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{
#header-menu{
Line 60: Line 114:
margin: 0;
margin: 0;
text-align:center;
text-align:center;
-
padding: 20px;
 
}
}
#header-menu > li{
#header-menu > li{
display: inline-block;
display: inline-block;
margin:0px;
margin:0px;
-
padding:25px;
 
background-image: url('../images/menu_item_bg.png');
background-image: url('../images/menu_item_bg.png');
background-size: 100% 100%;  
background-size: 100% 100%;  
Line 72: Line 124:
background-image: url('../images/menu_item_active_bg.png');
background-image: url('../images/menu_item_active_bg.png');
}
}
-
 
#header-menu > li > a{
#header-menu > li > a{
-
padding:15px 20px;
 
text-decoration: none;
text-decoration: none;
color:#5a2c33;
color:#5a2c33;
Line 83: Line 133:
color: #484d4d;
color: #484d4d;
}
}
-
.container.watercolored{
+
 
 +
 
 +
div.watercolored{
background: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.5);
padding: 20px
padding: 20px
Line 97: Line 149:
.container > img {
.container > img {
width: 100%;
width: 100%;
 +
}
 +
div > img { width: 100%;}
 +
.tooltip-info{
 +
border-bottom: 1px dotted #ba0000;
 +
cursor: help;
 +
}
 +
 +
/* HELPERS */
 +
.bold {
 +
font-weight: bold;
 +
}
 +
.italic {
 +
font-style:italic;
}
}

Revision as of 12:11, 12 August 2014

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

Retrieved from "http://2014.igem.org/Template:Team:Valencia_Biocampus/Templates/css/main"