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

From 2014.igem.org

(Difference between revisions)
 
(383 intermediate revisions not shown)
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;
 +
}/*
 +
@font-face {
 +
    font-family: 'levirebrushedregular';
 +
    src: url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levieot&action=raw&ctype=application/vnd.ms-fontobject');
 +
    src: url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levieot&action=raw&ctype=application/vnd.ms-fontobject?#iefix') format('embedded-opentype'),
 +
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/leviwoff2&action=raw&ctype=application/font-woff2') format('woff2'),
 +
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/leviwoff&action=raw&ctype=application/font-woff') format('woff'),
 +
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levittf&action=raw&ctype=application/font-sfnt') format('truetype'),
 +
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levisvg&action=raw&ctype=image/svg+xml#levirebrushedregular') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}*/
 +
@font-face {
 +
    font-family: 'levirebrushedregular';
 +
    src: url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.eot');
 +
    src: url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.eot?#iefix') format('embedded-opentype'),
 +
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.woff2') format('woff2'),
 +
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.woff') format('woff'),
 +
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.ttf') format('truetype'),
 +
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.svg#levirebrushedregular') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
/* ------------------------------*/
/* ------------------------------*/
-
 
+
#bodyContent, #content{
-
#globalWrapper #top-section{
+
z-index:auto;
-
  font-size: 86%;
+
}
 +
.modal .modal-content{
 +
background: url('https://static.igem.org/mediawiki/2014/9/91/Vbt_background2.jpg');
 +
}
 +
#bodyContent h2, #bodyContent h1, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{
 +
margin:0;
 +
border:0;
 +
line-height:normal;
 +
margin:0;
 +
}
 +
#globalWrapper{
 +
font-size:135%;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
border:0;
 +
color:#5a2c33;
 +
}
 +
h1{
 +
display: block;
 +
text-align: center;
 +
        font-family: 'levirebrushedregular', Georgia, 'Droid Serif';
 +
font-size: 350%;
 +
margin:0;
}
}
 +
h1:after{content:" -"}
 +
h1:before{content:"- "}
 +
 +
h1 > .editsection{
 +
font-family: Georgia;
 +
}
 +
h2{
 +
font-weight:lighter;
 +
color:#5a2c33;
 +
}
 +
h3{
 +
margin:2px;
 +
}
 +
#contentSub{
 +
margin:0;
 +
}
 +
#siteSub{
 +
display:none;
 +
}
 +
p{
 +
padding:0;
 +
margin:0;
 +
}
 +
#globalWrapper{
 +
padding:0;
 +
}
.firstHeading{ display:none;}
.firstHeading{ display:none;}
 +
#globalWrapper{
 +
font-size: 100%;
 +
}
 +
#globalWrapper #top-section{
 +
  font-size: 10pt;
 +
background-color: #5a2c33;
 +
position: relative;
 +
top: auto;
 +
left: auto;
 +
margin:0;
 +
width: 100%;
 +
text-align: center;
 +
height: 20px;
 +
}
 +
#top-section #menubar{
 +
position: relative;
 +
top: auto;
 +
left: auto;
 +
float: left;
 +
font-family: inherit;
 +
font-size: auto;
 +
line-height: auto;
 +
width: 45%;
 +
}
 +
#top-section .left-menu{
 +
left: auto;
 +
text-align: right;
 +
}
 +
#top-section .right-menu{
 +
right: auto;
 +
text-align: left;
 +
padding-left: 15%;
 +
}
 +
a, a:hover, a:visited, a:active{
 +
text-decoration: none;
 +
}
 +
a:visited{
 +
color: #5a2c33;
 +
}
 +
.editsection{
 +
font-size: 8pt;
 +
}
 +
#toc{
 +
display:none;
 +
}
 +
 +
#globalWrapper{
 +
padding-bottom:40px;
 +
}
/* ------------------------------*/
/* ------------------------------*/
html{
html{
-
   background: url(https://static.igem.org/mediawiki/2014/e/e3/Vbt_background.png) left top;
+
   background: url('https://static.igem.org/mediawiki/2014/9/91/Vbt_background2.jpg') center top;  
-
  height: 100%;
+
   margin:0;
   margin:0;
   padding:0;
   padding:0;
 +
  text-align: justify;
}
}
body{
body{
-
min-height: 100%;
+
   font-family: Georgia, 'Droid Serif', serif;
-
   font-family: 'Droid Serif', Georgia, serif;
+
  font-size: 13.5pt;
-
background: rgba(255, 226, 111, 0.05);
+
  line-height: 22pt;
 +
background: none;
   margin:0;
   margin:0;
   padding:0;
   padding:0;
}
}
-
 
+
#logo{
 +
}
#logo img{
#logo img{
 +
        padding-top:20px;
width:100%;
width:100%;
}
}
 +
 +
#igem-logo img{
 +
width:80%;
 +
}
 +
.contentWithPadding
 +
{
 +
padding: 30px;
 +
padding-bottom:50px;
 +
margin-top:-125px;
 +
}
 +
@media(max-width:767px){
 +
.affix{
 +
bottom: auto;
 +
top: 0px;
 +
left: auto;
 +
right: auto;
 +
width: 167px;
 +
display:none;
 +
}
 +
.affix-top{
 +
left:auto;
 +
}
 +
#header-menu{
 +
padding: 20px;
 +
}
 +
#header-menu > li{
 +
padding:15px;
 +
}
 +
#header-menu > li > a{
 +
padding:15px 15px;
 +
}
 +
 +
}
 +
@media(min-width:768px){
 +
.affix{
 +
bottom: auto;
 +
top: 0px;
 +
left: auto;
 +
right: auto;
 +
width: 162px;
 +
}
 +
.affix-top{
 +
left:auto;
 +
}
 +
#header-menu{
 +
font-size: 11px;
 +
padding: 9px 12px;
 +
}
 +
#header-menu > li{
 +
padding:9px 4px;
 +
}
 +
#header-menu > li > a{
 +
padding:9px 8px;
 +
}
 +
.contentWithPadding
 +
{
 +
padding: 30px;
 +
padding-bottom:50px;
 +
margin-top:-85px;
 +
}
 +
}
 +
@media(min-width:992px){
 +
.affix{
 +
bottom: auto;
 +
top: 0px;
 +
left: auto;
 +
right: auto;
 +
width: 218px;
 +
}
 +
.affix-top{
 +
left:auto;
 +
}
 +
#header-menu{
 +
font-size: 13px;
 +
padding: 10px 0;
 +
}
 +
#header-menu > li{
 +
padding:13px;
 +
}
 +
#header-menu > li > a{
 +
padding:10px 10px;
 +
}
 +
#menu_a_results, #menu_a_achievements, #menu_a_interlab-study{
 +
vertical-align: text-bottom;
 +
margin-top: -10px;
 +
}
 +
#menu_a_interlab-study{
 +
margin-top: -5px;
 +
}
 +
#menu_a_achievements{
 +
margin-top: -20px;
 +
}
 +
#menu_a_project,  #menu_a_art, #menu_a_biobricks{
 +
vertical-align: text-top;
 +
margin-top: 10px;
 +
}
 +
#menu_a_human-practices{
 +
margin-top:20px;
 +
}
 +
}
 +
@media(min-width:1200px){
 +
.affix{
 +
bottom: auto;
 +
top: 0px;
 +
left: auto;
 +
right: auto;
 +
width: 267px;
 +
}
 +
.affix-top{
 +
left:auto;
 +
}
 +
#header-menu{
 +
font-size: 15px;
 +
padding: 35px;
 +
                padding-top:10px;
 +
}
 +
#header-menu > li{
 +
padding:10px 18px;
 +
}
 +
#header-menu > li > a{
 +
padding:5px 15px;
 +
}
 +
#menu_a_results, #menu_a_achievements, #menu_a_interlab-study{
 +
vertical-align: text-bottom;
 +
margin-top: -20px;
 +
}
 +
#menu_a_interlab-study{
 +
margin-top: -10px;
 +
}
 +
#menu_a_achievements{
 +
margin-top: -30px;
 +
}
 +
#menu_a_project,  #menu_a_art, #menu_a_biobricks, #menu_a_human-practices{
 +
vertical-align: text-top;
 +
margin-top: 20px;
 +
 +
}
 +
 +
}
 +
