fixed source code link; footer height on sites with less content maximized
This commit is contained in:
parent
740f1318ce
commit
2f67080912
8 changed files with 117 additions and 48 deletions
|
@ -7,7 +7,6 @@ footer {
|
|||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none;
|
||||
.website-subnav {
|
||||
margin-left: auto;
|
||||
ul {
|
||||
|
@ -24,9 +23,19 @@ footer {
|
|||
}
|
||||
}
|
||||
}
|
||||
footer::after {
|
||||
content: '';
|
||||
background: rgb(30, 30, 45);
|
||||
position: fixed;
|
||||
height: 10000px;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer {
|
||||
.container {
|
||||
max-width: none;
|
||||
.website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px;
|
||||
|
|
|
@ -9,6 +9,10 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
|
||||
}
|
||||
body {
|
||||
background: rgb(40, 40, 60);
|
||||
color: rgb(240, 240, 255);
|
||||
|
|
|
@ -5,7 +5,6 @@ nav {
|
|||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: none;
|
||||
.website-name {
|
||||
a {
|
||||
color: rgb(245, 245, 245);
|
||||
|
@ -36,6 +35,7 @@ nav {
|
|||
@media (max-width: 600px) {
|
||||
nav {
|
||||
.container {
|
||||
max-width: none;
|
||||
.website-nav {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
|
|
@ -3,7 +3,7 @@ languageCode: en-us
|
|||
title: vrifox.cc
|
||||
enableRobotsTXT: true
|
||||
params:
|
||||
version: 2020-09-20
|
||||
version: 2020-09-21
|
||||
menu:
|
||||
main:
|
||||
- identifier: blog
|
||||
|
@ -31,5 +31,5 @@ menu:
|
|||
- identifier: sourcecode
|
||||
name: source code
|
||||
title: source code
|
||||
url: https://git.vrifox.cc/vrifox/cursors
|
||||
url: https://git.vrifox.cc/vrifox/vrifox.cc
|
||||
weight: 2
|
||||
|
|
|
@ -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…
Reference in a new issue