Difference between revisions of "Template:Example2"
| Line 4: | Line 4: | ||
<!-- This part of the code sets the styling of the webpage, you can modify as you please. --> | <!-- This part of the code sets the styling of the webpage, you can modify as you please. --> | ||
| − | + | <style type="text/css"> | |
| − | + | ||
/* First, clear the default wiki settings */ | /* First, clear the default wiki settings */ | ||
| Line 47: | Line 46: | ||
| − | + | /*Create the layout divs */ | |
/* Main content wrap */ | /* Main content wrap */ | ||
| Line 115: | Line 114: | ||
#menuContainer ul li { | #menuContainer ul li { | ||
text-align: center; | text-align: center; | ||
| − | display: block; | + | display: block; |
| − | width: 100%; | + | width: 100%; |
| − | height: 30px; | + | height:30px; |
| − | padding-top: 10px; | + | padding-top:10px; |
} | } | ||
| Line 130: | Line 129: | ||
#menuContainer li ul { | #menuContainer li ul { | ||
display: none; | display: none; | ||
| − | + | padding-top:15px; | |
| − | + | margin-left: -19px; | |
| − | + | ||
| − | margin-left: | + | |
} | } | ||
| Line 139: | Line 136: | ||
#menuContainer li:hover ul { | #menuContainer li:hover ul { | ||
display: inline-block; | display: inline-block; | ||
| + | position: absolute; | ||
float:right; | float:right; | ||
| − | + | margin-left: 40px; | |
| + | margin-top:-23px; | ||
} | } | ||
/*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; |
| − | padding-right: 20px; | + | padding-right:20px; |
| − | height: 30px; | + | height:30px; |
| − | padding-top: 10px; | + | padding-top:10px; |
| − | margin-top: -2px; | + | margin-top:-2px; |
color: #565656; | color: #565656; | ||
} | } | ||
| Line 165: | Line 164: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
| − | + | margin-top:10px; | |
} | } | ||
| Line 189: | Line 188: | ||
clear:both; | clear:both; | ||
} | } | ||
| + | |||
| + | .simpleButton { | ||
| + | width: 100px; | ||
| + | background-color: #23B593; | ||
| + | height: 25px; | ||
| + | text-align: center; | ||
| + | padding: 12px 7px 5px 7px; | ||
| + | margin: auto; | ||
| + | color: #fff; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | .simpleButton:hover { | ||
| + | background: #59bf92; | ||
| + | } | ||
#contentContainer table { | #contentContainer table { | ||
Revision as of 21:36, 24 February 2015
