Team:Aalto-Helsinki/stylesheet.css
From 2014.igem.org
/* Yleiset */
@font-face {
font-family: Special; src: url("http://igem-qsf.github.io/igem-wiki/fonts/HORSEPUKE.TTF") format("truetype");
}
a:link, a:visited, a:active, .right-menu li a {
color: #0AA699; text-decoration: none !important;
}
a:hover {
color: #90F0E8;
}
body {
color: black; min-height: 85vh; background-color: white; margin: 0; padding: 0;
}
article {
padding-top: 5px; padding-bottom: 5vh; padding-left: 15vw; padding-right: 15vw; min-height: 50vh; font-size: 16px;
}
.link {
padding-top: 50px;
}
h1, h2, h3, h4, h5, h6 {
border-bottom: none;
}
h2 {
font-size: 38px; padding-bottom: 30px; text-align: center;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
line-height: inherit; color: rgba(156, 207, 203, 1);
}
- bodyContent h1, #bodyContent h2 {
margin-bottom: 0;
}
.omalogo {
width: 100%;
}
blockquote {
font-style: italic; position: relative; border-left: none; line-height: 1.8; font-size: 1.3em; padding: 0 0 0 120px; margin: 2em 0 2em 0;
}
blockquote:before {
display: block; content: "\201C"; font-size: 200px; position: absolute; left: 0; top: -115px;
}
blockquote cite {
color: rgba(156, 207, 203, 1); font-size: 0.6em; display: block; margin-top: 0.5em;
}
blockquote cite:before {
content: "\2014 \2009";
}
/* Yleiset päättyy */
/* Kuvien ja rivien asettelua */
.row {
overflow: hidden; position: relative; width: 100%; margin: 1em 0; padding: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
padding: 0; margin-top: 1em;
}
.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3, .col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4, .col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {
margin-top: 0em;
}
.memberrow {
margin-top: 2em; margin-bottom: 2em;
}
.margintop {
margin-top: 2em;
}
.text-col-right {
padding-left: 1em;
}
.text-col-left {
padding-right: 1em;
}
.img-100 .img-responsive {
width: 100%;
}
.kuvateksti {
font-size: small; margin-top: 1em; margin-bottom: 3em;
}
.img-center {
text-align: center; margin-top: 2em;
}
.img-center .img-responsive {
display: inline;
}
.bg {
background-size: cover; overflow: hidden;
}
/* Featured */ .feat {
opacity: 0.95;
}
.feat:hover {
opacity: 1.0;
}
.feattext-container-tall {
display: table; height: 400px; height: 50vh;
}
.feattext-container-wide {
display: table; height: 200px; height: 30vh;
}
.feattext-cell {
display: table-cell; vertical-align: bottom;
}
.feattext-p {
background-color: rgba(255, 255, 255, 0.3); margin: -0.5em; padding-bottom: 0.5em; padding-left: 1em; color: white;
}
/* Tätä ei tarvita puhelimille ku sotkis vaan */ @media only screen and (min-width : 992px) {
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.feat-left{ margin-right: 0.5em; }
.feat-center { margin-right: 0.5em; margin-left: 0.5em; }
.feat-right { margin-left: 0.5em; }
}
@media only screen and (min-width : 992px) { }
/* Kuvien ja rivien asettelu loppu */
/* Header- ja pikkuvalikkojutut */
.navbar{
margin-top: 0;
}
header {
color: white; font-size: large;
}
header a {
padding-right: 1vw; padding-left: 1vw;
}
header a.active, .extrabar a.active {
color:black;
}
header .navbar, .extrabar {
background-color:rgba(255,255,255,0.8); border:0px; border-radius: 0;
}
header .navbar {
padding-top: 12px; padding-bottom: 12px; min-height: 30px; border-radius: 0px;
}
.extrabar {
width:100%; text-align: center; padding-top: 0px; padding-bottom: 5px; min-height: 20px; border-radius: 0px; z-index:1;
}
.extrabar a {
padding-left: 0.5em; padding-right: 0.5em;
}
.affix {
top: 45px; width: 100%;
}
.affix-top {
float:left; visibility: hidden;
}
/* Header päättyy */
/* Pakolliset pikku valikot */
- top-section {
height: 0; width: 100%; left: 0; border: none; margin: 0 auto; padding: 0 0 0 0; background-color: transparent; position: absolute;
}
- menubar {
top: 0px; font-size: x-small;
}
- menubar, #menubar a {
color: #0AA699;
}
- menubar, #menubar a:hover {
color: #90F0E8;
}
- menubar:hover, #menubar li a {
background-color: transparent;
}
/* Pakolliset pikku valikot päättyy */
/* Splashien yhteiset tyylit */
.splash{
display: table; height: 100vh; width: 100%; background-image: url('http://aaltohelsinki.com/img/12.jpg'); background-size: cover; color: white; margin-top: -10px; padding-top: 10vh; padding-bottom: 5vh; padding-left: 15vw; padding-right: 15vw; text-align: center;
}
.splash h1 {
font-size: 100px;
}
.textinsplash {
display: table-cell; vertical-align: middle;
}
.textinsplash > p {
font-size: large; font-style: italic;
}
/* Splash-tyylittelyt loppu */
/* SIVUJEN OMIA tyylejä */
/* Main */
- mainsplash {
background-image: url('http://aaltohelsinki.com/img/12.jpg');
}
/* Team */ .sponsorrow {
min-height: 200px; align-items: center;
}
.sponsorrow .col-md-4 {
padding: 10px; text-align: -webkit-center; text-align: -moz-center
}
.sponsorlogo {
max-height: 150px;
}
/* Research */
- researchsplash {
background-image: url('https://static.igem.org/mediawiki/2014/1/13/Aalto-Helsinki-Research-Placeholder.png');
}
/* Cooperation */
- cooperationsplash {
background-image: url('https://static.igem.org/mediawiki/2014/7/7f/Aalto-Helsinki-Software-placeholder.png');
}
/* SIVUJEN OMAT tyylit loppu */
/* Articlejen backgroundit */
.turqu {
background-color: #0AA699;
}
.turqu a, .green a {
color: white;
}
/*
.white {
background-color: white;
}
.black {
background-color: black; color:white;
}
.green {
background-color: #399f70;
}
.plum {
background-color:#B00C69;
}
.PCB {
background-color: gray;
}
- /
/* Articlejen backgroundit loppu */
/* BG (Kuvataustat) */
.bg-test {
background-image: url('https://static.igem.org/mediawiki/2014/e/ec/Aalto_Helsinki_Placeholderpicture.jpg');
}
/* BG (Kuvataustat) loppu */
/* Footerin tyylit */
footer {
text-align: center; background: white;
}
- logorow {
padding: 100px;
}
.footerimg {
max-height: 100px; max-width: 250px;
}
.footerlogo {
display: inline-block; vertical-align: middle; padding: 20px;
}
.footerlogo:hover .on, .footerlogo .off {
display:none;
}
.footerlogo:hover .off {
display:block;
}
- yhteystiedot {
text-align: center; font-size: small; padding-bottom: 10px;
}
/* Footerin tyylit loppu */
/* Padit ja puhelimet */
@media only screen and (max-width : 500px) {
.splash { display: none; }
#bodyContent { margin-top: 50px; }
#menubar { width: 100px; white-space: pre-line; }
}
/* Padit ja puhelimet loppu */