Line 3: | Line 3: | ||
<head> | <head> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | ||
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | ||
<style> | <style> | ||
+ | body { | ||
+ | *background-color:#e2e2e2; | ||
+ | } | ||
+ | /* our special font */ | ||
+ | @font-face { | ||
+ | font-family: 'banaue'; | ||
+ | src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | padding:0px; | ||
+ | width:90%; | ||
+ | margin-top: 0px; | ||
+ | margin-left:5%; | ||
+ | margin-right:5%; | ||
+ | } | ||
+ | |||
+ | .insert2 { | ||
+ | height: 100px; | ||
+ | width: 100% | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | .insert3 { | ||
+ | height: 20px; | ||
+ | width: 100% | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | |||
+ | .crispy { | ||
+ | image-rendering: -moz-crisp-edges; | ||
+ | image-rendering: -o-crisp-edges; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | -ms-interpolation-mode: nearest-neighbor; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | border:4px dotted; | ||
+ | border-color:#e2e2e2; | ||
+ | } | ||
+ | |||
+ | .box1 { | ||
+ | background:#fff; | ||
+ | border:4px solid; | ||
+ | border-color: #0098a8; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | min-height:300px; | ||
+ | min-width:200px | ||
+ | } | ||
+ | |||
+ | .box2 { | ||
+ | background:#fff; | ||
+ | border:4px dotted; | ||
+ | border-color: #0098a8; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | min-height:300px; | ||
+ | min-width:200px | ||
+ | } | ||
+ | |||
+ | .box3 { | ||
+ | background:#fff; | ||
+ | border:4px solid; | ||
+ | border-color: #c1808e; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | min-height:300px; | ||
+ | min-width:200px | ||
+ | } | ||
+ | |||
+ | .box4 { | ||
+ | background:#fff; | ||
+ | border:4px dotted; | ||
+ | border-color: #c1808e; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | min-height:300px; | ||
+ | min-width:200px | ||
+ | } | ||
+ | |||
+ | .box5 { | ||
+ | background:#fff; | ||
+ | border:4px solid; | ||
+ | border-color: #afe0b2; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | min-height:300px; | ||
+ | min-width:300px | ||
+ | } | ||
+ | |||
+ | |||
+ | hr { | ||
+ | display: block; | ||
+ | margin-top: 0.5em; | ||
+ | margin-bottom: 0.5em; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border-style: inset; | ||
+ | border-width: 4px; | ||
+ | border:2px solid red; | ||
+ | } | ||
+ | |||
+ | #please h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | |||
+ | #please2 h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | |||
+ | #please3 h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | #please2 h4 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | #please p { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f | ||
+ | } | ||
body { | body { | ||
Line 300: | Line 451: | ||
<!-- Banner--> | <!-- Banner--> | ||
<div class="container-fluid page-heading"> | <div class="container-fluid page-heading"> | ||
− | <div class="row" | + | <div class="row"> |
<div class = "crispy" style="background-color:#e2e2e2"> | <div class = "crispy" style="background-color:#e2e2e2"> | ||
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/a/af/T--Sydney_Australia--ProjectDesignBanner.gif"></center> | <center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/a/af/T--Sydney_Australia--ProjectDesignBanner.gif"></center> | ||
Line 371: | Line 522: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
<body> | <body> |
Revision as of 08:28, 28 October 2017