update
This commit is contained in:
Vrifox
parent
161a3dcbc3
commit
1c0aebd738
11 changed files with 57 additions and 38 deletions
|
|
@ -1,60 +0,0 @@
|
|||
footer {
|
||||
background: rgb(30, 30, 45);
|
||||
color: rgb(215, 215, 235);
|
||||
margin-top: 100px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
&::after {
|
||||
background: rgb(30, 30, 45);
|
||||
content: '';
|
||||
height: 10000px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
}
|
||||
.container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
height: 64px;
|
||||
.website-subnav {
|
||||
margin-left: auto;
|
||||
ul {
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
li {
|
||||
margin-left: 30px;
|
||||
a {
|
||||
border-bottom: 1px solid transparent;
|
||||
color: rgb(215, 215, 235);
|
||||
padding: 5px 0;
|
||||
transition: border .2s, color .2s;
|
||||
&:hover {
|
||||
border-bottom: 1px solid;
|
||||
color: rgb(255, 130, 130);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
footer {
|
||||
.container {
|
||||
max-width: none;
|
||||
.website-version {
|
||||
order: 2;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.website-subnav {
|
||||
li {
|
||||
padding: 4px 30px 4px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
|
||||
scrollbar-width: thin;
|
||||
&::-webkit-scrollbar {
|
||||
background: rgb(60, 60, 90);
|
||||
width: 6px;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
body {
|
||||
background: rgb(40, 40, 60);
|
||||
color: rgb(245, 245, 255);
|
||||
display: grid;
|
||||
font-family: 'Lucida Console', monospace;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
color: rgb(255, 130, 130);
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
h4 {
|
||||
font-size: .9em;
|
||||
}
|
||||
hr {
|
||||
color: rgb(60, 60, 90);
|
||||
margin: 50px 20px;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 1140px;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100vw;
|
||||
}
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
nav {
|
||||
background: rgb(60, 60, 90);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
.container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
height: 64px;
|
||||
.website-name {
|
||||
a {
|
||||
color: rgb(245, 245, 245);
|
||||
display: block;
|
||||
padding: 20px 30px;
|
||||
text-decoration: none;
|
||||
transition: background .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
&.active {
|
||||
border-bottom: 2px solid rgb(215,215,225);
|
||||
border-top: 2px solid transparent;
|
||||
padding: 16px 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.seperator {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
}
|
||||
.website-mainmenu {
|
||||
ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
list-style-type: none;
|
||||
&.active a {
|
||||
border-bottom: 2px solid rgb(215,215,225);
|
||||
border-top: 4px solid transparent;
|
||||
padding: 16px 30px;
|
||||
}
|
||||
a {
|
||||
color: rgb(245, 245, 245);
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
transition: background .2s;
|
||||
padding: 20px 30px;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.website-externallinks {
|
||||
margin-left: auto;
|
||||
ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
list-style-type: none;
|
||||
a {
|
||||
color: rgb(245, 245, 255);
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
transition: background .2s;
|
||||
padding: 20px 30px;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
.seperator {
|
||||
display: block;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 1140px) {
|
||||
nav {
|
||||
.container {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
nav {
|
||||
.container {
|
||||
.website-externallinks {
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
background: rgb(40, 40, 60);
|
||||
}
|
||||
}
|
||||
.seperator {
|
||||
display: block;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,270 +0,0 @@
|
|||
.chroma { // background
|
||||
background: rgb(30, 30, 45);
|
||||
border-radius: 5px;
|
||||
color: rgb(245, 245, 255);
|
||||
.x { // other
|
||||
|
||||
}
|
||||
.err { // error
|
||||
|
||||
}
|
||||
.lntd { // lineTableTD
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0 0 0 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.lntable { // lineTable
|
||||
border: 0;
|
||||
border-spacing: 0;
|
||||
display: block;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
.hl { // lineHighlight
|
||||
background: #ffffcc;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.lnt { // lineNumbersTable
|
||||
color: rgb(215, 215, 225);
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
}
|
||||
.ln { // lineNumbers
|
||||
color: rgb(215, 215, 225);
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
}
|
||||
.k { // keyword
|
||||
color: #ff79c6;
|
||||
}
|
||||
.kc { // keywordConstant
|
||||
color: #ff79c6;
|
||||
}
|
||||
.kd { // keywordDeclaration
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.kn { // keywordNamespace
|
||||
color: #ff79c6;
|
||||
}
|
||||
.kp { // keywordPseudo
|
||||
color: #ff79c6;
|
||||
}
|
||||
.kr { // keywordReserved
|
||||
color: #ff79c6;
|
||||
}
|
||||
.kt { // keywordType
|
||||
color: #8be9fd;
|
||||
}
|
||||
.n { // name
|
||||
|
||||
}
|
||||
.na { // nameAttribute
|
||||
color: #50fa7b;
|
||||
}
|
||||
.nb { // nameBuiltin
|
||||
color: #8be9fd;
|
||||
font-style: italic
|
||||
}
|
||||
.bp { // nameBuiltinPseudo
|
||||
|
||||
}
|
||||
.nc { // nameClass
|
||||
color: #50fa7b;
|
||||
}
|
||||
.no { // nameConstant
|
||||
|
||||
}
|
||||
.nd { // nameDecorator
|
||||
|
||||
}
|
||||
.ni { // nameEntity
|
||||
|
||||
}
|
||||
.ne { // nameException
|
||||
|
||||
}
|
||||
.nf { // nameFunction
|
||||
color: #50fa7b;
|
||||
}
|
||||
.fm { // nameFunctionMagic
|
||||
|
||||
}
|
||||
.nl { // nameLabel
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.nn { // nameNamespace
|
||||
|
||||
}
|
||||
.nx { // nameOther
|
||||
|
||||
}
|
||||
.py { // nameProperty
|
||||
|
||||
}
|
||||
.nt { // nameTag
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.nv { // nameVariable
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.vc { // nameVariableClass
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.vg { // nameVariableGlobal
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.vi { // nameVariableInstance
|
||||
color: #8be9fd;
|
||||
font-style: italic;
|
||||
}
|
||||
.vm { // nameVariableMagic
|
||||
|
||||
}
|
||||
.l { // literal
|
||||
|
||||
}
|
||||
.ld { // literalDate
|
||||
|
||||
}
|
||||
.s { // literalString
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sa { // literalStringAffix
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sb { // literalStringBacktick
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sc { // literalStringChar
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.dl { // literalStringDelimiter
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sd { // literalStringDoc
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.s2 { // literalStringDouble
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.se { // literalStringEscape
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sh { // literalStringHeredoc
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.si { // literalStringInterpol
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sx { // literalStringOther
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.sr { // literalStringRegex
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.s1 { // literalStringSingle
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.ss { // literalStringSymbol
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.m { // literalNumber
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mb { // literalNumberBin
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mf { // literalNumberFloat
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mh { // literalNumberHex
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mi { // literalNumberInteger
|
||||
color: #bd93f9;
|
||||
}
|
||||
.il { // literalNumberIntegerLong
|
||||
color: #bd93f9;
|
||||
}
|
||||
.mo { // literalNumberOct
|
||||
color: #bd93f9;
|
||||
}
|
||||
.o { // operator
|
||||
color: #ff79c6;
|
||||
}
|
||||
.ow { // operatorWord
|
||||
color: #ff79c6;
|
||||
}
|
||||
.p { // punctuation
|
||||
|
||||
}
|
||||
.c { // comment
|
||||
color: #6272a4;
|
||||
}
|
||||
.ch { // commentHashbang
|
||||
color: #6272a4;
|
||||
}
|
||||
.cm { // commentMultiline
|
||||
color: #6272a4;
|
||||
}
|
||||
.c1 { // commentSingle
|
||||
color: #6272a4;
|
||||
}
|
||||
.cs { // commentSpecial
|
||||
color: #6272a4;
|
||||
}
|
||||
.cp { // commentPreproc
|
||||
color: #ff79c6;
|
||||
}
|
||||
.cpf { // commentPreprocFile
|
||||
color: #ff79c6;
|
||||
}
|
||||
.g { // generic
|
||||
|
||||
}
|
||||
.gd { // genericDeleted
|
||||
color: #8b080b;
|
||||
}
|
||||
.ge { // genericEmph
|
||||
text-decoration: underline;
|
||||
}
|
||||
.gr { // genericError
|
||||
|
||||
}
|
||||
.gh { // genericHeading
|
||||
font-weight: bold;
|
||||
}
|
||||
.gi { // genericInserted
|
||||
font-weight: bold;
|
||||
}
|
||||
.go { // genericOutput
|
||||
color: #44475a;
|
||||
}
|
||||
.gp { // genericPrompt
|
||||
|
||||
}
|
||||
.gs { // genericStrong
|
||||
|
||||
}
|
||||
.gu { // genericSubheading
|
||||
font-weight: bold;
|
||||
}
|
||||
.gt { // genericTraceback
|
||||
|
||||
}
|
||||
.gl { // genericUnderline
|
||||
text-decoration: underline;
|
||||
}
|
||||
.w { // textWhitespace
|
||||
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue