Resized the hovering links to contain the white-space and made bootstrap work
This commit is contained in:
parent
43b29e3870
commit
7d2e22c64e
@ -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 {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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ändische Tanzverband e.V.</title> -->
|
<!-- <title>Saarländische Tanzverband e.V.</title> -->
|
||||||
|
Loading…
Reference in New Issue
Block a user