Template:Team:Valencia Biocampus/Templates/css/main
From 2014.igem.org
(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{ | |
- | # | + | 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;} | .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/ | + | background: url('https://static.igem.org/mediawiki/2014/9/91/Vbt_background2.jpg') center top; |
- | + | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | text-align: justify; | ||
} | } | ||
body{ | body{ | ||
- | + | font-family: Georgia, 'Droid Serif', serif; | |
- | font-family: 'Droid Serif' | + | font-size: 13.5pt; |
- | background: | + | 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; | ||
- | |||
} | } | ||
#header-menu > li{ | #header-menu > li{ | ||
display: inline-block; | display: inline-block; | ||
margin:0px; | margin:0px; | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2014/e/e1/VBT_spot_secondary.png'); | |
- | background-image: url('../ | + | 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('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png'); |
} | } | ||
- | |||
#header-menu > li > a{ | #header-menu > li > a{ | ||
- | |||
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; | ||
} | } | ||
- | + | #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{ | .watercolored h1{ | ||
- | display:inline; | + | /*display:inline; |
clear:both; | clear:both; | ||
padding: 20px 80px; | padding: 20px 80px; | ||
- | background-image: url('../images/ | + | |
+ | 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;
} /* ------------------------------*/
- 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; }