From 8f954ab7c662e0c507c2328d5b2683fbd4c3a391 Mon Sep 17 00:00:00 2001 From: Eugen Wissner Date: Wed, 15 Jul 2026 02:57:48 +0200 Subject: Remove vendor specific CSS styles --- assets/css/styles.css | 176 +++++++++++++++++++++++++++++++++++--------------- 1 file changed, 124 insertions(+), 52 deletions(-) (limited to 'assets/css/styles.css') diff --git a/assets/css/styles.css b/assets/css/styles.css index ec03937..ff69e63 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -36,7 +36,6 @@ * { box-sizing: border-box; - -moz-box-sizing: border-box; } body { @@ -380,198 +379,317 @@ svg { border: 1px solid var(--grey-ccc); padding: 30px; } + .highlight .lineno { padding: 0 15px 0 0; } + +/* Comment */ .highlight .c { color: #998; font-style: italic; } + +/* Error */ .highlight .err { color: #a61717; background-color: #e3d2d2; } + +/* Keyword */ .highlight .k { font-weight: bold; } + +/* Operator */ .highlight .o { font-weight: bold; } + +/* Comment.Multiline */ .highlight .cm { color: #998; font-style: italic; } + +/* Comment.Preproc */ .highlight .cp { color: #999; font-weight: bold; } + +/* Comment.Single */ .highlight .c1 { color: #998; font-style: italic; } + +/* Comment.Special */ .highlight .cs { color: #999; font-weight: bold; font-style: italic; } + +/* Generic.Deleted */ .highlight .gd { color: #000; background-color: #fdd; } + +/* Generic.Deleted.Specific */ .highlight .gd .x { color: #000; background-color: #faa; } + +/* Generic.Emph */ .highlight .ge { font-style: italic; } + +/* Generic.Error */ .highlight .gr { color: #a00; } + +/* Generic.Heading */ .highlight .gh { color: #999; } + +/* Generic.Inserted */ .highlight .gi { color: #000; background-color: #dfd; } + +/* Generic.Inserted.Specific */ .highlight .gi .x { color: #000; background-color: #afa; } + +/* Generic.Output */ .highlight .go { color: #888; } + +/* Generic.Prompt */ .highlight .gp { color: #555; } + +/* Generic.Strong */ .highlight .gs { font-weight: bold; } + +/* Generic.Subheading */ .highlight .gu { color: #aaa; } + +/* Generic.Traceback */ .highlight .gt { color: #a00; } + +/* Keyword.Constant */ .highlight .kc { font-weight: bold; } + +/* Keyword.Declaration */ .highlight .kd { font-weight: bold; } + +/* Keyword.Pseudo */ .highlight .kp { font-weight: bold; } + +/* Keyword.Reserved */ .highlight .kr { font-weight: bold; } + +/* Keyword.Type */ .highlight .kt { color: #458; font-weight: bold; } + +/* Literal.Number */ .highlight .m { color: #099; } + +/* Literal.String */ .highlight .s { color: #d14; } + +/* Name.Attribute */ .highlight .na { color: #008080; } + +/* Name.Builtin */ .highlight .nb { color: #0086B3; } + +/* Name.Class */ .highlight .nc { color: #458; font-weight: bold; } + +/* Name.Constant */ .highlight .no { color: #008080; } + +/* Name.Entity */ .highlight .ni { color: #800080; } + +/* Name.Exception */ .highlight .ne { color: #900; font-weight: bold; } + +/* Name.Function */ .highlight .nf { color: #900; font-weight: bold; } + +/* Name.Namespace */ .highlight .nn { color: #555; } + +/* Name.Tag */ .highlight .nt { color: #000080; } + +/* Name.Variable */ .highlight .nv { color: #008080; } + +/* Operator.Word */ .highlight .ow { font-weight: bold; } + +/* Text.Whitespace */ .highlight .w { color: #bbb; } + +/* Literal.Number.Float */ .highlight .mf { color: #099; } + +/* Literal.Number.Hex */ .highlight .mh { color: #099; } + +/* Literal.Number.Integer */ .highlight .mi { color: #099; } + +/* Literal.Number.Oct */ .highlight .mo { color: #099; } + +/* Literal.String.Backtick */ .highlight .sb { color: #d14; } + +/* Literal.String.Char */ .highlight .sc { color: #d14; } + +/* Literal.String.Doc */ .highlight .sd { color: #d14; } + +/* Literal.String.Double */ .highlight .s2 { color: #d14; } + +/* Literal.String.Escape */ .highlight .se { color: #d14; } + +/* Literal.String.Heredoc */ .highlight .sh { color: #d14; } + +/* Literal.String.Interpol */ .highlight .si { color: #d14; } + +/* Literal.String.Other */ .highlight .sx { color: #d14; } + +/* Literal.String.Regex */ .highlight .sr { color: #009926; } + +/* Literal.String.Single */ .highlight .s1 { color: #d14; } + +/* Literal.String.Symbol */ .highlight .ss { color: #990073; } + +/* Name.Builtin.Pseudo */ .highlight .bp { color: #999; } + +/* Name.Variable.Class */ .highlight .vc { color: #008080; } + +/* Name.Variable.Global */ .highlight .vg { color: #008080; } + +/* Name.Variable.Instance */ .highlight .vi { color: #008080; } + +/* Literal.Number.Integer.Long */ .highlight .il { color: #099; } @@ -618,20 +736,9 @@ svg { opacity: 0; } } -.hidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - +/* Layout */ .site-header { display: grid; - -webkit-justify-content: center; justify-content: center; padding: 0 20px; text-align: center; @@ -652,7 +759,6 @@ svg { content: ""; width: 50%; height: 100%; - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skew(-45deg, 0); } @@ -686,13 +792,8 @@ svg { .site-navigation { display: flex; - -webkit-justify-content: center; justify-content: center; - -webkit-align-items: center; align-items: center; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 10px 40px; max-width: 800px; @@ -738,13 +839,8 @@ svg { } .site-header .site-header-wrapper { display: flex; - -webkit-align-items: center; align-items: center; - -webkit-justify-content: center; justify-content: center; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 0 15px; border-radius: 0; @@ -769,11 +865,7 @@ svg { left: 0; width: 100%; height: 100%; - -webkit-justify-content: flex-start; justify-content: flex-start; - -webkit-flex-flow: column nowrap; - -moz-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; flex-flow: column nowrap; gap: 20px 0; transform: translate(0, -100%); @@ -808,15 +900,18 @@ svg { text-align: center; } +/* Pages */ .page-not-found { text-align: center; } + .page-not-found svg { fill: currentColor; color: var(--grey-ddd); margin: 0 auto; } +/* Components */ .post-lists-title { font-family: "PT Sans", sans-serif; font-size: 24px; @@ -920,7 +1015,6 @@ svg { .post .post-author .post-meta .post-categories { position: relative; display: flex; - -webkit-justify-content: flex-end; justify-content: flex-end; gap: 5px; margin: 8px 0 0; @@ -1076,22 +1170,14 @@ svg { } .post .post-footer { display: flex; - -webkit-justify-content: space-between; justify-content: space-between; - -webkit-align-items: flex-start; align-items: flex-start; gap: 0 20px; margin: 50px 0 0; } .post .post-footer .post-tags { display: flex; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; - -webkit-flex: 9 1 auto; - -moz-flex: 9 1 auto; - -ms-flex: 9 1 auto; flex: 9 1 auto; gap: 0 20px; list-style: none; @@ -1110,9 +1196,6 @@ svg { } .post .post-footer .post-share { position: relative; - -webkit-flex: 0 0 auto; - -moz-flex: 0 0 auto; - -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid var(--grey-ddd); overflow: hidden; @@ -1149,9 +1232,6 @@ svg { transition: left 0.2s ease; } .post .post-footer .post-share ul li { - -webkit-flex: 1 0 auto; - -moz-flex: 1 0 auto; - -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; } @@ -1160,9 +1240,7 @@ svg { } .post .post-footer .post-share ul li a { display: flex; - -webkit-align-items: center; align-items: center; - -webkit-justify-content: center; justify-content: center; height: 100%; color: var(--grey-ccc); @@ -1186,11 +1264,7 @@ svg { } .post .post-author { display: flex; - -webkit-align-items: center; align-items: center; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 15px; position: static; @@ -1212,9 +1286,6 @@ svg { } .post .post-author .post-meta { display: flex; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; margin-left: auto; @@ -1423,6 +1494,7 @@ svg { color: var(--grey-ccc); } +/* Partials */ .header-content-separator { position: relative; margin: 40px auto; -- cgit v1.2.3