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

Line 94: Line 94:
  
 
/*HOME *******************************************/
 
/*HOME *******************************************/
−
#home {background: url('https://static.igem.org/mediawiki/2018/5/59/T--FAU_Erlangen--Website_BG.png');background-position: right 0px; 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 h2 {margin: 0 auto 0 auto;
 
  #home h2 {margin: 0 auto 0 auto;

Revision as of 20:15, 16 July 2018

/* cyrillic-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

} /* cyrillic */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

} /* greek-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+1F00-1FFF;

} /* greek */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0370-03FF;

} /* vietnamese */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url(https://static.igem.org/mediawiki/2018/0/00/T--FAU_Erlangen--RobotoMedium.woff) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

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

h1, h11, 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", 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: 15px 0px 0 50px}
  2. logo:hover {opacity: 0.5;}
  3. logo img{width: 100%}

header nav {float: right; margin: 50px 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}
#home h2 {margin: 0 auto 0 auto;
font-size: 25px;}

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



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

  1. about img{width: 600px;}
  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 h11{
 margin: 500px auto 200px auto;
 font-size: 40px;
 line-height: 80px;

}

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

}

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

font-size: 40px;}

  1. about h4{font-size: 25px;}
  2. about p {
 width: 1200px;
 margin: 0 auto 100px 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);

}

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

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

font-size: 40px;}

  1. references p {
 width: 1200px;
 margin: 100px 100px 100px auto;
 font-size: 8px;

}

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

  1. contact {clear:both}


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

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

footer p { 

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

}


.facebook { 

   display: inline-block;
   width: 48px;
   height: 48px;
   background: url('https://static.igem.org/mediawiki/2018/7/70/T--FAU_Erlangen--Facebook.png') no-repeat !important;
   margin: 10px;

}

.facebook:hover { 

   background: url('https://static.igem.org/mediawiki/2018/7/71/T--FAU_Erlangen--Facebook-hover.png') no-repeat !important;

}

.twitter { 

   display: inline-block;
   width: 48px;
   height: 48px;
   background: url('https://static.igem.org/mediawiki/2018/a/a5/T--FAU_Erlangen--Twitter.png') no-repeat !important;
   margin: 10px;

}

.twitter:hover { 

   background: url('https://static.igem.org/mediawiki/2018/6/6e/T--FAU_Erlangen--Twitter-hover.png') no-repeat !important;

}

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

}