Team:Aalto-Helsinki/stylesheet.css
From 2014.igem.org
Line 34: | Line 34: | ||
padding-top: 15px; | padding-top: 15px; | ||
padding-bottom: 15px; | padding-bottom: 15px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .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 { | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
} | } | ||
Revision as of 14:10, 28 August 2014
/* 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;
}
.row {
padding-top: 15px; padding-bottom: 15px; overflow: hidden; position: relative; width: 100%;
}
.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 {
height: 100%; position: absolute; right: 0;
}
.link {
padding-top: 50px;
}
h1, h2, h3, h4, h5, h6 {
border-bottom: none;
}
h2 {
font-size: 38px; padding-bottom: 30px;
}
- bodyContent h1, #bodyContent h2 {
margin-bottom: 0;
}
.logo {
width: 100%;
}
blockquote {
font-family: "Helvetica Neue", serif; font-size: 24px; font-style: italic; line-height: 2; position: relative; padding: 0 0 0 80px; margin: 60px -20px 60px 0; border-left: none;
}
blockquote:before {
display: block; content: "\201C"; font-size: 200px; position: absolute; left: -30px; top: -115px;
}
blockquote cite {
color: #999999; font-size: 14px; display: block; margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
/* Yleiset päättyy */
/* 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: 0px; border: none; width: 0px; margin: 0 auto; padding: 0 0 0 0; background-color: transparent; overflow: hide; position: initial;
}
- 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('https://static.igem.org/mediawiki/2014/f/fb/Aalto_Helsinki_Lights.png'); 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 */
/* Erillisten sivujen tyylit*/
- mainsplash {
background-image: url('http://aaltohelsinki.com/img/12.jpg');
}
- softwaresplash {
background-color: black; background-image: none;
/* background-image: url('https://static.igem.org/mediawiki/2014/7/7f/Aalto-Helsinki-Software-placeholder.png'); */ }
- researchsplash {
background-image: url('https://static.igem.org/mediawiki/2014/1/13/Aalto-Helsinki-Research-Placeholder.png');
}
/* Erillisten sivujen 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;
}
- /
/* BG (Kuvataustat) */
.bg {
background-size: cover;
}
.bg-test {
background-image: url('https://static.igem.org/mediawiki/2014/b/bf/Aalto_Helsinki_Tyhjalabra.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;
}
/* Footerin tyylit loppu */