|
|
Line 1: |
Line 1: |
- | <html>
| + | \ |
- | <head>
| + | |
- | <meta charset="UTF-8">
| + | |
- | <title>Safety</title>
| + | |
- | <!--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>
| + | |
- | <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";
| + | |
- | 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: 0px;
| + | |
- | margin-bottom: 0px;
| + | |
- | text-align: center;
| + | |
- | text-transform: uppercase;
| + | |
- | color: #3100C7;
| + | |
- | 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: #43a6cb;
| + | |
- | 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: -50px;
| + | |
- | }
| + | |
- | #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: 20%;
| + | |
- | 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: #3100C7;
| + | |
- | 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;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | <div id="wrapper">
| + | |
- | <header id="top">
| + | |
- | <h1>Our lady of the snows </h1>
| + | |
- | <h1>igem wiki</h1>
| + | |
- | <nav id="mainnav">
| + | |
- | <ul>
| + | |
- | <li><a href="index.html">Home</a></li>
| + | |
- | <li><a href="Project.html">Project</a></li>
| + | |
- | <li><a href="Safety.html" class="thispage">safety</a></li>
| + | |
- | <li><a href="The Team.html">the team</a></li>
| + | |
- | <li><a href="Lab Notebook.html">lab notebook</a></li>
| + | |
- | </ul>
| + | |
- | </nav>
| + | |
- | </header>
| + | |
- | <article id="main">
| + | |
- | <h2> </h2>
| + | |
- | <h2>Safety</h2>
| + | |
- | <p> </p>
| + | |
- | <p>Safety information is being compiled</p>
| + | |
- | <p> </p>
| + | |
- | <p> </p>
| + | |
- | <p> </p>
| + | |
- | <p> </p>
| + | |
- | <p> </p>
| + | |
- | <p> </p>
| + | |
- | </article>
| + | |
- | <footer>
| + | |
- | <p>© Copyright</p>
| + | |
- |
| + | |
- | </footer>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |