width: 25%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
+
+.navbar-nav li> {
+ border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li.active {
+ color: white;
+ background-color: #4B86EE;
+ border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li>a:focus {
+ color: white;
+ background-color: #6ca0f8;
+ border-radius: 4px;
+}
+
.tkl_add_boxheader {
+
font-weight: bold;
background-color: #4B86EE;
width: 24%;
}
@media screen and (max-width: 768px) {
- body { padding-top: 0px; }
+ body { padding-top: 0px; }
}
/* CSS */
</head>
<body role="document">
<div class="container">
- <!-- Fixed navbar -->
- <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
- <ul class="nav navbar-nav">
+ <!-- Fixed navbar -->
+ <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
+ <ul class="nav navbar-nav">
<?php
foreach($pages as $name=>$page)
{
$class = "class=\"nav-item\"";
if (str_ends_with($_SERVER['SCRIPT_FILENAME'], $page))
- {
$class = str_replace("\"nav-item\"", "\"nav-item active\"", $class);
- }
- echo " <li $class><a class=\"nav-link\" href=\"$page\">$name</a></li>\n";
+
+ echo " <li $class><a class=\"nav-link\" href=\"$page\">$name</a></li>\n";
}
?>
- </ul>
- </nav>
+ </ul>
+ </nav>
</div>
<div class="container-fluid" role="main">