Change to grid layout, rework header, remove now useless components (153805d2) · Commits · Fachschaft / fscoli-next

header.php

+1 −3

Changes for header.php: 1 added line, 3 removed lines.
Original line number	Diff line number	Diff line
		@@ -31,7 +31,7 @@ get_header();
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<?php wp_head(); ?>
		</head>
		<body class="<?php echo is_admin_bar_showing() ? 'admin-bar-shown' : '';?>">
		<body>
		<header>
		<a class="logo-link" href="<?php echo home_url();?>"><div class="logo"></div></a>
		<a class="menu-toggle" href="#menu-container">Menü</a>
		@@ -39,5 +39,3 @@ get_header();
		<?php wp_nav_menu( array('container'=>'false', 'container-id'=>'menu-container', 'sort_column'=>'menu_order')); ?>
		</nav>
		</header>
		<div id="top-padding">
		</div>

style.css

+12 −43

Changes for style.css: 12 added lines, 43 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-2
		Version: 1.00-snapshot-3
		Tags: fs-coli, custom

		License: GNU General Public License v3.0
		@@ -26,11 +26,12 @@ body {
		--light-gray: #cacaca;
		--text-black: #242424;

		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		/* Layout */
		display: grid;
		grid-template-rows: min-content 1fr min-content;
		min-height: 100vh;

		/* Font and appearance */
		font-family: "Open Sans", sans-serif;
		font-size: 17px;
		color:#242424;
		@@ -244,34 +245,22 @@ div.square-icon {
		/* - header styles */

		header {
		position:fixed;
		top:0px;
		right:0px;
		left:0px;
		z-index:100;
		border-style:solid;
		border-width:0px 0px 4px 0px;
		border-color:#900;
		background-color:#fff;
		border-color:var(--fscoli-dark-red);
		box-shadow:0px 0px 15px #424242;
		font-family: 'Inconsolata', monospace;
		}

		body.admin-bar-shown header {
		top: 32px;
		}

		header::before {
		content:"";
		display:block;
		position:absolute;
		right:0px;
		width:0px;
		height:0px;
		bottom:-30px;
		position:relative;
		float: right;
		top: calc(100% + 2px);
		border-width:30px 0px 0px 30px;
		border-style:solid;
		border-color:#900 transparent;
		border-color:var(--fscoli-dark-red) transparent;
		}

		header::after {
		@@ -279,9 +268,6 @@ header::after {
		display:block;
		position:absolute;
		right:0px;
		width:0px;
		height:0px;
		bottom:-25px;
		border-width:26px 0px 0px 26px;
		border-style:solid;
		border-color:#fff transparent;
		@@ -298,15 +284,6 @@ header div.logo:hover {
		background-color:var(--fscoli-dark-red);
		}

		#top-padding {
		width:100%;
		height:85px;
		}

		body.admin-bar-shown #top-padding {
		height: 117px;
		}

		/* -- menu styles */

		.menu-toggle {
		@@ -777,7 +754,6 @@ div.home-news-sidebar .more {
		/* - footer styles */

		footer {
		width:100%;
		background-color:var(--light-gray);
		box-shadow: 0px 0px 10px #8d8d8d inset;
		font-family: "Inconsolata", monospace;
		@@ -917,13 +893,6 @@ footer a {

		header {
		position: relative;
		}

		#top-padding {
		display: none;
		}

		header {
		padding-top: 5px;
		}