Difference between revisions of "Template:HKUST-Rice"

(Undo revision 18458 by Stephanieyiu (talk))
Line 31: Line 31:
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
 
#menuContainer  {  
 
#menuContainer  {  
float: top;
+
float: left;
width: 134px;
+
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:10px;
+
padding-right:20px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
width: 800px;
+
width: 1270px;
 
padding-left: 20px;
 
padding-left: 20px;
float: top;
+
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:200px;
+
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: 13px;
+
font-size: 10px;
 
color: #000000;
 
color: #000000;
 
}
 
}
Line 128: Line 128:
 
#menuContainer ul {  
 
#menuContainer ul {  
 
list-style: none;
 
list-style: none;
margin-left:0px;
+
margin-left:30px;
 
}
 
}
  
Line 134: Line 134:
 
#menuContainer ul li {  
 
#menuContainer ul li {  
 
text-align: center;
 
text-align: center;
display: block;
+
display: inline;
 
width: 100%;
 
width: 100%;
height:30px;
+
height:50px;
padding-top:10px;
+
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: inline-block; */
+
/*display: block; */
 
display: block;  
 
display: block;  
 
position: absolute;  
 
position: absolute;  
float:right;
+
float:left;
 
margin-left: 134px;
 
margin-left: 134px;
 
margin-top:-42px;
 
margin-top:-42px;

Revision as of 16:59, 4 June 2015