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

Revision as of 18:36, 29 June 2018 (view source) Florian FAU (Talk | contribs) ← Older edit		Revision as of 18:39, 29 June 2018 (view source) Florian FAU (Talk | contribs) Newer edit →
Line 119:		Line 119:
	#about h11{		#about h11{
	margin: 100px auto 100px auto;		margin: 100px auto 100px auto;
−	font-size: 500px;	+	font-size: 50px;
	}		}
	#about h1{		#about h1{

---

Revision as of 18:39, 29 June 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: 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}

#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: 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: 100px auto 100px auto;
 font-size: 50px;

}

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: 27px;

}

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

}