Difference between revisions of "Team:Hong Kong HKU/CSS/default"

(Bug fix)
(Improve menu)
Line 357: Line 357:
 
/* Menu  */
 
/* Menu  */
 
/*********/
 
/*********/
 
 
#menu
 
#menu
 
{
 
{
Line 383: Line 382:
 
         /* Menu buttons settings*/
 
         /* Menu buttons settings*/
 
{
 
{
 +
                /* First layer text config*/
 
padding: 0.5em 0.5em;
 
padding: 0.5em 0.5em;
 
letter-spacing: 1px;
 
letter-spacing: 1px;
Line 398: Line 398:
 
#menu li:hover a
 
#menu li:hover a
 
{
 
{
 +
                /* Set first layer text color when hover*/
 
                 color: #000000;
 
                 color: #000000;
 
}
 
}
Line 423: Line 424:
 
         /* 讓ul與母階層li相同位置 */
 
         /* 讓ul與母階層li相同位置 */
 
         clear:left;
 
         clear:left;
         margin-top: 30px;
+
         margin-top: 1em;
 
         margin-right: 0;
 
         margin-right: 0;
 
         margin-bottom: 0;
 
         margin-bottom: 0;
 
         margin-left: 0;
 
         margin-left: 0;
 
         }
 
         }
 +
 +
 +
        #menu ul li ul li a
 +
        {
 +
          /* Second layer text config*/
 +
padding: 0.5em 0.5em;
 +
letter-spacing: 1px;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-size: 0.5em;
 +
                color:#9B9BFF;
 +
                text-decoration:none;
 +
        }
 +
 +
        #menu ul li ul li a:hover
 +
        {
 +
          /* Change second layer text color when hover*/
 +
          color:#000000;
 +
        }
 +
  
 
#menu ul li ul li
 
#menu ul li ul li
 
         {
 
         {
 
         /* 覆寫繼承自第一層的浮動設定 */
 
         /* 覆寫繼承自第一層的浮動設定 */
         float:none;
+
         float:block;
 
         text-align: center;
 
         text-align: center;
 
         }
 
         }
Line 450: Line 471:
 
         #menu ul li:hover ul
 
         #menu ul li:hover ul
 
         {  /* Show the second layer when touch with the first layer */
 
         {  /* Show the second layer when touch with the first layer */
           visibility:visible;}
+
           visibility:visible;
 +
        }
 +
 
  
 
/*************/
 
/*************/

Revision as of 07:20, 12 July 2016