Difference between revisions of "Template:TeamTemplateA"

Line 4: Line 4:
 
<!-- This part of the code sets the styling of the webpage, you can modify as you please. -->
 
<!-- This part of the code sets the styling of the webpage, you can modify as you please. -->
  
−
<!-- start of css -->
+
<style type="text/css">
−
<style type="text/css">
+
 
 
 
/* First, clear the default wiki settings */
 
/* First, clear the default wiki settings */
Line 16: Line 15:
 
/* Set up a width, height and color of the body wrapper*/
 
/* Set up a width, height and color of the body wrapper*/
 
body {  
 
body {  
−
 
−
/* Layout */
 
 
width: 100%;  
 
width: 100%;  
 
height: 100%;  
 
height: 100%;  
−
 
−
/* Styling */
 
 
background-color: #fff;
 
background-color: #fff;
 
}
 
}
Line 46: Line 41:
 
}
 
}
  
 +
#top_menu_inside {
 +
margin-left: 20px;
 +
}
 +
 +
/*Create the layout divs */
  
−
/*Create the layout divs */
+
/* Main content wrap */
−
 
+
−
/* Main content wrap */
+
 
#mainContainer {   
 
#mainContainer {   
−
 
+
width: 978px;
−
/* Layout */
+
−
width: 980px;
+
 
overflow:hidden;
 
overflow:hidden;
−
margin:auto;
+
float:left;
 +
margin-left:20px;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
 
−
/* Styling*/
 
 
background-color: #fff;  
 
background-color: #fff;  
 
border-bottom: 14px solid #565656;
 
border-bottom: 14px solid #565656;
Line 66: Line 61:
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
 +
 +
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
  
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
 
#menuContainer  {  
 
#menuContainer  {  
−
 
−
/* Layout */
 
 
float:left;
 
float:left;
−
width: 135px;
+
width: 134px;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
 
−
/*Styling*/
 
 
border-top: 14px solid #565656;
 
border-top: 14px solid #565656;
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
 
}
 
}
−
 
−
 
−
#contentContainer {
 
−
 
−
/* Layout */
 
−
padding-top:20px;
 
−
padding-right:10px;
 
−
margin-bottom: 20px;
 
−
width: 815px;
 
−
padding-left: 20px;
 
−
float: left;
 
−
 
−
/* Styling*/
 
−
background-color: #fff;
 
−
border-top: 14px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
−
 
  
 
/*Makes all the links the same */
 
/*Makes all the links the same */
Line 104: Line 85:
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
−
 
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
Line 136: Line 116:
 
/*Shows the submenus once you hover*/
 
/*Shows the submenus once you hover*/
 
#menuContainer li:hover ul {
 
#menuContainer li:hover ul {
−
display: inline-block;  
+
/*display: inline-block; */
 +
display: block;  
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
−
margin-left: 40px;
+
margin-left: 134px;
−
margin-top:-23px;
+
margin-top:-42px;
 
  }
 
  }
  
−
/*style the submenu buttons*/
+
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
#menuContainer li ul li{
 
background-color: #59BF92;  
 
background-color: #59BF92;  
Line 156: Line 137:
  
  
−
 
+
/* Creates the container for the content */
−
/*Styling the content*/
+
#contentContainer {
 +
padding-top:20px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
Line 165: Line 156:
 
font-weight: bold;
 
font-weight: bold;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
margin-top:10px;
+
margin-top:10px;
 
}
 
}
  
Line 179: Line 170:
 
}
 
}
  
−
/*Change the styling of text */
+
/*Change the styling of tables in the content div */
−
#mainContainer p {
+
−
font-size: 13px;
+
−
color: #000000;
+
−
}
+
−
 
+
−
/* Clear float */
+
−
.clear{
+
−
clear:both;
+
−
}
+
−
 
+
−
        .simpleButton {
+
−
            width: 100px;
+
−
    background-color: #23B593;
+
−
    height: 25px;
+
−
    text-align: center;
+
−
        padding: 12px 7px 5px 7px;
+
−
        margin: auto;
+
−
color: #fff;
+
−
        font-weight: bold;
+
−
    }       
