|
|
| Line 1: |
Line 1: |
| − | <html lang="en">
| + | {{iTesla-SoundBio}} |
| − | <head>
| + | <html> |
| − | <title>Experimental</title>
| + | |
| − | <meta charset="utf-8">
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | |
| | <style> | | <style> |
| − | * {
| + | h1 { |
| − | box-sizing: border-box;
| + | font: 600 1.5em/1 'Raleway', sans-serif; |
| − | }
| + | color: rgba(0,0,0,.5); |
| − | | + | |
| − | body {
| + | |
| − | font-family: Arial, Helvetica, sans-serif; | + | |
| − | }
| + | |
| − | | + | |
| − | /* Style the header */
| + | |
| − | .header {
| + | |
| − | background-color: #6699cc; | + | |
| − | padding: 30px;
| + | |
| | text-align: center; | | text-align: center; |
| − | font-size: 35px; | + | text-transform: uppercase; |
| − | }
| + | letter-spacing: .5em; |
| | + | top: 25%; |
| | + | width: 100%; |
| | + | padding-top: 50px; |
| | + | padding-bottom: 50px; |
| | | | |
| − | /* Create three equal columns that floats next to each other */
| |
| − | .column {
| |
| − | float: left;
| |
| − | width: 33.33%;
| |
| − | padding: 0px
| |
| − | /* If padding is wanted, change the value of px*/
| |
| | } | | } |
| − | | + | span, span:after { |
| − | /* Clear floats after the columns */
| + | font-weight: 900; |
| − | .row:after {
| + | color: #efedce; |
| − | content: ""; | + | white-space: nowrap; |
| − | display: table; | + | display: inline-block; |
| − | clear: both; | + | letter-spacing: .1em; |
| | + | padding: .2em 0 .25em 0; |
| | } | | } |
| | | | |
| − | /* Style the footer */
| + | span { |
| − | .footer {
| + | font-size: 4em; |
| − | background-color: #ffffff; | + | z-index: 100; |
| − | padding: 10px; | + | text-shadow: .04em .04em 0 #9cb8b3; |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | /* Make the text over image*/
| + | |
| − | .container {
| + | |
| − | position: relative;
| + | |
| − | text-align: left; | + | |
| − | color: black
| + | |
| − | }
| + | |
| − | .container1 { | + | |
| − | position: relative;
| + | |
| − | text-align: center;
| + | |
| − | color: white
| + | |
| | } | | } |
| | | | |
| − | .centered {
| + | span:after { |
| | + | content: attr(data-shadow-text); |
| | + | color: rgba(0,0,0,.35); |
| | + | text-shadow: none; |
| | position: absolute; | | position: absolute; |
| − | bottom: 8px; | + | left: .0875em; |
| − | left: 50%; | + | top: .0875em; |
| − | transform: translate(-50%, -50%); | + | z-index: -1; |
| | + | -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png); |
| | } | | } |
| | | | |
| − | /* Style the top navigation bar */
| |
| − | .topnav {
| |
| − | overflow: hidden;
| |
| − | background-color: #333;
| |
| − | }
| |
| − |
| |
| − | /* Style the topnav links */
| |
| − | .topnav a {
| |
| − | float: left;
| |
| − | display: block;
| |
| − | color: #99ccff;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | /* Change color on hover */
| |
| − | .topnav a:hover {
| |
| − | background-color: #ddd;
| |
| − | color: black;
| |
| − | }
| |
| − |
| |
| − | /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
| |
| − | @media (max-width: 600px) {
| |
| − | .column {
| |
| − | width: 100%;
| |
| − | }
| |
| − | }
| |
| | </style> | | </style> |
| − | </head>
| |
| − | <body>
| |
| − | <div class="topnav">
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/OldMainPage.html">Old Main Page</a>
| |
| − | </div>
| |
| | <div class="header"> | | <div class="header"> |
| | <p>Lab notebooks</p> | | <p>Lab notebooks</p> |
| Line 138: |
Line 76: |
| | | | |
| | </body> | | </body> |
| | + | </html> |
