WikitemplateA home

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 2: Line 2:
-
<!-- this section changes the default wiki template to a white full width background -->
+
<!-- this section changes the default wiki template to a  
 +
white full width background -->
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
logo, .printfooter, .firstHeading,.visualClear {display:
 +
 
 +
none;} /*-- hides default wiki settings --*/
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page,  
 +
 
 +
history, etc.) --*/
border: 0 none;
border: 0 none;
Line 19: Line 26:
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
#globalWrapper, #content { /*-- changes default wiki settings  
 +
 
 +
--*/
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 28: Line 37:
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
html, body, .wrapper { /*-- changes default wiki settings --
 +
 
 +
*/
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
Line 34: Line 45:
}
}
</style>
</style>
 +
<style type="text/css">
 +
nav ul ul {
 +
display: none;
 +
}
 +
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
nav ul {
 +
background: #efefef;
 +
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
 +
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
 +
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
 +
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
 +
padding: 0 20px;
 +
border-radius: 10px; 
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
}
 +
nav ul:after {
 +
content: ""; clear: both; display: block;
 +
}
 +
nav ul li {
 +
float: left;
 +
}
 +
nav ul li:hover {
 +
background: #4b545f;
 +
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
 +
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
 +
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
 +
}
 +
nav ul li:hover a {
 +
color: #fff;
 +
}
 +
 +
nav ul li a {
 +
display: block; padding: 25px 40px;
 +
color: #757575; text-decoration: none;
 +
}
 +
nav ul ul {
 +
background: #5f6975; border-radius: 0px; padding: 0;
 +
position: absolute; top: 100%;
 +
}
 +
nav ul ul li {
 +
float: none;
 +
border-top: 1px solid #6b727c;
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
 +
}
 +
nav ul ul li a {
 +
padding: 15px 40px;
 +
color: #fff;
 +
}
 +
nav ul ul li a:hover {
 +
background: #4b545f;
 +
}
 +
nav ul ul ul {
 +
position: absolute; left: 100%; top:0;
 +
}
 +
</style>
 +
<!--  here ends the section that changes the default wiki
 +
 +
template to a white full width background -->
Line 39: Line 114:
<div id="contentcontainer">
<div id="contentcontainer">
-
 
Line 49: Line 123:
<tr>  
<tr>  
-
<!-- Navigation bar
+
<!--
-
each cell represents a button,
+
**************Navigation bar**************
-
first row defines the borders outside each box, how the text is aligned and the height
+
Each cell represents a button,
-
second row defines the color, here you can change the color by modifying the hex code
+
1.-  first row defines the borders outside each box, how the  
-
third row is where you place the link to where you want that button to take you
+
-
fourth row you define the color of the text inside the button and the content of it -->
+
 +
text is aligned and the height
 +
2.- second row defines the color, here you can change the
-
<td style="border:1px solid black;" align="center" height ="45px"
+
color by modifying the hex code
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
3.- third row is where you place the link to where you want
-
<a href="https://2014.igem.org/WikitemplateA_home"
+
-
style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
that button to take you
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
4.- fourth row you define the color of the text inside the
-
<a href="https://2014.igem.org/WikitemplateA_team"
+
-
style="color:#000000"> Team </a> </td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" 
+
button and the content of it
-
onMouseOver="this.bgColor='#d3d3d3'" 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 ="45px"  
+
<td>
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<nav>
-
<a href="https://2014.igem.org/WikitemplateA_project"
+
<ul>
-
style="color:#000000"> Project</a></td>
+
<li><a href="#">Home</a></li>
 +
<li><a href="#">Team</a>
 +
<ul>
 +
<li><a href="#">Alejandro</a></li>
 +
<li><a href="#">Isabel</a></li>
 +
<li><a href="#">Karla Rios</a>
 +
<ul>
 +
<li><a href="#">Perfil</a></li>
 +
<li><a href="#">Historial</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Project</a>
 +
<ul>
 +
<li><a href="#">Tema investigación I</a></li>
 +
<li><a href="#">Tema investigación II</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Parts</a></li>
 +
        <li><a href="#">Modeling</a></li>
 +
        <li><a href="#">Notebook</a></li>
 +
        <li><a href="#">Safely</a></li>
 +
        <li><a href="#">Attributions</a></li>
 +
</ul>
 +
</nav>
 +
