Difference between revisions of "Template:TeamTemplateB"
m (Protected "Template:TeamTemplateB" ([edit=sysop] (indefinite) [move=sysop] (indefinite))) |
|||
(11 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Template_All_Teams}} | ||
+ | |||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
− | + | <!-- Start of CSS--> | |
+ | <style type="text/css"> | ||
− | + | /* PAGE LAYOUT */ | |
− | + | ||
− | /* | + | /* page background color*/ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
body { | body { | ||
− | |||
− | |||
background-color: #A7A9AB; | background-color: #A7A9AB; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Creates a container that will wrap all of the content inside your wiki pages. */ | |
#mainContainer { | #mainContainer { | ||
width: 980px; | width: 980px; | ||
Line 56: | Line 25: | ||
} | } | ||
− | + | /* Creates the container for the menu */ | |
− | + | ||
#menuContainer { | #menuContainer { | ||
float:right; | float:right; | ||
Line 67: | Line 35: | ||
} | } | ||
− | + | /* Creates the container for the content */ | |
#contentContainer { | #contentContainer { | ||
background-color: #EEEDEA; | background-color: #EEEDEA; | ||
Line 77: | Line 45: | ||
− | /* | + | /*Set up height place holder for the banner*/ |
+ | #bannerContainer { | ||
+ | height:200px; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | color: #24B694; | ||
+ | } | ||
+ | |||
+ | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
+ | |||
+ | |||
+ | /*Change the styling of text for everything inside main container*/ | ||
+ | #mainContainer p { | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | font-size: 12px; | ||
+ | color: #0e232f; | ||
+ | } | ||
+ | |||
+ | /*This changes the color and font family */ | ||
+ | #contentContainer h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | color: #0e232f; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | /*Style of the links - links are different inside the menu */ | ||
+ | #contentContainer a { | ||
+ | font-weight: bold; | ||
+ | color: #ee3e53; | ||
+ | } | ||
+ | |||
+ | /* Styling links on hover- links are different inside the menu */ | ||
+ | #contentContainer a:hover{ | ||
+ | color: #f4b248; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | width: 90% | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | background-color: #EEEDEA; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | background-color: #e8d5b7; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*MENU STYLING */ | ||
+ | |||
+ | /*Styling for the links in the menu */ | ||
#menuContainer a { | #menuContainer a { | ||
color: #EEEDEA; | color: #EEEDEA; | ||
Line 100: | Line 139: | ||
padding: 10px; | padding: 10px; | ||
margin-bottom:5px; | margin-bottom:5px; | ||
− | padding-left: 20px | + | padding-left: -20px; |
− | + | ||
} | } | ||
Line 109: | Line 147: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*HIde the submenus and removes the padding */ | /*HIde the submenus and removes the padding */ | ||
Line 120: | Line 152: | ||
display: none; | display: none; | ||
padding-top:15px; | padding-top:15px; | ||
− | margin-left: - | + | margin-left: -9px; |
} | } | ||
Line 141: | Line 173: | ||
− | + | /*CLASSES */ | |
− | + | /*Clear class for all the pages, adds spacing too*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.clear{ | .clear{ | ||
clear:both; | clear:both; | ||
+ | height: 10px; | ||
} | } | ||
− | + | /* highlight box for special messages */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.highlightBox { | .highlightBox { | ||
width:500px; | width:500px; | ||
Line 228: | Line 190: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
− | |||
</style> | </style> | ||
− | + | <!-- End of CSS --> | |
− | + | ||
− | + | ||
+ | <!-- Start of the template html elements. --> | ||
+ | <div id ="mainContainer"><!--This div will close on the page.--> | ||
+ | |||
+ | <div id="bannerContainer"> | ||
+ | <br><br> | ||
+ | <h2> Add a banner to your wiki! </h2> | ||
+ | |||
+ | <p>You can make the image 980px by 200px</p> | ||
+ | <p> Remember to call the file: "<i>Team_Example_banner.jpg</i>" </p> | ||
+ | </div> | ||
+ | <!-- Start of menu --> | ||
<div id="menuContainer"> | <div id="menuContainer"> | ||
− | + | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | |
+ | <ul> | ||
<a href="https://2015.igem.org/Team:Example2"><li>HOME</li></a> | <a href="https://2015.igem.org/Team:Example2"><li>HOME</li></a> | ||
Line 264: | Line 235: | ||
<a href="https://2015.igem.org/Team:Example2/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/Collaborations"><li>COLLABORATIONS</li></a> | ||
<a href="https://2015.igem.org/Team:Example2/Practices"><li>HUMAN PRACTICES</li></a> | <a href="https://2015.igem.org/Team:Example2/Practices"><li>HUMAN PRACTICES</li></a> | ||
Line 279: | Line 252: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <!-- End of menu --> | ||
− | + | <!-- Start of content --> | |
− | + | <div id="contentContainer"><!--This div will close on the page.--> | |
− | <div id="contentContainer"> | + | |
</html> | </html> |
Latest revision as of 15:51, 29 July 2015