Team:Tufts

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:UCL_Academy/Templates/Navigationbar}}
 +
{{CSS/Main}}
<html>
<html>
-
 
+
<style>
-
 
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
<!-- this section changes the default wiki template to a
+
-
 
+
-
white full width background -->
+
-
 
+
-
<style type="text/css">
+
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-
+
-
 
+
-
logo, .printfooter, .firstHeading,.visualClear {display:  
+
-
 
+
-
none;} /*-- hides default wiki settings --*/
+
-
 
+
-
#top-section { /*-- styling for default menu bar (edit, page,
+
-
 
+
-
history, etc.) --*/
+
-
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
 
+
-
#globalWrapper, #content { /*-- changes default wiki settings
+
-
 
+
-
--*/
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: #522C1B;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper { /*-- changes default wiki settings --
+
-
 
+
-
*/
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: #522C1B;
+
-
}
+
</style>
</style>
-
<!--  here ends the section that changes the default wiki
 
-
template to a white full width background -->
+
<!--  here ends the section that changes the default wiki template to a white full width background -->
<!-- beginning of your page -->
<!-- beginning of your page -->
-
<div id="contentcontainer">
+
<!-- menu -->
 +
<table id="menu" width="100%"  cellspacing="0" height="135px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
 +
<table align="center">
 +
<tr height="50px">
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="https://2014.igem.org/WikitemplateB_home"style="text-decoration:none;color:#1C140D">HOME </a> </td>
-
<!-- this table contains the navigation bar -->
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
-
<table  width="975px" align="center">
+
<a href="https://2014.igem.org/WikitemplateB_project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
-
<br>
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="" style="text-decoration:none;color:#1C140D">PARTS</a></td>  
-
<tr>  
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
-
<!--
+
<a href="" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
-
**************Navigation bar**************
+
-
Each cell represents a button,
+
-
1.- first row defines the borders outside each box, how the
+
-
text is aligned and the height
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
-
2.- second row defines the color, here you can change the
+
<a href="" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
-
color by modifying the hex code
+
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
-
3.- third row is where you place the link to where you want
+
<a href="" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
 +
</tr>
-
that button to take you
+
<tr> <td colspan="5"></td>
-
4.- fourth row you define the color of the text inside the
+
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
 +
<td align="center" width="162px"><img src="https://static.igem.org/mediawiki/2014/0/06/EPFL_logo.jpg" width="55px"></td>
 +
</tr>
 +
</table>
-
button and the content of it
+
</td>
-
-->
+
<td  bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of menu -->
-
<td style="border:1px solid black;" align="center" height
+
<!-- First block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
-
="45px"
+
<!-- You can replace this image with your team's logo! -->
-
onMouseOver="this.bgColor='#522C1B'"  
+
<img src="https://static.igem.org/mediawiki/2014/0/06/BioPad.png" width="500px">
 +
<h3>Welcome!  <br> We are Team EPFL! </h3>
 +
<p>Scroll down to find more about our project! </p>
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</td>
-
<a href="https://2014.igem.org/WikitemplateA_home"
+
<td bgColor="#FFFFFF"></td>
-
style="color:#000000">Home </a> </td>
+
</tr>
 +
</table>
 +
<!-- end of first block -->
-
<td style="border:1px solid black;" align="center" height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<!--  Block of content 1 -->
-
<a href="https://2014.igem.org/WikitemplateA_team"
+
<table width="100%"  cellspacing="0" height="500px">
-
style="color:#000000"> Team </a> </td>
+
<tr><td  bgColor="#FEE5AD"></td>
 +
<td width="975px" align="center" bgColor="#FEE5AD" >
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
-
<td style="border:1px solid black;" align="center" height
+
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="center">
-
="45px" 
+
<!-- Content goes here -->
-
onMouseOver="this.bgColor='#d3d3d3'"  
+
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
 +
<h3>What is your project about?</h3>
 +
<p>Here you can explain your project in a short sentence or paragraph!</p>
 +
<p>For example: Our team designed a biosensor to detect a certain chemical in water</p>
 +
</td> 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Official Team Profile </a></td>
 
-
<td style="border:1px solid black" align="center" height
+
<!-- This is the back to top button -->
 +
<td bgColor=#FEE5AD> </td>
 +
<tr><td bgColor=#FEE5AD></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</td>
-
<a href="https://2014.igem.org/WikitemplateA_project"
+
<td bgColor="#FEE5AD"></td>
-
style="color:#000000"> Project</a></td>
+
</tr>
 +
</table>
 +
<!-- end of Block-->
-
<td style="border:1px solid black;" align="center"  height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<!--  Block of content 2 -->
-
<a href="https://2014.igem.org/WikitemplateA_parts"
+
<table width="100%"  cellspacing="0" height="500px">
-
style="color:#000000"> Parts</a></td>
+
<tr>
 +
<td  bgColor="#FACA66"></td>
 +
<td width="975px" align="center" bgColor="#FACA66" >
-
<td style="border:1px solid black;" align="center" height
+
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
-
="45px"
+
<!-- Content goes here -->
-
onMouseOver="this.bgColor='#d3d3d3'"  
+
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
 +
<h3> How does your project work?</h3>
 +
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</td>
-
<a href=""
+
-
style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid black;" align="center" height
 
-
="45px"  
+
<!-- This is the back to top section -->
-
onMouseOver="this.bgColor='#d3d3d3'"  
+
<td bgColor=#FACA66> </td>
 +
<tr><td bgColor=#FACA66></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
</td>
-
<a href=""
+
<td bgColor="#FACA66"></td>
-
style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height
+
-
 
