Difference between revisions of "Template:UIUC Illinois"
(Prototype team template page) |
|||
| (19 intermediate revisions by 3 users not shown) | |||
| Line 6: | Line 6: | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | + | <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"> | |
/* PAGE LAYOUT */ | /* PAGE LAYOUT */ | ||
/* Change Background color*/ | /* Change Background color*/ | ||
| − | body { | + | body { |
| − | background-color: # | + | background-color: #FFF3B1; |
} | } | ||
/* Creates a container that will wrap all of the content inside your wiki pages. */ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
| − | #mainContainer { | + | #mainContainer { |
width: 978px; | width: 978px; | ||
overflow:hidden; | overflow:hidden; | ||
| Line 21: | Line 21: | ||
margin-left:20px; | margin-left:20px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| − | background-color: # | + | background-color: #FFF; |
| − | border-bottom: 14px solid # | + | border-bottom: 14px solid #000445; |
| − | border-right: 2px solid # | + | border-right: 2px solid #000445; |
| − | border-left: 2px solid # | + | border-left: 2px solid #000445; |
| − | border-top: 2px solid # | + | border-top: 2px solid #000445; |
| − | font-family: "Trebuchet MS", Helvetica, sans-serif; | + | font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; |
} | } | ||
/* Creates the container for the menu */ | /* Creates the container for the menu */ | ||
| − | #menuContainer { | + | #menuContainer { |
float:left; | float:left; | ||
width: 134px; | width: 134px; | ||
padding: 20px 0px; | padding: 20px 0px; | ||
| − | border-top: 14px solid # | + | border-top: 14px solid #000445; |
| − | background-color: # | + | background-color: #EB7E09; |
} | } | ||
| Line 46: | Line 46: | ||
padding-left: 20px; | padding-left: 20px; | ||
float: left; | float: left; | ||
| − | background-color: # | + | background-color: #FFF; |
| − | border-top: 14px solid # | + | border-top: 14px solid #000445; |
| − | font-family: "Trebuchet MS", Helvetica, sans-serif; | + | font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; |
} | } | ||
| Line 56: | Line 56: | ||
margin:auto; | margin:auto; | ||
text-align:center; | text-align:center; | ||
| − | color: # | + | color: #FF590A; |
} | } | ||
| Line 62: | Line 62: | ||
/*Change the styling of text for everything inside main container*/ | /*Change the styling of text for everything inside main container*/ | ||
| − | #mainContainer p { | + | #mainContainer p { |
font-size: 13px; | font-size: 13px; | ||
color: #000000; | color: #000000; | ||
} | } | ||
| − | + | ||
/*This changes the color and font family */ | /*This changes the color and font family */ | ||
| − | #contentContainer h1, h2, h3, h4, h5, h6 { | + | #contentContainer h1, h2, h3, h4, h5, h6 { |
| − | color: # | + | color: #000445; |
border-bottom: none; | border-bottom: none; | ||
font-weight: bold; | font-weight: bold; | ||
| − | font-family: "Trebuchet MS", Helvetica, sans-serif; | + | font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; |
margin-top:10px; | margin-top:10px; | ||
} | } | ||
/*Style of the links - links are different inside the menu */ | /*Style of the links - links are different inside the menu */ | ||
| − | #contentContainer a { | + | #contentContainer a { |
font-weight: bold; | font-weight: bold; | ||
color: #23b593; | color: #23b593; | ||
| Line 83: | Line 83: | ||
/* Styling links on hover- links are different inside the menu */ | /* Styling links on hover- links are different inside the menu */ | ||
| − | #contentContainer a:hover { | + | #contentContainer a:hover { |
| − | color: # | + | color: #FF590A; |
} | } | ||
/*Change the styling of tables */ | /*Change the styling of tables */ | ||
#contentContainer table { | #contentContainer table { | ||
| − | border: 1px solid # | + | border: 1px solid #000445; |
border-collapse: collapse; | border-collapse: collapse; | ||
width: 90% | width: 90% | ||
| Line 102: | Line 102: | ||
#contentContainer td { | #contentContainer td { | ||
padding: 10px; | padding: 10px; | ||
| − | border: 1px solid # | + | border: 1px solid #000445; |
border-collapse: collapse; | border-collapse: collapse; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
| Line 109: | Line 109: | ||
/*Change the styling of table headers */ | /*Change the styling of table headers */ | ||
#contentContainer th { | #contentContainer th { | ||
| − | background-color: # | + | background-color: #EB7E09; |
padding: 10px; | padding: 10px; | ||
| − | border: 1px solid # | + | border: 1px solid #000445; |
border-collapse: collapse; | border-collapse: collapse; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
| Line 122: | Line 122: | ||
/*Styling for the links in the menu */ | /*Styling for the links in the menu */ | ||
#menuContainer a { | #menuContainer a { | ||
| − | color: # | + | color: #000445; |
text-decoration:none; | text-decoration:none; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 128: | Line 128: | ||
/* Sets the style for lists inside menuContainer */ | /* Sets the style for lists inside menuContainer */ | ||
| − | #menuContainer ul { | + | #menuContainer ul { |
list-style: none; | list-style: none; | ||
margin-left:0px; | margin-left:0px; | ||
| Line 134: | Line 134: | ||
/*Styles the list items to become menu buttons */ | /*Styles the list items to become menu buttons */ | ||
| − | #menuContainer ul li { | + | #menuContainer ul li { |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
| Line 145: | Line 145: | ||
#menuContainer li:hover { | #menuContainer li:hover { | ||
color: #FFF; | color: #FFF; | ||
| − | background-color: # | + | background-color: #FF590A; |
} | } | ||
| Line 158: | Line 158: | ||
#menuContainer li:hover ul { | #menuContainer li:hover ul { | ||
/*display: inline-block; */ | /*display: inline-block; */ | ||
| − | display: block; | + | display: block; |
| − | position: absolute; | + | position: absolute; |
float:right; | float:right; | ||
margin-left: 134px; | margin-left: 134px; | ||
| Line 167: | Line 167: | ||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
#menuContainer li ul li{ | #menuContainer li ul li{ | ||
| − | background-color: # | + | background-color: #FF590A; |
padding-left:20px; | padding-left:20px; | ||
padding-right:20px; | padding-right:20px; | ||
| Line 173: | Line 173: | ||
padding-top:10px; | padding-top:10px; | ||
margin-top:-2px; | margin-top:-2px; | ||
| − | color: # | + | color: #000445; |
width: 150px; | width: 150px; | ||
} | } | ||
| Line 188: | Line 188: | ||
/* highlight box for special messages */ | /* highlight box for special messages */ | ||
.highlightBox { | .highlightBox { | ||
| − | width:500px; | + | width:500px; |
| − | margin:auto; | + | margin:auto; |
| − | background-color: # | + | background-color: #EB7E09; |
margin-bottom: 15px; | margin-bottom: 15px; | ||
margin-top: 15px; | margin-top: 15px; | ||
| Line 207: | Line 207: | ||
<div id="bannerContainer"> | <div id="bannerContainer"> | ||
| − | <br><br> | + | <!-- <br><br> --> |
| − | <h2> Add a banner to your wiki! </h2> | + | <!-- <h2> Add a banner to your wiki! </h2> --> |
| − | + | <!-- James here. If I'm correct, this is where you can add a banner to the wiki --> | |
| − | <p>You can make the image 980px by 200px</p> | + | <img style="margin-top:-0px" src="https://static.igem.org/mediawiki/2015/4/4b/Wikilogo.png" width="980px" height="200"/> |
| − | <p> Remember to call the file: "<i>Team_UIUC_Illinois_banner.jpg</i>" </p> | + | <!-- <p>You can make the image 980px by 200px</p> --> |
| + | <!-- <p> Remember to call the file: "<i>Team_UIUC_Illinois_banner.jpg</i>" </p> --> | ||
</div> | </div> | ||
| Line 226: | Line 227: | ||
<ul> | <ul> | ||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Description"><li>Description</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Description"><li>Description</li></a> | ||
| − | <a href="https://2015.igem.org/Team:UIUC_Illinois/Experiments"><li>Experiments & Protocols</li></a> | + | <a href="https://2015.igem.org/Team:UIUC_Illinois/Experiments"><li>Experiments & Protocols</li></a> |
| − | <a href="https://2015.igem.org/Team:UIUC_Illinois/Results"><li>Results</li></a> | + | <a href="https://2015.igem.org/Team:UIUC_Illinois/Results"><li>Results</li></a> |
| − | + | ||
</ul> | </ul> | ||
</li></a> | </li></a> | ||
| Line 235: | Line 236: | ||
<ul> | <ul> | ||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Parts"><li>Team Parts</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Parts"><li>Team Parts</li></a> | ||
| − | |||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Composite_Part"><li>Composite Parts</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Composite_Part"><li>Composite Parts</li></a> | ||
| − | <a href="https://2015.igem.org/Team:UIUC_Illinois/Part_Collection"><li>Part Collection</li></a> | + | <a href="https://2015.igem.org/Team:UIUC_Illinois/Part_Collection"><li>Part Collection</li></a> |
</ul> | </ul> | ||
</li></a> | </li></a> | ||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Notebook"><li>NOTEBOOK</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Notebook"><li>NOTEBOOK</li></a> | ||
| − | + | ||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Attributions"><li>ATTRIBUTIONS</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Attributions"><li>ATTRIBUTIONS</li></a> | ||
| Line 251: | Line 251: | ||
<a href="https://2015.igem.org/Team:UIUC_Illinois/Safety"><li>SAFETY</li></a> | <a href="https://2015.igem.org/Team:UIUC_Illinois/Safety"><li>SAFETY</li></a> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</ul> | </ul> | ||
Latest revision as of 03:06, 19 September 2015
