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 {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
max-width: none;
|
|
||||||
.website-subnav {
|
.website-subnav {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
ul {
|
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) {
|
@media (max-width: 600px) {
|
||||||
footer {
|
footer {
|
||||||
.container {
|
.container {
|
||||||
|
max-width: none;
|
||||||
.website-version {
|
.website-version {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
|
|
@ -9,6 +9,10 @@ a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
background: rgb(40, 40, 60);
|
background: rgb(40, 40, 60);
|
||||||
color: rgb(240, 240, 255);
|
color: rgb(240, 240, 255);
|
||||||
|
|
|
@ -5,7 +5,6 @@ nav {
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
max-width: none;
|
|
||||||
.website-name {
|
.website-name {
|
||||||
a {
|
a {
|
||||||
color: rgb(245, 245, 245);
|
color: rgb(245, 245, 245);
|
||||||
|
@ -36,6 +35,7 @@ nav {
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
nav {
|
nav {
|
||||||
.container {
|
.container {
|
||||||
|
max-width: none;
|
||||||
.website-nav {
|
.website-nav {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@ languageCode: en-us
|
||||||
title: vrifox.cc
|
title: vrifox.cc
|
||||||
enableRobotsTXT: true
|
enableRobotsTXT: true
|
||||||
params:
|
params:
|
||||||
version: 2020-09-20
|
version: 2020-09-21
|
||||||
menu:
|
menu:
|
||||||
main:
|
main:
|
||||||
- identifier: blog
|
- identifier: blog
|
||||||
|
@ -31,5 +31,5 @@ menu:
|
||||||
- identifier: sourcecode
|
- identifier: sourcecode
|
||||||
name: source code
|
name: source code
|
||||||
title: source code
|
title: source code
|
||||||
url: https://git.vrifox.cc/vrifox/cursors
|
url: https://git.vrifox.cc/vrifox/vrifox.cc
|
||||||
weight: 2
|
weight: 2
|
||||||
|
|
|
@ -8,6 +8,10 @@ a {
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #ff8282 #3c3c5a; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #28283c;
|
background: #28283c;
|
||||||
color: #f0f0ff;
|
color: #f0f0ff;
|
||||||
|
@ -30,8 +34,7 @@ nav {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
nav .container {
|
nav .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
nav .container .website-name a {
|
nav .container .website-name a {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -52,6 +55,8 @@ nav {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
nav .container {
|
||||||
|
max-width: none; }
|
||||||
nav .container .website-nav {
|
nav .container .website-nav {
|
||||||
padding: 0 20px; } }
|
padding: 0 20px; } }
|
||||||
|
|
||||||
|
@ -63,8 +68,7 @@ footer {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
footer .container {
|
footer .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
footer .container .website-subnav {
|
footer .container .website-subnav {
|
||||||
margin-left: auto; }
|
margin-left: auto; }
|
||||||
footer .container .website-subnav ul {
|
footer .container .website-subnav ul {
|
||||||
|
@ -76,7 +80,17 @@ footer {
|
||||||
footer .container .website-subnav a {
|
footer .container .website-subnav a {
|
||||||
color: #c8c8e6; }
|
color: #c8c8e6; }
|
||||||
|
|
||||||
|
footer::after {
|
||||||
|
content: '';
|
||||||
|
background: #1e1e2d;
|
||||||
|
position: fixed;
|
||||||
|
height: 10000px;
|
||||||
|
width: 100vw;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
footer .container {
|
||||||
|
max-width: none; }
|
||||||
footer .container .website-version {
|
footer .container .website-version {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding: 10px 20px; }
|
padding: 10px 20px; }
|
||||||
|
|
|
@ -8,6 +8,10 @@ a {
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #ff8282 #3c3c5a; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #28283c;
|
background: #28283c;
|
||||||
color: #f0f0ff;
|
color: #f0f0ff;
|
||||||
|
@ -30,8 +34,7 @@ nav {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
nav .container {
|
nav .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
nav .container .website-name a {
|
nav .container .website-name a {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -52,6 +55,8 @@ nav {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
nav .container {
|
||||||
|
max-width: none; }
|
||||||
nav .container .website-nav {
|
nav .container .website-nav {
|
||||||
padding: 0 20px; } }
|
padding: 0 20px; } }
|
||||||
|
|
||||||
|
@ -146,8 +151,7 @@ footer {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
footer .container {
|
footer .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
footer .container .website-subnav {
|
footer .container .website-subnav {
|
||||||
margin-left: auto; }
|
margin-left: auto; }
|
||||||
footer .container .website-subnav ul {
|
footer .container .website-subnav ul {
|
||||||
|
@ -159,7 +163,17 @@ footer {
|
||||||
footer .container .website-subnav a {
|
footer .container .website-subnav a {
|
||||||
color: #c8c8e6; }
|
color: #c8c8e6; }
|
||||||
|
|
||||||
|
footer::after {
|
||||||
|
content: '';
|
||||||
|
background: #1e1e2d;
|
||||||
|
position: fixed;
|
||||||
|
height: 10000px;
|
||||||
|
width: 100vw;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
footer .container {
|
||||||
|
max-width: none; }
|
||||||
footer .container .website-version {
|
footer .container .website-version {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding: 10px 20px; }
|
padding: 10px 20px; }
|
||||||
|
|
|
@ -8,6 +8,10 @@ a {
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #ff8282 #3c3c5a; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #28283c;
|
background: #28283c;
|
||||||
color: #f0f0ff;
|
color: #f0f0ff;
|
||||||
|
@ -30,8 +34,7 @@ nav {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
nav .container {
|
nav .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
nav .container .website-name a {
|
nav .container .website-name a {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -52,6 +55,8 @@ nav {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
nav .container {
|
||||||
|
max-width: none; }
|
||||||
nav .container .website-nav {
|
nav .container .website-nav {
|
||||||
padding: 0 20px; } }
|
padding: 0 20px; } }
|
||||||
|
|
||||||
|
@ -154,8 +159,7 @@ footer {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
footer .container {
|
footer .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
footer .container .website-subnav {
|
footer .container .website-subnav {
|
||||||
margin-left: auto; }
|
margin-left: auto; }
|
||||||
footer .container .website-subnav ul {
|
footer .container .website-subnav ul {
|
||||||
|
@ -167,7 +171,17 @@ footer {
|
||||||
footer .container .website-subnav a {
|
footer .container .website-subnav a {
|
||||||
color: #c8c8e6; }
|
color: #c8c8e6; }
|
||||||
|
|
||||||
|
footer::after {
|
||||||
|
content: '';
|
||||||
|
background: #1e1e2d;
|
||||||
|
position: fixed;
|
||||||
|
height: 10000px;
|
||||||
|
width: 100vw;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
footer .container {
|
||||||
|
max-width: none; }
|
||||||
footer .container .website-version {
|
footer .container .website-version {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding: 10px 20px; }
|
padding: 10px 20px; }
|
||||||
|
|
|
@ -8,6 +8,10 @@ a {
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #ff8282 #3c3c5a; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #28283c;
|
background: #28283c;
|
||||||
color: #f0f0ff;
|
color: #f0f0ff;
|
||||||
|
@ -30,8 +34,7 @@ nav {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
nav .container {
|
nav .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
nav .container .website-name a {
|
nav .container .website-name a {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -52,6 +55,8 @@ nav {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
nav .container {
|
||||||
|
max-width: none; }
|
||||||
nav .container .website-nav {
|
nav .container .website-nav {
|
||||||
padding: 0 20px; } }
|
padding: 0 20px; } }
|
||||||
|
|
||||||
|
@ -113,8 +118,7 @@ footer {
|
||||||
overflow-x: auto; }
|
overflow-x: auto; }
|
||||||
footer .container {
|
footer .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center; }
|
||||||
max-width: none; }
|
|
||||||
footer .container .website-subnav {
|
footer .container .website-subnav {
|
||||||
margin-left: auto; }
|
margin-left: auto; }
|
||||||
footer .container .website-subnav ul {
|
footer .container .website-subnav ul {
|
||||||
|
@ -126,7 +130,17 @@ footer {
|
||||||
footer .container .website-subnav a {
|
footer .container .website-subnav a {
|
||||||
color: #c8c8e6; }
|
color: #c8c8e6; }
|
||||||
|
|
||||||
|
footer::after {
|
||||||
|
content: '';
|
||||||
|
background: #1e1e2d;
|
||||||
|
position: fixed;
|
||||||
|
height: 10000px;
|
||||||
|
width: 100vw;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
|
footer .container {
|
||||||
|
max-width: none; }
|
||||||
footer .container .website-version {
|
footer .container .website-version {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding: 10px 20px; }
|
padding: 10px 20px; }
|
||||||
|
|
Loading…
Reference in a new issue