"

From 2014.igem.org

Revision as of 17:59, 10 October 2014 (view source) Kariny888 (Talk | contribs) (Created page with "@charset "UTF-8"; - →CSS Document: @font-face { font-family: Rancho; src: url('../fonts/Rancho.ttf'); } @font-face { font-family: OpenSans-Regular; src: url('../fonts/Open_...") ← Older edit		Latest revision as of 01:40, 17 October 2014 (view source) Kariny888 (Talk | contribs)
(61 intermediate revisions not shown)
Line 1:		Line 1:
-	@charset "UTF-8";	+	@charset "UTF-8";
	/* CSS Document */		/* CSS Document */
-	@font-face {	+	article {
-	font-family: Rancho;	+	margin: 3% 15%;
-	src: url('../fonts/Rancho.ttf');	+	}
-	}	+
-	@font-face {	+
-	font-family: OpenSans-Regular;	+
-	src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');	+
-	}	+
-	@font-face {	+
-	font-family: OpenSans-Bold;	+
-	src: url('../fonts/Open_Sans/OpenSans-Bold.ttf');	+
-	}	+
-		+
-	body	+
-	{	+
-	margin: 0;	+
-	padding: 0;	+
-	box-sizing: border-box;	+
-	}	+
-		+
-		+
-	#headBanner	+
-	{	+
-	width: 100%;	+
-	background-image: url('../img/header.jpg');	+
-	background-size: 100%;	+
-	overflow: auto;	+
-	}	+
-	#headBanner h1	+
-	{	+
-	font-family: Rancho, sans-serif;	+
-	font-size: 4em;	+
-	float: left;	+
-	color: #b9bfa7;	+
-	margin: 5% 5%;	+
-	font-weight: normal;	+
-	}	+
-	.logo	+
-	{	+
-	float: right;	+
-	width: 270px;	+
-	}	+
-	/* @group overview */	+
-		+
-	#overview	+
-	{	+
-	background-color: #edecec;	+
-	background-image: url('../img/back.png');	+
-	background-repeat: repeat;	+
-	-webkit-columns: 2;	+
-	-moz-columns: 2;	+
-	column-fill: balance;	+
-	-webkit-column-gap: 2em;	+
-	-moz-column-gap: 2em;	+
-	column-gap: 2em;	+
-	text-align: justify;	+
-	padding: 3% 8%;	+
-	font-family: OpenSans-Regular;	+
-	line-height: 1.7em;	+
-	}	+
-	#overview h2	+
-	{	+
-	color: #8bcfd8;	+
-	text-shadow: 0px 0px 6px #FFFFFF;	+
-	margin: 6px 3px 2px 3px;	+
-		+
-	}	+
-	#overview ol	+
-	{	+
-	margin-bottom: 1em;	+
-	list-style-type: disc;	+
-	}	+
-		+
-		+
-	/* @end */	+
-		+
-		+
-	.fixed	+
-	{	+
-	position: fixed;	+
-	top: 0;	+
-	}	+
-	.right	+
-	{	+
-	float: right;	+
-	}	+
-		+
-	article	+
-	{	+
-	margin: 3% 8%;	+
-	}	+
-	article p	+
-	{	+
-	font-family:OpenSans-Regular, sans-serif;	+
-	text-align: justify;	+
-	text-indent: 3em;	+
-	word-spacing: 0.2em;	+
-	-moz-columns: 2;	+
-	-moz-column-gap: 2em;	+
-	-webkit-column-count: 2;	+
-	-webkit-column-gap: 2em;	+
-	}	+
-		+
-	h2	+
-	{	+
-	font-family: Rancho, sans-serif;	+
-	font-size: 2em;	+
-	}	+
-	@media screen and (max-width: 55.6875em) {	+
	article p {		article p {
-	-webkit-column-count: 1;	+	padding-left:100px;
-	}	+	padding-right:8%;
-	#overview {	+	font-family:OpenSans-Regular, sans-serif;
-	-webkit-column-count: 1;	+	text-align: justify;
-	}	+	text-indent: 5em;
		+	word-spacing: 1.8em;
		+	-moz-column-count: 2;
		+	-moz-column-gap: 2em;
		+	column-count: 2;
		+	column-gap: 2em;
		+	-webkit-column-count: 2;
		+	-webkit-column-gap: 2em;
	}		}
		+	article h2 {
		+	font-family: Rancho, sans-serif;
		+	word-spacing:2 em;
		+	}

---

Latest revision as of 01:40, 17 October 2014

 @charset "UTF-8"; 

/* CSS Document */ article {

  margin: 3% 15%;

} article p {

  padding-left:100px;
  padding-right:8%;
  font-family:OpenSans-Regular, sans-serif;
  text-align: justify;
  text-indent: 5em;
  word-spacing: 1.8em;
  -moz-column-count: 2;
  -moz-column-gap: 2em;
  column-count: 2;
  column-gap: 2em;
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;

} article h2 {

  font-family: Rancho, sans-serif;
  word-spacing:2 em;
  }