mirror of https://gitlab.com/brutaldon/brutaldon
adding debug toolbar, stripping out unused themes
This commit is contained in:
Dorian Wood
parent
c59013c6f6
commit
8f23c117b9
1
Pipfile
1
Pipfile
|
|
@ -26,5 +26,6 @@ django-html_sanitizer = "*"
|
||||||
inscriptis = "*"
|
inscriptis = "*"
|
||||||
lxml = "*"
|
lxml = "*"
|
||||||
uwsgi = "*"
|
uwsgi = "*"
|
||||||
|
django-debug-toolbar = "*"
|
||||||
|
|
||||||
[dev-packages]
|
[dev-packages]
|
||||||
|
|
|
||||||
|
|
@ -41,9 +41,11 @@ INSTALLED_APPS = [
|
||||||
"sanitizer",
|
"sanitizer",
|
||||||
"django.contrib.humanize",
|
"django.contrib.humanize",
|
||||||
"brutaldon",
|
"brutaldon",
|
||||||
|
"debug_toolbar",
|
||||||
]
|
]
|
||||||
|
|
||||||
MIDDLEWARE = [
|
MIDDLEWARE = [
|
||||||
|
"debug_toolbar.middleware.DebugToolbarMiddleware",
|
||||||
"django.middleware.security.SecurityMiddleware",
|
"django.middleware.security.SecurityMiddleware",
|
||||||
"django.contrib.sessions.middleware.SessionMiddleware",
|
"django.contrib.sessions.middleware.SessionMiddleware",
|
||||||
"django.middleware.common.CommonMiddleware",
|
"django.middleware.common.CommonMiddleware",
|
||||||
|
|
@ -216,3 +218,8 @@ DEFAULT_AUTO_FIELD='django.db.models.AutoField'
|
||||||
|
|
||||||
# Version number displayed on about page
|
# Version number displayed on about page
|
||||||
BRUTALDON_VERSION = "2.15.0"
|
BRUTALDON_VERSION = "2.15.0"
|
||||||
|
|
||||||
|
# Set the internal IP address, this needs to be explicitly set for the debug toolbar to work.
|
||||||
|
INTERNAL_IPS = [
|
||||||
|
"127.0.0.1",
|
||||||
|
]
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,351 +0,0 @@
|
||||||
/* Magnific Popup CSS */
|
|
||||||
.mfp-bg {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 1042;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
background: #0b0b0b;
|
|
||||||
opacity: 0.8; }
|
|
||||||
|
|
||||||
.mfp-wrap {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 1043;
|
|
||||||
position: fixed;
|
|
||||||
outline: none !important;
|
|
||||||
-webkit-backface-visibility: hidden; }
|
|
||||||
|
|
||||||
.mfp-container {
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 0 8px;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
|
|
||||||
.mfp-container:before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
height: 100%;
|
|
||||||
vertical-align: middle; }
|
|
||||||
|
|
||||||
.mfp-align-top .mfp-container:before {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-content {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 1045; }
|
|
||||||
|
|
||||||
.mfp-inline-holder .mfp-content,
|
|
||||||
.mfp-ajax-holder .mfp-content {
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-ajax-cur {
|
|
||||||
cursor: progress; }
|
|
||||||
|
|
||||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
||||||
cursor: -moz-zoom-out;
|
|
||||||
cursor: -webkit-zoom-out;
|
|
||||||
cursor: zoom-out; }
|
|
||||||
|
|
||||||
.mfp-zoom {
|
|
||||||
cursor: pointer;
|
|
||||||
cursor: -webkit-zoom-in;
|
|
||||||
cursor: -moz-zoom-in;
|
|
||||||
cursor: zoom-in; }
|
|
||||||
|
|
||||||
.mfp-auto-cursor .mfp-content {
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-close,
|
|
||||||
.mfp-arrow,
|
|
||||||
.mfp-preloader,
|
|
||||||
.mfp-counter {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
user-select: none; }
|
|
||||||
|
|
||||||
.mfp-loading.mfp-figure {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.mfp-preloader {
|
|
||||||
color: #CCC;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: auto;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: -0.8em;
|
|
||||||
left: 8px;
|
|
||||||
right: 8px;
|
|
||||||
z-index: 1044; }
|
|
||||||
.mfp-preloader a {
|
|
||||||
color: #CCC; }
|
|
||||||
.mfp-preloader a:hover {
|
|
||||||
color: #FFF; }
|
|
||||||
|
|
||||||
.mfp-s-ready .mfp-preloader {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-s-error .mfp-content {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
button.mfp-close,
|
|
||||||
button.mfp-arrow {
|
|
||||||
overflow: visible;
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent;
|
|
||||||
border: 0;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
display: block;
|
|
||||||
outline: none;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 1046;
|
|
||||||
box-shadow: none;
|
|
||||||
touch-action: manipulation; }
|
|
||||||
|
|
||||||
button::-moz-focus-inner {
|
|
||||||
padding: 0;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.mfp-close {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
line-height: 44px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0.65;
|
|
||||||
padding: 0 0 18px 10px;
|
|
||||||
color: #FFF;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Arial, Baskerville, monospace; }
|
|
||||||
.mfp-close:hover,
|
|
||||||
.mfp-close:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
.mfp-close:active {
|
|
||||||
top: 1px; }
|
|
||||||
|
|
||||||
.mfp-close-btn-in .mfp-close {
|
|
||||||
color: #333; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-close,
|
|
||||||
.mfp-iframe-holder .mfp-close {
|
|
||||||
color: #FFF;
|
|
||||||
right: -6px;
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 6px;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
.mfp-counter {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
color: #CCC;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 18px;
|
|
||||||
white-space: nowrap; }
|
|
||||||
|
|
||||||
.mfp-arrow {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0.65;
|
|
||||||
margin: 0;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -55px;
|
|
||||||
padding: 0;
|
|
||||||
width: 90px;
|
|
||||||
height: 110px;
|
|
||||||
-webkit-tap-highlight-color: transparent; }
|
|
||||||
.mfp-arrow:active {
|
|
||||||
margin-top: -54px; }
|
|
||||||
.mfp-arrow:hover,
|
|
||||||
.mfp-arrow:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
.mfp-arrow:before,
|
|
||||||
.mfp-arrow:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
margin-top: 35px;
|
|
||||||
margin-left: 35px;
|
|
||||||
border: medium inset transparent; }
|
|
||||||
.mfp-arrow:after {
|
|
||||||
border-top-width: 13px;
|
|
||||||
border-bottom-width: 13px;
|
|
||||||
top: 8px; }
|
|
||||||
.mfp-arrow:before {
|
|
||||||
border-top-width: 21px;
|
|
||||||
border-bottom-width: 21px;
|
|
||||||
opacity: 0.7; }
|
|
||||||
|
|
||||||
.mfp-arrow-left {
|
|
||||||
left: 0; }
|
|
||||||
.mfp-arrow-left:after {
|
|
||||||
border-right: 17px solid #FFF;
|
|
||||||
margin-left: 31px; }
|
|
||||||
.mfp-arrow-left:before {
|
|
||||||
margin-left: 25px;
|
|
||||||
border-right: 27px solid #3F3F3F; }
|
|
||||||
|
|
||||||
.mfp-arrow-right {
|
|
||||||
right: 0; }
|
|
||||||
.mfp-arrow-right:after {
|
|
||||||
border-left: 17px solid #FFF;
|
|
||||||
margin-left: 39px; }
|
|
||||||
.mfp-arrow-right:before {
|
|
||||||
border-left: 27px solid #3F3F3F; }
|
|
||||||
|
|
||||||
.mfp-iframe-holder {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 40px; }
|
|
||||||
.mfp-iframe-holder .mfp-content {
|
|
||||||
line-height: 0;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 900px; }
|
|
||||||
.mfp-iframe-holder .mfp-close {
|
|
||||||
top: -40px; }
|
|
||||||
|
|
||||||
.mfp-iframe-scaler {
|
|
||||||
width: 100%;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-top: 56.25%; }
|
|
||||||
.mfp-iframe-scaler iframe {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
background: #000; }
|
|
||||||
|
|
||||||
/* Main image in popup */
|
|
||||||
img.mfp-img {
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
display: block;
|
|
||||||
line-height: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 40px 0 40px;
|
|
||||||
margin: 0 auto; }
|
|
||||||
|
|
||||||
/* The shadow behind the image */
|
|
||||||
.mfp-figure {
|
|
||||||
line-height: 0; }
|
|
||||||
.mfp-figure:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 40px;
|
|
||||||
bottom: 40px;
|
|
||||||
display: block;
|
|
||||||
right: 0;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
z-index: -1;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
background: #444; }
|
|
||||||
.mfp-figure small {
|
|
||||||
color: #BDBDBD;
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px; }
|
|
||||||
.mfp-figure figure {
|
|
||||||
margin: 0; }
|
|
||||||
|
|
||||||
.mfp-bottom-bar {
|
|
||||||
margin-top: -36px;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-title {
|
|
||||||
text-align: left;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #F3F3F3;
|
|
||||||
word-wrap: break-word;
|
|
||||||
padding-right: 36px; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-content {
|
|
||||||
max-width: 100%; }
|
|
||||||
|
|
||||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
||||||
/**
|
|
||||||
* Remove all paddings around the image on small screen
|
|
||||||
*/
|
|
||||||
.mfp-img-mobile .mfp-image-holder {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0; }
|
|
||||||
.mfp-img-mobile img.mfp-img {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-img-mobile .mfp-figure:after {
|
|
||||||
top: 0;
|
|
||||||
bottom: 0; }
|
|
||||||
.mfp-img-mobile .mfp-figure small {
|
|
||||||
display: inline;
|
|
||||||
margin-left: 5px; }
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar {
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
bottom: 0;
|
|
||||||
margin: 0;
|
|
||||||
top: auto;
|
|
||||||
padding: 3px 5px;
|
|
||||||
position: fixed;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-img-mobile .mfp-counter {
|
|
||||||
right: 5px;
|
|
||||||
top: 3px; }
|
|
||||||
.mfp-img-mobile .mfp-close {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
position: fixed;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0; } }
|
|
||||||
|
|
||||||
@media all and (max-width: 900px) {
|
|
||||||
.mfp-arrow {
|
|
||||||
-webkit-transform: scale(0.75);
|
|
||||||
transform: scale(0.75); }
|
|
||||||
.mfp-arrow-left {
|
|
||||||
-webkit-transform-origin: 0;
|
|
||||||
transform-origin: 0; }
|
|
||||||
.mfp-arrow-right {
|
|
||||||
-webkit-transform-origin: 100%;
|
|
||||||
transform-origin: 100%; }
|
|
||||||
.mfp-container {
|
|
||||||
padding-left: 6px;
|
|
||||||
padding-right: 6px; } }
|
|
||||||
|
|
@ -1,296 +0,0 @@
|
||||||
body, input, textarea, select {
|
|
||||||
font-family: sans-serif;
|
|
||||||
background-color: #111111;
|
|
||||||
color: #CCCCCC;
|
|
||||||
margin: 1ex;
|
|
||||||
font-size: 11pt;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[text], textarea
|
|
||||||
{
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100em;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: cornflowerblue;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: lightcoral;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: orchid;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.is-32x32 {
|
|
||||||
float: left;
|
|
||||||
max-width: 32px;
|
|
||||||
max-height: auto;
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
.container.is-fluid {
|
|
||||||
margin-left: 64px;
|
|
||||||
margin-right: 64px;
|
|
||||||
max-width: none;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end {
|
|
||||||
align-items: stretch;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.navbar-start {
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.navbar-end {
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1279px) {
|
|
||||||
.container.is-widescreen {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1471px) {
|
|
||||||
.container.is-fullhd {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1280px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: 1152px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1472px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: 1344px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
main > div.container {
|
|
||||||
max-width: 100ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.level {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 3ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1ex;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.5ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 0.25ex;
|
|
||||||
margin-bottom: 0.25ex;
|
|
||||||
}
|
|
||||||
.toot {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-32x32, .is-32x32 img, img.is-32x32 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-48x48, .is-48x48 img, img.is-48x48 {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-64x64, .is-64x64 img, img.is-64x64 {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-96x96, .is-96x96 img, img.is-96x96 {
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media {
|
|
||||||
padding: 1ex;
|
|
||||||
margin: 4px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media.active-context {
|
|
||||||
background-color: #2C2C2C;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.field
|
|
||||||
{
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
label
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control, .select
|
|
||||||
{
|
|
||||||
margin-top: 0.5ex;
|
|
||||||
margin-bottom: 0.5ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-avatar
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.reblog-icon
|
|
||||||
{
|
|
||||||
margin-top: 32px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content
|
|
||||||
{
|
|
||||||
margin-top: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content > div > p
|
|
||||||
{
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.textarea
|
|
||||||
{
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.errorlist
|
|
||||||
{
|
|
||||||
color: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.emoji
|
|
||||||
{
|
|
||||||
display: inline;
|
|
||||||
max-height: 1.5rem;
|
|
||||||
max-width: 1.5rem;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.is-hidden
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box
|
|
||||||
{
|
|
||||||
border-radius: 3px;
|
|
||||||
border: 1px solid #000;
|
|
||||||
padding: 1em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
background-color: #1C1C1C;
|
|
||||||
color: #CCCCCC;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 40;
|
|
||||||
}
|
|
||||||
.modal-background {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(10,10,10,.86);
|
|
||||||
}
|
|
||||||
.modal, .modal-background {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content
|
|
||||||
{
|
|
||||||
height: 90vh;
|
|
||||||
overflow: auto;
|
|
||||||
z-index: 60;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.is-active {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-item span {
|
|
||||||
padding-right: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card
|
|
||||||
{
|
|
||||||
padding: 1em;
|
|
||||||
margin-top: 1em;
|
|
||||||
border: 0.2em solid white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header
|
|
||||||
{
|
|
||||||
padding-bottom: 1em;
|
|
||||||
border-bottom: 0.2em solid white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-image
|
|
||||||
{
|
|
||||||
padding: 1em;
|
|
||||||
margin 0, auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button
|
|
||||||
{
|
|
||||||
border: 0.2em solid #CCC;
|
|
||||||
display: inline;
|
|
||||||
padding: 0.4em;
|
|
||||||
}
|
|
||||||
|
|
@ -1,267 +0,0 @@
|
||||||
body, input, textarea, select {
|
|
||||||
font-family: sans-serif;
|
|
||||||
background-color: #FAFAFA;
|
|
||||||
color: #000;
|
|
||||||
margin: 1em;
|
|
||||||
font-size: larger;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[text], textarea
|
|
||||||
{
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 120em;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: blue;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: red;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: purple;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.is-32x32 {
|
|
||||||
float: left;
|
|
||||||
max-width: 512px;
|
|
||||||
max-height: auto;
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
.container.is-fluid {
|
|
||||||
margin-left: 64px;
|
|
||||||
margin-right: 64px;
|
|
||||||
max-width: none;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end {
|
|
||||||
align-items: stretch;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.navbar-start {
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.navbar-end {
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1279px) {
|
|
||||||
.container.is-widescreen {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1471px) {
|
|
||||||
.container.is-fullhd {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1280px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: 1152px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1472px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: 1344px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body > section > div.container {
|
|
||||||
max-width: 100ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.level {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 3ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1ex;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.5ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 0.25ex;
|
|
||||||
margin-bottom: 0.25ex;
|
|
||||||
}
|
|
||||||
.toot {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-32x32, .is-32x32 img, img.is-32x32 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-48x48, .is-48x48 img, img.is-48x48 {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-64x64, .is-64x64 img, img.is-64x64 {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-96x96, .is-96x96 img, img.is-96x96 {
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media {
|
|
||||||
padding: 1ex;
|
|
||||||
margin: 4px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media.active-context {
|
|
||||||
background-color: #DDD;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.field
|
|
||||||
{
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
label
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control, .select
|
|
||||||
{
|
|
||||||
margin-top: 0.5ex;
|
|
||||||
margin-bottom: 0.5ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-avatar
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.reblog-icon
|
|
||||||
{
|
|
||||||
margin-top: 32px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content
|
|
||||||
{
|
|
||||||
margin-top: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content > div > p
|
|
||||||
{
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.textarea
|
|
||||||
{
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.errorlist
|
|
||||||
{
|
|
||||||
color: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.emoji
|
|
||||||
{
|
|
||||||
display: inline;
|
|
||||||
max-height: 1.5rem;
|
|
||||||
max-width: 1.5rem;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.is-hidden
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box
|
|
||||||
{
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px solid #000;
|
|
||||||
padding: 1.5em;
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 40;
|
|
||||||
}
|
|
||||||
.modal-background {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(10,10,10,.86);
|
|
||||||
}
|
|
||||||
.modal, .modal-background {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content
|
|
||||||
{
|
|
||||||
height: 90vh;
|
|
||||||
overflow: auto;
|
|
||||||
z-index: 60;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.is-active {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,296 +0,0 @@
|
||||||
body, input, textarea, select {
|
|
||||||
font-family: sans-serif;
|
|
||||||
background-color: #FAFAFA;
|
|
||||||
color: #000;
|
|
||||||
margin: 1ex;
|
|
||||||
font-size: 11pt;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[text], textarea
|
|
||||||
{
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100em;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: blue;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: red;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: purple;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.is-32x32 {
|
|
||||||
float: left;
|
|
||||||
max-width: 32px;
|
|
||||||
max-height: auto;
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
.container.is-fluid {
|
|
||||||
margin-left: 64px;
|
|
||||||
margin-right: 64px;
|
|
||||||
max-width: none;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end {
|
|
||||||
align-items: stretch;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.navbar-start {
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.navbar-end {
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1279px) {
|
|
||||||
.container.is-widescreen {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1471px) {
|
|
||||||
.container.is-fullhd {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1280px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1152px;
|
|
||||||
width: 1152px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1472px) {
|
|
||||||
.container {
|
|
||||||
max-width: 1344px;
|
|
||||||
width: 1344px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
main > div.container {
|
|
||||||
max-width: 100ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.level {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 3ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 1ex;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.5ex;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 0.25ex;
|
|
||||||
margin-bottom: 0.25ex;
|
|
||||||
}
|
|
||||||
.toot {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-32x32, .is-32x32 img, img.is-32x32 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-48x48, .is-48x48 img, img.is-48x48 {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-64x64, .is-64x64 img, img.is-64x64 {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-96x96, .is-96x96 img, img.is-96x96 {
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media {
|
|
||||||
padding: 1ex;
|
|
||||||
margin: 4px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media.active-context {
|
|
||||||
background-color: #DDD;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.field
|
|
||||||
{
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
label
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control, .select
|
|
||||||
{
|
|
||||||
margin-top: 0.5ex;
|
|
||||||
margin-bottom: 0.5ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-avatar
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.reblog-icon
|
|
||||||
{
|
|
||||||
margin-top: 32px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content
|
|
||||||
{
|
|
||||||
margin-top: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content > div > p
|
|
||||||
{
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.textarea
|
|
||||||
{
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.errorlist
|
|
||||||
{
|
|
||||||
color: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.emoji
|
|
||||||
{
|
|
||||||
display: inline;
|
|
||||||
max-height: 1.5rem;
|
|
||||||
max-width: 1.5rem;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.is-hidden
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box
|
|
||||||
{
|
|
||||||
border-radius: 3px;
|
|
||||||
border: 1px solid #000;
|
|
||||||
padding: 1em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 40;
|
|
||||||
}
|
|
||||||
.modal-background {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(10,10,10,.86);
|
|
||||||
}
|
|
||||||
.modal, .modal-background {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content
|
|
||||||
{
|
|
||||||
height: 90vh;
|
|
||||||
overflow: auto;
|
|
||||||
z-index: 60;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.is-active {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-item span {
|
|
||||||
padding-right: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card
|
|
||||||
{
|
|
||||||
padding: 1em;
|
|
||||||
margin-top: 1em;
|
|
||||||
border: 0.2em solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header
|
|
||||||
{
|
|
||||||
padding-bottom: 1em;
|
|
||||||
border-bottom: 0.2em solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-image
|
|
||||||
{
|
|
||||||
padding: 1em;
|
|
||||||
margin 0, auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button
|
|
||||||
{
|
|
||||||
border: 0.2em solid #444;
|
|
||||||
display: inline;
|
|
||||||
padding: 0.4em;
|
|
||||||
}
|
|
||||||
|
|
@ -1,232 +0,0 @@
|
||||||
html, a, div, div.notification, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, h1.title, h2.subtitle {
|
|
||||||
font-family: "DEC Terminal Modern", Terminus, Inconsolata, Consolas, "Droid Sans Mono", "DejaVu Sans Mono", "Monaco", monospace;
|
|
||||||
color: #ff7700;
|
|
||||||
background-color: #000000;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
tr, td, ul, ol {
|
|
||||||
border-color: #ff7700;
|
|
||||||
outline: 1px solid #ff7700;
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a, a.button, a.button.is-primary, input.button.is-primary, input, .input, .textarea, .footer, .label, select, textarea {
|
|
||||||
color: #ff8800;
|
|
||||||
border-color: #ff8800;
|
|
||||||
background-color: #000000;
|
|
||||||
font-weight: bolder;
|
|
||||||
text-decoration-line: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #ff8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content a:not(.mention):not(.tag)
|
|
||||||
{
|
|
||||||
text-decoration-line: underline;
|
|
||||||
text-decoration-style: solid;
|
|
||||||
text-decoration:color: #ff7700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control input[type=text], .control textarea
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
max-width: 80em;
|
|
||||||
border: 1px solid #ff7700;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control input, .control select
|
|
||||||
{
|
|
||||||
border: 1px solid #ff7700;
|
|
||||||
background-color: #000000;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
filter: grayscale(100%);
|
|
||||||
-webkit-filter: grayscale(100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
div.card-header-title, div.card-header-icon {
|
|
||||||
color: #ff7700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 80ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box {
|
|
||||||
padding: 1em;
|
|
||||||
border-color: #ff7700;
|
|
||||||
outline: 1px solid #ff7700;
|
|
||||||
background-color: #000;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.is-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-32x32, .is-32x32 img, img.is-32x32 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-48x48, .is-48x48 img, img.is-48x48 {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-64x64, .is-64x64 img, img.is-64x64 {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-96x96, .is-96x96 img, img.is-96x96 {
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.media {
|
|
||||||
background-color: black;
|
|
||||||
border-radius: 5px;
|
|
||||||
/*-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
|
||||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);*/
|
|
||||||
color: #4a4a00;
|
|
||||||
padding: 1.25rem;
|
|
||||||
margin-bottom: 0.75rem;
|
|
||||||
margin-top: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure.media-left p.image a img
|
|
||||||
{
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-context {
|
|
||||||
background-color: #000000;
|
|
||||||
border-color: #ffcc00;
|
|
||||||
outline: 1px solid #ffcc00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-avatar
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.reblog-icon
|
|
||||||
{
|
|
||||||
margin-top: 32px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.fav-avatar {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.level {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
margin-top: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.emoji
|
|
||||||
{
|
|
||||||
display: inline;
|
|
||||||
max-height: 1.5em;
|
|
||||||
max-width: 1.5em;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 40;
|
|
||||||
}
|
|
||||||
.modal-background {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(10,10,10,.86);
|
|
||||||
}
|
|
||||||
.modal, .modal-background {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content
|
|
||||||
{
|
|
||||||
z-index: 60;
|
|
||||||
max-height: 90vh;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.is-active {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-item {
|
|
||||||
margin-right: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
.media {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end {
|
|
||||||
align-items: stretch;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.navbar-start {
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.navbar-end {
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,237 +0,0 @@
|
||||||
html, body, a, div, div.notification, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, h1.title, h2.subtitle {
|
|
||||||
font-family: "DEC Terminal Modern", Terminus, Inconsolata, Consolas, "Droid Sans Mono", "DejaVu Sans Mono", "Monaco", monospace;
|
|
||||||
color: #00ff77;
|
|
||||||
background-color: #000;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr, td, ul, ol {
|
|
||||||
border-color: #00ff77;
|
|
||||||
outline: 1px solid #00ff77;
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
background-color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a, a.button, a.button.is-primary, input.button.is-primary, input, .input, .textarea, .footer, .label, select, textarea {
|
|
||||||
color: #00ff88;
|
|
||||||
border-color: #00ff88;
|
|
||||||
background-color: #000000;
|
|
||||||
font-weight: bolder;
|
|
||||||
text-decoration-line: none;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #00ff88;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-content a:not(.mention):not(.tag)
|
|
||||||
{
|
|
||||||
text-decoration-line: underline;
|
|
||||||
text-decoration-style: solid;
|
|
||||||
text-decoration:color: #00ff77;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control input[type=text], .control textarea
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
max-width: 80ex;
|
|
||||||
border: 1px solid #00ff77;
|
|
||||||
background-color: #000000;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control input, .control select
|
|
||||||
{
|
|
||||||
border: 1px solid #00ff77;
|
|
||||||
background-color: #000000;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
filter: grayscale(100%);
|
|
||||||
-webkit-filter: grayscale(100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
div.card-header-title, div.card-header-icon {
|
|
||||||
color: #00ff77;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 80ex;
|
|
||||||
color: #00ff88;
|
|
||||||
background-color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box {
|
|
||||||
padding: 1em;
|
|
||||||
border-color: #00ff77;
|
|
||||||
outline: 1px solid #00ff77;
|
|
||||||
background-color: #000;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.is-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-32x32, .is-32x32 img, img.is-32x32 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-48x48, .is-48x48 img, img.is-48x48 {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-64x64, .is-64x64 img, img.is-64x64 {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image.is-96x96, .is-96x96 img, img.is-96x96 {
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.media {
|
|
||||||
background-color: black;
|
|
||||||
border-radius: 5px;
|
|
||||||
/*-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
|
||||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);*/
|
|
||||||
color: #4a4a00;
|
|
||||||
padding: 1.25rem;
|
|
||||||
margin-bottom: 0.75rem;
|
|
||||||
margin-top: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-128 {
|
|
||||||
max-height: 128px;
|
|
||||||
max-width: 128px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.is-max-256 {
|
|
||||||
max-height: 256px;
|
|
||||||
max-width: 256px;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure.media-left p.image a img
|
|
||||||
{
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-context {
|
|
||||||
background-color: #000000;
|
|
||||||
border-color: #00ff88;
|
|
||||||
outline: 1px solid #00ff88;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-avatar
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.reblog-icon
|
|
||||||
{
|
|
||||||
margin-top: 32px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.fav-avatar {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.level {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 1ex;
|
|
||||||
margin-top: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.emoji
|
|
||||||
{
|
|
||||||
display: inline;
|
|
||||||
max-height: 1.5em;
|
|
||||||
max-width: 1.5em;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
-webkit-box-align: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
-webkit-box-pack: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 40;
|
|
||||||
}
|
|
||||||
.modal-background {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(10,10,10,.86);
|
|
||||||
}
|
|
||||||
.modal, .modal-background {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content
|
|
||||||
{
|
|
||||||
z-index: 60;
|
|
||||||
max-height: 90vh;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.is-active {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-item {
|
|
||||||
margin-right: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
.media {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end {
|
|
||||||
align-items: stretch;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.navbar-start {
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.navbar-end {
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -14,7 +14,7 @@ Including another URLconf
|
||||||
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
|
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
|
||||||
"""
|
"""
|
||||||
from django.contrib import admin
|
from django.contrib import admin
|
||||||
from django.urls import path
|
from django.urls import include, path
|
||||||
from brutaldon import views
|
from brutaldon import views
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
|
|
@ -76,4 +76,5 @@ urlpatterns = [
|
||||||
path("vote/<id>", views.vote, name="vote"),
|
path("vote/<id>", views.vote, name="vote"),
|
||||||
path("share/", views.share, name="share"),
|
path("share/", views.share, name="share"),
|
||||||
path("", views.home, name=""),
|
path("", views.home, name=""),
|
||||||
|
path("__debug__/", include("debug_toolbar.urls")),
|
||||||
]
|
]
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue