Team:Aalto-Helsinki/stylesheet.css

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
a:not(.underline) {
a:not(.underline) {
     text-decoration: none !important;
     text-decoration: none !important;
-
}
 
-
 
-
#ahlogo{
 
}
}
Line 74: Line 71:
/* Leipätekstin modifikaatio */
/* Leipätekstin modifikaatio */
-
 
-
.big-text{
 
-
    margin-bottom: 5%;
 
-
    font-size:x-large;
 
-
    margin-right:5%;
 
-
}
 
body{
body{
Line 102: Line 93:
/* Pääsivun tyylit */
/* Pääsivun tyylit */
-
 
-
#sponsors {
 
-
  font-family: "Raleway-Regular", Verdana, Tahoma;
 
-
}
 
-
 
-
#sponsors .row {
 
-
    margin-right:0;
 
-
}
 
-
 
-
.img-cheesy {
 
-
    margin: 3em auto;
 
-
    text-align: center;
 
-
    font-style: italic;
 
-
  }
 
-
.img-cheesy img {
 
-
    text-align: center;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
}
 
-
.img-cheesy i {
 
-
    margin: 0;
 
-
    padding: 0;
 
-
}
 
-
 
-
.blacklinks {
 
-
 
 
-
}
 
-
.blacklinks a{
 
-
    color: black;
 
-
    text-decoration: underline;
 
-
}
 
-
.view-padding {
 
-
    padding-top: 8vh;
 
-
}
 
-
/* partnerit sivun taulukko */
 
-
.partners {
 
-
  color: white;
 
-
  padding-top: 20vh;
 
-
  background-image:url('http://www.aaltohelsinki.com/img/DSC_6156-2_pack.jpg');
 
-
  background-size: cover;
 
-
}
 
-
 
-
.content-partners {
 
-
  margin-bottom: 0;
 
-
  padding-bottom: 15vh;
 
-
}
 
-
 
-
.sponsor-pack {
 
-
    font-size: 1.1em;
 
-
    font-weight: 400;
 
-
    margin: 0 auto;
 
-
    border: 0px solid rgb(0,0,0);
 
-
 
-
    background-color: rgba(10,10,10,0.4);
 
-
    width: 80%;
 
-
    position: relative;
 
-
 
-
}
 
-
 
-
 
-
.sponsor-pack h1{
 
-
    font-size: 1.8em;
 
-
    text-align: center;
 
-
    padding: 0.5em 0;
 
-
}
 
-
.sponsor-pack .sisalto, .sponsor-list .sisalto {
 
-
    margin: 0 auto;
 
-
    width: 80%;
 
-
}
 
-
/* naa ympyrat on oikeastan ribboneita. ne on niiku ihkusälää */
 
-
.sponsor-circle {
 
-
    position: absolute;
 
-
    right: 1em;
 
-
    width:0;
 
-
    height:80px;
 
-
    border-right:25px solid rgb(180,00,100);
 
-
    border-left:25px solid rgb(190,0,100);
 
-
    border-bottom:30px solid transparent;
 
-
 
-
}
 
-
 
-
 
-
.sponsor-circle.second {
 
-
    border-right:25px solid rgb(250,150,00);
 
-
    border-left:25px solid rgb(250,160,00);
 
-
    border-bottom:30px solid transparent;
 
-
}
 
-
.sponsor-circle.third {
 
-
    border-right:25px solid rgb(00,110,60);
 
-
    border-left:25px solid rgb(00,120,60);
 
-
    border-bottom:30px solid transparent;
 
-
}
 
-
 
-
.sponsor-list {
 
-
    padding: 1em;
 
-
    font-size: 1.1em;
 
-
    font-weight: 400;
 
-
    margin: 0 auto;
 
-
    margin-top: 5em;
 
-
    border: 0px solid rgb(0,0,0);
 
-
    width: 80%;
 
-
 
-
    background-color: rgba(120, 63, 68, 0.45);
 
-
}
 
-
 
-
.sponsor-list h1 {
 
-
    margin-top: 0;
 
-
}
 
/* Footerin tyylit */
/* Footerin tyylit */
Line 243: Line 126:
}
}
-
#sponsors .row {
 
-
    margin-right:0;
 
-
}
 
-
.valign-outer {
 
-
  display: table;
 
-
    width: 100%;
 
-
    height: 85vh;
 
-
 
-
    //padding: 20vh 0;
 
-
}
 
-
 
-
.valign-inner {
 
-
  display: table-cell;
 
-
  vertical-align: middle;
 
-
 
-
}
 
-
.valign-inner-center {
 
-
  margin-left: auto;
 
-
    margin-right: auto;
 
-
    width: 70%;
 
-
 
-
}
 
@media (max-width: 700px) {
@media (max-width: 700px) {
   header #logo {
   header #logo {

Revision as of 07:55, 13 August 2014

@font-face {

 font-family: "TitilliumWeb";
   src: url(fonts/TitilliumWeb-Regular.ttf) format("truetype");

}

  • {font-family:"TitilliumWeb";}

a:link, a:visited, a:hover, a:active {

 color:#0AA699;
 text-decoration: none !important;

}

a:hover, a:visited, a:link, a:active {

   /* poistin ton !importantin. kyllä linkit pitää normitekstissä alleviivata eikä se nyt onnistu
    * text-decoration: none !important; */

} a:not(.underline) {

   text-decoration: none !important;

}

  1. logo{
 height: 8em;
   padding-bottom: 1em;

}

/* Header-jutut */

header {

 color:white;

}

header nav a {

 color: white;
 padding-right: 3vw;
 font-size: 1.5em;

}

.last-link {

 padding-right:1vw;

}

header h1{

 font-size: 1.35em;
 padding-right: 0;
 padding-left: 1.5vw;

}

header #logo {

 margin-top: 1.5em;
 padding-left:1em;
 height: 1.5em;
 margin-right:0.2em;

}

header #lang {

   margin-top: 3em;
   font-size: 0.6em;

}

header .navbar {

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

}

  1. navigation {
 margin-top: 2.5em;

}

/* Header päättyy */

/* Leipätekstin modifikaatio */

body{

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

}

article {

 color:black;
 padding-top: 10vh;
 padding-bottom: 5vh;
 padding-left: 15vw;
 padding-right: 15vw;
 min-height:85vh;
 font-size:large;

}

article h1 {

   font-family: "Kirvy-Regular", Verdana, Tahoma;

}

/* Pääsivun tyylit */

/* Footerin tyylit */

footer {

 padding-top: 20px;
 color:white;
 color: black;

}

footer a {

 color: white;
 padding-left: 1.5vw;

}

footer a:hover {

 color: white;

}

footer #navigation {

 padding-top: 1vh;
 margin-bottom: 1vh;

}

footer .bottom {

 background-color:rgba(0,0,0,0.7);
 padding-bottom: 0.5vh;

}

  1. contact {
   font-size: 10px;
   color:white;

}

@media (max-width: 700px) {

 header #logo {
   display: none;
 }
   /* partnerit sivun taulukko responsiiviseksi ilman bootstrappia joka ei toimi */
   .sponsor-pack {
       width: 100%;
       font-size: 0.8em;
   }

}