|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
| |
| | | | |
| - | html, body {
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | border: 0px;
| |
| - | font-family: arial,sans-serif;
| |
| - | font-size: 13px;
| |
| - | }
| |
| - |
| |
| - | #menu a {
| |
| - | color: white;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #header {
| |
| - | top: 0px;
| |
| - | right: 0px;
| |
| - | width: 100%;
| |
| - | height: 100px;
| |
| - | color: white;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/b/b2/Header_bg.jpg');
| |
| - | }
| |
| - |
| |
| - | #header > h1 {
| |
| - | width: 28em;
| |
| - | position: relative;
| |
| - | left: 25%;
| |
| - | margin-left: 5%;
| |
| - | margin-bottom: 0px;
| |
| - | margin-top: 0.2em;
| |
| - | }
| |
| - |
| |
| - | #header > h3 {
| |
| - | width: 15em;
| |
| - | position: relative;
| |
| - | left: 25%;
| |
| - | margin-top: 0px;
| |
| - | padding-top: 0.5em;
| |
| - | margin-bottom: 0.2em;
| |
| - | }
| |
| - |
| |
| - | #logo {
| |
| - | position: absolute;
| |
| - | top: 0px;
| |
| - | left: 10%;
| |
| - | width: 120px;
| |
| - | height: 200px;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/3/33/Logo_bg.png');
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - | #menu {
| |
| - | width: 100%;
| |
| - | padding-top: 0.5em;
| |
| - | padding-bottom: 0.5em;
| |
| - | background-color: black;
| |
| - | color: white;
| |
| - | }
| |
| - |
| |
| - | #menu ul li{
| |
| - | display: inline;
| |
| - | font-variant: small-caps;
| |
| - | font-size: 1.4em;
| |
| - | margin-left: 1em;
| |
| - | }
| |
| - |
| |
| - | #menu ul li.active {
| |
| - | padding: 0.7em 0.7em 1.2em;
| |
| - | background-color: #0A6CCB;
| |
| - | }
| |
| - |
| |
| - | #menu ul {
| |
| - | margin: 0px auto;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | #menu img {
| |
| - | float: right;
| |
| - | position: relative;
| |
| - | bottom: 35px;
| |
| - | right: 10%;
| |
| - | background-color: white;
| |
| - | padding: 5px;
| |
| - | border-radius: 5px;
| |
| - | margin-right: 1em;
| |
| - | }
| |
| - |
| |
| - | .light {
| |
| - | font-weight: lighter;
| |
| - | }
| |
| - |
| |
| - | .helvetica {
| |
| - | font-family: 'Open Sans Condensed', sans-serif;
| |
| - | }
| |
| - |
| |
| - | #container {
| |
| - | width: 100%;
| |
| - | background-color: #e7e7e7;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/6/6d/Container_bg.jpg');
| |
| - | background-repeat: no-repeat;
| |
| - | padding-bottom: 2em;
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | padding-top: 10em;
| |
| - | width: 970px;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/5/55/Content_bg.jpg');
| |
| - | background-color: white;
| |
| - | background-repeat: no-repeat;
| |
| - | border-bottom-right-radius: 5px;
| |
| - | border-bottom-left-radius: 5px;
| |
| - | text-align: justify;
| |
| - | }
| |
| - |
| |
| - | #footer {
| |
| - | width: 990px;
| |
| - | background-color: white;
| |
| - | padding-top: 0.2em;
| |
| - | margin-top: 2px;
| |
| - | margin-right: auto;
| |
| - | margin-left: auto;
| |
| - | border-radius: 5px;
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | #footer img {
| |
| - | margin-top: 0px;
| |
| - | margin-left: 2em;
| |
| - | margin-bottom: 2em;
| |
| - | }
| |
| - |
| |
| - | #footer h1 {
| |
| - | margin-left: 1.5em;
| |
| - | }
| |
| - |
| |
| - | .column {
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | #col1 {
| |
| - | width: 36%;
| |
| - | right: 10px;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #col1 .inner_column {
| |
| - | border-top-right-radius: 25px;
| |
| - | }
| |
| - |
| |
| - | #col2 {
| |
| - | width: 36%;
| |
| - | margin-left: 35%;
| |
| - | z-index: 3
| |
| - | }
| |
| - |
| |
| - | #col3 {
| |
| - | width: 30%;
| |
| - | margin-top: 5em;
| |
| - | left: 10px;
| |
| - | float: right;
| |
| - | z-index: 5;
| |
| - | padding-bottom: 2em;
| |
| - | }
| |
| - |
| |
| - | .inner_column {
| |
| - | position: relative;
| |
| - | padding: 2em;
| |
| - | border-radius: 5px;
| |
| - | background-color: white;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | div.column h2 {
| |
| - | font-variant: small-caps;
| |
| - | font-size: 1.3em;
| |
| - | font-style: normal;
| |
| - | padding-bottom: 0.8em;
| |
| - | border-bottom: 1px dotted;
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | #content h1 {
| |
| - | position: relative;
| |
| - | top: 25px;
| |
| - | right: 10px;
| |
| - | height: 2.6em;
| |
| - | color: white;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/5/53/Blue_bg.png');
| |
| - | background-repeat: no-repeat;
| |
| - | padding-top: 0.7em;
| |
| - | padding-left: 1em;
| |
| - | margin: 0px;
| |
| - | }
| |
| - |
| |
| - | .shadow:before, .shadow:after {
| |
| - | box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7);
| |
| - | -webkit-transform: rotate(-3deg);
| |
| - | -moz-transform: rotate(-3deg);
| |
| - | -o-transform: rotate(-3deg);
| |
| - | position: absolute;
| |
| - | left: 10px;
| |
| - | top: 7em;
| |
| - | width: 50%;
| |
| - | height: 60%;
| |
| - | content: "";
| |
| - | }
| |
| - |
| |
| - | .shadow:after {
| |
| - | -webkit-transform: rotate(3deg);
| |
| - | -moz-transform: rotate(3deg);
| |
| - | -o-transform: rotate(3deg);
| |
| - | box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.7);
| |
| - | left: 46%;
| |
| - | }
| |
| - |
| |
| - | #content h1.red {
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/a/a6/Red_bg.png');
| |
| - | }
| |
| - |
| |
| - | #content h1.green {
| |
| - | background-image: url('https://static.igem.org/mediawiki/2012/f/fe/Green_bg.png');
| |
| - | }
| |
| - |
| |
| - | a.button {
| |
| - | border-radius: 5px;
| |
| - | padding: 0.5em;
| |
| - | color: white;
| |
| - | text-decoration: none;
| |
| - | background-color: green;
| |
| - | }
| |
"
