cheri/cheri.pink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Tweak and add up to styling

Browse source
This commit is contained in:
vib 2024-01-25 13:32:42 +02:00
parent 35bba77f3b
commit 701886f6ca
2 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/media/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 311 KiB

29
src/resources/style.css
View file

@ -7,6 +7,7 @@ html {
:root { :root {
--bg: #ffecfd; --bg: #ffecfd;
--bga: #ffecfd99;
--fg: #2c2c3b; --fg: #2c2c3b;
--link: #FF78C4; --link: #FF78C4;
--link_v: #f594fe; --link_v: #f594fe;
@ -16,14 +17,8 @@ html {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
/* --bg: #312540;
--fg: #fde2ee;
--link: #f6bbd8;
--link_v: #c4799d;
--link_h: #eac2d1;
--bg_grey: #d23574;
--dark_grey: #c62163; */
--bg: #131021; --bg: #131021;
--bga: #13102199;
--fg: #F3FFFF; --fg: #F3FFFF;
--link: #5082FF; --link: #5082FF;
--link_v: #656ae3; --link_v: #656ae3;
@ -45,7 +40,10 @@ body {
padding: 1em; padding: 1em;
margin: auto; margin: auto;
max-width: 52em; max-width: 52em;
background: var(--bg); background: linear-gradient(var(--bga), var(--bg)), url('/media/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
} }
a { a {
@ -255,6 +253,11 @@ td {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
} }
abbr[title] {
border: none !important;
text-decoration: none !important;
cursor: inherit !important;
}
abbr[title]:after { abbr[title]:after {
content: " (" attr(title) ")"; content: " (" attr(title) ")";
} }
@ -364,6 +367,10 @@ ul.articles li {
} }
.content { .content {
padding: 0.5em; padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-radius: 5px;
background-color: var(--bg);
} }
footer { footer {
background-color: var(--bg_grey); background-color: var(--bg_grey);
@ -372,6 +379,10 @@ footer {
font-size: 13px; font-size: 13px;
} }
footer a, footer a:visited {
color: var(--link_h);
}
.title { .title {
border-bottom-width: 10px; border-bottom-width: 10px;
border-bottom-style: solid; border-bottom-style: solid;
@ -384,4 +395,4 @@ footer {
.title h1 { .title h1 {
text-align: center; text-align: center;
} }