Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
+
 
 +
 
 +
<!-- 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-
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
logo, .printfooter, .firstHeading,.visualClear {display:  
-
.firstHeading {
+
none;} /*-- hides default wiki settings --*/
-
width: 975px;  
+
-
margin: 0px auto;
+
-
padding-top: 100px;
+
-
margin-bottom: 20px;
+
-
font-family: Georgia, Times, "Times New Roman", serif;
+
-
}
+
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
#top-section { /*-- styling for default menu bar (edit, page,  
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
history, etc.) --*/
-
background-color: #383838;
+
border: 0 none;
border: 0 none;
height: 14px;
height: 14px;
Line 27: Line 27:
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
#globalWrapper, #content { /*-- changes default wiki settings
-
background-color: #383838;
+
-
height: 14px;
+
-
display: block;
+
-
z-index: 10;
+
-
position: fixed;
+
-
width: 100%;
+
-
top: 0;
+
-
}
+
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
--*/
-
color: #727272;
+
-
text-decoration: none;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
body {
+
-
background-color: #fff;
+
-
}
+
-
 
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 56: Line 38:
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
html, body, .wrapper { /*-- changes default wiki settings --
 +
 
 +
*/
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
background-color: transparent;
background-color: transparent;
}
}
 +
</style>
 +
<!--  here ends the section that changes the default wiki
-
#contentcontainer { /*-- creates container for all content on page --*/
+
template to a white full width background -->
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-weight: normal;
+
-
font-size: 14px;
+
-
color: #414141;
+
-
width: 960px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background-color: #transparent;
+
-
margin-top: 0px;
+
-
}
+
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
.sidemenu li {display: block;}
+
<!-- beginning of your page -->
-
.sidemenu a {
+
<div id="contentcontainer">
-
text-decoration:none;
+
-
color: #000;
+
-
display: block;
+
-
width: 180px;
+
-
height: 100%;
+
-
padding: 3px 5px;
+
-
transition: .25s ease-in-out;
+
-
-moz-transition: .25s ease-in-out;
+
-
-webkit-transition: .25s ease-in-out;
+
-
}
+
-
.sidemenu a.greyout { color: #909090; }
 
-
.sidemenu a:hover {
+
<!-- this table contains the navigation bar -->
-
color:#666;
+
<table  width="975px" align="center">
-
background-color: #d9f5aa;
+
<tr> <td colspan="10" heigth="155px"> </td></tr>
-
}
+
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
<br>
-
.sub-sidemenu a {color: #666;}
+
-
div.underconst
+
<tr>
-
{
+
<!--
-
padding:10px;
+
**************Navigation bar**************
-
border-radius:5px;
+
Each cell represents a button,
-
background-color:pink;
+
1.- first row defines the borders outside each box, how the
-
text-align:center;
+
-
}
+
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
text is aligned and the height
 +
2.- second row defines the color, here you can change the
-
.contentpara {margin-bottom: 30px;}
+
color by modifying the hex code
 +
3.- third row is where you place the link to where you want
-
span.email{font-family: monospace; font-weight: normal;}
+
that button to take you
 +
4.- fourth row you define the color of the text inside the
-
fieldset {border: 1px solid #337f53;}
+
button and the content of it
 +
-->
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
+
<td style="border:1px solid black;" align="center" height
-
#annContainer {margin-left: 8px;}
+
-
#newsContainer {border: 1px solid #ccc;}
+
-
.newsTitle {
+
="45px"  
-
display: block;
+
onMouseOver="this.bgColor='#d3d3d3'"
-
color: #414141;
+
-
font-size: 25px; 
+
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
-
padding: 10px 15px 5px 10px;
+
-
border-bottom: 1px solid #ccc;
+
-
margin-bottom: 0px;
+
-
}
+
-
.newsItem {
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
-
border-bottom: 1px solid #ccc;
+
<a href="https://2014.igem.org/WikitemplateA_home"
-
display: block;
+
style="color:#000000">Home </a> </td>
-
padding: 5px 15px 0px 10px;
+
-
margin-bottom: 0px;
+
-
}
+
-
.newsItem h3 {
+
<td style="border:1px solid black;" align="center" height
-
width: auto;  
+
-
display: inline;
+
-
font-size: 14px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
padding: 0px;
+
-
margin: 0px;
+
-
}
+
-
.newsItem img {
+
="45px"
-
float: right;
+
onMouseOver="this.bgColor='#d3d3d3'"
-
clear: right;
+
-
width: 80px;
+
-
padding-left: 15px;
+
-
display: inline-block;
+
-
}
+
-
.newsItem .newsDate {
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
font-style: italic;
+
<a href="https://2014.igem.org/WikitemplateA_team"
-
font-size: 14px;
+
style="color:#000000"> Team </a> </td>
-
display: inline-block;
+
-
color: #999;
+
-
float: right;
+
-
padding: 0px 0px 10px 15px;
+
-
}
+
-
.newsItem p, .newsItem ul, .newsItem li {
+
<td style="border:1px solid black;" align="center"  height  
-
padding: 0px;  
+
-
margin-left: 20px;
+
-
font-size: 12px;
+
-
line-height: 1.2;
+
-
}
+
-
.newsItem p {margin-top: 10px;}
+
="45px" 
 +
onMouseOver="this.bgColor='#d3d3d3'"
-
.annItem {
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
border: 2px solid #49b677;
+
<a href=""
-
display: block;
+
style="color:#000000"> Official Team Profile </a></td>
-
padding: 0px 15px 10px 10px;
+
-
margin-bottom: 18px;
+
-
position: relative;
+
-
height: 160px;
+
-
vertical-align: middle;
+
-
}
+
-
.annItem .annCentered {
+
<td style="border:1px solid black" align="center"  height  
-
display: table-cell;
+
-
vertical-align: middle;
+
-
height: 160px;
+
-
}
+
-
.annCentered h3 {
+
="45px"
-
padding: 0px;
+
onMouseOver="this.bgColor='#d3d3d3'"
-
display: block;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
text-align: center;
+
-
}
+
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
-
.annItem li {list-style: none; margin: 5px}
+
<a href="https://2014.igem.org/WikitemplateA_project"
 +
style="color:#000000"> Project</a></td>
 +
<td style="border:1px solid black;" align="center"  height
 +
="45px"
 +
onMouseOver="this.bgColor='#d3d3d3'"
-
</style>
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
</style>
+
<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"
 +
onMouseOver="this.bgColor='#d3d3d3'"
 +
 +
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href=""
 +
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> <td colspan="10" heigth="45px"> </td></tr>
 +
</table>
 +
 +
<!-- end of navigation bar -->
 +
 +
 +
 +
 +
<!-- page content begins-->
 +
 +
<table width="975px" align="center">
 +
<tr ><td coslpan="2" height="35px"></td></tr>
 +
<tr>
 +
 +
<td width="35%" valign="top">
 +
<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
 +
 +
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>
 +
 +
 +
</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>
 +
</table>
 +
 +
 +
 +
 +
<!-- 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>
 +
<!-- first column -->
 +
<td width="30%">
 +
<!-- you can have an image related to your paragraph -->
 +
<img
 +
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 +
ge.jpg" width="300px" height="200px">
 +
<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>
 +
 +
</td>
 +
 +
<td width="5%"></td>
 +
 +
 +
<!-- second column -->
 +
<td width="30%">
 +
<img
 +
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 +
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>
 +
</tr>
 +
 +
 +
</table>
 +
<!-- end of 3 column content -->
 +
 +
 +
 +
</div>
</html>
</html>
 +
 +
<!-- end of page -->

Revision as of 22:51, 20 August 2014


Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

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.