Breaking changes, listed in CHANGELOG
This commit is contained in:
Nova
parent
30185c999f
commit
20659025cd
|
|
@ -0,0 +1,4 @@
|
|||
[2021.07.28]
|
||||
- Added the possibility of loading a config.cfg file like 'saait' does
|
||||
- Renamed generate.sh to gensite
|
||||
- Renamed create.sh to mkpage
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
PREFIX ?= /usr/local
|
||||
DESTDIR ?=
|
||||
|
||||
install:
|
||||
install -m0755 gensite $(DESTDIR)$(PREFIX)/bin/gensite
|
||||
install -m0755 mkpage $(DESTDIR)$(PREFIX)/bin/mkpage
|
||||
|
||||
uninstall:
|
||||
rm -f $(DESTDIR)$(PREFIX)/bin/gensite
|
||||
rm -f $(DESTDIR)$(PREFIX)/bin/mkpage
|
||||
|
|
@ -1,26 +1,23 @@
|
|||
#!/bin/sh
|
||||
# site title (part of ${pagetitle} probably).
|
||||
sitetitle=""
|
||||
# site language.
|
||||
sitelang="en"
|
||||
# main site domain.
|
||||
sitedomain=""
|
||||
# relative site url, can be "/blog" or something.
|
||||
siteurlrel=""
|
||||
# full site url.
|
||||
siteurlfull="${sitedomain}${siteurlrel}"
|
||||
# site keywords (global default), don't use too many.
|
||||
sitekeywords=""
|
||||
# site description (global default).
|
||||
sitedescription=""
|
||||
# site mail used for contact "mail link".
|
||||
sitemail=""
|
||||
# site author (global).
|
||||
siteauthor=""
|
||||
# site last updated (default use date when script was run).
|
||||
siteupdated=$(date "+%Y-%m-%dT%H:%M:%SZ")
|
||||
# site owner's projects url (can be github or anything)
|
||||
siteprojects=""
|
||||
|
||||
if ! [ -f "$PWD/config.cfg" ];then
|
||||
cat << EOF > config.cfg
|
||||
sitetitle=""
|
||||
sitelang=""
|
||||
sitedomain=""
|
||||
siteurlrel=""
|
||||
siteurlfull=""
|
||||
sitekeywords=""
|
||||
sitedescription=""
|
||||
sitemail=""
|
||||
siteauthor=""
|
||||
siteupdated=$(date +%Y-%m-%dT%H:%M:%SZ)
|
||||
siteprojects=""
|
||||
EOF
|
||||
else
|
||||
source $PWD/config.cfg
|
||||
fi
|
||||
|
||||
# directories containing content and metadata.
|
||||
# NOTE: it's recommended to use absolute paths here, use "." for current directory.
|
||||
pagesdir="pages"
|
||||
|
|
@ -31,12 +28,12 @@ markdown="smu"
|
|||
|
||||
#gnudate(fmt,date)
|
||||
gnudate() {
|
||||
date "+$1" -d "$2"
|
||||
date "+$1" -d "$2" >/dev/null 2&>1
|
||||
}
|
||||
|
||||
#bsddate(fmt,date)
|
||||
bsddate() {
|
||||
date -j "+$1" "$(printf '%s' "$2" | tr -Cd '[:digit:]')"
|
||||
date -j "+$1" "$(printf '%s' "$2" | tr -Cd '[:digit:]')" >/dev/null 2&>1
|
||||
}
|
||||
|
||||
# added for compatibility with GNU and BSD date.
|
||||
868
output/style.css
868
output/style.css
|
|
@ -1,579 +1,349 @@
|
|||
@charset "UTF-8";
|
||||
/*
|
||||
* Make web 2.0 websites without JavaScript!!
|
||||
* Developers : KiddyTheKid & Nova
|
||||
* Licensed under GNU Affero General Public License version 3
|
||||
* Version : 1.1.2
|
||||
* envs.net - CSS Style
|
||||
* © 2019-2021
|
||||
*
|
||||
*/
|
||||
@keyframes anim-nova-toggle {
|
||||
from {
|
||||
max-height: 0px; }
|
||||
to {
|
||||
max-height: 500px; } }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
src: url("fonts/Oswald-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
@import "https://envs.net/fonts/jetbrains-mono/font.css";
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald Bold';
|
||||
src: url("fonts/Oswald-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: bold; }
|
||||
* { font-family: 'JetBrains Mono', 'monospace'; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald Extra Light';
|
||||
src: url("fonts/Oswald-ExtraLight.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald Light';
|
||||
src: url("fonts/Oswald-Light.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald Medium';
|
||||
src: url("fonts/Oswald-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald Semi Bold';
|
||||
src: url("fonts/Oswald-SemiBold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: bold; }
|
||||
|
||||
* {
|
||||
font-family: 'Oswald','monospace';
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
*:root {
|
||||
background: #000000;
|
||||
color: #A9A9A9; }
|
||||
|
||||
address, area, article, aside, audio, blockquote, datalist,
|
||||
dl, details, fieldset, figure, form, input, iframe, meter,
|
||||
nav, ol, optgroup, option, output, p, pre, progress, ruby,
|
||||
section {
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box; }
|
||||
@media (min-width: 400px) {
|
||||
.container {
|
||||
width: 85%;
|
||||
padding: 0; } }
|
||||
@media (min-width: 550px) {
|
||||
.container {
|
||||
width: 80%; } }
|
||||
.row .col {
|
||||
width: 100%;
|
||||
float: left;
|
||||
box-sizing: border-box; }
|
||||
@media (min-width: 550px) {
|
||||
.row .col {
|
||||
margin-left: 4%; }
|
||||
.row .col:first-child, .row .col:first-child {
|
||||
margin-left: 0; } }
|
||||
@media (min-width: 550px) {
|
||||
.row .one {
|
||||
width: 4.66666666667%; }
|
||||
.row .two {
|
||||
width: 13.3333333333%; }
|
||||
.row .three {
|
||||
width: 22%; }
|
||||
.row .four {
|
||||
width: 30.6666666667%; }
|
||||
.row .five {
|
||||
width: 39.3333333333%; }
|
||||
.row .six {
|
||||
width: 48%; }
|
||||
.row .seven {
|
||||
width: 56.6666666667%; }
|
||||
.row .eight {
|
||||
width: 65.3333333333%; }
|
||||
.row .nine {
|
||||
width: 74.0%; }
|
||||
.row .ten {
|
||||
width: 82.6666666667%; }
|
||||
.row .eleven {
|
||||
width: 91.3333333333%; }
|
||||
.row .twelve {
|
||||
width: 100%;
|
||||
margin-left: 0; }
|
||||
.row .fill-one {
|
||||
margin-left: 8.66666666667%; }
|
||||
.row .fill-two {
|
||||
margin-left: 17.3333333333%; }
|
||||
.row .fill-three {
|
||||
margin-left: 26%; }
|
||||
.row .fill-four {
|
||||
margin-left: 34.6666666667%; }
|
||||
.row .fill-five {
|
||||
margin-left: 43.3333333333%; }
|
||||
.row .fill-six {
|
||||
margin-left: 52%; }
|
||||
.row .fill-seven {
|
||||
margin-left: 60.6666666667%; }
|
||||
.row .fill-eight {
|
||||
margin-left: 69.3333333333%; }
|
||||
.row .fill-nine {
|
||||
margin-left: 78.0%; }
|
||||
.row .fill-ten {
|
||||
margin-left: 86.6666666667%; }
|
||||
.row .fill-eleven {
|
||||
margin-left: 95.3333333333%; } }
|
||||
|
||||
blockquote {
|
||||
padding: 1.5rem;
|
||||
background: #111111;
|
||||
border-left: 5px solid #222222; }
|
||||
blockquote *:last-child {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0; }
|
||||
|
||||
fieldset {
|
||||
margin-top: 1rem;
|
||||
padding: 2rem;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px; }
|
||||
|
||||
input {
|
||||
font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
padding: 6px 12px;
|
||||
margin-bottom: .5rem;
|
||||
background: #111111;
|
||||
color: #eeeeee;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box; }
|
||||
|
||||
img {
|
||||
margin-bottom: 1rem;
|
||||
max-width: 100%; }
|
||||
|
||||
ol {
|
||||
padding-left: 2rem; }
|
||||
ol ul {
|
||||
margin-bottom: 0; }
|
||||
ol ol {
|
||||
margin-bottom: 0; }
|
||||
|
||||
pre {
|
||||
font-family: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
padding: 3px 6px;
|
||||
font-size: 0.9em;
|
||||
padding: 1rem 1.4rem;
|
||||
max-width: 100%;
|
||||
overflow: auto; }
|
||||
pre code {
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
table {
|
||||
margin-bottom: 1rem;
|
||||
border-collapse: collapse;
|
||||
width: 100%; }
|
||||
table caption {
|
||||
font-weight: bold;
|
||||
margin-bottom: .5rem; }
|
||||
|
||||
textarea {
|
||||
margin-bottom: 1rem;
|
||||
max-width: 100%;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: .5rem;
|
||||
background: #111111;
|
||||
color: #eeeeee;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box; }
|
||||
|
||||
ul {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 2rem; }
|
||||
ul ul {
|
||||
margin-bottom: 0; }
|
||||
ul ol {
|
||||
margin-bottom: 0; }
|
||||
|
||||
video {
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
html {
|
||||
font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
|
||||
|
||||
select {
|
||||
font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
padding: 6px 12px;
|
||||
margin-bottom: .5rem;
|
||||
background: #111111;
|
||||
color: #eeeeee;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box; }
|
||||
|
||||
button {
|
||||
font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
color: #000000; }
|
||||
button:focus {
|
||||
background: #FFFFFF; }
|
||||
button:enabled:hover {
|
||||
background: #FFFFFF; }
|
||||
body, input, select, textarea {
|
||||
color: #333;
|
||||
font-size: 10pt;
|
||||
line-height: 1.65em;
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
border-radius: 6px;
|
||||
overflow-x: hidden;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
color: #eeeeee;
|
||||
font-size: 1.03rem;
|
||||
line-height: 1.5; }
|
||||
body::selection {
|
||||
background: #FFFFFF;
|
||||
color: #FFFFFF; }
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
h1 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid #111111;
|
||||
font-size: 2.25rem; }
|
||||
footer {
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid #111111;
|
||||
font-size: 1.85rem; }
|
||||
#main {
|
||||
float: left;
|
||||
margin: 0 0 2em 4em;
|
||||
padding-bottom: 4em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
color: #ffffff;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid #111111;
|
||||
font-size: 1.55rem; }
|
||||
#header_sub { margin-left: 6em; }
|
||||
|
||||
h4 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
margin-bottom: .3rem;
|
||||
font-size: 1.25rem; }
|
||||
#sidebar {
|
||||
float: right;
|
||||
padding: 0 2.5em 2.5em 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
margin-bottom: .3rem;
|
||||
font-size: 1rem; }
|
||||
|
||||
h6 {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
padding-top: .875rem;
|
||||
margin-bottom: .3rem;
|
||||
font-size: .875rem; }
|
||||
#left_box {
|
||||
float: left;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #FFFFFF; }
|
||||
a:hover {
|
||||
color: #FFFFFF; }
|
||||
a button {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
color: #000000; }
|
||||
a button[disabled] {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
cursor: not-allowed; }
|
||||
outline: none;
|
||||
border-bottom-color: transparent;
|
||||
text-decoration: none;
|
||||
color: #10A0A0;
|
||||
}
|
||||
a:hover { border-bottom: dotted 1px; }
|
||||
|
||||
abbr {
|
||||
cursor: help; }
|
||||
abbr:hover {
|
||||
cursor: help; }
|
||||
summary.menu { outline: none; }
|
||||
summary.menu:hover {
|
||||
cursor: pointer;
|
||||
color: #10A0A0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: #111111;
|
||||
border-bottom: 1px solid #222222;
|
||||
padding: 2rem 1.5rem;
|
||||
margin: -2rem calc(0px - (50vw - 50%)) 2rem;
|
||||
padding-left: calc(50vw - 50%);
|
||||
padding-right: calc(50vw - 50%); }
|
||||
header h1 {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0; }
|
||||
header h2 {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0; }
|
||||
header h3 {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0; }
|
||||
header > *:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
header > *:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
input[type="submit"] {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
color: #000000; }
|
||||
input[type="submit"]:focus {
|
||||
background: #FFFFFF; }
|
||||
input[type="submit"]:enabled:hover {
|
||||
background: #FFFFFF; }
|
||||
|
||||
input[type="reset"] {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
color: #000000; }
|
||||
input[type="reset"]:focus {
|
||||
background: #FFFFFF; }
|
||||
input[type="reset"]:enabled:hover {
|
||||
background: #FFFFFF; }
|
||||
|
||||
input[type="button"] {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
color: #000000; }
|
||||
input[type="button"]:focus {
|
||||
background: #FFFFFF; }
|
||||
input[type="button"]:enabled:hover {
|
||||
background: #FFFFFF; }
|
||||
|
||||
button[disabled] {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
cursor: not-allowed; }
|
||||
|
||||
input[type="submit"][disabled] {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
cursor: not-allowed; }
|
||||
|
||||
input[type="reset"][disabled] {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
cursor: not-allowed; }
|
||||
|
||||
input[type="button"][disabled] {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
cursor: not-allowed; }
|
||||
|
||||
.button:focus {
|
||||
background: #FFFFFF; }
|
||||
|
||||
.button:enabled:hover {
|
||||
background: #FFFFFF; }
|
||||
blockquote {
|
||||
border-left: solid 4px #e5e5e5;
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
padding: 0 0 1.5em 4em;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
padding: 3px 6px;
|
||||
font-size: 0.9em; }
|
||||
code pre {
|
||||
display: inline;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
font-family: monospace;
|
||||
background: #e5e5e5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
kbd {
|
||||
font-family: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
padding: 3px 6px;
|
||||
font-size: 0.9em;
|
||||
border-bottom: 3px solid #222222; }
|
||||
pre {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
pre.clean {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
samp {
|
||||
font-family: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
padding: 3px 6px;
|
||||
font-size: 0.9em; }
|
||||
pre.banner {
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nova-menu-button {
|
||||
padding: .6rem 1rem;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: center; }
|
||||
.nova-menu-button summary::marker {
|
||||
content: '' !important;
|
||||
display: none !important; }
|
||||
@media (min-width: 550px) {
|
||||
.nova-menu-button {
|
||||
display: none; } }
|
||||
.nova-menu-list {
|
||||
display: none;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding-left: 0;
|
||||
overflow: hidden; }
|
||||
.nova-menu-list li {
|
||||
display: block;
|
||||
position: relative; }
|
||||
@media (min-width: 550px) {
|
||||
.nova-menu-list {
|
||||
display: block;
|
||||
text-align: left; }
|
||||
.nova-menu-list li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: auto 12px; } }
|
||||
.nova-menu-button[open] + .nova-menu-list {
|
||||
display: block;
|
||||
max-height: 0px;
|
||||
padding-bottom: 15px;
|
||||
background: #111111;
|
||||
border: 1px solid #222222;
|
||||
border-radius: 4px;
|
||||
animation-name: anim-nova-toggle;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: forwards; }
|
||||
|
||||
dt {
|
||||
font-weight: bold; }
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
margin: 0;
|
||||
padding: 0.8em 0 0.4em 0;
|
||||
}
|
||||
|
||||
dd::before {
|
||||
content: '→ '; }
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #222222;
|
||||
margin: 1rem auto; }
|
||||
|
||||
legend {
|
||||
padding: auto .5rem; }
|
||||
|
||||
td {
|
||||
border: 1px solid #222222;
|
||||
text-align: left;
|
||||
padding: .5rem; }
|
||||
|
||||
th {
|
||||
border: 1px solid #222222;
|
||||
text-align: left;
|
||||
padding: .5rem;
|
||||
background: #111111; }
|
||||
|
||||
tr:nth-child(even) {
|
||||
background: #111111; }
|
||||
hr.half {
|
||||
width:50%;
|
||||
text-align:left;
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-top: .4rem; }
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 3px 6px;
|
||||
background: #FFFFFF;
|
||||
color: #FFFFFF; }
|
||||
ol, ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 2em;
|
||||
}
|
||||
|
||||
.container:after, .row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.ol.userlist, ul.userlist {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0 0 0 1.2em;
|
||||
}
|
||||
|
||||
.full-width {
|
||||
width: 100%;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.nova-brand-logo {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: center; }
|
||||
.nova-brand-logo img {
|
||||
width: 85%; }
|
||||
@media (min-width: 550px) {
|
||||
.nova-brand-logo {
|
||||
width: 120px; } }
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tr, th, td {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.table_pkg tbody tr:nth-child(even) {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
.tw20 { width: 20px; }
|
||||
.tw25 { width: 25px; }
|
||||
.tw80 { width: 80px; }
|
||||
.tw100 { width: 100px; }
|
||||
.tw110 { width: 110px; }
|
||||
.tw130 { width: 130px; }
|
||||
.tw140 { width: 140px; }
|
||||
.tw160 { width: 160px; }
|
||||
.tw280 { width: 280px; }
|
||||
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 0.3em 1em 0.3em 1em;
|
||||
margin: 0 0 -0.5em 0;
|
||||
border: solid 1px #333;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type=button], input[type=submit], input[type=text] {
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
border-radius: 10px;
|
||||
border: solid 1px #333;
|
||||
text-decoration: none;
|
||||
padding: 0.3em 1em 0.3em 1em;
|
||||
}
|
||||
|
||||
input[type=button]:hover, input[type=submit]:hover {
|
||||
background-color: #211921;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
padding: 0.3em 1em 0.3em 0;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #211921;
|
||||
color: #FFF5EE;
|
||||
}
|
||||
|
||||
|
||||
.clean { margin: 0; padding: 0; }
|
||||
|
||||
.clear { clear:both; }
|
||||
|
||||
.mark { color: #10A0A0; }
|
||||
|
||||
.alert {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
margin: 0 0 1.5em 0;
|
||||
padding: 0.5em 1em 1.5em 1em;
|
||||
}
|
||||
|
||||
.block {
|
||||
border-left: solid 4px #e5e5e5;
|
||||
margin: 0.8em 0 1em 0;
|
||||
padding: 0.8em 0 0.8em 4em;
|
||||
}
|
||||
|
||||
.center {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
.button_back {
|
||||
float: left;
|
||||
margin-top: 1em;
|
||||
margin-left: 0.4em;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #ffffff;
|
||||
}
|
||||
dd,dt {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/*
|
||||
* LIGHT MODE
|
||||
*/
|
||||
body.light-mode {
|
||||
background: #f5f5f5;
|
||||
color: #333;
|
||||
}
|
||||
body.light-mode footer {
|
||||
border-top: solid 2px #e5e5e5;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
body.light-mode blockquote {
|
||||
border-left: solid 4px #e5e5e5;
|
||||
}
|
||||
body.light-mode code {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
body.light-mode .table_pkg tbody tr:nth-child(even) {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
body.light-mode input[type=button], body.light-mode input[type=submit], body.light-mode input[type=text] {
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
border: solid 1px #333;
|
||||
}
|
||||
body.light-mode input[type=button]:hover, body.light-mode input[type=submit]:hover {
|
||||
background-color: #211921;
|
||||
color: #FFF5EE;
|
||||
}
|
||||
body.light-mode input[type=file] {
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
body.light-mode textarea {
|
||||
background: #e5e5e5;
|
||||
color: #333;
|
||||
border: solid 1px #333;
|
||||
}
|
||||
body.light-mode button {
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
}
|
||||
body.light-mode button:hover {
|
||||
background-color: #211921;
|
||||
color: #FFF5EE;
|
||||
}
|
||||
body.light-mode .alert {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
body.light-mode .block, body.light-mode .block_head {
|
||||
border-left: solid 4px #e5e5e5;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* DARK MODE
|
||||
*/
|
||||
body.dark-mode {
|
||||
color: #FFF5EE;
|
||||
background: #040304;
|
||||
}
|
||||
body.dark-mode footer {
|
||||
border-top: solid 2px #211921;
|
||||
background: #040304;
|
||||
}
|
||||
body.dark-mode blockquote {
|
||||
border-left: solid 4px #211921;
|
||||
}
|
||||
body.dark-mode code {
|
||||
color: #ddd;
|
||||
background: #211921;
|
||||
}
|
||||
body.dark-mode .table_pkg tbody tr:nth-child(even) {
|
||||
background: #211921;
|
||||
}
|
||||
body.dark-mode input[type=button], body.dark-mode input[type=submit], body.dark-mode input[type=text] {
|
||||
background-color: #211921;
|
||||
color: #ddd;
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
body.dark-mode input[type=button]:hover, body.dark-mode input[type=submit]:hover {
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
}
|
||||
body.dark-mode input[type=file] {
|
||||
color: #ddd;
|
||||
background-color: #040304;
|
||||
}
|
||||
body.dark-mode textarea {
|
||||
color: #ddd;
|
||||
background: #211921;
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
body.dark-mode button {
|
||||
background-color: #211921;
|
||||
color: #ddd;
|
||||
}
|
||||
body.dark-mode button:hover {
|
||||
background-color: #e5e5e5;
|
||||
color: #333;
|
||||
}
|
||||
body.dark-mode .alert {
|
||||
color: #ddd;
|
||||
background: #211921;
|
||||
}
|
||||
body.dark-mode .block, body.dark-mode .block_head {
|
||||
border-left: solid 4px #211921;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue