|
|
| 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: #97B0F3;
| |
| - | border-radius: 34px;
| |
| - | color: #000000;
| |
| - | font-size: large;
| |
| - | }
| |
| - | #hero {
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | th,td
| |
| - | {
| |
| - | padding-left: 10px;
| |
| - | text-align: center;
| |
| - | min-width: 0%;
| |
| - | background-color: #92CEFF;
| |
| - | }
| |
| - |
| |
| - | 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> |
| | | | |
"
