Line 2: | Line 2: | ||
<head> | <head> | ||
− | |||
− | |||
<title>Home page Wiki</title> | <title>Home page Wiki</title> | ||
Line 13: | Line 11: | ||
<nav id="wikilinks"> | <nav id="wikilinks"> | ||
− | <ul> | + | <ul id="listlinks" > |
− | <li><a href="https://2018.igem.org/Team:Makerere_University" >HOME</a></li> | + | <li><a class="active" href="https://2018.igem.org/Team:Makerere_University" >HOME</a></li> |
Line 21: | Line 19: | ||
− | <li><a href="https://2018.igem.org/Team:Makerere_University/ | + | <li><a href="https://2018.igem.org/Team:Makerere_University/collaborations">COLLABORATIONS</a></li> |
Line 37: | Line 35: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
<br> | <br> | ||
+ | <hr> | ||
+ | <h1>THE NOTEBOOK</h1> | ||
<div id="pagecontent"> | <div id="pagecontent"> | ||
− | |||
</div> | </div> | ||
Line 52: | Line 48: | ||
<div id="pagefooter"> | <div id="pagefooter"> | ||
− | <h1>Sponsors | + | <h1>Sponsors</h1> |
+ | |||
+ | <img id="mak" src="https://static.igem.org/mediawiki/2018/a/a2/T--Makerere_University--Mak_logo_dd.jpg"> | ||
+ | <img id="twist" src="https://static.igem.org/mediawiki/2018/3/3f/T--Makerere_University--Twist-Bioscience.png"> | ||
+ | <img id="promega" src= "https://static.igem.org/mediawiki/2018/3/30/T--Makerere_University--promega.gif"> | ||
+ | <img id="idt" src= "https://static.igem.org/mediawiki/2018/b/b7/T--Makerere_University--IDTmak.jpg"> | ||
+ | <img id="opentrons" src= "https://static.igem.org/mediawiki/2018/b/b1/T--Makerere_University--opentrons.jpg"> | ||
</div> | </div> | ||
Line 70: | Line 72: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
− | background:url("https://static.igem.org/mediawiki/2018/7/7f/T--makerere_university--abstract-1869996_1920.jpg"); | + | //background:url("https://static.igem.org/mediawiki/2018/7/7f/T--makerere_university--abstract-1869996_1920.jpg"); |
width:100%; | width:100%; | ||
} | } | ||
#wikilinks{ | #wikilinks{ | ||
+ | position:sticky; | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
Line 80: | Line 83: | ||
} | } | ||
− | + | #listlinks{ | |
width:100%; | width:100%; | ||
padding:0; | padding:0; | ||
Line 88: | Line 91: | ||
− | + | #listlinks li{ | |
list-style:none; | list-style:none; | ||
display:inline-block; | display:inline-block; | ||
− | padding: | + | padding: 15px; |
+ | font-size: 25px; | ||
} | } | ||
Line 98: | Line 102: | ||
background: green; | background: green; | ||
color: white; | color: white; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #wikilinks ul li a:hover{ | ||
+ | color: yellow; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | |||
+ | .active{ | ||
+ | text-decoration: underline; | ||
+ | background: blue; | ||
} | } | ||
Line 104: | Line 119: | ||
width:100%; | width:100%; | ||
height: 500px; | height: 500px; | ||
− | background: url("https://static.igem.org/mediawiki/2018/ | + | background: url("https://static.igem.org/mediawiki/2018/1/11/T--Makerere_University--Makerere_University.jpg"); |
background-size:cover; | background-size:cover; | ||
} | } | ||
Line 115: | Line 130: | ||
color:white; | color:white; | ||
} | } | ||
− | + | #pagecontent p{ | |
+ | font-size:25px; | ||
+ | } | ||
#logo{ | #logo{ | ||
position:absolute; | position:absolute; | ||
Line 126: | Line 143: | ||
#pagefooter{ | #pagefooter{ | ||
+ | position:relative; | ||
width:100%; | width:100%; | ||
− | height: | + | height:300px; |
− | background: | + | background:#262626; |
color: yellow; | color: yellow; | ||
} | } | ||
+ | |||
+ | h1 ,h2, h3{ | ||
+ | color:white; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #mak{ | ||
+ | position:absolute; | ||
+ | top:50px; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | #idt{ | ||
+ | position:absolute; | ||
+ | left: 0px; | ||
+ | top:160px; | ||
+ | } | ||
+ | #opentrons{ | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:100px; | ||
+ | left: 1100px; | ||
+ | top:15px; | ||
+ | } | ||
+ | #promega{ | ||
+ | position:absolute; | ||
+ | left:1100px; | ||
+ | top:150px; | ||
+ | width:150px; | ||
+ | height:150px; | ||
+ | } | ||
+ | #twist{ | ||
+ | position:absolute; | ||
+ | left:500px; | ||
+ | top:50px; | ||
+ | } | ||
</style> | </style> |
Revision as of 20:05, 4 October 2018