|
|
Line 1: |
Line 1: |
- | {{CSS/Main}}
| + | <!doctype html> |
| | | |
| + | <html lang="pl"> |
| + | <head> |
| + | <meta charset="utf-8"> |
| | | |
- | <html> | + | <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) */ |
| + | * { |
| + | 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: 14px; |
| + | font-family: 'Droid Sans', sans-serif; |
| + | } |
| + | .celulare-logo { |
| + | width: 870px; |
| + | margin: 0 auto; |
| + | margin-top: 30px; |
| + | 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; |
| + | } |
| | | |
- | <!--main content -->
| + | /* First level */ |
- | <table width="100%" align="center">
| + | 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; |
| + | } |
| + | 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; |
| + | } |
| | | |
- | <!--navigation menu -->
| + | .main-content { |
- | <td align="center" colspan="3"> | + | width: 870px; |
| + | margin: 0 auto; |
| + | background-color: rgba(255, 255, 255, 0.65); |
| + | padding: 20px; |
| + | } |
| + | h1, h2, h3, h4 { |
| + | font-family: Oswald, sans-serif; |
| + | color: #234887; |
| + | } |
| + | 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; |
| + | } |
| + | </style> |
| + | </head> |
| | | |
- | <table width="100%"> | + | <body> |
- | <tr heigth="15px"></tr> | + | <div class="celulare-logo"></div> |
- | <tr heigth="75px"> | + | <ul class="main-menu"> |
- | | + | <!-- Menu items --> |
- | | + | <li> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <a href="/Team:Warsaw/Project">Project</a> |
- | <a href="https://2014.igem.org/Team:Warsaw"style="color:#000000">Home </a> </td> | + | </li> |
- | | + | <li> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | <a href="/Team:Warsaw/Achievements">Achievements</a> |
- | <a href="https://2014.igem.org/Team:Warsaw/Team"style="color:#000000"> Team </a> </td> | + | <ul> |
- | | + | <li><a href="/">Submenu 1</a></li> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | <li><a href="/">Submenu 2</a></li> |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=Warsaw"style="color:#000000"> Official Team Profile </a></td>
| + | </ul> |
- | | + | </li> |
- | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | <li> |
- | <a href="https://2014.igem.org/Team:Warsaw/Project"style="color:#000000"> Project</a></td>
| + | <a href="/Team:Warsaw/HP">HP</a> |
- | | + | <ul> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <li><a href="/">Submenu 1</a></li> |
- | <a href="https://2014.igem.org/Team:Warsaw/Parts"style="color:#000000"> Parts</a></td>
| + | <li><a href="/">Submenu 2</a></li> |
- | | + | </ul> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | </li> |
- | <a href="https://2014.igem.org/Team:Warsaw/Modeling"style="color:#000000"> Modeling</a></td> | + | <li> |
- | | + | <a href="/Team:Warsaw/EXTRAS">EXTRAS</a> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <ul> |
- | <a href="https://2014.igem.org/Team:Warsaw/Notebook"style="color:#000000"> Notebook</a></td> | + | <li><a href="/">Submenu 1</a></li> |
- | | + | <li><a href="/">Submenu 2</a></li> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | </ul> |
- | <a href="https://2014.igem.org/Team:Warsaw/Safety"style=" color:#000000"> Safety </a></td> | + | </li> |
- | | + | <li> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <a href="/Team:Warsaw/Team">Team</a> |
- | <a href="https://2014.igem.org/Team:Warsaw/Attributions"style="color:#000000"> Attributions </a></td> | + | <ul> |
- | | + | <li><a href="/">Submenu 1</a></li> |
- | | + | <li><a href="/">Submenu 2</a></li> |
- | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> | + | </ul> |
- | </tr> | + | </li> |
- | </table> | + | <!-- iGEM link --> |
- | | + | <li class="igem-logo"> |
- | <!--end navigation menu -->
| + | <a href="https://2014.igem.org/"></a> |
- | <tr>
| + | </li> |
- | | + | |
- | | + | |
- | <!--welcome box -->
| + | |
- | <tr>
| + | |
- | <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FFFFFF>
| + | |
- | <h1 >WELCOME! </h1>
| + | |
- | <p>We are Team Warsaw!
| + | |
- | <br>Page under construction, <br> more stuff coming soon! </p>
| + | |
- | <br>
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/1/18/Igem_logo_repaired.jpg" width="350px">
| + | |
- | <br>
| + | |
- | <p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Warsaw&action=edit"style="color:#010000"> Click here to edit this page!</a> </p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | | + | |
- | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | <!-- end welcome box -->
| + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | </tr>
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
| + | |
- | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | | + | |
- | | + | |
- | <!--requirements section -->
| + | |
- | <tr><td colspan="3"> <h3> Requirements </h3></td></tr>
| + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
- | | + | |
- | <p> Please be sure to keep these links, your audience will want to find your: </p>
| + | |
- | | + | |
- | <!-- Links to other team pages -->
| + | |
- | <ul> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw">Home</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Team">Team</a> </li> | + | |
- | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Warsaw">Official Team Profile</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Project">Project</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Parts">Parts</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Modeling">Modeling</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Notebook">Notebook</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Safety">Safety</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:Warsaw/Attributions">Attributions</a> </li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td > </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>There are a few wiki requirements teams must follow:</p>
| + | |
- | <ul> | + | |
- | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li> | + | |
- | <li>All pages must be created under the team’s name space.</li> | + | |
- | <li>As part of your documentation, keep the links from the menu to the left. </li>
| + | |
- | <li>Do not use flash in wiki code. </li>
| + | |
- | <li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
| + | |
- | </ul> | + | |
- | <p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p> | + | |
- | | + | |
- | </td>
| + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
| + | |
- | | + | |
- | | + | |
- | <!--tips --> | + | |
- | <tr><td colspan="3" > <h3> Tips </h3></td></tr>
| + | |
- | | + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
- | <p>We are currently working on providing teams with some easy to use design templates.
| + | |
- | <br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li> | + | |
- | <li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
| + | |
- | </td>
| + | |
- | | + | |
- | <td> </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li>State your accomplishments! Tell people what you have achieved from the start. </li>
| + | |
- | <li>Be clear about what you are doing and what you plan to do.</li>
| + | |
- | <li>You have a global audience! Consider the different backgrounds that your users come from.</li>
| + | |
- | <li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
| + | |
- | <li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
| + | |
- | <li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
| + | |
- | <li>Have lots of fun! </li>
| + | |
| </ul> | | </ul> |
- | </br> | + | <div class="main-content"> |
- | </td> | + | <h1>Title</h1> |
- | </tr> | + | Lorem ipsum |
- | </table> | + | </div> |
| + | </body> |
| + | </html> |