|
|
Line 5: |
Line 5: |
| <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> | | <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> |
| <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6,n2:default.js" type="text/javascript"></script> | | <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6,n2:default.js" type="text/javascript"></script> |
- | <link href="main.css" rel="stylesheet" type="text/css">
| |
- | <link href="main.css" rel="stylesheet" type="text/css">
| |
- | <style media="screen" type="text/css">
| |
| | | |
- | @charset "utf-8";
| + | <link rel="stylesheet" href="https://2014hs.igem.org/Team:OLS_Canmore_AB_CA/main.css?action=raw&ctype=text/css" /> |
- | body {
| + | |
- | margin: 0px;
| + | |
- | color: #151515;
| + | |
- | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
| + | |
- | background-color: #EFF5F8;
| + | |
- | }
| + | |
- | #wrapper {
| + | |
- | width: 100%;
| + | |
- | min-width: 740px;
| + | |
- | max-width: 1000px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | #top {
| + | |
- | overflow: hidden;
| + | |
- | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
| + | |
- | font-style: normal;
| + | |
- | font-weight: 200;
| + | |
- | }
| + | |
- | #hero img {
| + | |
- | max-width: 100%;
| + | |
- | margin-top: 0px;
| + | |
- | margin-right: -25px;
| + | |
- | margin-bottom: 0px;
| + | |
- | margin-left: 0px;
| + | |
- | padding-top: 0px;
| + | |
- | padding-right: 0px;
| + | |
- | padding-bottom: 0px;
| + | |
- | padding-left: 0px;
| + | |
- | border-bottom-left-radius: 24px;
| + | |
- | border-bottom-right-radius: 24px;
| + | |
- | background-color: #ffffff;
| + | |
- | }
| + | |
- | h1, h2 {
| + | |
- | color: #FFFFFF;
| + | |
- | font-style: normal;
| + | |
- | font-weight: 600;
| + | |
- | font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
| + | |
- | }
| + | |
| | | |
- | h1 {
| |
- | font-size: 72px;
| |
- | margin-top: -17px;
| |
- | margin-bottom: 0px;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | color: #004AEE;
| |
- | background-color:#FFFFFF;
| |
- |
| |
- |
| |
- | }
| |
- | h2 {
| |
- | margin-top: 0em;
| |
- | color: #000000;
| |
- | background-color: #ffffff;
| |
- | text-align: center;
| |
- | padding-top: 0px;
| |
- | border-style: none;
| |
- | }
| |
- | #main {
| |
- | margin-left: 0%;
| |
- | float: left;
| |
- | width: 100%;
| |
- | padding-left: 0px;
| |
- | text-align: center;
| |
- | }
| |
- | #sidebar {
| |
- | width: 34%;
| |
- | margin-left: 4%;
| |
- | float: left;
| |
- | }
| |
- |
| |
- |
| |
- | figure {
| |
- | display: block;
| |
- | width: 420px;
| |
- | }
| |
- | figure img {
| |
- | padding: 10px;
| |
- | -webkit-box-shadow: 1px 1px 15px #999999;
| |
- | box-shadow: 1px 1px 15px #999999;
| |
- | }
| |
- |
| |
- | figcaption {
| |
- | font-size: 0.875em;
| |
- | font-weight: bold;
| |
- | text-align: center;
| |
- | display: block;
| |
- | margin-top: 0.5em;
| |
- | }
| |
- | .centered {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | .floatleft {
| |
- | float: left;
| |
- | margin-left: 0px;
| |
- | margin-right: 10px;
| |
- | }
| |
- | .floatright {
| |
- | float: right;
| |
- | margin-left: 10px;
| |
- | margin-right: 0px;
| |
- | }
| |
- | footer {
| |
- | padding-top: 2px;
| |
- | padding-bottom: 2px;
| |
- | padding-left: 2%;
| |
- | background-color: #004AEE;
| |
- | color: #FFFFFF;
| |
- | clear: left;
| |
- | }
| |
- | a {
| |
- | font-weight: bold;
| |
- | text-decoration: none;
| |
- | }
| |
- | a:link {
| |
- | color: #FF6600;
| |
- | }
| |
- | a:visited {
| |
- | color: #FF944C;
| |
- |
| |
- | }
| |
- |
| |
- | #mainnav ul {
| |
- | list-style-type: none;
| |
- | margin-top: 0px;
| |
- | margin-right: 0px;
| |
- | margin-bottom: 0px;
| |
- | margin-left: 0px;
| |
- | }
| |
- | #mainnav a {
| |
- | width: 0%;
| |
- | display: block;
| |
- | float: left;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | margin-top: 0px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- | #mainnav a {
| |
- | width: 16.6%;
| |
- | text-align: center;
| |
- | text-transform: uppercase;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | padding-top: 12px;
| |
- | padding-bottom: 12px;
| |
- | padding-left: 0px;
| |
- | #wrapper #top #mainnav ul li a {
| |
- | ; padding-right: 12px;
| |
- | padding-right: 6px;
| |
- | }
| |
- | #wrapper #top #mainnav ul li a {
| |
- | background-color: #000000;
| |
- | }
| |
- |
| |
- | }
| |
- | #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
| |
- | background-color: #004AEE;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #hero article {
| |
- | width: 36%;
| |
- | padding-left: 10px;
| |
- | padding-right: 10px;
| |
- | position: absolute;
| |
- | top: 62px;
| |
- | left: 16px;
| |
- | background-color: #0087FF;
| |
- | border-radius: 34px;
| |
- | color: #000000;
| |
- | font-size: large;
| |
- | }
| |
- | #hero {
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | th,td
| |
- | {
| |
- | padding: 0px;
| |
- | text-align: center;
| |
- | min-width: 0%;
| |
- | }
| |
- |
| |
- | h3
| |
- | {
| |
- | padding-top: 20px;
| |
- | padding-bottom: 0px;
| |
- | }
| |
- |
| |
- |
| |
- | #content h1.firstHeading {
| |
- | visibility: hidden;
| |
- | }ewe
| |
- |
| |
- |
| |
- | div#top-section {
| |
- | height: 20px;
| |
- | margin-bottom: -63px !important;
| |
- | margin: 0px 0px 0px -10px;
| |
- | width: 1222px;
| |
- | border: none;
| |
- | }
| |
- | div#header {
| |
- | width: 1200px;
| |
- | text-align: left;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: 0px !important;
| |
- | }
| |
- |
| |
- | h1 {
| |
- | color: #004AEE;
| |
- | background: none;
| |
- | font-weight: bold;
| |
- | margin: 0;
| |
- | padding-top: 30px;
| |
- | padding-bottom: 0px;
| |
- | border-bottom: 0px solid #aaa;
| |
- | }
| |
- |
| |
- | h1.firstHeading {
| |
- | display: none;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </style>
| |
| </head> | | </head> |
| | | |