Difference between revisions of "Team:Amoy/Project"

Line 43: Line 43:
 
#cssmenu ul li a,
 
#cssmenu ul li a,
 
#cssmenu #menu-button {
 
#cssmenu #menu-button {
  margin: 0;
 
  padding: 0;
 
  border: 0;
 
 
   list-style: none;
 
   list-style: none;
 
   line-height: 1;
 
   line-height: 1;
 
   display: block;
 
   display: block;
 
   position: relative;
 
   position: relative;
  -webkit-box-sizing: border-box;
 
  -moz-box-sizing: border-box;
 
  box-sizing: border-box;
 
 
}
 
}
 
#cssmenu:after,
 
#cssmenu:after,
Line 70: Line 64:
 
   font-family: 'Open Sans', sans-serif;
 
   font-family: 'Open Sans', sans-serif;
 
   line-height: 1;
 
   line-height: 1;
  background: #ffffff;
 
 
position: absolute;
 
position: absolute;
 
}
 
}
Line 79: Line 72:
 
   height: 3px;
 
   height: 3px;
 
   background: #009ae1;
 
   background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
 
  -moz-transition: all 0.25s ease-out;
 
  -ms-transition: all 0.25s ease-out;
 
  -o-transition: all 0.25s ease-out;
 
  transition: all 0.25s ease-out;
 
 
}
 
}
 
#cssmenu > ul > li {
 
#cssmenu > ul > li {
Line 111: Line 99:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   color: #000000;
 
   color: #000000;
  -webkit-transition: color .2s ease;
 
  -moz-transition: color .2s ease;
 
  -ms-transition: color .2s ease;
 
  -o-transition: color .2s ease;
 
  transition: color .2s ease;
 
 
}
 
}
 
#cssmenu > ul > li:hover > a,
 
#cssmenu > ul > li:hover > a,
Line 133: Line 116:
 
   border-right: 1px solid #000000;
 
   border-right: 1px solid #000000;
 
   content: "";
 
   content: "";
  -webkit-transform: rotate(45deg);
 
  -moz-transform: rotate(45deg);
 
  -ms-transform: rotate(45deg);
 
  -o-transform: rotate(45deg);
 
  transform: rotate(45deg);
 
  -webkit-transition: border-color 0.2s ease;
 
  -moz-transition: border-color 0.2s ease;
 
  -ms-transition: border-color 0.2s ease;
 
  -o-transition: border-color 0.2s ease;
 
  transition: border-color 0.2s ease;
 
 
}
 
}
 
#cssmenu > ul > li.has-sub:hover > a::after {
 
#cssmenu > ul > li.has-sub:hover > a::after {
Line 167: Line 140:
 
#cssmenu ul ul li {
 
#cssmenu ul ul li {
 
   height: 0;
 
   height: 0;
  -webkit-transition: height .2s ease;
 
  -moz-transition: height .2s ease;
 
  -ms-transition: height .2s ease;
 
  -o-transition: height .2s ease;
 
  transition: height .2s ease;
 
 
}
 
}
 
#cssmenu ul li:hover > ul > li {
 
#cssmenu ul li:hover > ul > li {
Line 183: Line 151:
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: #dddddd;
 
   color: #dddddd;
  -webkit-transition: color .2s ease;
 
  -moz-transition: color .2s ease;
 
  -ms-transition: color .2s ease;
 
  -o-transition: color .2s ease;
 
  transition: color .2s ease;
 
 
}
 
}
 
#cssmenu ul ul li:hover > a,
 
#cssmenu ul ul li:hover > a,
Line 202: Line 165:
 
   border-right: 1px solid #dddddd;
 
   border-right: 1px solid #dddddd;
 
   content: "";
 
   content: "";
  -webkit-transform: rotate(-45deg);
 
  -moz-transform: rotate(-45deg);
 
  -ms-transform: rotate(-45deg);
 
  -o-transform: rotate(-45deg);
 
  transform: rotate(-45deg);
 
  -webkit-transition: border-color 0.2s ease;
 
  -moz-transition: border-color 0.2s ease;
 
  -ms-transition: border-color 0.2s ease;
 
  -o-transition: border-color 0.2s ease;
 
  transition: border-color 0.2s ease;
 
 
}
 
}
 
#cssmenu.align-right ul ul li.has-sub > a::after {
 
#cssmenu.align-right ul ul li.has-sub > a::after {

Revision as of 07:49, 16 August 2015

Aomy/Project