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

Line 6: Line 6:
 
   <!-- External scripts -->
 
   <!-- External scripts -->
 
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css">
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/lumen/bootstrap.min.css">
+
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
Line 131: Line 130:
 
}
 
}
  
 +
.navbar-default {
 +
  background-color: #ffffff;
 +
  border-color: #ffffff;
 +
}
 +
.navbar-default .navbar-brand {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-brand:hover,
 +
.navbar-default .navbar-brand:focus {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-text {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-nav > li > a {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-nav > .active > a,
 +
.navbar-default .navbar-nav > .active > a:hover,
 +
.navbar-default .navbar-nav > .active > a:focus {
 +
  color: #000000;
 +
  background-color: #ffffff;
 +
}
 +
.navbar-default .navbar-nav > .open > a,
 +
.navbar-default .navbar-nav > .open > a:hover,
 +
.navbar-default .navbar-nav > .open > a:focus {
 +
  color: #000000;
 +
  background-color: #ffffff;
 +
}
 +
.navbar-default .navbar-toggle {
 +
  border-color: #ffffff;
 +
}
 +
.navbar-default .navbar-toggle:hover,
 +
.navbar-default .navbar-toggle:focus {
 +
  background-color: #ffffff;
 +
}
 +
.navbar-default .navbar-toggle .icon-bar {
 +
  background-color: #000000;
 +
}
 +
.navbar-default .navbar-collapse,
 +
.navbar-default .navbar-form {
 +
  border-color: #000000;
 +
}
 +
.navbar-default .navbar-link {
 +
  color: #000000;
 +
}
 +
.navbar-default .navbar-link:hover {
 +
  color: #000000;
 +
}
 +
 +
@media (max-width: 767px) {
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #000000;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #000000;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #000000;
 +
    background-color: #ffffff;
 +
  }
 +
}
 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 
color: #000;  /*Sets the text hover color on navbar*/
 
color: #000;  /*Sets the text hover color on navbar*/
Line 229: Line 297:
  
 
.faceBot{
 
.faceBot{
−
   background: #EFFBF5;
+
   background: #000000;
 
}
 
}
  
 
@font-face {
 
@font-face {
−
   font-family: 'Source Sans Pro', sans-serif;;
+
   font-family: 'Roboto', sans-serif;
 
  }
 
  }
  
 
body
 
body
 
{
 
{
−
    font-family: 'Source Sans Pro', sans-serif;
+
  font-family: 'Roboto', sans-serif;
 
}
 
}
  
 
ul.nav a{
 
ul.nav a{
−
   color: #EFFBF5;
+
   color: #000000;
 
   background-color: transparent;
 
   background-color: transparent;
 
   height: 100%;
 
   height: 100%;
Line 249: Line 317:
  
 
ul.nav a:hover{
 
ul.nav a:hover{
−
   color: #EFFBF5;
+
   color: #000000;
 
   background-color: transparent;
 
   background-color: transparent;
 
   height: 100%;
 
   height: 100%;
Line 271: Line 339:
 
}
 
}
  
−
 
−
 
−
.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 295: Line 345:
 
}
 
}
  
−
a:hover .green-effect{
 
−
  display: inherit;
 
 
}
 
}
  
−
.invertir:hover {
+
 
−
  -webkit-filter: invert(100%);
+
 
}
 
}
  

Revision as of 18:01, 7 August 2017