blitzwing/wikimore
1
0
Fork 0
forked from PrivateCoffee/wikimore
Code Pull requests Activity

feat: add hatnote styling and improve code readability

Browse source 
Introduced new styles for hatnote elements to enhance visual distinction with margin, padding, background color, border, and font adjustments. Also, improved readability of existing CSS by reformatting multi-line selectors for figures and file elements.

These updates aim to make the content presentation more engaging and the CSS code easier to maintain. Fixes #7.
This commit is contained in:
Kumi 2024-08-18 07:06:27 +02:00
parent 797cfc7a45
commit 301cf90778
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/wikimore/static/css/style.css
View file

@ -154,6 +154,16 @@ h1 {
display: none; display: none;
} }
.hatnote {
margin: 1em 0;
padding: 10px;
background-color: #f9f9f9;
border: 1px solid #ddd;
font-size: small;
font-style: italic;
}
/* Navbox styling */
.navbox { .navbox {
padding: 3px; padding: 3px;
background-color: #f9f9f9; background-color: #f9f9f9;
@ -337,7 +347,8 @@ h1 {
} }
/* Figure styling */ /* Figure styling */
figure, .tmulti { figure,
.tmulti {
margin: 1em 0; margin: 1em 0;
padding: 10px; padding: 10px;
background-color: #f9f9f9; background-color: #f9f9f9;
@ -345,7 +356,8 @@ figure, .tmulti {
display: inline-block; display: inline-block;
} }
figure img, .tmulti .mw-file-element { figure img,
.tmulti .mw-file-element {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
@ -355,7 +367,8 @@ figure img, .tmulti .mw-file-element {
margin-right: auto; margin-right: auto;
} }
figcaption, .thumbcaption { figcaption,
.thumbcaption {
margin-top: 10px; margin-top: 10px;
font-size: small; font-size: small;
text-align: left; text-align: left;