#header-menu{
#header-menu{
list-style: none;
list-style: none;
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('https://static.igem.org/mediawiki/2014/e/e1/VBT_spot_secondary.png');
-
background-image: url('../images/menu_item_bg.png');
+
        background-image: none;
background-size: 100% 100%;  
background-size: 100% 100%;  
 +
}
 +
#header-menu.header-menu > li{
 +
/*background: transparent;*/
 +
}
 +
.header-menu{
 +
background:url('https://static.igem.org/mediawiki/2014/e/e8/Vbt_menu_spot.png') no-repeat center center;
 +
background-size:100% 100%;
}
}
#header-menu > li.active{
#header-menu > li.active{
-
background-image: url('../images/menu_item_active_bg.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png');
}
}
-
 
#header-menu > li > a{
#header-menu > li > a{
-
padding:15px 20px;
 
text-decoration: none;
text-decoration: none;
color:#5a2c33;
color:#5a2c33;
outline: none;
outline: none;
vertical-align: baseline;
vertical-align: baseline;
 +
font-variant: small-caps;
 +
}
 +
#header-menu > li.active a, #header-menu > li.active a:hover {
 +
color: #fff;
}
}
#header-menu > li > a:hover{
#header-menu > li > a:hover{
color: #484d4d;
color: #484d4d;
}
}
-
.container.watercolored{
+
#headerWrapper{
-
background: rgba(255, 255, 255, 0.5);
+
height: 170px;
-
padding: 20px
+
}
}
 +
#footer{
 +
padding: 80px;
 +
clear:both;
 +
width:100%;
 +
}
 +
 +
div.watercolored{
 +
 +
background: url('https://static.igem.org/mediawiki/2014/6/67/VBT_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%;  
 +
*/
 +
}
 +
 +
.container p{
 +
padding-top: 15px;
 +
}
 +
.container + p, .container h3 + p, .container h1 + p, .container p:first-of-type{
 +
padding:0;
 +
}
 +
 +
.container > img {
 +
width: 100%;
 +
}
 +
div > img { width: 100%;}
 +
.tooltip-info{
 +
border-bottom: 1px dotted #ba0000;
 +
cursor: help;
 +
}
 +
img.igem-image{
 +
padding:10px;
 +
background: #fff;
 +
border:4px dotted #5a2c33;
 +
}
 +
.thumbnail .caption{
 +
font-size: 10pt;
 +
text-align: center;
 +
}
 +
.thumbnail{
 +
background-color: rgba(255, 255, 255, 0.2);
 +
border: 1px solid #5a2c33;
 +
}
 +
.thumbnail .caption{
 +
border-top: 1px solid #1D1D1D;
 +
margin-top:8px;
 +
}
 +
.thumbnail > img{
 +
width:100%;
 +
}
 +
.thumbnail.center-block{
 +
margin-top:15px;
 +
}
 +
/* HELPERS */
 +
.bold {
 +
font-weight: bold;
 +
}
 +
.italic {
 +
font-style:italic;
 +
}
 +
.text-centered{
 +
text-align:center;
 +
}
 +
.center-block{
 +
margin:0 auto;
 +
display:block;
 +
float:none;
 +
}
 +
.corporative{
 +
color: #5a2c33;
 +
}
 +
.inline{
 +
display:inline;
 +
}
 +
 +
/*  COVER  */
 +
 +
#coverEyes{
 +
max-width: 100%;
 +
min-width: auto;
 +
max-height:100px;
 +
 +
}
 +
.cover-stool-links{
 +
padding-bottom: 20px;
 +
text-align: center;
 +
}
 +
.cover-stool-links a{
 +
font-size: 18pt;
 +
display:inline-block;
 +
padding: 8px 20px;
 +
color: #595353;
 +
}
 +
.cover-link{
 +
 +
  line-height: 50px;
 +
  text-align:right;
 +
  padding: 20px;
 +
  background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 +
  background-repeat: none;
 +
  background-position: center center;
 +
  background-size: 100% 100%;
 +
  display:block;
 +
  font-variant: small-caps;
 +
  font-size: 25px;
 +
 +
}
 +
.cover-link:hover{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/3/3c/Vbt_coverleftspot-over.png');
 +
  color: #fff;
 +
  font-weight:bold;
 +
}
 +
.cover-link-right{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 +
  text-align: left;
 +
}
 +
.cover-link-right:hover{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/e/e9/Vbt_coverrightspot-over.png');
 +
  text-align: left;
 +
  color: #fff;
 +
  font-weight:bold;
 +
}
 +
#cover-wrapperCover{
 +
  background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center;
 +
  background-size: cover;
 +
  min-height:100%;
 +
  position:relative;
 +
}
 +
#cover-valenciaBiocampusCover{
 +
  padding:10px;font-size:450%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:40px;
 +
}
 +
.cover-center-girl{
 +
  width:180px; margin:0 auto;
 +
}
 +
.cover-seatedgirl{
 +
  z-index:20;position:relative;
 +
}
 +
.cover-left-column{
 +
  width:450px; position:absolute; top:140px; left:50%; margin-left:-600px;
 +
}
 +
.cover-right-column{
 +
  width:450px; position:absolute; top:140px; left:50%; margin-left:150px
 +
}
 +
#cover-wrapperLogo{
 +
  width:450px; margin:0 auto; margin-top:-25px; z-index:15; position:relative;
 +
}
 +
#cover-igemLogo{
 +
  width:80px;margin-left:210px;opacity:0.7;margin-top:-82px;
 +
  transition: 0.9s;
 +
}
 +
#cover-igemLogo:hover{
 +
  opacity: 0.9;
 +
}
 +
 +
@media(max-width:767px){
 +
.cover-link{
 +
 +
  line-height: 35px;
 +
  text-align:right;
 +
  padding: 13px;
 +
  background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 +
  background-repeat: none;
 +
  background-position: center center;
 +
  background-size: 100% 100%;
 +
  display:block;
 +
  font-variant: small-caps;
 +
  font-size: 20px;
 +
 +
}
 +
.cover-link-right{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 +
  text-align: left;
 +
}
 +
#cover-wrapperCover{
 +
  background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center;
 +
  background-size: cover;
 +
  min-height:100%;
 +
  position:relative;
 +
}
 +
#cover-valenciaBiocampusCover{
 +
  padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;
 +
}
 +
.cover-center-girl{
 +
  width:130px; margin:0 auto;
 +
}
 +
.cover-seatedgirl{
 +
  z-index:20;position:relative;
 +
}
 +
.cover-left-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;
 +
}
 +
.cover-right-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:150px
 +
}
 +
#cover-wrapperLogo{
 +
  width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;
 +
}
 +
#cover-igemLogo{
 +
  width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 +
  transition: 0.9s;
 +
}
 +
 +
}
 +
@media(min-width:768px){
 +
.cover-link{
 +
 +
  line-height: 35px;
 +
  text-align:right;
 +
  padding: 13px;
 +
  background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 +
  background-repeat: none;
 +
  background-position: center center;
 +
  background-size: 100% 100%;
 +
  display:block;
 +
  font-variant: small-caps;
 +
  font-size: 20px;
 +
 +
}
 +
.cover-link-right{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 +
  text-align: left;
 +
}
 +
#cover-wrapperCover{
 +
  background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center;
 +
  background-size: cover;
 +
  min-height:100%;
 +
  position:relative;
 +
}
 +
#cover-valenciaBiocampusCover{
 +
  padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;
 +
}
 +
.cover-center-girl{
 +
  width:130px; margin:0 auto;
 +
}
 +
.cover-seatedgirl{
 +
  z-index:20;position:relative;
 +
}
 +
.cover-left-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;
 +
}
 +
.cover-right-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:150px
 +
}
 +
#cover-wrapperLogo{
 +
  width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;
 +
}
 +
#cover-igemLogo{
 +
  width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 +
  transition: 0.9s;
 +
}
 +
 +
}
 +
@media(min-width:992px){
 +
.cover-link{
 +
 +
  line-height: 35px;
 +
  text-align:right;
 +
  padding: 13px;
 +
  background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 +
  background-repeat: none;
 +
  background-position: center center;
 +
  background-size: 100% 100%;
 +
  display:block;
 +
  font-variant: small-caps;
 +
  font-size: 20px;
 +
 +
}
 +
.cover-link-right{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 +
  text-align: left;
 +
}
 +
#cover-wrapperCover{
 +
  background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center;
 +
  background-size: cover;
 +
  min-height:100%;
 +
  position:relative;
 +
}
 +
#cover-valenciaBiocampusCover{
 +
  padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;
 +
}
 +
.cover-center-girl{
 +
  width:130px; margin:0 auto;
 +
}
 +
.cover-seatedgirl{
 +
  z-index:20;position:relative;
 +
}
 +
.cover-left-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;
 +
}
 +
.cover-right-column{
 +
  width:350px; position:absolute; top:110px; left:50%; margin-left:150px
 +
}
 +
#cover-wrapperLogo{
 +
  width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;
 +
}
 +
#cover-igemLogo{
 +
  width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 +
  transition: 0.9s;
 +
}
 +
}
 +
@media(min-width:1367px){
 +
.cover-link{
 +
 +
  line-height: 50px;
 +
  text-align:right;
 +
  padding: 20px;
 +
  background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 +
  background-repeat: none;
 +
  background-position: center center;
 +
  background-size: 100% 100%;
 +
  display:block;
 +
  font-variant: small-caps;
 +
  font-size: 25px;
 +
 +
}
 +
.cover-link-right{
 +
  background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 +
  text-align: left;
 +
}
 +
#cover-wrapperCover{
 +
  background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center;
 +
  background-size: cover;
 +
  min-height:100%;
 +
  position:relative;
 +
}
 +
#cover-valenciaBiocampusCover{
 +
  padding:10px;font-size:450%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:40px;
 +
}
 +
.cover-center-girl{
 +
  width:180px; margin:0 auto;
 +
}
 +
.cover-seatedgirl{
 +
  z-index:20;position:relative;
 +
}
 +
.cover-left-column{
 +
  width:450px; position:absolute; top:140px; left:50%; margin-left:-600px;
 +
}
 +
.cover-right-column{
 +
  width:450px; position:absolute; top:140px; left:50%; margin-left:150px
 +
}
 +
#cover-wrapperLogo{
 +
  width:450px; margin:0 auto; margin-top:-25px; z-index:15; position:relative;
 +
}
 +
#cover-igemLogo{
 +
  width:80px;margin-left:210px;opacity:0.7;margin-top:-82px;
 +
  transition: 0.9s;
 +
}
 +
 +
}
 +
 +
 +
/*  /COVER  */
 +
 +
/*  TEAM SECTION  */
 +
.pics {
 +
    margin:auto;
 +
    margin:0px auto;
 +
    position:relative;
 +
    height:500px;
 +
    width:800px;
 +
    list-style: none;
 +
}
 +
.pics a {
 +
    background:#fff;
 +
    display:inline;
 +
    float:left;
 +
    width:auto;
 +
    padding:10px 10px 30px 10px;
 +
    text-align:center;
 +
    text-decoration:none;
 +
    color:#333;
 +
    font-size:27px;
 +
    font-family:'levirebrushedregular', Georgia, 'Droid Serif';
 +
    font-weight:normal;
 +
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,1);
 +
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
 +
    box-shadow:0px 0px 10px rgba(0,0,0,1);
 +
    -webkit-transition:all .30s;
 +
    -moz-transition:all .30s;
 +
    -o-transition:all .30s;
 +
    transition:all .30s;
 +
    position:absolute;
 +
}
 +
.pics img {
 +
    display:block;
 +
    padding-bottom:20px;
 +
    width:200px;
 +
}
 +
.pics a:hover {
 +
    z-index:100;
 +
}
 +
.pics a:after {
 +
    content:attr(title);
 +
}
 +
 +
/* Pictures placement, scaling and rotation */
 +
 +
.pics li:nth-child(1n) a {
 +
    -webkit-transform:rotate(30deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(30deg) scale(0.7,0.7);
 +
    transform:rotate(30deg) scale(0.7,0.7);
 +
    top:0%;
 +
    left:70%;
 +
}
 +
.pics li:nth-child(2n) a {
 +
    -webkit-transform:rotate(-30deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(-30deg) scale(0.7,0.7);
 +
    transform:rotate(-30deg) scale(0.7,0.7);
 +
    top:40%;
 +
    left:80%;
 +
}
 +
.pics li:nth-child(3n) a {
 +
    -webkit-transform:rotate(10deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(10deg) scale(0.7,0.7);
 +
    transform:rotate(10deg) scale(0.7,0.7);
 +
    top:55%;
 +
    left:-10%;
 +
}
 +
.pics li:nth-child(4n) a {
 +
    -webkit-transform:rotate(-30deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(-30deg) scale(0.7,0.7);
 +
    transform:rotate(-30deg) scale(0.7,0.7);
 +
    top:0%;
 +
    left:-10%;
 +
}
 +
.pics li:nth-child(5n) a {
 +
    -webkit-transform:rotate(2deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(2deg) scale(0.7,0.7);
 +
    transform:rotate(2deg) scale(0.7,0.7);
 +
    top:65%;
 +
    left:31%;
 +
    z-index:3;
 +
}
 +
.pics li:nth-child(6n) a {
 +
    -webkit-transform:rotate(30deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(30deg) scale(0.7,0.7);
 +
    transform:rotate(30deg) scale(0.7,0.7);
 +
    top:60%;
 +
    left:63%;
 +
    z-index:4;
 +
}
 +
.pics li:nth-child(7n) a {
 +
    -webkit-transform:rotate(10deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(10deg) scale(0.7,0.7);
 +
    transform:rotate(10deg) scale(0.7,0.7);
 +
    top:0%;
 +
    left:29%;
 +
}
 +
 +
.pics li:nth-child(8n) a {
 +
    -webkit-transform:rotate(-10deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(-10deg) scale(0.7,0.7);
 +
    transform:rotate(-10deg) scale(0.7,0.7);
 +
    top:25%;
 +
    left:48%;
 +
}
 +
 +
.pics li:nth-child(9n) a {
 +
    -webkit-transform:rotate(-8deg) scale(0.7,0.7);
 +
    -moz-transform:rotate(-8deg) scale(0.7,0.7);
 +
    transform:rotate(-8deg) scale(0.7,0.7);
 +
    top:36%;
 +
    left:9%;
 +
}
 +
/* Pictures rotation and scaling on hover */
 +
 +
.pics li:nth-child(n) a:hover {
 +
    -webkit-transform:rotate(0deg) scale(1,1);
 +
    -moz-transform:rotate(0deg) scale(1,1);
 +
    transform:rotate(0deg) scale(1,1);
 +
}
 +
#team-list{
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
display:block;
 +
width:100%;
 +
margin:0 auto;
 +
overflow: auto;
 +
}
 +
#team-list li{
 +
margin-bottom:15px;
 +
}
 +
#team-list li a{
 +
text-align: center;
 +
display: block;
 +
color: #5a2c33;
 +
background: none;
 +
background-size: 100% 100%;
 +
transition: 1s;
 +
background-position: 650px 650px;
 +
}
 +
 +
#team-list li a:hover{
 +
background: url('https://static.igem.org/mediawiki/2014/4/42/Vbt_teamlistbg.png') no-repeat;
 +
background-size: 150% 150%;
 +
background-position: 50% 50%;
 +
 +
}
 +
 +
#team-list li a img{
 +
width:100%;
 +
}
 +
#team-list li a h4, .user-profile-name{
 +
font-variant: small-caps;
 +
padding: 0;
 +
margin-bottom: 0;
 +
color: #5a2c33;
 +
font-weight: bold;
 +
font-family: Georgia;
 +
white-space: nowrap;
 +
        padding-top:15px;
 +
}
 +
.profile-picture-student{
 +
width:35%;
 +
}
 +
#returnToStudents img{
 +
    width: 26px;
 +
    height: 26px;
 +
}
 +
.student-card{
 +
    border-bottom:2px solid #5a2c33;
 +
    text-align:center;
 +
    margin-bottom: 20px;
 +
    padding-bottom: 20px;
 +
}
 +
.student-card > img{
 +
    border:3px solid #5a2c33;
 +
    width:250px;
 +
    height:250px;
 +
    background-color: rgba(255, 255, 255, 0.3);
 +
}
 +
.student-card > h3{
 +
    font-variant: small-caps;
 +
    font-weight: bold;
 +
    font-size: 35px;
 +
}
 +
 +
#team-list li a span{
 +
font-style: italic;
 +
font-size: 90%;
 +
color: #b1b1b1;
 +
}
 +
#team-list li {
 +
}
 +
 +
#Instructors .caption, #Advisors .caption{
 +
font-size: 70%;
 +
height:255px;
 +
overflow:hidden;
 +
text-align:left;
 +
}
 +
 +
#Instructors .caption h4, #Advisors .caption h4, #Advisors h4, #Instructors h4{
 +
  font-weight:bold;
 +
  font-variant: small-caps;
 +
  text-align:center;
 +
  padding-top:0;
 +
  clear:both;
 +
}
 +
#Advisors .col-sm-2, #Instructors .col-sm-2{
 +
padding-right:7px;
 +
padding-left:7px
 +
}
 +
/*  /TEAM SECTION  */
 +
 +
/* TABS SYSTEM */
 +
.nav-tabs{
 +
text-align:center; 
 +
border-bottom:none;
 +
}
 +
.nav-tabs > li{
 +
float:none;
 +
display: inline-block;
 +
padding: 5px 25px;
 +
margin:0;
 +
}
 +
.nav-tabs > li.active, .nav-tabs > li:hover {
 +
background: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png') no-repeat center center;
 +
background-size: 100% 100%;
 +
}
 +
.nav-tabs > li:hover {
 +
  opacity:0.8;
 +
}
 +
.nav-tabs > li > a{
 +
font-size: 18pt;
 +
color: #595353;
 +
        font-style: italic;
 +
  border:0;
 +
}
 +
.nav-tabs > li.active > a{
 +
color: #5a2c33;
 +
        font-weight:bold;
 +
border:0;
 +
background:transparent;
 +
outline:none
 +
}
 +
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover{
 +
background: transparent;
 +
color: #5a2c33;
 +
border:0;
 +
}
 +
.nav-tabs > li > a:after{content:" ]"}
 +
.nav-tabs > li > a:before{content:"[ "}
 +
 +
.tab-content > .tab-pane h2, .contentWithPadding h2 {
 +
display: block;
 +
text-align: left;
 +
padding-left:1%;
 +
font-family: 'levirebrushedregular', Georgia, 'Droid Serif';
 +
font-size: 270%;
 +
margin:0;
 +
 +
}
 +
 +
.tab-content > .tab-pane  h3, .contentWithPadding h3 {
 +
  margin-bottom:0;
 +
  padding-bottom:5px;
 +
}
 +
/* Remove margin and padding from paragraph after h3
 +
.tab-content > .tab-pane h3 + p, .contentWithPadding h3 + p {
 +
    margin: 0;
 +
padding:0;
 +
}
 +
/* / TABS SYSTEM */
 +
/* TOC */
 +
/*
 +
* jquery.tocify.css 1.9.0
 +
* Author: @gregfranko
 +
*/
 +
 +
/* The Table of Contents container element */
 +
.tocify {
 +
    overflow: show;
 +
    position: relative;
 +
 +
}
 +
 +
/* The Table of Contents is composed of multiple nested unordered lists.  These styles remove the default styling of an unordered list because it is ugly. */
 +
.tocify ul, .tocify li {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    border: none;
 +
    line-height: 30px;
 +
}
 +
 +
/* Top level header elements */
 +
.tocify-header {
 +
    text-indent: 10px;
 +
}
 +
 +
/* Top level subheader elements.  These are the first nested items underneath a header element. */
 +
.tocify-subheader {
 +
    text-indent: 20px;
 +
    display: none;
 +
}
 +
 +
/* Makes the font smaller for all subheader elements. */
 +
.tocify-subheader li {
 +
    font-size: 12px;
 +
}
 +
 +
/* Further indents second level subheader elements. */
 +
.tocify-subheader .tocify-subheader {
 +
    text-indent: 30px;
 +
}
 +
 +
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
 +
.tocify-subheader .tocify-subheader .tocify-subheader {
 +
    text-indent: 40px;
 +
}
 +
 +
/* Twitter Bootstrap Override Style */
 +
.nav-list > li > a, .nav-list .nav-header {
 +
    margin: 0px;
 +
}
 +
 +
/* Twitter Bootstrap Override Style */
 +
.nav-list > li > a {
 +
    padding: 5px;
 +
}
 +
 +
.tocWrapper{
 +
padding-top:20px;
 +
}
 +
.nav-list {
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
  margin-bottom: 0;
 +
}
 +
.nav-list > li > a,
 +
.nav-list .nav-header {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +
}
 +
.nav-list > li > a {
 +
  padding: 3px 15px;
 +
}
 +
.nav-list > .active > a,
 +
.nav-list > .active > a:hover {
 +
  font-weight:bold;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  border-right: 3px solid #5a2c33;
 +
 
 +
}
 +
.nav-list [class^="icon-"] {
 +
  margin-right: 2px;
 +
}
 +
.tocifyiGEM{overflow:show;position:relative}.tocifyiGEM li,.tocifyiGEM ul{list-style:none;margin:0;padding:0;border:none;line-height:30px}.tocifyiGEM-header{text-indent:10px}.tocifyiGEM-subheader{text-indent:20px;display:none}.tocifyiGEM-subheader li{font-size:12px}.tocifyiGEM-subheader .tocifyiGEM-subheader{text-indent:30px}.tocifyiGEM-subheader .tocifyiGEM-subheader .tocifyiGEM-subheader{text-indent:40px}.nav-list .nav-header,.nav-list>li>a{margin:0}.tocWrapper{padding-top:20px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list .nav-header,.nav-list>li>a{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.2);border-right:3px solid #5a2c33}.nav-list [class^=icon-]{margin-right:2px}
 +
/*  / TOC */
 +
/* Modeling APP */
 +
input.input-modelingApp:after {
 +
  content: attr(data-symbol);
 +
  float: left;
 +
  color: #aaa;
 +
}
 +
#output{ height: 50px;  text-align:center;}
 +
.btn-default:focus{
 +
outline:none;
 +
}
 +
#percent1, #percent2{ display:inline-block; width:60px; text-align:center; margin-left:10px; }
 +
/* / Modeling APP */
 +
.table.table-bordered tr td{
 +
    border:1px solid #5a2c33;
 +
}
 +
.table.table-bordered tr{
 +
 +
    background: #ebdadd;
 +
}
 +
.table.table-bordered tr:first-child td, .background-burdeos > td{
 +
    border: 1px solid black;
 +
    background: #5a2c33;
 +
    color: #fff;
 +
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 +
}
 +
 +
.back-to-top {
 +
    cursor: pointer;
 +
    position: fixed;
 +
    bottom: 20px;
 +
    right: 20px;
 +
    display:none;
 +
    width:45px;
 +
    height:32px;
 +
    line-height:32px;
 +
    background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
 +
    z-index: 40;
 +
}
 +
 +
#content{
 +
background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
 +
min-height:100%;
 +
height:auto;
 +
}
 +
#logo{
 +
width: 31%;
 +
float:left;
 +
}
 +
#logo-header-link{
 +
display: block;
 +
width: 100%;
 +
height: 154px;
 +
max-height: 154px;
 +
min-height: 154px;
 +
}
 +
.header-top-menu{
 +
    padding:0px;
 +
    width: 67%;
 +
    padding-right: 4%;
 +
    margin: 0px;
 +
    list-style:none;
 +
    float:right;
 +
}
 +
.header-top-menu li{
 +
  display: block;
 +
  padding:11px 0px;
 +
  margin:0px;
 +
  text-align:center;
 +
  width: 20%;
 +
  float: left;
 +
  white-space:nowrap;
 +
}
 +
.header-top-menu li a{
 +
  padding:10px;
 +
  font-weight:bold;
 +
  text-shadow: 2px 2px 2px #fff;
 +
  font-size: 12px;
 +
}
 +
.header-top-menu li.active a,  .header-top-menu li a:hover{
 +
background: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png') no-repeat center center;
 +
        background-size: 100% 100%;
 +
  color: #fff;
 +
  font-weight:bold;
 +
  text-shadow: 2px 2px 2px #444;
 +
}
 +
 +
@media(max-width:767px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 125px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 87px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  .container h1:first-of-type {
 +
    position:absolute;
 +
    top:-125px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 280%;
 +
  }
 +
  .contentWithPadding{
 +
    padding: 30px;
 +
    padding-bottom:50px;
 +
    margin-top:-87px;
 +
  }
 +
 +
}
 +
@media(min-width:768px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 0px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 86px;
 +
    min-height: 420px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  .container h1:first-of-type {
 +
    position:absolute;
 +
    top:-124px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 280%;
 +
  }
 +
  .contentWithPadding{
 +
    padding: 30px;
 +
    padding-bottom:50px;
 +
    margin-top:-87px;
 +
  }
 +
}
 +
