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;
display: block;
width: 100vw;
z-index: 5000;
}
#topmenu > .nav {
@ -34,11 +35,20 @@ body {
}
#topmenu > .nav > li {
padding: 10px;
display: inline-block;
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 {
background-color: white;
color: black;
@ -49,7 +59,7 @@ body {
display: none;
z-index: 30;
background-color: white;
margin: 10px 20px 10px 0px;
margin: 0px 20px 10px 0px;
border: none;
padding: 0px;
}
@ -59,17 +69,17 @@ body {
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;
padding: 10px;
}
#topmenu > .nav > li > .nav-child > li:hover {
#topmenu > .nav > li > .nav-child > li:hover > a {
background-color: gray;
}
#topmenu .nav > li > a {
font-size: x-large;
#topmenu > .nav > li > .nav-child > li:hover > a:hover {
text-decoration: none;
}
#page {

View File

@ -12,8 +12,9 @@ $app = JFactory::getApplication();
<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 ?>/templates/<?php echo $this->template ?>/css/main.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/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> -->