Difference between revisions of "Team:TU Dresden/Templates/Menu"
Rooomiinaaa (Talk | contribs) |
Rooomiinaaa (Talk | contribs) |
||
(261 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | /* hide various iGEM-elements */ | ||
+ | |||
+ | h1.firstHeading { | ||
+ | background-color: red; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: 200; | ||
+ | height: 16px; | ||
+ | font-size: 13px; | ||
+ | background-color: black !important; | ||
+ | width: 100% !important; | ||
+ | color: #323232 !important; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* disable search-controls (top right corner) */ | ||
+ | #search-controls { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .searchButton { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* change the menubar (top menu) */ | ||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #menubar.left-menu { | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: #777777 !important; | ||
+ | background: black !important; | ||
+ | } | ||
+ | |||
+ | #top-section:hover #menubar * { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | /* Disable Table Of Contents */ | ||
+ | table#toc { | ||
+ | display: none; | ||
+ | float: right; | ||
+ | margin: 0em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* main heading */ | ||
+ | h1 { | ||
+ | border: 0; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /* edit links on headings */ | ||
+ | span.editsection { | ||
+ | font-size: .5em; | ||
+ | color: lightgrey; | ||
+ | } | ||
+ | span.editsection a { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <body> | ||
+ | </body> | ||
+ | |||
+ | <html> | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <link href="http://allfont.net/allfont.css?fonts=fff-tusj-bold" rel="stylesheet" type="text/css" /> | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
Line 15: | Line 113: | ||
body { | body { | ||
+ | width:100%; | ||
background-color: white; | background-color: white; | ||
font-family: 'Open Sans', Arial, sans-serif; | font-family: 'Open Sans', Arial, sans-serif; | ||
font-size: 9pt; | font-size: 9pt; | ||
− | background-image: url( | + | background-image: url("https://static.igem.org/mediawiki/2015/6/65/TU_Dresden_back1.png"); |
− | background-repeat: | + | background-repeat: repeat; |
+ | opacity: 4.5; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 30: | Line 130: | ||
padding: 0px !important; | padding: 0px !important; | ||
position: relative; | position: relative; | ||
− | width: | + | width: auto !important; |
height: auto; | height: auto; | ||
} | } | ||
Line 115: | Line 215: | ||
h1 { | h1 { | ||
− | font-family: 'Headland One' | + | font-family: 'FFF Tusj Bold', arial; |
+ | position: relative; | ||
+ | font-size: 48px; | ||
+ | text-shadow: 4px 4px 4px #aaa; | ||
+ | text-align: left; | ||
+ | color: black; | ||
+ | margin-bottom:100px; | ||
+ | } | ||
+ | |||
+ | { | ||
+ | font-family: 'Headland One', serif, 'Open Sans', sans-serif; | ||
position: relative; | position: relative; | ||
font-size: 26pt; | font-size: 26pt; | ||
text-align: left; | text-align: left; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
color: black; | color: black; | ||
− | |||
} | } | ||
Line 131: | Line 235: | ||
font-family: 'Headland One', serif, 'Open Sans', sans-serif; | font-family: 'Headland One', serif, 'Open Sans', sans-serif; | ||
position: relative; | position: relative; | ||
− | font-size: | + | font-size: 20pt; |
text-align: left; | text-align: left; | ||
− | + | /* padding-left: 20px;*/ | |
− | + | /* padding-top: 20px;*/ | |
color: black; | color: black; | ||
} | } | ||
h3 { | h3 { | ||
− | |||
− | |||
font-family: 'Headland One', serif, 'Open Sans', sans-serif; | font-family: 'Headland One', serif, 'Open Sans', sans-serif; | ||
− | + | position: relative; | |
− | + | font-size: 14pt; | |
+ | text-align: left; | ||
+ | /* padding-left: 20px;*/ | ||
+ | /* padding-top: 20px;*/ | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | padding-left: 20px; | ||
+ | /* padding-top: 20px;*/ | ||
+ | color: black; | ||
} | } | ||
Line 194: | Line 306: | ||
display: block; | display: block; | ||
color: black !important; | color: black !important; | ||
− | padding: 14px | + | padding: 14px 33px 14px 30px; |
height: auto; | height: auto; | ||
− | |||
transition: background 0.3s ease-out; /* explorer 10 */ | transition: background 0.3s ease-out; /* explorer 10 */ | ||
-webkit-transition: background 0.3s ease-out; /* chrome & safari */ | -webkit-transition: background 0.3s ease-out; /* chrome & safari */ | ||
Line 204: | Line 315: | ||
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { | nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a { | nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a { | nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a { | ||
− | background-color: # | + | background-color: #9ABD6F; |
} | } | ||
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a { | nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a { | ||
Line 230: | Line 341: | ||
background-color: white; | background-color: white; | ||
} | } | ||
+ | |||
.catX a{ | .catX a{ | ||
margin-bottom: -100px !important; | margin-bottom: -100px !important; | ||
+ | margin-top: -100px; | ||
+ | |||
height: auto !important; | height: auto !important; | ||
} | } | ||
− | |||
Line 274: | Line 387: | ||
padding-top: 0px !important; | padding-top: 0px !important; | ||
padding-bottom: 0px !important; | padding-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#afixLeft{ | ||
+ | width:50px; | ||
+ | position:fixed; | ||
+ | bottom:35%; | ||
+ | left:0; | ||
+ | z-index:11; | ||
} | } | ||
Line 280: | Line 402: | ||
− | <body > | + | <body> |
+ | |||
+ | <div id="afixLeft"> | ||
+ | <a href="https://www.facebook.com/spacepigem2015" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/5c/TU_Dresden_facebook-logo-round_edit.png" style="opacity:0.95"> | ||
+ | </a> | ||
+ | <a href="https://twitter.com/iGEM_spacep" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/9f/TU_Dresden_twitter-logo-round_edit.png" style="opacity:0.95"> | ||
+ | </a> | ||
+ | </div> | ||
Line 286: | Line 417: | ||
<ul> | <ul> | ||
<li class = "catX"> | <li class = "catX"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/c/c6/Team_TU_Dresden_banner.jpg.jpg" style="width:100px; | + | <a href="https://2015.igem.org/Team:TU_Dresden"><img src="https://static.igem.org/mediawiki/2015/c/c6/Team_TU_Dresden_banner.jpg.jpg" style="width:100px;"></a> |
</li> | </li> | ||
Line 293: | Line 424: | ||
</li> | </li> | ||
<li class = "cat2"> | <li class = "cat2"> | ||
− | <a href=" | + | <a href="https://2015.igem.org/Team:TU_Dresden/Project">Project</a> |
<ul> | <ul> | ||
+ | <li><a href="/Team:TU_Dresden/Project/Overview">Overview</a></li> | ||
<li><a href="/Team:TU_Dresden/Description">Description</a></li> | <li><a href="/Team:TU_Dresden/Description">Description</a></li> | ||
− | <li><a href="/Team:TU_Dresden/Methods">Methods</a></li> | + | <li><a href="/Team:TU_Dresden/Project/Background">Background</a></li> |
− | <li><a href="/Team:TU_Dresden/Results">Results</a></li> | + | <li><a href="/Team:TU_Dresden/Project/Methods">Methods</a></li> |
− | + | <li><a href="/Team:TU_Dresden/Project/Results">Results</a></li> | |
+ | <li><a href="/Team:TU_Dresden/Project/Parts">Parts</a></li> | ||
+ | <li><a href="/Team:TU_Dresden/Modeling">Modeling</a></li> | ||
+ | |||
+ | <li><a href="/Team:TU_Dresden/Project/Conclusions">Conclusions</a></li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li class = "cat3"> | <li class = "cat3"> | ||
− | <a href=" | + | <a href="https://2015.igem.org/Team:TU_Dresden/Team">Team</a> |
<ul> | <ul> | ||
− | <li><a href="/Team:TU_Dresden/ | + | <li><a href="/Team:TU_Dresden/Team/Aboutus">About Us</a></li> |
− | <li><a href="/Team:TU_Dresden/Attributions">Attributions</a></li> | + | <li><a href="/Team:TU_Dresden/Team/Attributions">Attributions</a></li> |
− | <li><a href="/Team:TU_Dresden/ | + | <li><a href="/Team:TU_Dresden/Team/Gallery">Gallery</a></li> |
− | <li><a href="/Team:TU_Dresden/Contact">Contact | + | <li><a href="https://igem.org/Team.cgi?id=1781">Official Team Site</a></li> |
+ | <li><a href="/Team:TU_Dresden/Team/Contact">Contact Us!</a></li> | ||
+ | <li><a href="/Team:TU_Dresden/Team/Sponsors">Sponsors</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | <li class = "cat5"> | ||
+ | <a href="https://2015.igem.org/Team:TU_Dresden/Video">Video</a><li> | ||
+ | |||
<li class = "cat4"> | <li class = "cat4"> | ||
− | <a href=" | + | <a href="https://2015.igem.org/Team:TU_Dresden/Notebook">Notebook</a> |
<ul> | <ul> | ||
− | <li><a href="/Team:TU_Dresden/Protocols">Protocols</a></li> | + | <li><a href="/Team:TU_Dresden/Notebook/Protocols">Protocols</a></li> |
− | <li><a href="/Team:TU_Dresden/ | + | <li><a href="/Team:TU_Dresden/Notebook/LabJournal">Lab Journal</a></li> |
+ | <li><a href="/Team:TU_Dresden/Notebook/PlasmidDesign">Plasmid Design</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class = " | + | |
− | <a href=" | + | <li class = "cat6"> |
+ | <a href="https://2015.igem.org/Team:TU_Dresden/Practices">Human Practices</a> | ||
<ul> | <ul> | ||
− | <li><a href="/Team:TU_Dresden/ | + | <li><a href="/Team:TU_Dresden/Practices/Sustainability">Sustainability</a></li> |
− | <li><a href="/Team:TU_Dresden/ | + | <li><a href="/Team:TU_Dresden/Practices/Social_Outreach">Social Outreach (LNdW)</a></li> |
− | <li><a href="/Team:TU_Dresden/Meetings">Meetings</a></li> | + | <li><a href="/Team:TU_Dresden/Practices/Education">Education</a></li> |
+ | <li><a href="/Team:TU_Dresden/Collaborations">Team Collaborations</a></li> | ||
+ | |||
+ | <li><a href="/Team:TU_Dresden/Practices/Meetings">Meetings</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 334: | Line 482: | ||
<li class = "catX"> | <li class = "catX"> | ||
− | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/ | + | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" style="width: 40px; height: 38px"></a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 343: | Line 491: | ||
</body> | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 14:45, 8 October 2015