Difference between revisions of "Template:Hong Kong-CUHK"

Line 158: Line 158:
  
 
body {  
 
body {  
     padding-top: 100px;  
+
     padding-top: 110px;  
 
}
 
}
  
Line 172: Line 172:
 
filter: none !important;
 
filter: none !important;
  
}
 
 
.dropdown-menu li:hover .sub-menu {
 
  visibility: visible;
 
}
 
 
.dropdown:hover .dropdown-menu {
 
  display: block;
 
}
 
 
.navbar-nav .dropdown-menu,
 
.navbar .dropdown-menu {
 
  margin-top: 0;
 
 
}
 
}
  
Line 195: Line 182:
 
     top: 0;
 
     top: 0;
 
     left: 100%;
 
     left: 100%;
     margin-top: 0px;
+
     margin-top: -6px;
 
     margin-left: 0px;
 
     margin-left: 0px;
 
     -webkit-border-radius: 0 6px 6px 6px;
 
     -webkit-border-radius: 0 6px 6px 6px;
Line 229: Line 216:
  
 
.dropdown-submenu.pull-left>.dropdown-menu {
 
.dropdown-submenu.pull-left>.dropdown-menu {
     left: 0%;
+
     left: -100%;
     margin-left: 0px;
+
     margin-left: 10px;
 
     -webkit-border-radius: 6px 0 6px 6px;
 
     -webkit-border-radius: 6px 0 6px 6px;
 
     -moz-border-radius: 6px 0 6px 6px;
 
     -moz-border-radius: 6px 0 6px 6px;
Line 242: Line 229:
  
 
@font-face {
 
@font-face {
   font-family: 'Roboto', sans-serif;;
+
   font-family: 'Source Sans Pro', sans-serif;;
 
  }
 
  }
  
 
body
 
body
 
{
 
{
     font-family: 'Roboto', sans-serif;
+
     font-family: 'Source Sans Pro', sans-serif;
 
}
 
}
  
Line 265: Line 252:
  
 
h2 {
 
h2 {
   color:black;
+
   color:green;
 
}
 
}
  
Line 273: Line 260:
  
 
.menu-item{
 
.menu-item{
   height: 100px;
+
   height: 75px;
 
}
 
}
  
Line 282: Line 269:
  
  
 +
.green-effect{
 +
  display: none;
 +
  background-color: #E0F8EC;
 +
  opacity: 1;
 +
  color: #FFF;
 +
  transition-property: all;
 +
  transition-duration: 0.3s;
 +
  transition-timing-function: ease-out;
 +
  transition-delay: 0s;
 +
  border-color: #288D30;
 +
  position: absolute;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  height: 2px;
 +
  right: 0px;
 +
}
  
 
.logo {
 
.logo {
Line 287: Line 290:
  
 
}
 
}
 +
 +
a:hover .green-effect{
 +
  display: inherit;
 +
}
 +
 +
.invertir:hover {
 +
  -webkit-filter: invert(100%);
 
}
 
}
  
 
dropdown-toggle {
 
dropdown-toggle {
 
width: 10%;
 
width: 10%;
 +
 +
 +
 
 +
}
  
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
Line 351: Line 365:
 
   }
 
   }
 
}
 
}
 +
  
 
</style>
 
</style>

Revision as of 17:01, 7 August 2017