This commit is contained in:
parent
a23f6f6854
commit
d31161087e
2 changed files with 26 additions and 7 deletions
Binary file not shown.
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 89 KiB |
|
@ -39,10 +39,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-scheme-wrapper {
|
.color-scheme-wrapper {
|
||||||
min-height: 100vh;
|
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
transition: 1s all;
|
transition: 1s all;
|
||||||
color:var(--text);
|
color:var(--text);
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin {
|
.margin {
|
||||||
|
@ -65,6 +66,7 @@ body {
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
@ -117,11 +119,12 @@ footer {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 5pt;
|
margin: 5pt;
|
||||||
|
display: inline-flex;
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -130,10 +133,23 @@ footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 300pt) {
|
||||||
|
.nav {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-right {
|
||||||
|
flex-direction: column;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding-left: 5pt;
|
padding-left: 5pt;
|
||||||
padding-right: 5pt;
|
padding-right: 5pt;
|
||||||
|
@ -143,6 +159,7 @@ ul {
|
||||||
padding-right: 5pt;
|
padding-right: 5pt;
|
||||||
padding-left: 5pt;
|
padding-left: 5pt;
|
||||||
margin-left: 5pt;
|
margin-left: 5pt;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a, label {
|
a, label {
|
||||||
|
@ -151,10 +168,8 @@ a, label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.toggle-dark {
|
.toggle-dark {
|
||||||
align-self: flex-end;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
padding-right: 20pt;
|
padding-right: 20pt;
|
||||||
padding-left: 20pt;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.toggle-dark label {
|
.toggle-dark label {
|
||||||
|
@ -164,10 +179,14 @@ a, label {
|
||||||
|
|
||||||
/* resize image that are in main, and center them */
|
/* resize image that are in main, and center them */
|
||||||
main img {
|
main img {
|
||||||
max-width: 512pt;;
|
max-width: 70%;
|
||||||
|
min-width: 0;
|
||||||
margin-left:auto;
|
margin-left:auto;
|
||||||
margin-right:auto;
|
margin-right:auto;
|
||||||
|
|
||||||
display:flex;
|
display: flex;
|
||||||
float:none;
|
float:none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue