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

Line 37: Line 37:
  
 
/*HOME *******************************************/
 
/*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 {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 {
 
#home h1 {
 
   margin: 240px auto 0 auto;
 
   margin: 240px auto 0 auto;

Revision as of 19:44, 27 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}

  1. 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;}

  1. logo {width: 200px; float: left;margin: 10px 0 0 50px}
  2. logo:hover {opacity: 0.5;}
  3. 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 *******************************************/

  1. 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}
  2. home h1 {
 margin: 240px auto 0 auto;
 font-size: 110px;

} 

#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 *******************************************/

  1. about img{width: 200px;}
  2. about img:hover {
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);

}

  1. about h1 {
 margin: 240px auto 240px auto;
 font-size: 80px;

}

  1. about h2 {margin: 30 auto 30 auto;

font-size: 40px;}

  1. about h4{font-size: 25px;}
  2. about p {
 width: 1200px;
 margin: 0 auto 0 auto;
 font-size: 27px;

}

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

  1. work {background-color: #f0f0f0;}
  2. projects{
 width: 900px;
 height: 350px;
 margin: 0 auto 0 auto;
 background-color: #f0f0f0;

}

  1. projects ul {padding: 0;background-color: #f0f0f0;}
  1. projects ul li {
 width:33.3%;
 float: left;background-color: #f0f0f0;

}

  1. projects img {
 width: 280px;
 hight 170px;
 border-radius: 5px;

}

  1. 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);

}

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

  1. contact {clear:both}


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

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

footer p { 

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

}