Team:Aalto-Helsinki/stylesheet.css

From 2014.igem.org

(Difference between revisions)
Line 169: Line 169:
footer img {
footer img {
-
    position: absolute;
 
-
    top: 0; bottom:0; left: 0; right:0;
 
-
    margin: auto;
 
}
}

Revision as of 13:24, 15 August 2014

/* Yleiset */

@font-face {

   font-family: Special;
   src: url("http://igem-qsf.github.io/igem-wiki/fonts/DOWNCOME.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;
 font-size: large;

}

h1, h2, h3, h4, h5, h6 {

 border-bottom: none;

}

h1, h2 {

 font-family: Special, "Helvetica Neue", Arial;

}

/* Yleiset päättyy */

/* Header-jutut */

header {

 color: white;
 font-size: large;

}

header a {

 padding-right: 1.5vw;
 padding-left: 1.5vw;

}

header .navbar {

 background-color:rgba(255,255,255,0.7);
 border:0px;

}

header a.active {

 color:black;

}

.navbar{

 margin-top: 0;

}

  1. navigation {
 margin-top: 1.5em;

}

/* Header päättyy */


/* Pakolliset pikku valikot */

  1. top-section {
 height: 0px;
 border: none;
 width: 0px;
 margin: 0 auto;
 padding: 0 0 0 0;
 background-color: transparent;
 overflow: hide;
 position: initial;

}

  1. menubar {
 top: 0px;
 font-size: small;

}

  1. menubar, #menubar a {
 color: #0AA699;

}

  1. menubar, #menubar a:hover {
 color: #90F0E8;

}

  1. menubar:hover, #menubar li a {
 background-color: transparent;

}

/* Pakolliset pikku valikot päättyy */

/* Leipätekstin modifikaatio */

body{

 background-color:white;
 margin: 0;
 padding: 0;

}

article {

 padding-top: 10vh;
 padding-bottom: 5vh;
 padding-left: 15vw;
 padding-right: 15vw;

}

/* Yhteiset tyylittelyt eri osille */

.splash{

 display: table;
 min-height: 100vh;
 width: 100%;
 background-size: cover;
 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-style: italic;

}

/* Yhteiset tyylittelyt loppu */


/* Erillisten sivujen tyylit*/

  1. mainsplash {
 background-image: url('http://aaltohelsinki.com/img/12.jpg');

}

  1. softwaresplash {
 background-image: url('https://static.igem.org/mediawiki/2014/0/03/Aalto_Helsinki_Simulation.png');

}

  1. researchsplash {
 background-image: url('https://static.igem.org/mediawiki/2014/1/13/Aalto-Helsinki-Research-Placeholder.png');

}

/* Erillisten sivujen tyylit */

/* Footerin tyylit */

footer {

 min-height: 300px;

}

footer a {

 padding-right: 1.5vw;
 padding-left: 1.5vw;

}

footer img { }