+
−
 
+
−
        .simpleButton:hover {
+
−
    background: #59bf92;
+
−
    }
+
−
 
+
 
         #contentContainer table {
 
         #contentContainer table {
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
Line 216: Line 182:
 
     }
 
     }
  
 +
/*Change the styling of table cells in the content div */
 
     #contentContainer  td {
 
     #contentContainer  td {
 
     padding: 10px;
 
     padding: 10px;
Line 223: Line 190:
 
     }
 
     }
  
 +
/*Change the styling of table headers in the content div */
 
     #contentContainer th {
 
     #contentContainer th {
 
     background-color: #E8E8E9;
 
     background-color: #E8E8E9;
Line 231: Line 199:
 
     }
 
     }
  
 +
/*Create a high light box class*/
 
     .highlightBox {
 
     .highlightBox {
 
         width:500px;  
 
         width:500px;  
Line 241: Line 210:
 
     }
 
     }
  
−
 
+
/* Create clear float class */
 +
.clear{
 +
clear:both;
 +
}
  
 
</style>
 
</style>
 
<!-- end of css -->
 
<!-- end of css -->
 +
 +
 +
 
<div id ="mainContainer">
 
<div id ="mainContainer">
 
<img src="https://static.igem.org/mediawiki/2015/3/3b/Banner_templateA.jpg">
 
<img src="https://static.igem.org/mediawiki/2015/3/3b/Banner_templateA.jpg">
Line 250: Line 225:
 
<div id="menuContainer">
 
<div id="menuContainer">
 
<ul>
 
<ul>
−
<a href="https://2015.igem.org/TemplateforTeams"><li>HOME</li></a>
+
<a href="https://2015.igem.org/Team:Example2"><li>HOME</li></a>
  
−
<a href="https://2015.igem.org/TemplateforTeams/Team"><li>TEAM</li></a>
+
<a href="https://2015.igem.org/Team:Example2/Team"><li>TEAM</li></a>
  
  
−
<a href="#"><li>PROJECT</a>
+
<a href="#"><li>PROJECT
 
             <ul>
 
             <ul>
−
<a href="https://2015.igem.org/TemplateforTeams/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:Example2/Description"><li>Description</li></a>
−
<a href="https://2015.igem.org/TemplateforTeams/Data"><li>Data</li></a>   
+
<a href="https://2015.igem.org/Team:Example2/Experiments"><li>Experiments & Protocols</li></a>   
−
<a href="https://2015.igem.org/TemplateforTeams/Results"><li>Results</li></a>   
+
<a href="https://2015.igem.org/Team:Example2/Results"><li>Results</li></a>   
 
</ul>
 
</ul>
−
</li>
+
</li></a>
  
−
<a href="https://2015.igem.org/TemplateforTeams/Parts"><li>PARTS</li></a>
+
<a href="#"><li>PARTS
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Example2/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Example2/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:Example2/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Example2/Part_Collection"><li>Part Collection</li></a> 
 +
</ul>
 +
</li></a>
  
−
<a href="https://2015.igem.org/TemplateforTeams/Practices"><li>PRACTICES</li></a>
+
<a href="https://2015.igem.org/Team:Example2/Notebook"><li>NOTEBOOK</li></a>
−
 
+
−
<a href="https://2015.igem.org/TemplateforTeams/Safety"><li>SAFETY</li></a>
+
 
        
 
        
−
<a href="https://2015.igem.org/TemplateforTeams/Attributions"><li>ATTRIBUTIONS</li></a>
+
<a href="https://2015.igem.org/Team:Example2/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example2/Practices"><li>HUMAN PRACTICES</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example2/Safety"><li>SAFETY</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example2/Modeling"><li>MODELING</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example2/Measurement"><li>MEASUREMENT</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example2/Software"><li>SOFTWARE</li></a>
  
−
<a href="https://2015.igem.org/TemplateforTeams/Notebook"><li>NOTEBOOK</li></a>
+
<a href="https://2015.igem.org/Team:Example2/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
  
 
</ul>
 
</ul>

Revision as of 15:43, 9 March 2015