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. --> | ||
− | + | <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 { | ||
− | |||
− | |||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
− | |||
− | |||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
Line 46: | Line 41: | ||
} | } | ||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | /*Create the layout divs */ | ||
− | + | /* Main content wrap */ | |
− | + | ||
− | /* Main content wrap | + | |
#mainContainer { | #mainContainer { | ||
− | + | width: 978px; | |
− | + | ||
− | width: | + | |
overflow:hidden; | overflow:hidden; | ||
− | margin: | + | float:left; |
+ | margin-left:20px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
− | |||
− | |||
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 { | ||
− | |||
− | |||
float:left; | float:left; | ||
− | width: | + | width: 134px; |
padding: 20px 0px; | padding: 20px 0px; | ||
− | |||
− | |||
border-top: 14px solid #565656; | border-top: 14px solid #565656; | ||
background-color: #E8E8E9; | background-color: #E8E8E9; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*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: | + | margin-left: 134px; |
− | margin-top:- | + | margin-top:-42px; |
} | } | ||
− | /* | + | /*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 */ | |
− | /* | + | #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 | + | /*Change the styling of tables in the content div */ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#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/ | + | <a href="https://2015.igem.org/Team:Example2"><li>HOME</li></a> |
− | <a href="https://2015.igem.org/ | + | <a href="https://2015.igem.org/Team:Example2/Team"><li>TEAM</li></a> |
− | <a href="#"><li>PROJECT | + | <a href="#"><li>PROJECT |
<ul> | <ul> | ||
− | <a href="https://2015.igem.org/ | + | <a href="https://2015.igem.org/Team:Example2/Description"><li>Description</li></a> |
− | <a href="https://2015.igem.org/ | + | <a href="https://2015.igem.org/Team:Example2/Experiments"><li>Experiments & Protocols</li></a> |
− | <a href="https://2015.igem.org/ | + | <a href="https://2015.igem.org/Team:Example2/Results"><li>Results</li></a> |
</ul> | </ul> | ||
− | </li> | + | </li></a> |
− | <a href="https://2015.igem.org/ | + | <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/ | + | <a href="https://2015.igem.org/Team:Example2/Notebook"><li>NOTEBOOK</li></a> |
− | + | ||
− | + | ||
− | <a href="https://2015.igem.org/ | + | <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/ | + | <a href="https://2015.igem.org/Team:Example2/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a> |
</ul> | </ul> |
Revision as of 15:43, 9 March 2015
![](https://static.igem.org/mediawiki/2015/3/3b/Banner_templateA.jpg)