(48 intermediate revisions by 4 users not shown) | |||
Line 18: | Line 18: | ||
body { | body { | ||
− | padding-top: | + | padding-top: -2px; |
− | + | ||
background-color: white; | background-color: white; | ||
color: #ddd; | color: #ddd; | ||
Line 36: | Line 35: | ||
border-right-color: rgba(255, 0, 0, 0); | border-right-color: rgba(255, 0, 0, 0); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
.triangle.bottom { | .triangle.bottom { | ||
width: 0px; | width: 0px; | ||
Line 107: | Line 109: | ||
h1 { | h1 { | ||
color:#af4657!important; | color:#af4657!important; | ||
− | + | font-family: 'Assistant', sans-serif!important; | |
− | + | font-size: 30px!important; | |
− | + | line-height: 120%; | |
+ | padding: 2%; | ||
+ | |||
} | } | ||
+ | |||
+ | .type-1 { | ||
+ | width: 33%; | ||
+ | margin: 2%; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .btn-1 { | ||
+ | background-color: #af4657; | ||
+ | width: 40%; | ||
+ | left: 95%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | z-index: 3; | ||
+ | |||
+ | } | ||
+ | .btn-1 .round { | ||
+ | background-color: #af4657; | ||
+ | left: 100%; | ||
+ | width: 30%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .btn-2 { | ||
+ | background-color: #af4657; | ||
+ | left: 95%; | ||
+ | width: 40%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | .btn-2 .round { | ||
+ | background-color: #af4657; | ||
+ | left: 95%; | ||
+ | width: 30%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | .btn-3 { | ||
+ | background-color: #af4657; | ||
+ | left: 95%; | ||
+ | width: 30%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | .btn-3 .round { | ||
+ | background-color: #af4657; | ||
+ | left: 95%; | ||
+ | width: 30%; | ||
+ | margin-bottom: 15px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .btn-1, .btn-2, .btn-3 { | ||
+ | text-decoration: none; | ||
+ | -moz-border-radius: 30px; | ||
+ | -webkit-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | padding: 12px 30px 12px 30px; | ||
+ | color: white !important; | ||
+ | text-transform: uppercase; | ||
+ | color:#ffffff!important; | ||
+ | font-family: 'Didact Gothic', sans-serif!important; | ||
+ | font-size: 22px!important; | ||
+ | font-weight: bold; | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .btn-1, .btn-2, .btn-3 span { | ||
+ | position: relative; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .txt { | ||
+ | font-size: 14px; | ||
+ | line-height: 1.45; | ||
+ | } | ||
+ | |||
+ | div.center{ | ||
+ | text-align: center!important; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
Line 119: | Line 215: | ||
<body> | <body> | ||
− | <h1> | + | |
+ | <div class = "center"> | ||
+ | |||
+ | <h1>LAB NOTEBOOK</h1> | ||
<div class='triangle top'></div> | <div class='triangle top'></div> | ||
<div class='triangle bottom'></div> | <div class='triangle bottom'></div> | ||
Line 128: | Line 227: | ||
<div class='triangle bottom-right'></div> | <div class='triangle bottom-right'></div> | ||
<div class='triangle bottom-left'></div> | <div class='triangle bottom-left'></div> | ||
+ | |||
+ | <div class="type-1"> | ||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_May.pdf" class="btn btn-1"> | ||
+ | <span class="txt">May </span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/parts/5/51/Rice_igem_June.pdf" class="btn btn-2"> | ||
+ | <span class="txt">June</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/parts/9/96/Rice_igem_July.pdf" class="btn btn-2"> | ||
+ | <span class="txt">July</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_august.pdf" class="btn btn-2"> | ||
+ | <span class="txt">August</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/parts/a/ad/Rice_igem_september.pdf" class="btn btn-2"> | ||
+ | <span class="txt">September</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/2017/9/9f/October.pdf" class="btn btn-2"> | ||
+ | <span class="txt">October</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <a href="https://static.igem.org/mediawiki/2017/9/9a/Protocols_final.pdf" class="btn btn-2"> | ||
+ | <span class="txt">Protocols</span> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:16, 2 November 2017