Template:Team:Valencia Biocampus/Templates/css/main
From 2014.igem.org
(14 intermediate revisions not shown) | |||
Line 172: | Line 172: | ||
left: auto; | left: auto; | ||
right: auto; | right: auto; | ||
- | width: | + | width: 167px; |
display:none; | display:none; | ||
} | } | ||
Line 195: | Line 195: | ||
left: auto; | left: auto; | ||
right: auto; | right: auto; | ||
- | width: | + | width: 162px; |
} | } | ||
.affix-top{ | .affix-top{ | ||
Line 223: | Line 223: | ||
left: auto; | left: auto; | ||
right: auto; | right: auto; | ||
- | width: | + | 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 | + | .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;
} /* ------------------------------*/
- bodyContent, #content{
z-index:auto; } .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;}
- 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{
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;
}
- logo{
}
- logo img{
padding-top:20px;
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{
list-style: none; margin: 0; text-align:center; }
- 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%; }
- 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{
background-image: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png'); }
- header-menu > li > a{
text-decoration: none; color:#5a2c33; outline: none; 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{
color: #484d4d; }
- headerWrapper{
height: 170px; }
- 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 */
- 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; }