Team:York/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html><head>
 +
<style>
 +
/***
 +
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
-
<html>
+
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
 +
Check out their wikis at:
 +
https://2011.igem.org/Team:Brown-Stanford,https://2012.igem.org/Team:Lethbridge
 +
***/
-
<!--main content -->
+
#globalWrapper {
-
<table width="70%" align="center">
+
        background-color: #42A7EA;
 +
}
 +
#content {
 +
        background-color: #42A7EA;
 +
}
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:York/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#content h1.firstHeading {
-
<!-- end welcome box -->
+
visibility:hidden;
-
<tr>
+
}
-
<!--navigation menu -->
+
#content{
-
<td align="center" colspan="3">
+
border-left: 0px solid rgb(68, 68, 68);
 +
border-right: 0px solid rgb(68, 68, 68);
 +
        width: 1000px;
 +
}
-
<table  width="100%">
+
#bodyContent{
-
<tr heigth="15px"></tr>
+
        margin: 0 auto;
-
<tr heigth="75px">
+
margin-top: 0px;
 +
        width: 1000px;
 +
        font-size: 14px;
 +
        -webkit-font-smoothing: antialiased !important;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#searchform {
 +
    display: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu {
-
<a href="https://2014.igem.org/Team:York"style="color:#000000">Home </a> </td>
+
background-color: #555;
 +
 +
}
 +
.left-menu a {
 +
    color: #000;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#top-section{ /*the div containing the entire top bar*/
-
<a href="https://2014.igem.org/Team:York/Team"style="color:#000000"> Team </a> </td>
+
height: 20px;
 +
margin-bottom: 0px !important;
 +
border: none;
 +
        width: 1277px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=York"style="color:#000000"> Official Team Profile </a></td>
 
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#container{
-
<a href="https://2014.igem.org/Team:York/Project"style="color:#000000"> Project</a></td>
+
margin-top: 0px;
 +
        height: inherit;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#search-controls {
-
<a href="https://2014.igem.org/Team:York/Parts"style="color:#000000"> Parts</a></td>
+
overflow:hidden;
 +
display:none;
 +
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:York/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#header {
-
<a href="https://2014.igem.org/Team:York/Notebook"style="color:#000000"> Notebook</a></td>
+
width: 1277px;
 +
text-align: left;
 +
margin-left: auto;
 +
margin-right: auto;
 +
    margin-top: 5px;
 +
margin-bottom: 0px !important;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#global-banner {
-
<a href="https://2014.igem.org/Team:York/Safety"style=" color:#000000"> Safety </a></td>
+
margin-bottom: 1px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar {
-
<a href="https://2014.igem.org/Team:York/Attributions"style="color:#000000"> Attributions </a></td>
+
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
.left-menu, .right-menu{
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
-
<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>
+
.left-menu li a, .right-menu li a {
-
</tr>
+
color: #000 !important;
-
</table>
+
}
-
<!--end navigation menu -->
 
-
</tr>
 
-
</tr>
 
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.left-menu ul li, .right-menu ul li a{
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
background: none;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
color: #000 !important;
 +
}
-
<tr><td > <h3> Team Information</h3></td>
+
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
-
<td ></td >
+
    color: #000 !important;
-
<td > <h3> Upload pictures of your team!</h3></td>
+
}
-
</tr>
+
-
<tr>
+
#catlinks{
-
<td width="45%"  valign="top">
+
display:none;
-
<p>
+
}
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
+
/*important for background colours*/
 +
.mediawiki{
 +
background: #ffffff;
 +
}
 +
#footer-box {
 +
        width: 1277px;
 +
        margin-top: 20px;
 +
        border-color: lightgrey;
 +
}
 +
     
 +
#footer-box a {
 +
        color: lightgrey;
 +
      }
 +
     
 +
#footer-box img {
 +
        opacity: 0.6;
 +
      }
 +
/* END MINIMAL HEADER */
 +
#container {
 +
width: 1000px;
 +
