commit 53290c3305176676bec69ff69fdf9f256a03d2c0
parent 7d758511210ab3f06d9adec0aa2660e2bc4718f5
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Tue, 11 Jun 2024 20:37:10 +0200
fix: cleanup unnecessary CSS
Diffstat:
| M | assets/style.css | | | 128 | +++++++++++++++++++++++++++++++++---------------------------------------------- |
1 file changed, 53 insertions(+), 75 deletions(-)
diff --git a/assets/style.css b/assets/style.css
@@ -29,30 +29,46 @@
}
}
+* {
+ overflow-wrap: break-word;
+ scroll-behavior: smooth;
+}
+
+#content {
+ width: 100%;
+ max-width: var(--max-width);
+ overflow-x: auto;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* fonts and colours */
body {
font-family: sans-serif, serif;
color: var(--fg1);
background-color: var(--bg1);
}
-img {
- border: 0;
-}
+/* Set headline sizes and margins */
+h1 {
+ font-size: 1.5em;
+}
+h2, h3 {
+ font-size: 1.25em;
+}
+h4, h5, h6 {
+ font-size: 1.1em;
+}
h1, h2, h3, h4, h5, h6 {
- font-size: 1em;
margin: 0;
}
-img, h1, h2 {
- vertical-align: middle;
-}
-
+/* Anchors */
a {
color: var(--hl1);
}
-
-a:target {
- background-color: var(--bg2);
+a:hover {
+ text-decoration: underline;
}
a.d,
@@ -65,75 +81,37 @@ a.line {
/* diff: inserts */
.A,
span.i,
-pre a.i {
+pre > a.i {
color: #FFFFFF;
background-color: var(--add);
}
/* diff: deletes */
.D,
span.d,
-pre a.d {
+pre > a.d {
color: #FFFFFF;
background-color: var(--del);
}
/* diff: line-info */
-pre a.h {
+pre > a.h {
color: var(--fg2);
}
-#blob a {
+/* Code Blocks */
+#blob > a {
color: var(--hl1);
border-right: 3px solid #aaa;
padding: 0 5px 0 0;
}
-#blob a:hover {
+#blob > a:hover {
color: var(--hl1);
- text-decoration: none;
}
-table td {
+td {
padding: 0 0.4em;
}
-#content table td, #content table th {
- vertical-align: top;
- padding-bottom: 0.25em !important;
- padding-top: 0.25em !important;
-}
-
-#branches tr:hover td,
-#tags tr:hover td,
-#index tr:hover td,
-#log tr:hover td,
-#files tr:hover td {
- background-color: var(--bg2);
-}
-
-#index tr td:nth-child(2),
-#tags tr td:nth-child(3),
-#branches tr td:nth-child(3),
-#log tr td:nth-child(2) {
- white-space: normal;
-}
-
-td{
- vertical-align: top;
-}
-
-td.num {
- text-align: right;
-}
-
-.desc {
- color: var(--fg2);
-}
-
-.url {
- font-family: monospace;
- color: var(--hl1);
-}
-
hr {
border: 0;
border-top: 3px solid var(--fg2);
@@ -150,23 +128,6 @@ pre#description {
word-break: keep-all;
}
-pre a.h:hover,
-pre a.i:hover,
-pre a.d:hover {
- text-decoration: none;
-}
-
-* {
- overflow-wrap: break-word;
-}
-
-#content {
- width: 100%;
- max-width: var(--max-width);
- overflow-x: auto;
- margin-left: auto;
- margin-right: auto;
-}
/* make headline centered */
body > table:nth-child(1) {
@@ -209,6 +170,15 @@ span[id*="-12"].activitypoint:after {
/* Modern Layout scheme ----------------------------------------------------- */
+/* Colour on hover */
+#branches > tr:hover > td,
+#tags > tr:hover > td,
+#index > tr:hover > td,
+#log > tr:hover > td,
+#files > tr:hover > td {
+ background-color: var(--bg2);
+}
+
/* Ensure Tables are full width */
table#index,
table#log,
@@ -287,6 +257,9 @@ table#files
#index > tbody > tr > td:nth-child(3),
#index > tbody > tr > td:nth-child(4),
#log > tbody > tr > td:nth-child(3),
+#log > tbody > tr > td:nth-child(4),
+#log > tbody > tr > td:nth-child(5),
+#log > tbody > tr > td:nth-child(6),
#branches > tbody > tr > td:nth-child(3),
#exports > tbody > tr > td:nth-child(2),
#exports > tbody > tr > td:nth-child(3),
@@ -332,11 +305,16 @@ table#files
}
/* File change indicators should be in a single row */
-#exports > tbody > tr > td:nth-child(2),
-#exports > tbody > tr > td:nth-child(3),
#log > tbody > tr > td:nth-child(4),
#log > tbody > tr > td:nth-child(5),
#log > tbody > tr > td:nth-child(6) {
width: auto;
margin-right: 1em;
}
+
+/* Mobile Optimisation ------------------------------------------------------ */
+
+/* make menu easier to navigate */
+table:nth-child(1) > tbody > tr:nth-child(3) > td > a {
+ margin: 5px;
+}
