Commit 09d263b3 authored by Jakob Moser's avatar Jakob Moser
Browse files

Fiddle around with styles

parent bcef6507

style.css

+25 −23
Changes for style.css: 25 added lines, 23 removed lines.
Original line number Diff line number Diff line
@@ -19,7 +19,7 @@ Fachschaft Computerlinguistik is distributed under the terms of the GNU GPL 
    padding: 0;

}



/* --- Structural elements --- */

/* ==== Structural elements ==== */

body {

    /* Variables */

    --accent-color: #990000;
@@ -132,7 +132,6 @@ body > footer a { 
}



/* -- Navigation bar -- */



header .nav-toggle {

    display: none;

}
@@ -223,26 +222,6 @@ main:not(.list) { 
    grid-template-rows: 1fr;

}



/* - easter egg: Pictures that change on hover - */

.wp-block-gallery.easteregg .blocks-gallery-item:nth-child(2) {

    display: none;

}



.wp-block-gallery.easteregg:hover .blocks-gallery-item:nth-child(1) {

    display: none;

}



.wp-block-gallery.easteregg:hover .blocks-gallery-item:nth-child(2) {

    display: flex;

}



/* - adjust width of gallery - */

.wp-block-gallery {

    width: 70%;

    margin-left: auto !important;

    margin-right: auto !important;

}



/* - general styles */



img.aligncenter {
@@ -813,7 +792,7 @@ article > footer { 


/* ======================================================================= */



/* --- Text markup elements --- */

/* ==== Text markup elements ==== */

a {

    color: var(--accent-color);

    border-color: var(--accent-color);
@@ -852,6 +831,7 @@ hr { 
    );

}



/* -- Tables -- */

table,

th,

tr,
@@ -883,6 +863,7 @@ th { 
    color: #fff;

}



/* -- Lists -- */

ul,

ol {

    margin-left: 1.5em;
@@ -892,6 +873,7 @@ ul li { 
    list-style: square;

}



/* -- Form elements -- */

select {

    -webkit-appearance: none;

    appearance: none;
@@ -936,6 +918,26 @@ input[type="submit"]:hover { 
    box-shadow: 0px 0px 5px var(--accent-color);

}



/* -- Galleries -- */

.wp-block-gallery {

    width: 70%;

    margin-left: auto !important;

    margin-right: auto !important;

}



/* Easter egg: Pictures that change on hover */

.wp-block-gallery.easteregg .blocks-gallery-item:nth-child(2) {

    display: none;

}



.wp-block-gallery.easteregg:hover .blocks-gallery-item:nth-child(1) {

    display: none;

}



.wp-block-gallery.easteregg:hover .blocks-gallery-item:nth-child(2) {

    display: flex;

}



/* -- Pills --

 * Pills are a rounded group of multiple button-like entries, one of which can be active (red background), inactive

 * entries have a white background (therefore making the whole thing looking somewhat like a pill)