height: inherit;
 +
background-color: #42A7EA;
 +
}
 +
#header {
 +
border: 0px solid;
 +
border-color: black;
 +
border-top-left-radius: 0px;      /*To be changed later. Logo background is white and not transparent which causes an overlap. Was 25px earlier */
 +
border-top-right-radius: 0px;
 +
width: 1000px;
 +
height: 30px;
 +
}
-
</td>
+
#navmenu {
-
<td></td>
+
margin-top: 23px;
-
<td width="45%"  valign="top">
+
margin-left: 75px;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
width: 1000px;
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
height: 21px;
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
background-color: DarkBlue;
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
border: 2px solid;
-
<br>
+
border-top-right-radius: 11px;
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
border-bottom-right-radius: 10px;
-
</td>
+
}
 +
ul.yorknav {
 +
list-style-type: none;
 +
margin: 0;
 +
padding: 0;
 +
}
-
</tr>
+
li.yorknav {
 +
float: right;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 170px;
 +
text-align: center;
 +
background-color: DarkBlue;
 +
}
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
a.yorknav {
-
<td ></td >
+
width: 111px;
-
<td > </td>
+
}
-
</tr>
+
 +
a.yorknav:link{
 +
font-weight: bold;
 +
color: White;
 +
padding: 0px;
 +
text-transform: uppercase;
 +
text-decoration: none;
 +
}
-
<tr>
+
a.yorknav:visited{
-
<td width="45%"  valign="top">
+
font-weight: bold;
-
<p>What should this page contain?</p>
+
color: White;
-
<ul>
+
padding: 0px;
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
text-transform: uppercase;
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
}
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
-
</ul>
+
-
</td>
+
li.yorknav{
 +
border-top-right-radius: 5px;
 +
border-top-left-radius: 5px;
 +
border-bottom-right-radius: 5px;
 +
border-bottom-left-radius: 5px;
 +
}
-
<td></td>
+
#Sponsors:hover {
-
<td width="45%"  valign="top"> </td>
+
background-color: darkred;
 +
}
 +
#HumanPractice:hover {
 +
background-color: purple;
 +
}
 +
#Project:hover {
 +
background-color: #477519;
 +
}
 +
#Team:hover {
 +
background-color: orangered;
 +
}
 +
#Home:hover {
 +
background-color: teal;
 +
}
-
</tr>
+
#contently {
 +
border: 2px solid;
 +
border-color: black;
 +
border-bottom-left-radius: 25px;
 +
border-bottom-right-radius: 25px;
 +
border-top-left-radius: 25px;
 +
border-top-right-radius: 25px;
 +
width: 1000px;
 +
background-color: #FCFCE0;
 +
}
 +
#actualcontent {
 +
width: 900px;
 +
padding: 50px;
 +
font-size: 16px;
 +
}
-
</table>
+
</style></head>
-
</html>
+
 
 +
<body>
 +
<div id="container">
 +
<div id="header">
 +
<img id="optbanner" src="https://static.igem.org/mediawiki/2014/3/3d/York_final_LOGO.png" style=" height: 114px; width: 180px; position: absolute; left: -77px; top: 15px;">
 +
<div id="navmenu">
 +
<ul class="yorknav">
 +
<a href="#" class="yorknav"><li class="yorknav" id="Sponsors">Sponsors</li></a>
 +
<a href="#" class="yorknav"><li class="yorknav" id="HumanPractice">Human Practice</li></a>
 +
<a href="#" class="yorknav"><li class="yorknav" id="Project">Project</li></a>
 +
<a href="#" class="yorknav"><li class="yorknav" id="Team">Team</li></a>
 +
<a href="#" class="yorknav"><li class="yorknav" id="Home">Home</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div id="contently">
 +
<div id="actualcontent">
 +
<h2>Welcome to the beautiful City of York! </h2><br>
 +
<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" style="border: 2px solid; border-color: black; margin-left: 150px;" >

Revision as of 19:50, 27 August 2014