@media(min-width:992px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 125px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 160px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  .container h1:first-of-type {
 +
    position:absolute;
 +
    top:-168px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 330%;
 +
  }
 +
  .contentWithPadding{
 +
    padding: 30px;
 +
    padding-bottom:50px;
 +
    margin-top:-105px;
 +
  }
 +
  #igem-logo{
 +
    width: 72px;
 +
    position: absolute;
 +
    bottom: 7px;
 +
    left: 145px;
 +
    height: 60px;
 +
  }
 +
  .header-top-menu li a{
 +
    padding:10px;
 +
    text-shadow: 1px 1px 2px #fff;
 +
    font-size: 15px;
 +
  }
 +
}
 +
@media(min-width:1200px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
    }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 231px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  .container h1:first-of-type{
 +
    position:absolute;
 +
    top:-200px;
 +
    left:50%;
 +
    margin-left:-450px;
 +
    width:900px;
 +
    font-size: 360%;
 +
  }
 +
  .contentWithPadding{
 +
    padding: 30px;
 +
    padding-bottom:50px;
 +
    margin-top:-125px;
 +
  }
 +
  .header-top-menu li a{
 +
    padding:15px;
 +
    text-shadow: 2px 2px 2px #fff;
 +
    font-size: 16px;
 +
  }
 +
  #header-top-menu{ padding-top:10px; }
 +
}
 +
h1{
 +
  color: rgb(255, 255, 255);
 +
  text-shadow: 8px 8px 8px rgba(55, 55, 55, 1);
 +
  padding-top:0;
 +
  margin-top: -10px;
 +
  padding-bottom: 20px;
 +
  clear:both;
 +
}
 +
body { background: transparent; }
 +
#footer2{
 +
text-align:center;
 +
width:100%;
 +
background: #5a2c33;
 +
z-index: 1;
 +
height:160px;
 +
position:relative;
 +
margin-top: -15px;
 +
-webkit-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
-moz-box-shadow:    inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
box-shadow:        inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
color: #fff;
 +
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 +
padding-top:25px;
 +
}
 +
.tab-content{
 +
  padding: 35px;
 +
  padding-bottom: 40px;
 +
}
 +
#globalWrapper{
 +
padding-bottom:0;
 +
}
 +
#content{
 +
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +
}
 +
.withBackground p > a, .withBackground p > strong > a, .withBackground li a, .withBackground p > b> a{
 +
    color: #5a2c33;
 +
    text-shadow: 0px 0px 18px rgba(117, 224, 0, 1), 0px 0px 25px rgba(72, 0, 224, 1), 0px 0px 25px rgba(117, 224, 0, 1);
 +
 +
    text-shadow: 0px 0px 18px rgba(255, 255, 255, 1), 0px 0px 25px rgba(255,255, 255, 1), 0px 0px 25px rgba(255, 255, 255, 1);
 +
    transition: 0.8s;
 +
}
 +
.withBackground p > a:hover, .withBackground p > strong > a:hover, .withBackground li a:hover, .withBackground p > b> a:hover{
 +
    color: #5a2c33;
 +
    text-shadow: 0px 0px 18px rgba(90, 44, 51, 1), 0px 0px 25px rgba(90, 44, 51, 1);
 +
}
 +
.footer-link a{
 +
background: #fff;
 +
display:inline-block;
 +
margin:2px;
}
}

Latest revision as of 01:33, 18 October 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;

}/* @font-face {

   font-family: 'levirebrushedregular';
   src: url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levieot&action=raw&ctype=application/vnd.ms-fontobject');
   src: url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levieot&action=raw&ctype=application/vnd.ms-fontobject?#iefix') format('embedded-opentype'),
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/leviwoff2&action=raw&ctype=application/font-woff2') format('woff2'),
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/leviwoff&action=raw&ctype=application/font-woff') format('woff'),
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levittf&action=raw&ctype=application/font-sfnt') format('truetype'),
        url('https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/fonts/levisvg&action=raw&ctype=image/svg+xml#levirebrushedregular') format('svg');
   font-weight: normal;
   font-style: normal;

}*/ @font-face {

   font-family: 'levirebrushedregular';
   src: url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.eot');
   src: url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.woff2') format('woff2'),
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.woff') format('woff'),
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.ttf') format('truetype'),
        url('http://www.tonnyesp.com/igem/fonts/levirebrushed-webfont.svg#levirebrushedregular') format('svg');
   font-weight: normal;
   font-style: normal;

} /* ------------------------------*/

  1. bodyContent, #content{

z-index:auto; } .modal .modal-content{ background: url('https://static.igem.org/mediawiki/2014/9/91/Vbt_background2.jpg'); }

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

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

  1. globalWrapper{

font-size:135%; } h1, h2, h3, h4, h5, h6 { border:0; color:#5a2c33; } h1{ display: block; text-align: center;

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

font-size: 350%; margin:0; }

h1:after{content:" -"} h1:before{content:"- "}

h1 > .editsection{ font-family: Georgia; } h2{ font-weight:lighter; color:#5a2c33; } h3{ margin:2px; }

  1. contentSub{

margin:0; }

  1. siteSub{

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

  1. globalWrapper{

padding:0; } .firstHeading{ display:none;}

  1. globalWrapper{

font-size: 100%; }

  1. globalWrapper #top-section{
 	font-size: 10pt;

background-color: #5a2c33; position: relative; top: auto; left: auto; margin:0; width: 100%; text-align: center; height: 20px; }

  1. top-section #menubar{

position: relative; top: auto; left: auto; float: left; font-family: inherit; font-size: auto; line-height: auto; width: 45%; }

  1. top-section .left-menu{

left: auto; text-align: right; }

  1. top-section .right-menu{

right: auto; text-align: left; padding-left: 15%; } a, a:hover, a:visited, a:active{ text-decoration: none; } a:visited{ color: #5a2c33; } .editsection{ font-size: 8pt; }

  1. toc{

display:none; }

  1. globalWrapper{

padding-bottom:40px; } /* ------------------------------*/ html{

 background: url('https://static.igem.org/mediawiki/2014/9/91/Vbt_background2.jpg') center top; 
 margin:0;
 padding:0;
 text-align: justify;

} body{

 	font-family: Georgia, 'Droid Serif', serif;
 	font-size: 13.5pt;
 	line-height: 22pt;

background: none;

 	margin:0;
 	padding:0;

}

  1. logo{

}

  1. logo img{
       padding-top:20px;

width:100%; }

  1. igem-logo img{

width:80%; } .contentWithPadding { padding: 30px; padding-bottom:50px; margin-top:-125px; } @media(max-width:767px){ .affix{ bottom: auto; top: 0px; left: auto; right: auto; width: 167px; display:none; } .affix-top{ left:auto; } #header-menu{ padding: 20px; } #header-menu > li{ padding:15px; } #header-menu > li > a{ padding:15px 15px; }

} @media(min-width:768px){ .affix{ bottom: auto; top: 0px; left: auto; right: auto; width: 162px; } .affix-top{ left:auto; } #header-menu{ font-size: 11px; padding: 9px 12px; } #header-menu > li{ padding:9px 4px; } #header-menu > li > a{ padding:9px 8px; } .contentWithPadding { padding: 30px; padding-bottom:50px; margin-top:-85px; } } @media(min-width:992px){ .affix{ bottom: auto; top: 0px; left: auto; right: auto; width: 218px; } .affix-top{ left:auto; } #header-menu{ font-size: 13px; padding: 10px 0; } #header-menu > li{ padding:13px; } #header-menu > li > a{ padding:10px 10px; }

  1. menu_a_results, #menu_a_achievements, #menu_a_interlab-study{

vertical-align: text-bottom; margin-top: -10px; }

  1. menu_a_interlab-study{

margin-top: -5px; }

  1. menu_a_achievements{

margin-top: -20px; }

  1. menu_a_project, #menu_a_art, #menu_a_biobricks{

vertical-align: text-top; margin-top: 10px; }

  1. menu_a_human-practices{

margin-top:20px; } } @media(min-width:1200px){ .affix{ bottom: auto; top: 0px; left: auto; right: auto; width: 267px; } .affix-top{ left:auto; } #header-menu{ font-size: 15px; padding: 35px;

               padding-top:10px;

} #header-menu > li{ padding:10px 18px; } #header-menu > li > a{ padding:5px 15px; }

  1. menu_a_results, #menu_a_achievements, #menu_a_interlab-study{

