magic_rb/website
1
0
Fork 0
mirror of https://git.sr.ht/~magic_rb/website synced 2024-11-25 01:26:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Change the style slightly

Browse source 
Signed-off-by: Magic_RB <magic_rb@redalder.org>
This commit is contained in:
Magic_RB 2023-09-02 15:07:30 +02:00
parent 21be1af971
commit ce07f9465f
No known key found for this signature in database
GPG key ID: 08D5287CC5DDCA0E
1 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
assets/css/style.css
View file

@ -28,7 +28,7 @@ ul {
code { code {
background-color: #eee; background-color: #eee;
border: 0.01rem solid #999; border: 1px solid #999;
padding: 0rem 0.1rem 0rem 0.1rem; padding: 0rem 0.1rem 0rem 0.1rem;
} }
@ -49,23 +49,32 @@ blockquote {
font-family: "Ubuntu Mono"; font-family: "Ubuntu Mono";
} }
pre { .note {
background-color: #eee; background-color: #eee;
border: 1px solid #999; border: 1px solid #999;
display: block; display: block;
padding: 0.5rem; padding: 0.5rem;
}
pre {
background-color: #111;
color: #fff;
border: 1px solid #999;
display: block;
padding: 0.5rem;
font-family: "Ubuntu Mono"; font-family: "Ubuntu Mono";
overflow-x: auto; overflow-x: auto;
} }
#table-of-contents { #table-of-contents {
position: sticky; position: sticky;
top: 0; top: 0;
padding-top: 0.5rem;
} }
#content :is(h1, h2, h3, h4, h5, h6) { #content :is(h1, h2, h3, h4, h5, h6) {
display: inline; display: inline;
border-bottom: 0.15rem solid #9c0000; border-bottom: 0.15rem solid #9c0000;
width: 100%; width: 100%;
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
@ -77,10 +86,6 @@ pre {
color: black; color: black;
} }
#content.textual {
margin: 0.5rem 0 0 0;
}
#organizer { #organizer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -94,7 +99,7 @@ pre {
.sidebar { .sidebar {
flex-basis: auto; flex-basis: auto;
padding: 0 0.5rem 0 0.5rem; padding: 0.5rem 0.5rem 0 0.5rem;
} }
@media only screen and (orientation: landscape) { @media only screen and (orientation: landscape) {
@ -104,6 +109,7 @@ pre {
#content { #content {
flex-basis: 80%; flex-basis: 80%;
margin: 0 0 0 0;
} }
.sidebar { .sidebar {
@ -111,6 +117,10 @@ pre {
} }
} }
#content.textual {
margin: 0.5rem 2rem 0 2rem;
}
.card-toplevel { .card-toplevel {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -154,7 +164,7 @@ pre {
} }
.card-content { .card-content {
} }
#navbar-organizer { #navbar-organizer {
@ -166,7 +176,7 @@ pre {
} }
#navbar-toplevel { #navbar-toplevel {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;