Difference between revisions of "Template:Amsterdam"
| Line 6: | Line 6: | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | |||
| + | |||
/* PAGE LAYOUT */ | /* PAGE LAYOUT */ | ||
| Line 13: | Line 16: | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/* 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 37: | Line 38: | ||
width: 100%; | 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 44: | Line 46: | ||
#contentContainer { | #contentContainer { | ||
padding-top:20px; | padding-top:20px; | ||
| − | padding | + | padding-bottom:20px; |
| − | + | width: 50%; | |
| − | + | /* float: left;*/ | |
| − | + | margin: auto; | |
| − | + | display : table; | |
| + | /* padding-left: 20px;*/ | ||
| + | |||
background-color: #fff; | background-color: #fff; | ||
| − | + | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
| Line 128: | Line 132: | ||
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: inline; | 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 139: | Line 156: | ||
#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 153: | Line 176: | ||
/*Submenus are not displayed as default*/ | /*Submenus are not displayed as default*/ | ||
#menuContainer li ul { | #menuContainer li ul { | ||
| − | |||
display: none; | display: none; | ||
padding-top:15px; | padding-top:15px; | ||
| Line 159: | Line 181: | ||
} | } | ||
| + | |||
| + | #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 { | ||
| Line 164: | Line 200: | ||
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 178: | Line 237: | ||
color: #565656; | color: #565656; | ||
width: 150px; | width: 150px; | ||
| + | */ | ||
} | } | ||
| Line 262: | Line 322: | ||
<!-- Start of content --> | <!-- Start of content --> | ||
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> | <div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> | ||
| − | |||
</html> | </html> | ||
Revision as of 19:48, 12 July 2015
