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

From 2014.igem.org

(Difference between revisions)
Line 43: Line 43:
.firstHeading{ display:none;}
.firstHeading{ display:none;}
 +
 +
#top-section{
 +
background-color: #5a2c33;
 +
position: relative;
 +
top: auto;
 +
left: auto;
 +
margin:0;
 +
}
/* ------------------------------*/
/* ------------------------------*/
html{
html{
-
   background: url(https://static.igem.org/mediawiki/2014/e/e3/Vbt_background.png);  
+
   background: url(../images/paper_2_@2X.jpg);  
   height: 100%;
   height: 100%;
   margin:0;
   margin:0;
Line 56: Line 64:
height:auto;
height:auto;
   font-family: 'Droid Serif', Georgia, serif;
   font-family: 'Droid Serif', Georgia, serif;
-
background: rgba(255, 226, 111, 0.25);
+
background: none;
   margin:0;
   margin:0;
   padding:0;
   padding:0;
 +
  background: rgba(255, 255, 200, 0.4);
 +
}
}
Line 137: Line 147:
div.watercolored{
div.watercolored{
-
background: rgba(255, 255, 255, 0.5);
+
 
-
padding: 20px
+
background: url('../images/bg-content.png') no-repeat;
 +
background-size: 100% 100%;
 +
padding: 100px;
}
}
.watercolored h1{
.watercolored h1{
-
display:inline;
+
/*display:inline;
clear:both;
clear:both;
padding: 20px 80px;
padding: 20px 80px;
-
background-image: url('../images/menu_item_active_bg.png');
+
 +
background-image: url('../images/mancha1.png');
background-size: 100% 100%;  
background-size: 100% 100%;  
 +
*/
}
}
Line 164: Line 178:
font-style:italic;
font-style:italic;
}
}
 +
.center-block{
 +
margin:0 auto;
 +
display:block;
 +
}
 +
 +
 +
/*  COVER  */
 +
 +
#coverEyes{
 +
max-width: 100%;
 +
min-width: auto;
 +
max-height:100px;
 +
 +
}
 +
 +
/*  /COVER  */
 +
/*  TEAM SECTION  */
 +
 +
#team-list{
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
display:block;
 +
width:100%;
 +
margin:0 auto;
 +
}
 +
#team-list li{
 +
display: block;
 +
float:left;
 +
width: 18%;
 +
padding:1%;
 +
}
 +
#team-list li a img{
 +
width:100%;
 +
}
 +
/*  /TEAM SECTION  */

Revision as of 15:59, 25 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;}

  1. top-section{

background-color: #5a2c33; position: relative; top: auto; left: auto; margin:0; }

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

 background: url(../images/paper_2_@2X.jpg); 
 height: 100%;
 margin:0;
 padding:0;
 text-align: justify;

} body{ min-height: 100%; height:auto; 

 	font-family: 'Droid Serif', Georgia, serif;

background: none; 

 	margin:0;
 	padding:0;
 	background: rgba(255, 255, 200, 0.4);

}

  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: url('../images/bg-content.png') no-repeat; background-size: 100% 100%; padding: 100px; } .watercolored h1{ /*display:inline; clear:both; padding: 20px 80px;

background-image: url('../images/mancha1.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; } .center-block{ margin:0 auto; display:block; }


/* COVER */

  1. coverEyes{

max-width: 100%; min-width: auto; max-height:100px;

}

/* /COVER */ /* TEAM SECTION */

  1. team-list{

list-style: none; padding: 0; margin: 0; display:block; width:100%; margin:0 auto; }

  1. team-list li{

display: block; float:left; width: 18%; padding:1%; }

  1. team-list li a img{

width:100%; } /* /TEAM SECTION */

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