Difference between revisions of "Template:Newcastle6"
(Created page with "<html> <head> <link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <!-- i...") |
|||
| Line 4: | Line 4: | ||
<link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet"> | ||
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
| + | |||
| + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet"> | ||
| + | |||
| + | <style> | ||
| + | .navbar-nav > li{ | ||
| + | padding-left:30px; | ||
| + | padding-right:30px; | ||
| + | } | ||
| + | |||
| + | .dropdown-menu{ | ||
| + | background-color: #e8e8e8; | ||
| + | font-family: 'Roboto', sans-serif; | ||
| + | margin-top: -1px; | ||
| + | } | ||
| + | |||
| + | .dropdown{ | ||
| + | //background-color: black; | ||
| + | padding-top: 15px; | ||
| + | padding-bottom: 15px; | ||
| + | } | ||
| + | |||
| + | .dropdown>.dropdown-menu { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .dropdown:hover>.dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .dropdown-item:hover{ | ||
| + | background-color: #a2c0eb; | ||
| + | } | ||
| + | |||
| + | .navbar-custom{ | ||
| + | min-height: 80px; | ||
| + | background-color: #6395de; | ||
| + | font-family: 'Roboto', sans-serif; | ||
| + | border-bottom: 1px solid #444444; | ||
| + | } | ||
| + | |||
| + | /* change the brand and text color */ | ||
| + | .navbar-custom .navbar-brand, | ||
| + | .navbar-custom .navbar-text { | ||
| + | color: #222222; | ||
| + | } | ||
| + | /* change the link color */ | ||
| + | .navbar-custom .navbar-nav .nav-link { | ||
| + | color: #222222; | ||
| + | } | ||
| + | /* change the color of active or hovered links */ | ||
| + | .navbar-custom .nav-item.active .nav-link, | ||
| + | .navbar-custom .nav-item:hover .nav-link { | ||
| + | color: #444444; | ||
| + | } | ||
| + | </style> | ||
Revision as of 13:06, 21 October 2017
