JimmyZhong (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | <html | + | <html> |
− | < | + | <style> |
− | + | /*STYLE FOR ALL PAGES*/ | |
− | + | /* Style the top navigation bar */ | |
− | + | .topnav { | |
− | + | overflow: hidden; | |
− | * { | + | background-color: #333; |
− | + | font-family: Bahnschrift; | |
+ | font-size: 14px; | ||
+ | width: 100vw; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | |||
+ | /* Style the topnav links */ | ||
+ | .topnav a { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | color: #f2f2f2; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* Change color on hover */ | ||
+ | .topnav a:hover { | ||
+ | background-color: #ddd; | ||
+ | color: black; | ||
+ | } | ||
+ | HTML { | ||
+ | width: 100vw; | ||
+ | height: 100vh; | ||
+ | background-size:cover; | ||
+ | background-repeat:no-repeat; | ||
+ | |||
+ | background-color: black; #blue | ||
+ | |||
} | } | ||
body { | body { | ||
− | + | width: 100vw; | |
− | height: | + | height: 100vh; |
− | + | ||
background-size:cover; | background-size:cover; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
− | /*background-image:url("https:// | + | /*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> | ||
+ | /*PAGE SPECIFIC CSS*/ | ||
/* Style the header */ | /* Style the header */ | ||
.header { | .header { | ||
Line 69: | Line 137: | ||
font-size:18px | font-size:18px | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | |||
<body> | <body> | ||
<div id="root"> | <div id="root"> | ||
<div class="topnav"> | <div class="topnav"> | ||
+ | <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> | ||
− | |||
<div id="wrapper"> | <div id="wrapper"> | ||
Line 178: | Line 189: | ||
<p>Our sponsors + a bunch of logos</p> | <p>Our sponsors + a bunch of logos</p> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:05, 2 August 2018