Difference between revisions of "Template:HKUST-Rice"
Stephanieyiu (Talk | contribs) (Undo revision 18458 by Stephanieyiu (talk)) |
SabrinaTam (Talk | contribs) |
||
Line 31: | Line 31: | ||
/* Creates the container for the menu */ | /* Creates the container for the menu */ | ||
#menuContainer { | #menuContainer { | ||
− | float: | + | float: left; |
− | width: | + | width: 1270px; |
padding: 20px 0px; | padding: 20px 0px; | ||
background-color: #E8E8E9; | background-color: #E8E8E9; | ||
Line 40: | Line 40: | ||
#contentContainer { | #contentContainer { | ||
padding-top:20px; | padding-top:20px; | ||
− | padding-right: | + | padding-right:20px; |
margin-bottom: 20px; | margin-bottom: 20px; | ||
− | width: | + | width: 1270px; |
padding-left: 20px; | padding-left: 20px; | ||
− | float: | + | float: left; |
background-color: #fff; | background-color: #fff; | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
Line 51: | Line 51: | ||
/*Set up height place holder for the banner*/ | /*Set up height place holder for the banner*/ | ||
#bannerContainer { | #bannerContainer { | ||
− | height: | + | height:100px; |
margin:auto; | margin:auto; | ||
text-align:center; | text-align:center; | ||
Line 61: | Line 61: | ||
/*Change the styling of text for everything inside main container*/ | /*Change the styling of text for everything inside main container*/ | ||
#mainContainer p { | #mainContainer p { | ||
− | font-size: | + | font-size: 10px; |
color: #000000; | color: #000000; | ||
} | } | ||
Line 128: | Line 128: | ||
#menuContainer ul { | #menuContainer ul { | ||
list-style: none; | list-style: none; | ||
− | margin-left: | + | margin-left:30px; |
} | } | ||
Line 134: | Line 134: | ||
#menuContainer ul li { | #menuContainer ul li { | ||
text-align: center; | text-align: center; | ||
− | display: | + | display: inline; |
width: 100%; | width: 100%; | ||
− | height: | + | height:50px; |
− | padding | + | padding: 10px 20px; |
} | } | ||
Line 155: | Line 155: | ||
/*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: | + | /*display: block; */ |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
− | float: | + | float:left; |
margin-left: 134px; | margin-left: 134px; | ||
margin-top:-42px; | margin-top:-42px; |
Revision as of 16:59, 4 June 2015