Team:Warsaw/Team
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html lang="pl"> | |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>iGEM Team Warsaw</title> | ||
+ | <meta name="description" content="iGEM 2014 Warsaw"> | ||
+ | <meta name="author" content="Patryk Hes"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | ||
- | < | + | <style> |
+ | /* Caveat before editing styles: if you're not sure what you're doing, please contact Patryk Hes (pathes@wp.pl) */ | ||
- | + | /* Wiki hacks */ | |
- | + | #top-section { | |
+ | display: none !important; | ||
+ | } | ||
+ | #top { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100% !important; | ||
+ | background: none !important; | ||
+ | } | ||
+ | #content h1.firstHeading { | ||
+ | display: none !important; | ||
+ | } | ||
+ | #footer-box { | ||
+ | display: none !important; | ||
+ | } | ||
+ | #catlinks { | ||
+ | display: none !important; | ||
+ | } | ||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | html, body { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #edfafa; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/4/41/2014-iGEM-site-Cog.png'); | ||
+ | background-position: -130px 230px; | ||
+ | background-repeat: no-repeat; | ||
+ | font-size: 12px; | ||
+ | font-family: 'Droid Sans', sans-serif; | ||
+ | } | ||
- | + | ul.flags { | |
- | + | display: block; | |
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | width: 870px; | ||
+ | margin: 0 auto; | ||
+ | padding-top: 10px; | ||
+ | height: 20px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | ul.flags li { | ||
+ | display: inline-block; | ||
+ | width: 30px; | ||
+ | height: 20px; | ||
+ | padding: 0; | ||
+ | margin-left: 5px; | ||
+ | cursor: pointer; | ||
+ | } | ||
- | + | .celulare-logo { | |
- | + | width: 870px; | |
- | + | margin: 0 auto; | |
+ | margin-top: 5px; | ||
+ | margin-bottom: 30px; | ||
+ | height: 140px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/d/d3/2014-iGEM-site-Celulare-logo.png'); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | + | ul.main-menu { | |
- | + | display: block; | |
+ | width: 870px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | font-size: 0; | ||
+ | position: relative; | ||
+ | font-family: Oswald, sans-serif; | ||
+ | /* Edit following padding if you want to move menu to left */ | ||
+ | padding-left: 60px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
- | < | + | /* Common <li> styles */ |
- | + | ul.main-menu li { | |
+ | background: white; | ||
+ | color: #234887; | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | font-size: 16px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | /* Edit following width if you want to change item width */ | ||
+ | width: 130px; | ||
+ | } | ||
+ | ul.main-menu li:hover { | ||
+ | background-color: #35bcbf; | ||
+ | color: white; | ||
+ | } | ||
+ | ul.main-menu ul, | ||
+ | ul.main-menu li { | ||
+ | list-style: none; | ||
+ | } | ||
- | + | /* First level */ | |
- | + | ul.main-menu > li { | |
+ | display: inline-block; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | ul.main-menu > li.igem-logo { | ||
+ | width: 70px; | ||
+ | height: 56px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/6/6b/2014-iGEM-site-Igem-logo.png'); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: transparent !important; | ||
+ | position: absolute; | ||
+ | top: -10px; | ||
+ | right: 0; | ||
+ | } | ||
+ | /* Second level */ | ||
+ | ul.main-menu > li > ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.main-menu > li:hover > ul { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.main-menu > li > ul > li { | ||
+ | display: block; | ||
- | + | } | |
- | + | /* Links */ | |
+ | ul.main-menu li a { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | ul.main-menu li a:link, | ||
+ | ul.main-menu li a:visited, | ||
+ | ul.main-menu li a:hover, | ||
+ | ul.main-menu li a:active { | ||
+ | text-decoration: none; | ||
+ | color: inherit; | ||
+ | } | ||
- | + | .main-content { | |
- | + | width: 870px; | |
+ | margin: 0 auto; | ||
+ | background-color: rgba(255, 255, 255, 0.65); | ||
+ | padding: 20px; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6, h7 { | ||
+ | font-family: Oswald, sans-serif; | ||
+ | color: #234887; | ||
+ | border-bottom: none !important; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 60px; | ||
+ | line-height: 40px; | ||
+ | margin: 20px 0 30px 0; | ||
+ | } | ||
+ | h1::before { | ||
+ | content: ''; | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | display: inline-block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/5/55/2014-iGEM-site-Celulare-symbol-small.png'); | ||
+ | background-position: top left; | ||
+ | background-repeat: no-repeat; | ||
+ | margin-right: 20px; | ||
+ | position: relative; | ||
+ | top: 5px; | ||
+ | left: 5px; | ||
+ | } | ||
- | + | .lang-en, .lang-pl, .lang-fr, .lang-ne { | |
- | + | display: none; | |
+ | } | ||
+ | </style> | ||
- | < | + | <script> |
- | + | function getCookie(cname) { | |
+ | var name = cname + "="; | ||
+ | var ca = document.cookie.split(';'); | ||
+ | for(var i=0; i<ca.length; i++) { | ||
+ | var c = ca[i]; | ||
+ | while (c.charAt(0)==' ') c = c.substring(1); | ||
+ | if (c.indexOf(name) != -1) return c.substring(name.length,c.length); | ||
+ | } | ||
+ | return ''; | ||
+ | } | ||
+ | var allLanguages = ['pl', 'en', 'fr', 'ne']; | ||
- | + | function applyLanguage() { | |
- | + | var appliedLang = getCookie('lang'); | |
- | + | if (!appliedLang) { | |
- | + | appliedLang = 'pl'; | |
- | + | } | |
- | + | for (var i = 0; i < allLanguages.length; ++i) { | |
- | + | var elems = document.getElementsByClassName('lang-' + allLanguages[i]); | |
- | + | for (var j = 0; j < elems.length; ++j) { | |
- | + | if (allLanguages[i] === appliedLang) { | |
- | + | elems[j].style.display = 'block'; // set display block | |
- | + | } else { | |
- | + | elems[j].style.display = 'none'; | |
- | + | } | |
- | + | } | |
- | + | } | |
- | + | } | |
- | + | </script> | |
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
+ | <body onload="applyLanguage()"> | ||
+ | <ul class="flags"> | ||
+ | <li style="background-image: url('https://static.igem.org/mediawiki/2014/f/fb/2014-iGEM-site-flag-pl.png')" | ||
+ | onclick="document.cookie='lang=pl'; applyLanguage();"></li> | ||
+ | <li style="background-image: url('https://static.igem.org/mediawiki/2014/4/48/2014-iGEM-site-flag-en.png')" | ||
+ | onclick="document.cookie='lang=en'; applyLanguage();"></li> | ||
+ | <li style="background-image: url('https://static.igem.org/mediawiki/2014/5/5e/2014-iGEM-site-flag-fr.png')" | ||
+ | onclick="document.cookie='lang=fr'; applyLanguage();"></li> | ||
+ | <li style="background-image: url('https://static.igem.org/mediawiki/2014/c/c9/2014-iGEM-site-flag-ne.png')" | ||
+ | onclick="document.cookie='lang=ne'; applyLanguage();"></li> | ||
</ul> | </ul> | ||
- | + | <div class="celulare-logo"></div> | |
- | + | <ul class="main-menu"> | |
- | + | <!-- Menu items --> | |
- | + | <li> | |
- | < | + | <a href="/Team:Warsaw/Project">Project</a> |
- | < | + | <ul> |
- | < | + | <li><a href="/">Background</a></li> |
- | < | + | <li><a href="/">Proof of concept</a></li> |
- | <a href=" | + | <li><a href="/">Detailed explanation</li> |
- | </ | + | <li><a href="/">Modelling</a></li> |
- | < | + | <li><a href="/">Wastewater study</a></li> |
- | <a href=" | + | <li><a href="/">System analysis</a></li> |
- | </ | + | <li><a href="/">Safety</a></li> |
- | + | <li><a href="/">Possibilities of development 2</a></li> | |
- | + | </ul> | |
- | </ | + | </li> |
- | + | <li> | |
- | < | + | <a href="/Team:Warsaw/Achievements">Achievements</a> |
- | < | + | <ul> |
- | < | + | <li><a href="/">Parts</a></li> |
- | </ | + | <li><a href="/">Results</a></li> |
- | + | <li><a href="/">Cooperation</a></li> | |
- | + | <li><a href="/">Medal Criteria</a></li> | |
- | < | + | </ul> |
- | < | + | </li> |
- | < | + | <li> |
- | <ul> | + | <a href="/Team:Warsaw/HP">HP</a> |
- | <li> | + | <ul> |
- | <li> | + | <li><a href="/">Overview</a></li> |
- | <li> | + | <li><a href="/">Lanthan Hospital</a></li> |
- | <li> | + | <li><a href="/">Science Festival</a></li> |
- | + | <li><a href="/">Media</a></li> | |
- | + | </ul> | |
- | </ | + | </li> |
- | + | <li> | |
- | < | + | <a href="/Team:Warsaw/EXTRAS">EXTRAS</a> |
- | < | + | <ul> |
- | + | <li><a href="/">Bioprocess</a></li> | |
- | </ | + | <li><a href="/">Discussion</a></li> |
- | + | <li><a href="/">Challenges</a></li> | |
- | + | <li><a href="/">Alternative methods</a></li> | |
- | </ | + | <li><a href="/">Notebook</a></li> |
- | < | + | <li><a href="/">Protocoles</a></li> |
+ | |||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="/Team:Warsaw/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="/">Members</a></li> | ||
+ | <li><a href="/">Advisors</a></li> | ||
+ | <li><a href="/">Sponsors</a></li> | ||
+ | <li><a href="/">Acknowledgements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- iGEM link --> | ||
+ | <li class="igem-logo"> | ||
+ | <a href="https://2014.igem.org/"></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="main-content"> |
Revision as of 16:49, 12 October 2014