+
-
="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'"  
+
-
 
+
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height
+
-
 
+
-
="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'"
+
-
 
+
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<!-- this is the iGEM logo! it will take to igem.org -->
+
-
<td align ="center"> <a href="https://igem.org/Main_Page">
+
-
 
+
-
<img
+
-
 
+
-
src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"
+
-
 
+
-
width="55px"></a> </td>
+
</tr>
</tr>
-
 
-
<tr> <td colspan="10" heigth="45px"> </td></tr>
 
</table>
</table>
 +
<!-- end of Block-->
-
<!-- end of navigation bar -->
 
 +
<!--  Block of content 3 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#F7A541"></td>
 +
<td width="975px" align="center" bgColor="#F7A541" >
-
 
+
<table width="975px" cellspacing="0" height="500px">
-
<!-- page content begins-->
+
-
 
+
-
<table width="975px" align="center">
+
-
<tr ><td coslpan="2" height="35px"></td></tr>
+
<tr>
<tr>
 +
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
-
<td width="35%" valign="top">
+
<!-- Content goes here -->
-
<h3>Welcome ! </h3>
+
-
<p>
+
-
This is a basic template you may use to customize your wiki,
+
-
you can take it apart and modify it as much as you want. The
+
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
 +
<h3> Who will your project help?</h3>
 +
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
 +
</td> 
-
links and tabs provided here are basic suggestions, feel free
 
-
to adapt it for your team and your project. </p>
+
<!-- This is the back to top section -->
-
<p>
+
<td bgColor=#F7A541> </td>
-
If you are looking for general wiki guidelines,
+
<tr><td bgColor=#F7A541></td></tr>
 +
<tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
-
restrictions, design tips and more, visit the <br><a
+
</table>
-
 
+
-
href="https://2014.igem.org/Wiki_How-To"> Wiki How-To
+
-
 
+
-
Page</a></p>
+
-
</p>
+
</td>
</td>
-
 
+
<td bgColor="#F7A541"></td>
-
<td width="5%" > </td>
+
-
 
+
-
 
+
-
<!-- here you can place an image related to your project or
+
-
 
+
-
your logo! -->
+
-
<td width="60%" > <img
+
-
 
+
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
+
-
 
+
-
ge.jpg" width="600px" height="300px"></td>
+
-
 
+
-
 
+
-
 
+
-
<tr ><td coslpan="2" height="35px"></td></tr>
+
</tr>
</tr>
</table>
</table>
 +
<!-- end of Block-->
 +
<!--  Block of content 4 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#F45D4C"></td>
 +
<td width="975px" align="center" bgColor="#F45D4C" >
-
 
+
<table width="975px" cellspacing="0" height="500px">
-
<!-- 3 columns content
+
-
this area is divided intro 3 columns, you can add more
+
-
 
+
-
information about your team, project, city or mention your
+
-
 
+
-
sponsors! -->
+
-
<table width="975px" align="center">
+
-
 
+
-
 
+
<tr>
<tr>
-
<!-- first column -->
+
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="center">  
-
<td width="30%">
+
<!-- Content goes here -->
-
<!-- you can have an image related to your paragraph -->
+
-
<img
+
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
+
<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">
 +
<h3>Why did you choose this project?</h3>
 +
<p> What motivated you to work on this project? Tell us what inspires you.</p>
-
ge.jpg" width="300px" height="200px">
+
</td>
-
<h4> Results</h4>
+
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
+
-
accumsan euripidis in, eum liber
 
-
hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit
 
-
ridens inciderint id. </p>
+
<!-- This is the back to top section -->
 +
<td bgColor=#F45D4C> </td>
 +
<tr><td bgColor=#F45D4C ></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
</td>
</td>
 +
<td bgColor="#F45D4C"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
-
<td width="5%"></td>
 
-
<!-- second column -->
+
<!-- Final block of content -->
-
<td width="30%">
+
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
-
<img
+
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
+
<p>Here you can place the logos of your sponsors or other links!</p>
-
ge.jpg" width="300px" height="200px">
 
-
<h4>Human Practice</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
 
-
 
-
accumsan euripidis in,
 
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo
 
-
 
-
dicit ridens inciderint id. </p>
 
-
</td>
 
-
<td width="5%"></td>
 
-
 
-
 
-
<!-- third column -->
 
-
<td width="30%">
 
-
<img
 
-
 
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 
-
 
-
ge.jpg" width="300px" height="200px">
 
-
<h4>Follow us on Twitter/Facebook!</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
 
-
 
-
accumsan euripidis in,
 
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur,
 
-
 
-
quo dicit ridens inciderint id. </p>
 
</td>
</td>
 +
<td bgColor="#FFFFFF"></td>
</tr>
</tr>
-
 
-
 
</table>
</table>
-
<!-- end of 3 column content -->
+
<!-- end of final block -->
-
 
-
 
-
</div>
 
</html>
</html>
-
 
-
<!-- end of page -->
 

Revision as of 22:37, 28 July 2014

Team:UCL Academy/Templates/Navigationbar

Welcome!
We are Team EPFL!

Scroll down to find more about our project!

What is your project about?

Here you can explain your project in a short sentence or paragraph!

For example: Our team designed a biosensor to detect a certain chemical in water

Top

How does your project work?

Here you can explain briefly how your project works. And add a link to your project page.

Top

Who will your project help?

Tell your audience how your project will help the environment, science, medicine or everything else.

Top

Why did you choose this project?

What motivated you to work on this project? Tell us what inspires you.

Top

Here you can place the logos of your sponsors or other links!