</td>
-
<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/WikitemplateA_parts"
 
-
style="color:#000000"> Parts</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"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px"
+
<!-- this is the iGEM logo! it will take to igem.org -->
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<td align ="center"> <a href="https://igem.org/Main_Page">  
-
<a href=""
+
-
style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
<img
-
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"
+
src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style="color:#000000"> Attributions </a></td>
+
-
 
+
width="55px"></a> </td>
-
<!-- this is the iGEM logo! it will take to the 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>
Line 116: Line 192:
<!-- page content begins-->
<!-- page content begins-->
-
<!-- team introduction, let us know who you are and what you are working on! -->
+
 
<table width="975px" align="center">
<table width="975px" align="center">
<tr ><td coslpan="2" height="35px"></td></tr>
<tr ><td coslpan="2" height="35px"></td></tr>
Line 122: Line 198:
<td width="35%" valign="top">  
<td width="35%" valign="top">  
-
<h3>Welcome, tell us about your project! </h3>  
+
<h3>Welcome ! </h3>  
-
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. </p>
+
<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
 +
 
 +
links and tabs provided here are basic suggestions, feel free
 +
 
 +
to adapt it for your team and your project. </p>
 +
<p>
 +
If you are looking for general  wiki guidelines,  
 +
 
 +
restrictions, design tips and more, visit the <br><a
 +
 
 +
href="https://2014.igem.org/Wiki_How-To"> Wiki How-To
 +
 
 +
Page</a></p>
 +
</p>
Line 131: Line 223:
-
<!-- here you can place an image related to your project or your logo! -->
+
<!-- here you can place an image related to your project or  
-
<td width="60%" > <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="600px" height="300px"></td>
+
 
 +
your logo! -->
 +
<td width="60%" > <img  
 +
 
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 
 +
ge.jpg" width="600px" height="300px"></td>
Line 138: Line 236:
<tr ><td coslpan="2" height="35px"></td></tr>
<tr ><td coslpan="2" height="35px"></td></tr>
</tr>
</tr>
-
 
</table>
</table>
 +
<!-- 3 columns content
<!-- 3 columns content
-
this area is divided intro 3 columns, you can add more information about your team, project, city or mention your sponsors! -->
+
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">
<table width="975px" align="center">
Line 152: Line 254:
<td width="30%">
<td width="30%">
<!-- you can have an image related to your paragraph -->
<!-- you can have an image related to your paragraph -->
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
<img  
 +
 
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 
 +
ge.jpg" width="300px" height="200px">
<h4> Results</h4>
<h4> Results</h4>
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber
+
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii  
-
  hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
 
 +
accumsan euripidis in, eum liber
 +
  hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit  
 +
 
 +
ridens inciderint id. </p>
</td>
</td>
Line 164: Line 274:
<!-- second column -->
<!-- second column -->
<td width="30%">
<td width="30%">
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
<img  
 +
 
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 
 +
ge.jpg" width="300px" height="200px">
<h4>Human Practice</h4>
<h4>Human Practice</h4>
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,  
+
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii  
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
 
 +
accumsan euripidis in,  
 +
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo  
 +
 
 +
dicit ridens inciderint id. </p>
</td>
</td>
<td width="5%"></td>
<td width="5%"></td>
Line 174: Line 292:
<!-- third column -->
<!-- third column -->
<td width="30%">
<td width="30%">
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
<img  
 +
 
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 
 +
ge.jpg" width="300px" height="200px">
<h4>Follow us on Twitter/Facebook!</h4>
<h4>Follow us on Twitter/Facebook!</h4>
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
+
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii  
-
  eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
 
 +
accumsan euripidis in,
 +
  eum liber hendrerit an. Qui ut wisi vocibus suscipiantur,  
 +
 
 +
quo dicit ridens inciderint id. </p>
</td>
</td>
</tr>
</tr>
Line 185: Line 311:
<!-- end of 3 column content -->
<!-- end of 3 column content -->
-
<!-- end of page -->
 
</div>
</div>
</html>
</html>
 +
 +
<!-- end of page -->

Latest revision as of 16:48, 29 September 2014


Welcome !

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 links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project.

If you are looking for general wiki guidelines, restrictions, design tips and more, visit the
Wiki How-To Page

Results

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.

Human Practice

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.

Follow us on Twitter/Facebook!

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.