vertical-align: text-bottom; margin-top: -20px; }

  1. menu_a_interlab-study{

margin-top: -10px; }

  1. menu_a_achievements{

margin-top: -30px; }

  1. menu_a_project, #menu_a_art, #menu_a_biobricks, #menu_a_human-practices{

vertical-align: text-top; margin-top: 20px;

}

}

  1. header-menu{

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

  1. header-menu > li{

display: inline-block; margin:0px; background-image: url('https://static.igem.org/mediawiki/2014/e/e1/VBT_spot_secondary.png');

       background-image: none;

background-size: 100% 100%; }

  1. header-menu.header-menu > li{

/*background: transparent;*/ } .header-menu{ background:url('https://static.igem.org/mediawiki/2014/e/e8/Vbt_menu_spot.png') no-repeat center center; background-size:100% 100%; }

  1. header-menu > li.active{

background-image: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png'); }

  1. header-menu > li > a{

text-decoration: none; color:#5a2c33; outline: none; vertical-align: baseline; font-variant: small-caps; }

  1. header-menu > li.active a, #header-menu > li.active a:hover {

color: #fff; }

  1. header-menu > li > a:hover{

color: #484d4d; }

  1. headerWrapper{

height: 170px; }

  1. footer{

padding: 80px; clear:both; width:100%; }

div.watercolored{

background: url('https://static.igem.org/mediawiki/2014/6/67/VBT_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 p{ padding-top: 15px; } .container + p, .container h3 + p, .container h1 + p, .container p:first-of-type{ padding:0; }

.container > img { width: 100%; } div > img { width: 100%;} .tooltip-info{ border-bottom: 1px dotted #ba0000; cursor: help; } img.igem-image{ padding:10px; background: #fff; border:4px dotted #5a2c33; } .thumbnail .caption{ font-size: 10pt; text-align: center; } .thumbnail{ background-color: rgba(255, 255, 255, 0.2); border: 1px solid #5a2c33; } .thumbnail .caption{ border-top: 1px solid #1D1D1D; margin-top:8px; } .thumbnail > img{ width:100%; } .thumbnail.center-block{ margin-top:15px; } /* HELPERS */ .bold { font-weight: bold; } .italic { font-style:italic; } .text-centered{ text-align:center; } .center-block{ margin:0 auto; display:block; float:none; } .corporative{ color: #5a2c33; } .inline{ display:inline; }

/* COVER */

  1. coverEyes{

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

} .cover-stool-links{ padding-bottom: 20px; text-align: center; } .cover-stool-links a{ font-size: 18pt; display:inline-block; padding: 8px 20px; color: #595353; } .cover-link{

 line-height: 50px;
 text-align:right;
 padding: 20px;
 background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 background-repeat: none;
 background-position: center center;
 background-size: 100% 100%;
 display:block; 
 font-variant: small-caps;
 font-size: 25px;

} .cover-link:hover{

 background-image: url('https://static.igem.org/mediawiki/2014/3/3c/Vbt_coverleftspot-over.png');
 color: #fff;
 font-weight:bold;

} .cover-link-right{

 background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 text-align: left;

} .cover-link-right:hover{

 background-image: url('https://static.igem.org/mediawiki/2014/e/e9/Vbt_coverrightspot-over.png');
 text-align: left;
 color: #fff;
 font-weight:bold;

}

  1. cover-wrapperCover{
 background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center; 
 background-size: cover; 
 min-height:100%; 
 position:relative;

}

  1. cover-valenciaBiocampusCover{
 padding:10px;font-size:450%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:40px;

} .cover-center-girl{

 width:180px; margin:0 auto;

} .cover-seatedgirl{

 z-index:20;position:relative;

} .cover-left-column{

 width:450px; position:absolute; top:140px; left:50%; margin-left:-600px;

} .cover-right-column{

 width:450px; position:absolute; top:140px; left:50%; margin-left:150px

}

  1. cover-wrapperLogo{
 width:450px; margin:0 auto; margin-top:-25px; z-index:15; position:relative;

}

  1. cover-igemLogo{
 width:80px;margin-left:210px;opacity:0.7;margin-top:-82px;
 transition: 0.9s;

}

  1. cover-igemLogo:hover{
 opacity: 0.9;

}

@media(max-width:767px){ .cover-link{

 line-height: 35px;
 text-align:right;
 padding: 13px;
 background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 background-repeat: none;
 background-position: center center;
 background-size: 100% 100%;
 display:block; 
 font-variant: small-caps;
 font-size: 20px;

} .cover-link-right{

 background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 text-align: left;

}

  1. cover-wrapperCover{
 background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center; 
 background-size: cover; 
 min-height:100%; 
 position:relative;

}

  1. cover-valenciaBiocampusCover{
 padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;

} .cover-center-girl{

 width:130px; margin:0 auto;

} .cover-seatedgirl{

 z-index:20;position:relative;

} .cover-left-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;

} .cover-right-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:150px

}

  1. cover-wrapperLogo{
 width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;

}

  1. cover-igemLogo{
 width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 transition: 0.9s;

}

} @media(min-width:768px){ .cover-link{

 line-height: 35px;
 text-align:right;
 padding: 13px;
 background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 background-repeat: none;
 background-position: center center;
 background-size: 100% 100%;
 display:block; 
 font-variant: small-caps;
 font-size: 20px;

} .cover-link-right{

 background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 text-align: left;

}

  1. cover-wrapperCover{
 background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center; 
 background-size: cover; 
 min-height:100%; 
 position:relative;

}

  1. cover-valenciaBiocampusCover{
 padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;

} .cover-center-girl{

 width:130px; margin:0 auto;

} .cover-seatedgirl{

 z-index:20;position:relative;

} .cover-left-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;

} .cover-right-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:150px

}

  1. cover-wrapperLogo{
 width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;

}

  1. cover-igemLogo{
 width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 transition: 0.9s;

}

} @media(min-width:992px){ .cover-link{

 line-height: 35px;
 text-align:right;
 padding: 13px;
 background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 background-repeat: none;
 background-position: center center;
 background-size: 100% 100%;
 display:block; 
 font-variant: small-caps;
 font-size: 20px;

} .cover-link-right{

 background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 text-align: left;

}

  1. cover-wrapperCover{
 background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center; 
 background-size: cover; 
 min-height:100%; 
 position:relative;

}

  1. cover-valenciaBiocampusCover{
 padding:10px;font-size:370%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:20px;

} .cover-center-girl{

 width:130px; margin:0 auto;

} .cover-seatedgirl{

 z-index:20;position:relative;

} .cover-left-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:-500px;

} .cover-right-column{

 width:350px; position:absolute; top:110px; left:50%; margin-left:150px

}

  1. cover-wrapperLogo{
 width:350px; margin:0 auto; margin-top:-20px; z-index:15; position:relative;

}

  1. cover-igemLogo{
 width:70px;margin-left:165px;opacity:0.7;margin-top:-67px;
 transition: 0.9s;

} } @media(min-width:1367px){ .cover-link{

 line-height: 50px;
 text-align:right;
 padding: 20px;
 background-image: url('https://static.igem.org/mediawiki/2014/b/b1/Vbt_coverleftspot.png');
 background-repeat: none;
 background-position: center center;
 background-size: 100% 100%;
 display:block; 
 font-variant: small-caps;
 font-size: 25px;

} .cover-link-right{

 background-image: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png');
 text-align: left;

}

  1. cover-wrapperCover{
 background:url('https://static.igem.org/mediawiki/2014/8/81/Vbt_backgroundcover.jpg') no-repeat top center; 
 background-size: cover; 
 min-height:100%; 
 position:relative;

}

  1. cover-valenciaBiocampusCover{
 padding:10px;font-size:450%;white-space:nowrap;display:block;margin:0 auto;padding-bottom:40px;

} .cover-center-girl{

 width:180px; margin:0 auto;

} .cover-seatedgirl{

 z-index:20;position:relative;

} .cover-left-column{

 width:450px; position:absolute; top:140px; left:50%; margin-left:-600px;

} .cover-right-column{

 width:450px; position:absolute; top:140px; left:50%; margin-left:150px

}

  1. cover-wrapperLogo{
 width:450px; margin:0 auto; margin-top:-25px; z-index:15; position:relative;

}

  1. cover-igemLogo{
 width:80px;margin-left:210px;opacity:0.7;margin-top:-82px;
 transition: 0.9s;

}

}


/* /COVER */

/* TEAM SECTION */ .pics {

   margin:auto;
   margin:0px auto;
   position:relative;
   height:500px;
   width:800px;
   list-style: none;

} .pics a {

   background:#fff;
   display:inline;
   float:left;
   width:auto;
   padding:10px 10px 30px 10px;
   text-align:center;
   text-decoration:none;
   color:#333;
   font-size:27px;
   font-family:'levirebrushedregular', Georgia, 'Droid Serif';
   font-weight:normal;
   -webkit-box-shadow:0px 0px 10px rgba(0,0,0,1);
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
   box-shadow:0px 0px 10px rgba(0,0,0,1);
   -webkit-transition:all .30s;
   -moz-transition:all .30s;
   -o-transition:all .30s;
   transition:all .30s;
   position:absolute;

} .pics img {

   display:block;
   padding-bottom:20px;
   width:200px;

} .pics a:hover {

   z-index:100;

} .pics a:after {

   content:attr(title);

}

/* Pictures placement, scaling and rotation */

.pics li:nth-child(1n) a {

   -webkit-transform:rotate(30deg) scale(0.7,0.7);
   -moz-transform:rotate(30deg) scale(0.7,0.7);
   transform:rotate(30deg) scale(0.7,0.7);
   top:0%;
   left:70%;

} .pics li:nth-child(2n) a {

   -webkit-transform:rotate(-30deg) scale(0.7,0.7);
   -moz-transform:rotate(-30deg) scale(0.7,0.7);
   transform:rotate(-30deg) scale(0.7,0.7);
   top:40%;
   left:80%;

} .pics li:nth-child(3n) a {

   -webkit-transform:rotate(10deg) scale(0.7,0.7);
   -moz-transform:rotate(10deg) scale(0.7,0.7);
   transform:rotate(10deg) scale(0.7,0.7);
   top:55%;
   left:-10%;

} .pics li:nth-child(4n) a {

   -webkit-transform:rotate(-30deg) scale(0.7,0.7);
   -moz-transform:rotate(-30deg) scale(0.7,0.7);
   transform:rotate(-30deg) scale(0.7,0.7);
   top:0%;
   left:-10%;

} .pics li:nth-child(5n) a {

   -webkit-transform:rotate(2deg) scale(0.7,0.7);
   -moz-transform:rotate(2deg) scale(0.7,0.7);
   transform:rotate(2deg) scale(0.7,0.7);
   top:65%;
   left:31%;
   z-index:3;

} .pics li:nth-child(6n) a {

   -webkit-transform:rotate(30deg) scale(0.7,0.7);
   -moz-transform:rotate(30deg) scale(0.7,0.7);
   transform:rotate(30deg) scale(0.7,0.7);
   top:60%;
   left:63%;
   z-index:4;

} .pics li:nth-child(7n) a {

   -webkit-transform:rotate(10deg) scale(0.7,0.7);
   -moz-transform:rotate(10deg) scale(0.7,0.7);
   transform:rotate(10deg) scale(0.7,0.7);
   top:0%;
   left:29%;

}

.pics li:nth-child(8n) a {

   -webkit-transform:rotate(-10deg) scale(0.7,0.7);
   -moz-transform:rotate(-10deg) scale(0.7,0.7);
   transform:rotate(-10deg) scale(0.7,0.7);
   top:25%;
   left:48%;

}

.pics li:nth-child(9n) a {

   -webkit-transform:rotate(-8deg) scale(0.7,0.7);
   -moz-transform:rotate(-8deg) scale(0.7,0.7);
   transform:rotate(-8deg) scale(0.7,0.7);
   top:36%;
   left:9%;

} /* Pictures rotation and scaling on hover */

.pics li:nth-child(n) a:hover {

   -webkit-transform:rotate(0deg) scale(1,1);
   -moz-transform:rotate(0deg) scale(1,1);
   transform:rotate(0deg) scale(1,1);

}

  1. team-list{

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

  1. team-list li{

margin-bottom:15px; }

  1. team-list li a{

text-align: center; display: block; color: #5a2c33; background: none; background-size: 100% 100%; transition: 1s; background-position: 650px 650px; }

  1. team-list li a:hover{

background: url('https://static.igem.org/mediawiki/2014/4/42/Vbt_teamlistbg.png') no-repeat; background-size: 150% 150%; background-position: 50% 50%;

}

  1. team-list li a img{

width:100%; }

  1. team-list li a h4, .user-profile-name{

font-variant: small-caps; padding: 0; margin-bottom: 0; color: #5a2c33; font-weight: bold; font-family: Georgia; white-space: nowrap;

       padding-top:15px;

} .profile-picture-student{ width:35%; }

  1. returnToStudents img{
   width: 26px;
   height: 26px;

} .student-card{

   border-bottom:2px solid #5a2c33;
   text-align:center;
   margin-bottom: 20px;
   padding-bottom: 20px;

} .student-card > img{

   border:3px solid #5a2c33;
   width:250px;
   height:250px;
   background-color: rgba(255, 255, 255, 0.3);

} .student-card > h3{

   font-variant: small-caps;
   font-weight: bold;
   font-size: 35px;

}

  1. team-list li a span{

font-style: italic; font-size: 90%; color: #b1b1b1; }

  1. team-list li {

}

  1. Instructors .caption, #Advisors .caption{

font-size: 70%; height:255px; overflow:hidden; text-align:left; }

  1. Instructors .caption h4, #Advisors .caption h4, #Advisors h4, #Instructors h4{
 font-weight:bold;
 font-variant: small-caps;
 text-align:center;
 padding-top:0;
 clear:both;

}

  1. Advisors .col-sm-2, #Instructors .col-sm-2{

padding-right:7px; padding-left:7px } /* /TEAM SECTION */

/* TABS SYSTEM */ .nav-tabs{

text-align:center;   

border-bottom:none; } .nav-tabs > li{ float:none; display: inline-block; padding: 5px 25px; margin:0; } .nav-tabs > li.active, .nav-tabs > li:hover { background: url('https://static.igem.org/mediawiki/2014/5/52/Vbt_coverrightspot.png') no-repeat center center; background-size: 100% 100%; } .nav-tabs > li:hover {

  opacity:0.8;

} .nav-tabs > li > a{ font-size: 18pt; color: #595353;

       font-style: italic;
  border:0;

} .nav-tabs > li.active > a{ color: #5a2c33;

       font-weight:bold;

border:0; background:transparent; outline:none } .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover{ background: transparent; color: #5a2c33; border:0; } .nav-tabs > li > a:after{content:" ]"} .nav-tabs > li > a:before{content:"[ "}

.tab-content > .tab-pane h2, .contentWithPadding h2 { display: block; text-align: left; padding-left:1%; font-family: 'levirebrushedregular', Georgia, 'Droid Serif'; font-size: 270%; margin:0;

}

.tab-content > .tab-pane h3, .contentWithPadding h3 {

  margin-bottom:0;
  padding-bottom:5px;

} /* Remove margin and padding from paragraph after h3 .tab-content > .tab-pane h3 + p, .contentWithPadding h3 + p {

   margin: 0;

padding:0; } /* / TABS SYSTEM */ /* TOC */ /*

* jquery.tocify.css 1.9.0
* Author: @gregfranko
*/

/* The Table of Contents container element */ .tocify {

   overflow: show;
   position: relative;

}

/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ .tocify ul, .tocify li {

   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   line-height: 30px;

}

/* Top level header elements */ .tocify-header {

   text-indent: 10px;

}

/* Top level subheader elements. These are the first nested items underneath a header element. */ .tocify-subheader {

   text-indent: 20px;
   display: none;

}

/* Makes the font smaller for all subheader elements. */ .tocify-subheader li {

   font-size: 12px;

}

/* Further indents second level subheader elements. */ .tocify-subheader .tocify-subheader {

   text-indent: 30px;

}

/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ .tocify-subheader .tocify-subheader .tocify-subheader {

   text-indent: 40px;

}

/* Twitter Bootstrap Override Style */ .nav-list > li > a, .nav-list .nav-header {

   margin: 0px;

}

/* Twitter Bootstrap Override Style */ .nav-list > li > a {

   padding: 5px;

}

.tocWrapper{ padding-top:20px; } .nav-list {

 padding-left: 15px;
 padding-right: 15px;
 margin-bottom: 0;

} .nav-list > li > a, .nav-list .nav-header {

 margin-left: -15px;
 margin-right: -15px;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

} .nav-list > li > a {

 padding: 3px 15px;

} .nav-list > .active > a, .nav-list > .active > a:hover {

 font-weight:bold;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 border-right: 3px solid #5a2c33;
 

} .nav-list [class^="icon-"] {

 margin-right: 2px;

} .tocifyiGEM{overflow:show;position:relative}.tocifyiGEM li,.tocifyiGEM ul{list-style:none;margin:0;padding:0;border:none;line-height:30px}.tocifyiGEM-header{text-indent:10px}.tocifyiGEM-subheader{text-indent:20px;display:none}.tocifyiGEM-subheader li{font-size:12px}.tocifyiGEM-subheader .tocifyiGEM-subheader{text-indent:30px}.tocifyiGEM-subheader .tocifyiGEM-subheader .tocifyiGEM-subheader{text-indent:40px}.nav-list .nav-header,.nav-list>li>a{margin:0}.tocWrapper{padding-top:20px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list .nav-header,.nav-list>li>a{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.2);border-right:3px solid #5a2c33}.nav-list [class^=icon-]{margin-right:2px} /* / TOC */ /* Modeling APP */ input.input-modelingApp:after {

 content: attr(data-symbol);
 float: left;
 color: #aaa;

}

  1. output{ height: 50px; text-align:center;}

.btn-default:focus{ outline:none; }

  1. percent1, #percent2{ display:inline-block; width:60px; text-align:center; margin-left:10px; }

/* / Modeling APP */ .table.table-bordered tr td{

   border:1px solid #5a2c33;

} .table.table-bordered tr{

   background: #ebdadd;

} .table.table-bordered tr:first-child td, .background-burdeos > td{

   border: 1px solid black;
   background: #5a2c33;
   color: #fff;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);

}

.back-to-top {

   cursor: pointer;
   position: fixed;
   bottom: 20px;
   right: 20px;
   display:none;
   width:45px;
   height:32px;
   line-height:32px;
   background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
   z-index: 40;

}

  1. content{

background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat; min-height:100%; height:auto; }

  1. logo{

width: 31%; float:left; }

  1. logo-header-link{

display: block; width: 100%; height: 154px; max-height: 154px; min-height: 154px; } .header-top-menu{

   padding:0px;
   width: 67%;
   padding-right: 4%;
   margin: 0px;
   list-style:none;
   float:right;

} .header-top-menu li{

  display: block;
  padding:11px 0px;
  margin:0px;
  text-align:center;
  width: 20%;
  float: left;
  white-space:nowrap;

} .header-top-menu li a{

  padding:10px;
  font-weight:bold;
  text-shadow: 2px 2px 2px #fff;
  font-size: 12px;

} .header-top-menu li.active a, .header-top-menu li a:hover{ background: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png') no-repeat center center;

       background-size: 100% 100%;
  color: #fff;
  font-weight:bold;
  text-shadow: 2px 2px 2px #444;

}

@media(max-width:767px){

  #content{
    background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat; 
    min-height:100%;
    height:auto;
  }
 .container.withBackground { 
   background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
   background-size: 100%;
   background-position-y: 125px;
   padding-top: 0px;
   background-origin: padding-box;
   margin-top: 87px;
   min-height: 520px;
   z-index: 2;
   position: relative;
   padding-bottom: 40px;
 }
 .container.afterWithBackground {
   content: " ";
   display: block;
   background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
   height: 189px;
 }
 #myTab{
   margin-top:-90px;
 }
 .container h1:first-of-type {
   position:absolute;
   top:-125px;
   left:50%;
   margin-left:-350px;
   width:700px;
   font-size: 280%;
 }
 .contentWithPadding{
   padding: 30px;
   padding-bottom:50px;
   margin-top:-87px;
 }

} @media(min-width:768px){

  #content{
    background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat; 
    min-height:100%;
    height:auto;
  }
 .container.withBackground { 
   background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
   background-size: 100%;
   background-position-y: 0px;
   padding-top: 0px;
   background-origin: padding-box;
   margin-top: 86px;
   min-height: 420px;
   z-index: 2;
   position: relative;
   padding-bottom: 40px;
 }
 .container.afterWithBackground {
   content: " ";
   display: block;
   background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
   height: 189px;
 }
 #myTab{
   margin-top:-90px;
 }
 .container h1:first-of-type {
   position:absolute;
   top:-124px;
   left:50%;
   margin-left:-350px;
   width:700px;
   font-size: 280%;
 }
 .contentWithPadding{
   padding: 30px;
   padding-bottom:50px;
   margin-top:-87px;
 }

} @media(min-width:992px){

  #content{
    background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat; 
    min-height:100%;
    height:auto;
  }
 .container.withBackground { 
   background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
   background-size: 100%;
   background-position-y: 125px;
   padding-top: 0px;
   background-origin: padding-box;
   margin-top: 160px;
   min-height: 520px;
   z-index: 2;
   position: relative;
   padding-bottom: 40px;
 }
 .container.afterWithBackground {
   content: " ";
   display: block;
   background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
   height: 189px;
 }
 #myTab{
   margin-top:-90px;
 }
 .container h1:first-of-type {
   position:absolute;
   top:-168px;
   left:50%;
   margin-left:-350px;
   width:700px;
   font-size: 330%;
 }
 .contentWithPadding{
   padding: 30px;
   padding-bottom:50px;
   margin-top:-105px;
 }
 #igem-logo{
   width: 72px;
   position: absolute;
   bottom: 7px;
   left: 145px;
   height: 60px;
 }
 .header-top-menu li a{
   padding:10px;
   text-shadow: 1px 1px 2px #fff;
   font-size: 15px;
 }

} @media(min-width:1200px){

  #content{
    background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat; 
    min-height:100%;
    height:auto;
   }
 .container.withBackground { 
   background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
   background-size: 100%;
   padding-top: 0px;
   background-origin: padding-box;
   margin-top: 231px;
   min-height: 520px;
   z-index: 2;
   position: relative;
   padding-bottom: 40px;
 }
 .container.afterWithBackground {
   content: " ";
   display: block;
   background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
   height: 189px;
 }
 #myTab{
   margin-top:-90px;
 }
 .container h1:first-of-type{
   position:absolute;
   top:-200px;
   left:50%;
   margin-left:-450px;
   width:900px;
   font-size: 360%;
 }
 .contentWithPadding{
   padding: 30px;
   padding-bottom:50px;
   margin-top:-125px;
 }
 .header-top-menu li a{
   padding:15px;
   text-shadow: 2px 2px 2px #fff;
   font-size: 16px;
 }
 #header-top-menu{ padding-top:10px; }

} h1{

 color: rgb(255, 255, 255);
 text-shadow: 8px 8px 8px rgba(55, 55, 55, 1);
 padding-top:0;
 margin-top: -10px;
 padding-bottom: 20px;
 clear:both;

} body { background: transparent; }

  1. footer2{

text-align:center; width:100%; background: #5a2c33; z-index: 1; height:160px; position:relative; margin-top: -15px; -webkit-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75); -moz-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75); box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75); color: #fff;

 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);

padding-top:25px; } .tab-content{

  padding: 35px;
  padding-bottom: 40px;

}

  1. globalWrapper{

padding-bottom:0; }

  1. content{

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .withBackground p > a, .withBackground p > strong > a, .withBackground li a, .withBackground p > b> a{

   color: #5a2c33;
   text-shadow: 0px 0px 18px rgba(117, 224, 0, 1), 0px 0px 25px rgba(72, 0, 224, 1), 0px 0px 25px rgba(117, 224, 0, 1);
   text-shadow: 0px 0px 18px rgba(255, 255, 255, 1), 0px 0px 25px rgba(255,255, 255, 1), 0px 0px 25px rgba(255, 255, 255, 1);
   transition: 0.8s;

} .withBackground p > a:hover, .withBackground p > strong > a:hover, .withBackground li a:hover, .withBackground p > b> a:hover{

   color: #5a2c33;
   text-shadow: 0px 0px 18px rgba(90, 44, 51, 1), 0px 0px 25px rgba(90, 44, 51, 1);

} .footer-link a{ background: #fff; display:inline-block; margin:2px; }