Resized the hovering links to contain the white-space and made bootstrap work

This commit is contained in:
Christian Wolf 2017-07-12 15:11:10 +02:00
parent 43b29e3870
commit 7d2e22c64e
3 changed files with 20 additions and 9 deletions

View File

@ -20,6 +20,7 @@ body {
position: fixed; position: fixed;
display: block; display: block;
width: 100vw; width: 100vw;
z-index: 5000;
} }
#topmenu > .nav { #topmenu > .nav {
@ -34,11 +35,20 @@ body {
} }
#topmenu > .nav > li { #topmenu > .nav > li {
padding: 10px;
display: inline-block; display: inline-block;
text-align: left; text-align: left;
} }
#topmenu .nav > li > a {
font-size: x-large;
padding: 10px;
}
#topmenu .nav > li > a,
#topmenu .nav > li:hover > a {
background-color: inherit;
}
#topmenu > .nav > li:hover { #topmenu > .nav > li:hover {
background-color: white; background-color: white;
color: black; color: black;
@ -49,7 +59,7 @@ body {
display: none; display: none;
z-index: 30; z-index: 30;
background-color: white; background-color: white;
margin: 10px 20px 10px 0px; margin: 0px 20px 10px 0px;
border: none; border: none;
padding: 0px; padding: 0px;
} }
@ -59,17 +69,17 @@ body {
box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5); box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5);
} }
#topmenu > .nav > li > .nav-child > li { #topmenu > .nav > li > .nav-child > li > a {
display: block; display: block;
padding: 10px; padding: 10px;
} }
#topmenu > .nav > li > .nav-child > li:hover { #topmenu > .nav > li > .nav-child > li:hover > a {
background-color: gray; background-color: gray;
} }
#topmenu .nav > li > a { #topmenu > .nav > li > .nav-child > li:hover > a:hover {
font-size: x-large; text-decoration: none;
} }
#page { #page {

View File

@ -32,4 +32,4 @@ table.alternating tr:nth-child(1) {
table.alternating tr:nth-child(even) { table.alternating tr:nth-child(even) {
background-color: lightgray; background-color: lightgray;
} }

View File

@ -12,8 +12,9 @@ $app = JFactory::getApplication();
<head> <head>
<jdoc:include type="head" /> <jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/media/jui/css/bootstrap.css">
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/main.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/main.css" type="text/css" />
<!-- <title>Saarl&auml;ndische Tanzverband e.V.</title> --> <!-- <title>Saarl&auml;ndische Tanzverband e.V.</title> -->