Commit bc95a360 authored by Jakob Moser's avatar Jakob Moser
Browse files

Shorten menu rules, half-way fix a bug

parent f107cb4b

style.css

+14 −44
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ Theme URI: https://gitlab.cl.uni-heidelberg.de/fachschaft/wp-theme 
Description: Ein zeitloses WordPress-Theme für die Fachschaft Computerlinguistik in Heidelberg, gehalten in den Farben rot, grau und schwarz. Seit Mitte 2020 nach Anpassungen von Jakob Moser sogar leidlich responsive.

Author: personads :: Maximilian Müller-Eberstein

Author URI: https://personads.me/

Version: 1.00-snapshot-28

Version: 1.00-snapshot-29

Tags: fs-coli, custom



License: GNU General Public License v3.0
@@ -139,46 +139,30 @@ header .nav-toggle { 
header nav {

    display: inline-block;

    position: relative;

    height: 28px;

    white-space: nowrap;

    vertical-align: bottom;

}



header nav a {

    border: none;

    transition: none;

}



header nav a[href="#"] {

    cursor: default;

}



header nav a:hover {

    text-decoration: none;

}



header nav ul {

    display: inline;

}



header nav li {

    display: inline-block;

    height: 25px;

    padding: 3px 15px 0px 15px;

    vertical-align: middle;

    padding: 3px 15px 0 15px;

    transition: background-color 0.3s;

    border-radius: 5px 5px 0 0;

}



header nav li:hover {

    background-color: rgba(153, 0, 0, 0.1);

    border-radius: 5px 5px 0px 0px;

}



header nav li:hover > ul {

    display: block;

header nav li a {

    border: none;

}



header nav li ul {

header nav li a[href="#"] {

    cursor: default;

}



header nav li > ul {

    display: none;

    position: absolute;

    top: 28px;
@@ -191,28 +175,14 @@ header nav li ul { 
    box-shadow: 0px 0px 10px var(--menu-shadow-color) inset;

}



header nav li ul li:hover > ul {

header nav li > ul li {

    display: block;

    margin-left: -5px;

    border-radius: 0px;

}



header nav li ul li ul {

    display: none;

    position: absolute;

    top: 0px;

    left: 100%;

    margin: 0px 0px 0px -10px;

    padding: 0px;

    border-width: 0px 0px 0px 5px;

    border-style: solid;

    border-color: #ba0000;

    background: var(--background-color);

    box-shadow: 0px 0px 10px var(--menu-shadow-color);

}



header nav li li {

header nav li:hover > ul {

    display: block;

    margin-left: -5px;

    border-radius: 0px;

}



/* ==== Custom styles: Landing page ==== */