Migrate the template to Joomla 4 #1
@ -1,4 +1,4 @@
|
|||||||
#left-menu .current-page-menu ul.menu {
|
#left-menu .current-page-menu ul.mod-menu {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
margin: 15px 0 15px 5px;
|
margin: 15px 0 15px 5px;
|
||||||
|
|
||||||
> ul.menu {
|
> ul.mod-menu {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
li > a {
|
li > a {
|
||||||
@ -17,15 +17,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
li > a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.nav > li,
|
.nav > li,
|
||||||
.nav-child > li {
|
.mod-menu__sub > li {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
border-top-style: solid;
|
border-top-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-top-style: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav > li:first-child,
|
// .nav > li:first-child,
|
||||||
.nav-child > li:first-child {
|
// .mod-menu__sub > li:first-child {
|
||||||
border-top-style: none;
|
// border-top-style: none;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-child {
|
.mod-menu__sub {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
|
|
||||||
> li > a {
|
> li > a {
|
||||||
@ -19,13 +19,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav,
|
.nav,
|
||||||
.nav-child {
|
.mod-menu__sub {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
> .nav-child {
|
> .mod-menu__sub {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
||||||
@ -37,7 +37,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul.nav > li > a:hover,
|
ul.nav > li > a:hover,
|
||||||
ul.nav-child > li > a:hover {
|
ul.mod-menu__sub > li > a:hover {
|
||||||
/* background-color: inherit; */
|
/* background-color: inherit; */
|
||||||
|
|
||||||
/* FIXME */
|
/* FIXME */
|
||||||
|
@ -41,7 +41,7 @@
|
|||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-child > li {
|
.mod-menu__sub > li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -54,7 +54,7 @@
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.menu {
|
> ul.mod-menu {
|
||||||
background-color: initial;
|
background-color: initial;
|
||||||
color: initial;
|
color: initial;
|
||||||
margin-bottom: initial;
|
margin-bottom: initial;
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav > li,
|
.nav > li,
|
||||||
.nav-child > li {
|
.mod-menu__sub > li {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
@ -51,6 +51,7 @@
|
|||||||
> li {
|
> li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
// height: 100%;
|
||||||
|
|
||||||
@include abstract.for-desktop {
|
@include abstract.for-desktop {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -59,6 +60,8 @@
|
|||||||
> a {
|
> a {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: large;
|
font-size: large;
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
@include abstract.for-desktop {
|
@include abstract.for-desktop {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
@ -72,7 +75,7 @@
|
|||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .nav-child {
|
> .mod-menu__sub {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
@ -107,7 +110,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover > .nav-child {
|
&:hover > .mod-menu__sub {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
@include abstract.for-desktop {
|
@include abstract.for-desktop {
|
||||||
@ -126,35 +129,35 @@
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-child > li:hover > a:hover,
|
.mod-menu__sub > li:hover > a:hover,
|
||||||
.nav-child > li:focus > a:hover,
|
.mod-menu__sub > li:focus > a:hover,
|
||||||
.nav-child > li:hover > a:focus {
|
.mod-menu__sub > li:hover > a:focus {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Special colors for topics
|
// Special colors for topics
|
||||||
> ul.nav .nav-child a.lehre {
|
> ul.nav .mod-menu__sub a.lehre {
|
||||||
border-left-color: abstract.$color-lehre;
|
border-left-color: abstract.$color-lehre;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.nav .nav-child a.breitensport {
|
> ul.nav .mod-menu__sub a.breitensport {
|
||||||
border-left-color: abstract.$color-breitensport;
|
border-left-color: abstract.$color-breitensport;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.nav .nav-child a.jugend {
|
> ul.nav .mod-menu__sub a.jugend {
|
||||||
border-left-color: abstract.$color-jugend;
|
border-left-color: abstract.$color-jugend;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.nav .nav-child a.jmd {
|
> ul.nav .mod-menu__sub a.jmd {
|
||||||
border-left-color: abstract.$color-jmd;
|
border-left-color: abstract.$color-jmd;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.nav .nav-child a.fachverbaende {
|
> ul.nav .mod-menu__sub a.fachverbaende {
|
||||||
border-left-color: abstract.$color-fachverbaende;
|
border-left-color: abstract.$color-fachverbaende;
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul.nav .nav-child a.sport {
|
> ul.nav .mod-menu__sub a.sport {
|
||||||
border-left-color: abstract.$color-sport;
|
border-left-color: abstract.$color-sport;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user