Difference between revisions of "Template:TU Delft"
Line 31: | Line 31: | ||
} | } | ||
− | + | /* Creates the container for the menu */ | |
#menuContainer { | #menuContainer { | ||
− | float: | + | float:left; |
width: 134px; | width: 134px; | ||
padding: 20px 0px; | padding: 20px 0px; | ||
Line 42: | Line 42: | ||
/* Creates the container for the content */ | /* Creates the container for the content */ | ||
#contentContainer { | #contentContainer { | ||
− | float: | + | 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; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
Line 97: | Line 103: | ||
/*Change the styling of table cells*/ | /*Change the styling of table cells*/ | ||
#contentContainer td { | #contentContainer td { | ||
− | + | padding: 10px; | |
border: 1px solid #565656; | border: 1px solid #565656; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Line 106: | Line 112: | ||
#contentContainer th { | #contentContainer th { | ||
background-color: #E8E8E9; | background-color: #E8E8E9; | ||
− | + | padding: 10px; | |
border: 1px solid #565656; | border: 1px solid #565656; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Line 135: | Line 141: | ||
width: 100%; | width: 100%; | ||
height:30px; | height:30px; | ||
− | + | padding-top:10px; | |
} | } | ||
Line 147: | Line 153: | ||
#menuContainer li ul { | #menuContainer li ul { | ||
display: none; | display: none; | ||
− | + | padding-top:15px; | |
margin-left: -19px; | margin-left: -19px; | ||
} | } | ||
Line 156: | Line 162: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
− | float: | + | float:right; |
margin-left: 134px; | margin-left: 134px; | ||
margin-top:-42px; | margin-top:-42px; | ||
Line 164: | Line 170: | ||
#menuContainer li ul li{ | #menuContainer li ul li{ | ||
background-color: #59BF92; | background-color: #59BF92; | ||
− | + | padding-left:20px; | |
+ | padding-right:20px; | ||
height:30px; | height:30px; | ||
− | + | padding-top:10px; | |
margin-top:-2px; | margin-top:-2px; | ||
color: #565656; | color: #565656; | ||
Line 188: | Line 195: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
margin-top: 15px; | margin-top: 15px; | ||
− | + | padding: 15px; | |
+ | padding-top: 5px; | ||
} | } | ||
Line 199: | Line 207: | ||
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | <div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | ||
− | + | ||
− | <div id="bannerContainer"> | + | <div id="bannerContainer"> |
+ | <br><br> | ||
<img src="https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg" height="200" width="950"> | <img src="https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg" height="200" width="950"> | ||
+ | |||
+ | <p>You can make the image 980px by 200px</p> | ||
+ | <p> Remember to call the file: "<i>Team_TU_Delft_banner.jpg</i>" </p> | ||
</div> | </div> | ||
<!-- Start of menu --> | <!-- 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 --> | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | ||
<ul> | <ul> | ||
Line 253: | Line 266: | ||
<!-- Start of content --> | <!-- Start of content --> | ||
− | <div id="contentContainer"> | + | <div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> |
− | + | ||
</html> | </html> |
Revision as of 21:00, 16 May 2015