Difference between revisions of "Template:Hong Kong-CUHK"
| Line 6: | Line 6: | ||
<!-- External scripts --> | <!-- External scripts --> | ||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i" rel="stylesheet"> | ||
| − | < | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> |
| − | < | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/ | + | <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> | |
| − | + | ||
<style> | <style> | ||
| Line 28: | Line 27: | ||
} | } | ||
| + | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */ | ||
| + | .firstHeading{ | ||
| + | display:none; | ||
| + | } | ||
| + | #top-section{ | ||
| + | background:#467a75; | ||
| + | margin-left:0 !important; | ||
| + | width:100%; | ||
| + | left:0; | ||
| + | } | ||
| + | /* Button class */ | ||
| + | |||
| + | .button_click { | ||
| + | margin: 10px auto; | ||
| + | padding: 15px; | ||
| + | width: 12%; | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | background-color: #72c9b6; | ||
| + | cursor: pointer; | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -moz-transition: all 0.4s ease; | ||
| + | -ms-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* button class on hover */ | ||
| + | |||
| + | .button_click:hover { | ||
| + | background-color: #000000; | ||
| + | color: #72c9b6; | ||
| + | } | ||
| + | |||
| + | .top-pad { | ||
| + | padding: 35px; | ||
| + | } | ||
/* MENU STYLING */ | /* MENU STYLING */ | ||
| Line 37: | Line 74: | ||
height:100px; | height:100px; | ||
top:24px; | top:24px; | ||
| − | background-color: # | + | background-color: #47a3da; |
z-index:4; | z-index:4; | ||
| Line 54: | Line 91: | ||
} | } | ||
.menu tr td.menu-item:hover{ | .menu tr td.menu-item:hover{ | ||
| − | background-color:# | + | background-color:#0B4C5F; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.subselected{ | .subselected{ | ||
| − | background-color: # | + | background-color: #0B4C5F; |
} | } | ||
| Line 72: | Line 109: | ||
height:100%; | height:100%; | ||
top:5%; | top:5%; | ||
| − | + | left:2.5%; | |
} | } | ||
#top{ | #top{ | ||
| Line 132: | Line 169: | ||
.dropdown-submenu>a:after { | .dropdown-submenu>a:after { | ||
display: block; | display: block; | ||
| + | content: " "; | ||
float: centre; | float: centre; | ||
width: 0; | width: 0; | ||
| Line 138: | Line 176: | ||
border-style: solid; | border-style: solid; | ||
border-width: 5px 0 5px 5px; | border-width: 5px 0 5px 5px; | ||
| − | border-left-color: # | + | border-left-color: #ccc; |
margin-top: 5px; | margin-top: 5px; | ||
margin-right: 0px; | margin-right: 0px; | ||
| Line 144: | Line 182: | ||
.dropdown-submenu:hover>a:after { | .dropdown-submenu:hover>a:after { | ||
| − | border-left-color: # | + | border-left-color: #fff; |
} | } | ||
| Line 161: | Line 199: | ||
.faceBot{ | .faceBot{ | ||
| − | background: # | + | background: #EFFBF5; |
} | } | ||
| Line 174: | Line 212: | ||
ul.nav a{ | ul.nav a{ | ||
| − | color: # | + | color: #EFFBF5; |
background-color: transparent; | background-color: transparent; | ||
height: 100%; | height: 100%; | ||
| Line 181: | Line 219: | ||
ul.nav a:hover{ | ul.nav a:hover{ | ||
| − | color: # | + | color: #EFFBF5; |
background-color: transparent; | background-color: transparent; | ||
height: 100%; | height: 100%; | ||
| Line 283: | Line 321: | ||
<body> | <body> | ||
| − | <div class="navbar navbar-fixed-top" style="margin-top:0px; padding-left: | + | <div class="navbar navbar-fixed-top" style="margin-top:0px; padding-left: 15px;"> |
<div class="container-fluid"> | <div class="container-fluid"> | ||
<nav class="navbar-inner"> | <nav class="navbar-inner"> | ||
| + | |||
<div class="row-sm-height"> | <div class="row-sm-height"> | ||
Revision as of 16:57, 7 August 2017
