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

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 172: Line 172:
left: auto;
left: auto;
right: auto;
right: auto;
-
width: 267px;
+
width: 167px;
display:none;
display:none;
}
}
Line 195: Line 195:
left: auto;
left: auto;
right: auto;
right: auto;
-
width: 218px;
+
width: 162px;
}
}
.affix-top{
.affix-top{
Line 223: Line 223:
left: auto;
left: auto;
right: auto;
right: auto;
-
width: 267px;
+
width: 218px;
}
}
.affix-top{
.affix-top{
Line 1,053: Line 1,053:
   margin-right: 2px;
   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}.affix{bottom:auto;top:0;left:auto;right:auto;width:267px}.affix-top{left:auto}.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}
+
.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 */
/*  / TOC */
/* Modeling APP */
/* Modeling APP */
Line 1,333: Line 1,333:
body { background: transparent; }
body { background: transparent; }
#footer2{
#footer2{
 +
text-align:center;
width:100%;
width:100%;
background: #5a2c33;
background: #5a2c33;
Line 1,342: Line 1,343:
-moz-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);
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{
.tab-content{
Line 1,363: Line 1,367:
     color: #5a2c33;
     color: #5a2c33;
     text-shadow: 0px 0px 18px rgba(90, 44, 51, 1), 0px 0px 25px rgba(90, 44, 51, 1);
     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; }