Verified Commit b08e7118 authored by Jakob Moser's avatar Jakob Moser
Browse files

Move typography related styles to separate CSS file

parent 99a4b850

style.css

+3 −181
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
 * Author: personads :: Maximilian Müller-Eberstein (ursprüngliche Version und Design); Jakob Moser

 * Author URI: https://personads.me/

 *

 * Version: 2.5.3

 * Version: 2.5.4

 * Requires PHP: 8.0

 *

 * License: GNU General Public License v3.0
@@ -26,6 +26,8 @@ 
 * code below with @@@, where an explanation of the changes can also be found.

 */



@import url("./typography.css");



* {

    margin: 0;

    padding: 0;
@@ -33,25 +35,11 @@ 


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

body {

    /* Variables */

    --accent-color: #990000;

    --menu-shadow-color: #8a8a8a;

    --light-gray: #cacaca;

    --text-color: #242424;

    --background-color: #ffffff;

    --shadow-color: #424242;



    /* Layout */

    display: grid;

    grid-template-rows: min-content 1fr min-content;

    grid-template-columns: 2fr 8fr;

    min-height: 100vh;



    /* Font and appearance */

    font-family: "Open Sans", sans-serif;

    font-size: 17px;

    color: var(--text-color);

    background: var(--background-color);

}



body.has-admin-bar {
@@ -821,172 +809,6 @@ blockquote::after { 
    vertical-align: middle;

}



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

a {

    color: var(--accent-color);

    border-color: var(--accent-color);

    text-decoration: none;

    border-style: solid;

    border-width: 0 0 1px 0;

    transition: text-shadow 0.2s;

}



a.box,

.box-links a {

    display: inline-block;

    margin: 0.25em;

    padding: 0.3em;

    border: 1px solid var(--accent-color);

    box-shadow: 0 0 5px var(--light-gray);

    font-size: 1.25em;

}



a:hover {

    text-shadow: 0 0 1px var(--light-gray);

}



a img {

    border-style: none;

}



h1 {

    font-size: 1.75em;

    font-weight: normal;

}



h3 {

    margin-bottom: 10px;

}



hr, hr.wp-block-separator {

    border: none;

    height: 1px;

    margin: 1em 0 1em 0;

    background: linear-gradient(

        to left,

        transparent,

        rgba(153, 0, 0, 0.75),

        transparent

    );

}



figure.aligncenter {

    display: grid !important;

    justify-content: center;

}



img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.alignleft {

    float: left;

}



img.alignright {

    float: right;

}



figcaption {

    text-align: center;

    width: 100%;

    margin-bottom: 0 !important;

}



details {

    margin-bottom: 1em;

}



details summary {

    cursor: pointer;

}



/* -- Tables -- */

table,

th,

tr,

td {

    border: solid;

    border-color: rgba(153, 0, 0, 0.2);

    border-collapse: collapse;

}



tr:nth-child(odd) {

    background-color: rgba(255, 255, 255, 0.2);

}



tr:nth-child(even) {

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

}



td,

th {

    padding: 3px;

}



th {

    font-weight: normal;

    border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: var(--accent-color);

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

    color: #fff;

}



/* -- Lists -- */

ul,

ol {

    margin-left: 1.5em;

}



ul li {

    list-style: square;

}



ul.seamless {

    display: inline-block;

    text-align: left;

}



ul.seamless li {

    list-style: none;

    color: inherit;

}



/* -- Quotes -- */



/* Blockquotes share some styles with post list entries, see section marked ### above */



blockquote {

    padding: 1em;

}



blockquote :first-child {

    margin-top: 0 !important;

}



blockquote p:first-of-type::before {

    content: "„";

}



blockquote p:last-of-type {

    margin-bottom: 0;

}



blockquote p:last-of-type::after {

    content: "“";

}



blockquote + p {

    padding-right: 2em;

}



blockquote cite {

    font-size: small;

}



/* -- Form elements -- */

input, select, button, textarea, .signature-pad, .digital_signature-pad {

    margin: 0.25em;

typography.css

0 → 100644
+181 −0
Original line number Diff line number Diff line 
body {

    /* Variables */

    --accent-color: #990000;

    --menu-shadow-color: #8a8a8a;

    --light-gray: #cacaca;

    --text-color: #242424;

    --background-color: #ffffff;

    --shadow-color: #424242;



    /* Font and appearance */

    font-family: "Open Sans", sans-serif;

    font-size: 17px;

    color: var(--text-color);

    background: var(--background-color);

}



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

a {

    color: var(--accent-color);

    border-color: var(--accent-color);

    text-decoration: none;

    border-style: solid;

    border-width: 0 0 1px 0;

    transition: text-shadow 0.2s;

}



a.box,

.box-links a {

    display: inline-block;

    margin: 0.25em;

    padding: 0.3em;

    border: 1px solid var(--accent-color);

    box-shadow: 0 0 5px var(--light-gray);

    font-size: 1.25em;

}



a:hover {

    text-shadow: 0 0 1px var(--light-gray);

}



a img {

    border-style: none;

}



h1 {

    font-size: 1.75em;

    font-weight: normal;

}



h3 {

    margin-bottom: 10px;

}



hr, hr.wp-block-separator {

    border: none;

    height: 1px;

    margin: 1em 0 1em 0;

    background: linear-gradient(

        to left,

        transparent,

        rgba(153, 0, 0, 0.75),

        transparent

    );

}



figure.aligncenter {

    display: grid !important;

    justify-content: center;

}



img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.alignleft {

    float: left;

}



img.alignright {

    float: right;

}



figcaption {

    text-align: center;

    width: 100%;

    margin-bottom: 0 !important;

}



details {

    margin-bottom: 1em;

}



details summary {

    cursor: pointer;

}



/* -- Tables -- */

table,

th,

tr,

td {

    border: solid;

    border-color: rgba(153, 0, 0, 0.2);

    border-collapse: collapse;

}



tr:nth-child(odd) {

    background-color: rgba(255, 255, 255, 0.2);

}



tr:nth-child(even) {

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

}



td,

th {

    padding: 3px;

}



th {

    font-weight: normal;

    border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: var(--accent-color);

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

    color: #fff;

}



/* -- Lists -- */

ul,

ol {

    margin-left: 1.5em;

}



ul li {

    list-style: square;

}



ul.seamless {

    display: inline-block;

    text-align: left;

}



ul.seamless li {

    list-style: none;

    color: inherit;

}



/* -- Quotes -- */



/* Blockquotes share some styles with post list entries, see section marked ### in style.css */



blockquote {

    padding: 1em;

}



blockquote :first-child {

    margin-top: 0 !important;

}



blockquote p:first-of-type::before {

    content: "„";

}



blockquote p:last-of-type {

    margin-bottom: 0;

}



blockquote p:last-of-type::after {

    content: "“";

}



blockquote + p {

    padding-right: 2em;

}



blockquote cite {

    font-size: small;

}