JimmyZhong (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | + | <style> | |
− | + | /*STYLE FOR ALL PAGES*/ | |
− | + | ||
− | + | ||
− | <style> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* Style the top navigation bar */ | /* Style the top navigation bar */ | ||
.topnav { | .topnav { | ||
overflow: hidden; | overflow: hidden; | ||
background-color: #333; | background-color: #333; | ||
+ | font-family: Bahnschrift; | ||
+ | font-size: 14px; | ||
+ | width: 100vw; | ||
+ | margin-top: 20px; | ||
} | } | ||
/* Style the topnav links */ | /* Style the topnav links */ | ||
.topnav a { | .topnav a { | ||
− | float: | + | float: right; |
display: block; | display: block; | ||
color: #f2f2f2; | color: #f2f2f2; | ||
Line 73: | Line 20: | ||
padding: 14px 16px; | padding: 14px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
+ | /*for transitions when hovering*/ | ||
+ | -o-transition:color .2s ease-out, background 1s ease-in; | ||
+ | -ms-transition:color .2s ease-out, background 1s ease-in; | ||
+ | -moz-transition:color .2s ease-out, background 1s ease-in; | ||
+ | -webkit-transition:color .2s ease-out, background 1s ease-in | ||
+ | } | ||
+ | .topnav a img { | ||
+ | height: 10%; | ||
+ | width: 10%; | ||
+ | } | ||
+ | .topnav a.logo { | ||
+ | float: left; | ||
} | } | ||
Line 80: | Line 39: | ||
color: black; | color: black; | ||
} | } | ||
+ | HTML { | ||
+ | width: 100vw; | ||
+ | height: 100vh; | ||
+ | background-size:cover; | ||
+ | background-repeat:no-repeat; | ||
− | + | background-color: black; #blue | |
+ | |||
+ | } | ||
+ | body { | ||
+ | width: 100vw; | ||
+ | height: 100vh; | ||
+ | background-size:cover; | ||
+ | background-repeat:no-repeat; | ||
+ | /*background-image:url("https://raddinteractive.com/wp-content/uploads/Chalkboard-background-e1463542024446.jpg"); | ||
+ | */ | ||
+ | background-color: #4286f4; /*blue*/ | ||
+ | |||
+ | } | ||
+ | #root { | ||
+ | top: 8px; | ||
+ | position: absolute; | ||
+ | font-size: 16px; | ||
+ | width: 100vw; | ||
+ | height: 100vh; | ||
+ | margin-left: -35px; | ||
+ | margin-top: -30px; | ||
+ | background-color: WhiteSmoke; | ||
+ | } | ||
+ | #wrapper | ||
+ | { | ||
+ | height: 90%; | ||
+ | width: 90%; | ||
+ | background-color: white; | ||
+ | /*border-style: solid; | ||
+ | border-width: 1px; | ||
+ | border-color: black; | ||
+ | border-radius: 10px;*/ | ||
+ | margin: auto; | ||
+ | display: table; | ||
} | } | ||
</style> | </style> | ||
− | + | ||
<body> | <body> | ||
+ | <div id="root"> | ||
<div class="topnav"> | <div class="topnav"> | ||
− | <a href="https://2018.igem.org/Team:iTesla-SoundBio"> | + | <a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a> |
+ | |||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a> | ||
+ | <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a> | ||
<a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a> | <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a> | ||
− | <a href="https://2018.igem.org/Team:iTesla-SoundBio | + | <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home</a> |
− | + | </div> | |
− | + | <div id="wrapper"> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:01, 2 August 2018