Difference between revisions of "Template:Amsterdam"
(Prototype team template page) |
|||
| (24 intermediate revisions by 2 users not shown) | |||
| Line 6: | Line 6: | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | #globalWrapper, #content{ | ||
| + | width: 100%; | ||
| + | border: 0px; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
/* PAGE LAYOUT */ | /* PAGE LAYOUT */ | ||
| Line 16: | Line 23: | ||
/* 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: | + | width: 98%; |
overflow:hidden; | overflow:hidden; | ||
| − | float:left; | + | /* float:left;*/ |
| − | + | /* margin-left:20px;*/ | |
margin-bottom: 10px; | margin-bottom: 10px; | ||
| + | margin: auto; | ||
background-color: #fff; | background-color: #fff; | ||
border-bottom: 14px solid #565656; | border-bottom: 14px solid #565656; | ||
| Line 32: | Line 40: | ||
#menuContainer { | #menuContainer { | ||
float:left; | float:left; | ||
| − | width: | + | width: 100%; |
padding: 20px 0px; | padding: 20px 0px; | ||
| − | border-top: | + | border-top: 4px solid #565656; |
| + | border-bottom: 4px solid #565656; | ||
background-color: #E8E8E9; | background-color: #E8E8E9; | ||
} | } | ||
| Line 41: | Line 50: | ||
#contentContainer { | #contentContainer { | ||
padding-top:20px; | padding-top:20px; | ||
| − | padding | + | padding-bottom:20px; |
| − | + | width: 50%; | |
| − | + | /* float: left;*/ | |
| − | + | margin: auto; | |
| − | + | display : table; | |
background-color: #fff; | background-color: #fff; | ||
| − | + | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
| Line 125: | Line 134: | ||
text-decoration:none; | text-decoration:none; | ||
font-weight: bold; | font-weight: bold; | ||
| + | /* | ||
| + | padding-left: 2px; | ||
| + | padding-right: 2px; | ||
| + | |||
| + | */ | ||
} | } | ||
/* Sets the style for lists inside menuContainer */ | /* Sets the style for lists inside menuContainer */ | ||
#menuContainer ul { | #menuContainer ul { | ||
| − | list-style: | + | /* |
| + | list-style: inline; | ||
margin-left:0px; | margin-left:0px; | ||
| + | |||
| + | */ | ||
| + | font-family: Arial, Verdana; | ||
| + | font-size: 14px; | ||
| + | margin: 0; | ||
| + | padding-left: 50px; | ||
| + | list-style: none; | ||
} | } | ||
| Line 136: | Line 158: | ||
#menuContainer ul li { | #menuContainer ul li { | ||
text-align: center; | text-align: center; | ||
| − | + | ||
| − | + | /* display: inline;*/ | |
| + | /* width: 100%;*/ | ||
height:30px; | height:30px; | ||
padding-top:10px; | padding-top:10px; | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | float: left; | ||
} | } | ||
| Line 155: | Line 183: | ||
} | } | ||
| + | |||
| + | #menuContainer ul li a { | ||
| + | display: block; | ||
| + | |||
| + | /* | ||
| + | text-decoration: none; | ||
| + | color: #ffffff; | ||
| + | border-top: 1px solid #ffffff; | ||
| + | padding: 5px 15px 5px 15px; | ||
| + | background: #2C5463; | ||
| + | margin-left: 1px; | ||
| + | white-space: nowrap; | ||
| + | */ | ||
| + | } | ||
/*Submenus are displayed when hovering the menu button */ | /*Submenus are displayed when hovering the menu button */ | ||
#menuContainer li:hover ul { | #menuContainer li:hover ul { | ||
| − | + | display: none; | |
| − | + | ||
position: absolute; | position: absolute; | ||
float:right; | float:right; | ||
| + | /* | ||
margin-left: 134px; | margin-left: 134px; | ||
margin-top:-42px; | margin-top:-42px; | ||
| − | + | */ | |
| + | } | ||
| + | |||
| + | /*#menuContainer ul li a:hover { | ||
| + | background: #617F8A; | ||
| + | }*/ | ||
| + | #menuContainer li:hover ul { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | } | ||
| + | #menuContainer li:hover li { | ||
| + | float: none; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | /* | ||
| + | #menuContainer li:hover a { | ||
| + | background: #617F8A; | ||
| + | } | ||
| + | */ /* | ||
| + | #menuContainer li:hover li a:hover { | ||
| + | background: #95A9B1; | ||
| + | } | ||
| + | */ | ||
| + | |||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
#menuContainer li ul li{ | #menuContainer li ul li{ | ||
| + | |||
background-color: #59BF92; | background-color: #59BF92; | ||
padding-left:20px; | padding-left:20px; | ||
| Line 175: | Line 241: | ||
color: #565656; | color: #565656; | ||
width: 150px; | width: 150px; | ||
| + | |||
} | } | ||
| Line 207: | Line 274: | ||
<div id="bannerContainer"> | <div id="bannerContainer"> | ||
| − | + | <img src="https://static.igem.org/mediawiki/2015/8/81/Team_Amsterdam_banner.jpg" alt="Our team"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| Line 218: | Line 281: | ||
<!-- 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> | |
<a href="https://2015.igem.org/Team:Amsterdam"><li>HOME</li></a> | <a href="https://2015.igem.org/Team:Amsterdam"><li>HOME</li></a> | ||
<a href="https://2015.igem.org/Team:Amsterdam/Team"><li>TEAM</li></a> | <a href="https://2015.igem.org/Team:Amsterdam/Team"><li>TEAM</li></a> | ||
| − | <a href=" | + | <a href="https://2015.igem.org/Team:Amsterdam/Project"><li>PROJECT |
| − | + | <ul> | |
| − | <a href="https://2015.igem.org/Team:Amsterdam/ | + | <a href="https://2015.igem.org/Team:Amsterdam/Project/Problem"><li>Problem</li></a> |
| − | <a href="https://2015.igem.org/Team:Amsterdam/ | + | <a href="https://2015.igem.org/Team:Amsterdam/Project/Synechocystis"><li>Synechocystis</li></a> |
| − | <a href="https://2015.igem.org/Team:Amsterdam/ | + | <a href="https://2015.igem.org/Team:Amsterdam/Project/Ecoli"><li>E. coli</li></a> |
| − | <a href="https://2015.igem.org/Team:Amsterdam/ | + | <a href="https://2015.igem.org/Team:Amsterdam/Project/Consortia"><li>Consortia</li></a> |
| + | <a href="https://2015.igem.org/Team:Amsterdam/Project/Drylab"><li>Dry Lab</li></a> | ||
</ul> | </ul> | ||
</li></a> | </li></a> | ||
| Line 256: | Line 320: | ||
<a href="https://2015.igem.org/Team:Amsterdam/Software"><li>SOFTWARE</li></a> | <a href="https://2015.igem.org/Team:Amsterdam/Software"><li>SOFTWARE</li></a> | ||
| − | |||
| − | |||
</ul> | </ul> | ||
Latest revision as of 15:20, 24 July 2015
