Difference between revisions of "Template:FAU Erlangen/CSS"

Revision as of 17:03, 29 June 2018

html, body {margin: 0; padding: 0; hight: 100%; text-align: center;} section {min-height: 100%;} a {text-decoration: none;} li {list-style: none;}

h1, h2, h3, a {font-family: 'Roboto', sans-serif;font-weight: 500;color: #494949;}

h2 {color: #5d7177;} h3 {font-size: 40px; padding-top: 8%; margin-bottom: 5px} h4, p{font-family: "Roboto Slab", serif; color: #494949}

hr {width: 30px; height: 3px; background: #494949; border: 0; margin: 0 auto 40px auto}

logo, li, img {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}

/*HEADER *******************************************/

header {width: 100%; height: 100px; position: fixed; top:0; left: 0; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); z-index: 1;}

logo {width: 200px; float: left;margin: 10px 0 0 50px}
logo:hover {opacity: 0.5;}
logo img{width: 100%}

header nav {float: right; margin: 30px 50px 0 0;}

header nav ul li {

 float: left; margin-right: 25px;

}

header nav ul li a {

 font-size: 20px;

}

header nav ul li:hover {

 padding-top: 5px;

}

/*HOME *******************************************/

home {background: url('https://static.igem.org/mediawiki/2018/5/59/T--FAU_Erlangen--Website_BG.png');background-position: center center; background-size: cover;background-attachment: fixed; height:900px}
home h1 {

 margin: 240px auto 100px auto;
 font-size: 60px;

}

#home h2 {margin: 0 auto 0 auto;
font-size: 25px;}

#home img {
  width: 5 px;
  opacity: 0.4;
}
#home img:hover{opacity: 0.6;}

/*ABOUT *******************************************/

about img{width: 200px;}
about img:hover {

 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);

}

about h1{

 margin: 100px auto 100px auto;
 font-size: 100px;

}

about h2 {margin: 30px auto 30px auto;

font-size: 40px;}

about h4{font-size: 25px;}
about p {

 width: 1200px;
 margin: 0 auto 100px auto;
 font-size: 27px;

}

/*Projects*******************************************/

work {background-color: #f0f0f0;}
projects{

 width: 900px;
 height: 350px;
 margin: 0 auto 0 auto;
 background-color: #f0f0f0;

}

projects ul {padding: 0;background-color: #f0f0f0;}

projects ul li {

 width:33.3%;
 float: left;background-color: #f0f0f0;

}

projects img {

 width: 280px;
 hight 170px;
 border-radius: 5px;

}

projects img:hover {

 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 box-shadow: 0 5px rgba(0, 0, 0, 0.3);

}

/*References*******************************************/

references h2 {margin: 30 auto 30 auto;

font-size: 40px;}

references p {

 width: 1200px;
 margin: 100px 100px 100px auto;
 font-size: 27px;

}

/*CONTACT*******************************************/

contact {clear:both}

/*FOOTER*******************************************/

footer {
  width: 100%;
  height: 70px;
  background-color: #3f3f3f;
}

footer p {

  font-size: 12px;
  color: #f0f0f0;
  padding-top: 30px;

}

/******** IGEM Hacking *********************/ .igem_2018_team_mobile_bar, .igem_2018_team_menu {

  display: none !important;

}

.igem_2018_team_content {

  width: 100% !important;

}

.igem_2018_team_column_wrapper {

  width: 100% !important;
  max-width: none !important;

}

@@ Line 67: / Line 67: @@
    font-size: 100px;
 }
-#about h2 {margin: 30 auto 30 auto;
+#about h2 {margin: 30px auto 30px auto;
 font-size: 40px;}