"

From 2014.igem.org

@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_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; }

1. headBanner

{ width: 100%; background-image: url('../img/header.jpg'); background-size: 100%; overflow: auto; }

1. 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 */

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

1. overview h2

{ color: #8bcfd8; text-shadow: 0px 0px 6px #FFFFFF; margin: 6px 3px 2px 3px;

}

1. 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 { -webkit-column-count: 1; }

1. overview {

-webkit-column-count: 1; } }