Identify nav with tag name wherever possible (bcef6507) · Commits · Fachschaft / fscoli-next

header.php

+3 −3

Changes for header.php: 3 added lines, 3 removed lines.
Original line number	Diff line number	Diff line
		@@ -34,8 +34,8 @@ get_header();
		<body class="<?php echo is_admin_bar_showing() ? 'has-admin-bar' : '';?>">
		<header>
		<a class="logo-link" href="<?php echo home_url();?>"><div class="logo"></div></a>
		<a class="menu-toggle" href="#menu-container">Menü</a>
		<nav id="menu-container">
		<?php wp_nav_menu( array('container'=>'false', 'container-id'=>'menu-container', 'sort_column'=>'menu_order')); ?>
		<a class="nav-toggle" href="#nav">Menü</a>
		<nav id="nav">
		<?php wp_nav_menu( array('container'=>'false', 'sort_column'=>'menu_order')); ?>
		</nav>
		</header>

style.css

+24 −24

Changes for style.css: 24 added lines, 24 removed lines.
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-27
		Version: 1.00-snapshot-28
		Tags: fs-coli, custom

		License: GNU General Public License v3.0
		@@ -133,11 +133,11 @@ body > footer a {

		/* -- Navigation bar -- */

		.menu-toggle {
		header .nav-toggle {
		display: none;
		}

		#menu-container {
		header nav {
		display: inline-block;
		position: relative;
		height: 28px;
		@@ -145,24 +145,24 @@ body > footer a {
		vertical-align: bottom;
		}

		#menu-container a {
		header nav a {
		border: none;
		transition: none;
		}

		#menu-container a[href="#"] {
		header nav a[href="#"] {
		cursor: default;
		}

		#menu-container a:hover {
		header nav a:hover {
		text-decoration: none;
		}

		#menu-container ul {
		header nav ul {
		display: inline;
		}

		#menu-container li {
		header nav li {
		display: inline-block;
		height: 25px;
		padding: 3px 15px 0px 15px;
		@@ -170,16 +170,16 @@ body > footer a {
		transition: background-color 0.3s;
		}

		#menu-container li:hover {
		header nav li:hover {
		background-color: rgba(153, 0, 0, 0.1);
		border-radius: 5px 5px 0px 0px;
		}

		#menu-container li:hover > ul {
		header nav li:hover > ul {
		display: block;
		}

		#menu-container li ul {
		header nav li ul {
		display: none;
		position: absolute;
		top: 28px;
		@@ -192,11 +192,11 @@ body > footer a {
		box-shadow: 0px 0px 10px var(--menu-shadow-color) inset;
		}

		#menu-container li ul li:hover > ul {
		header nav li ul li:hover > ul {
		display: block;
		}

		#menu-container li ul li ul {
		header nav li ul li ul {
		display: none;
		position: absolute;
		top: 0px;
		@@ -210,7 +210,7 @@ body > footer a {
		box-shadow: 0px 0px 10px var(--menu-shadow-color);
		}

		#menu-container li li {
		header nav li li {
		display: block;
		margin-left: -5px;
		border-radius: 0px;
		@@ -718,33 +718,33 @@ article > footer {
		}

		@media (max-width: 830px) {
		#menu-container {
		header nav {
		display: inherit;
		height: inherit;
		white-space: inherit;
		}

		#menu-container ul {
		header nav ul {
		margin: 0;
		padding: 0;
		}

		#menu-container li {
		header nav li {
		display: block;
		height: inherit;
		padding: 0 15px;
		line-height: 35px;
		}

		#menu-container li:hover {
		header nav li:hover {
		border-radius: 0;
		}

		#menu-container li > ul {
		header nav li > ul {
		display: block;
		}

		#menu-container li ul {
		header nav li ul {
		border: none;
		box-shadow: none;
		position: inherit;
		@@ -752,7 +752,7 @@ article > footer {
		padding: 0;
		}

		#menu-container li li {
		header nav li li {
		margin-left: 0;
		}

		@@ -795,18 +795,18 @@ article > footer {
		margin-top: 10px;
		}

		.menu-toggle {
		.nav-toggle {
		display: block;
		padding: 0 15px;
		margin-top: 15px;
		line-height: 35px;
		}

		#menu-container {
		header nav {
		display: none;
		}

		#menu-container:target {
		header nav:target {
		display: block;
		}
		}