fixed source code link; footer height on sites with less content maximized
This commit is contained in:
Vrifox
parent
740f1318ce
commit
2f67080912
8 changed files with 117 additions and 48 deletions
|
|
@ -8,6 +8,10 @@ a {
|
|||
a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #ff8282 #3c3c5a; }
|
||||
|
||||
body {
|
||||
background: #28283c;
|
||||
color: #f0f0ff;
|
||||
|
|
@ -30,8 +34,7 @@ nav {
|
|||
overflow-x: auto; }
|
||||
nav .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
nav .container .website-name a {
|
||||
color: whitesmoke;
|
||||
text-decoration: none;
|
||||
|
|
@ -52,8 +55,10 @@ nav {
|
|||
text-decoration: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
nav .container {
|
||||
max-width: none; }
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
|
||||
footer {
|
||||
background: #1e1e2d;
|
||||
|
|
@ -63,8 +68,7 @@ footer {
|
|||
overflow-x: auto; }
|
||||
footer .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
footer .container .website-subnav {
|
||||
margin-left: auto; }
|
||||
footer .container .website-subnav ul {
|
||||
|
|
@ -76,12 +80,22 @@ footer {
|
|||
footer .container .website-subnav a {
|
||||
color: #c8c8e6; }
|
||||
|
||||
footer::after {
|
||||
content: '';
|
||||
background: #1e1e2d;
|
||||
position: fixed;
|
||||
height: 10000px;
|
||||
width: 100vw;
|
||||
overflow: hidden; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
footer .container {
|
||||
max-width: none; }
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@ a {
|
|||
a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #ff8282 #3c3c5a; }
|
||||
|
||||
body {
|
||||
background: #28283c;
|
||||
color: #f0f0ff;
|
||||
|
|
@ -30,8 +34,7 @@ nav {
|
|||
overflow-x: auto; }
|
||||
nav .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
nav .container .website-name a {
|
||||
color: whitesmoke;
|
||||
text-decoration: none;
|
||||
|
|
@ -52,8 +55,10 @@ nav {
|
|||
text-decoration: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
nav .container {
|
||||
max-width: none; }
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
|
||||
.section-article article {
|
||||
max-width: 720px;
|
||||
|
|
@ -146,8 +151,7 @@ footer {
|
|||
overflow-x: auto; }
|
||||
footer .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
footer .container .website-subnav {
|
||||
margin-left: auto; }
|
||||
footer .container .website-subnav ul {
|
||||
|
|
@ -159,9 +163,19 @@ footer {
|
|||
footer .container .website-subnav a {
|
||||
color: #c8c8e6; }
|
||||
|
||||
footer::after {
|
||||
content: '';
|
||||
background: #1e1e2d;
|
||||
position: fixed;
|
||||
height: 10000px;
|
||||
width: 100vw;
|
||||
overflow: hidden; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
footer .container {
|
||||
max-width: none; }
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@ a {
|
|||
a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #ff8282 #3c3c5a; }
|
||||
|
||||
body {
|
||||
background: #28283c;
|
||||
color: #f0f0ff;
|
||||
|
|
@ -30,8 +34,7 @@ nav {
|
|||
overflow-x: auto; }
|
||||
nav .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
nav .container .website-name a {
|
||||
color: whitesmoke;
|
||||
text-decoration: none;
|
||||
|
|
@ -52,8 +55,10 @@ nav {
|
|||
text-decoration: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
nav .container {
|
||||
max-width: none; }
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
|
|
@ -154,8 +159,7 @@ footer {
|
|||
overflow-x: auto; }
|
||||
footer .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
footer .container .website-subnav {
|
||||
margin-left: auto; }
|
||||
footer .container .website-subnav ul {
|
||||
|
|
@ -167,9 +171,19 @@ footer {
|
|||
footer .container .website-subnav a {
|
||||
color: #c8c8e6; }
|
||||
|
||||
footer::after {
|
||||
content: '';
|
||||
background: #1e1e2d;
|
||||
position: fixed;
|
||||
height: 10000px;
|
||||
width: 100vw;
|
||||
overflow: hidden; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
footer .container {
|
||||
max-width: none; }
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@ a {
|
|||
a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #ff8282 #3c3c5a; }
|
||||
|
||||
body {
|
||||
background: #28283c;
|
||||
color: #f0f0ff;
|
||||
|
|
@ -30,8 +34,7 @@ nav {
|
|||
overflow-x: auto; }
|
||||
nav .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
nav .container .website-name a {
|
||||
color: whitesmoke;
|
||||
text-decoration: none;
|
||||
|
|
@ -52,8 +55,10 @@ nav {
|
|||
text-decoration: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
nav .container {
|
||||
max-width: none; }
|
||||
nav .container .website-nav {
|
||||
padding: 0 20px; } }
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
|
|
@ -113,8 +118,7 @@ footer {
|
|||
overflow-x: auto; }
|
||||
footer .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none; }
|
||||
align-items: center; }
|
||||
footer .container .website-subnav {
|
||||
margin-left: auto; }
|
||||
footer .container .website-subnav ul {
|
||||
|
|
@ -126,9 +130,19 @@ footer {
|
|||
footer .container .website-subnav a {
|
||||
color: #c8c8e6; }
|
||||
|
||||
footer::after {
|
||||
content: '';
|
||||
background: #1e1e2d;
|
||||
position: fixed;
|
||||
height: 10000px;
|
||||
width: 100vw;
|
||||
overflow: hidden; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
footer .container {
|
||||
max-width: none; }
|
||||
footer .container .website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px; }
|
||||
footer .container .website-subnav li {
|
||||
padding: 10px 30px 10px 0; } }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue