Dark mode 2 for lsj.gr by chopinesque

/* ==UserStyle==
@name           Example
@namespace      lsj.gr
@version        1.0.1
@description    Dark mode style 2 for lsj.gr - see https://lsj.gr/wiki/LSJ:DarkTheme
@author         Spiros Doikas
==/UserStyle== */

@-moz-document domain("lsj.gr") {
html {
    background: #000!important;
    height: 100%;
    font-size: 1.1em;
    overflow-x: hidden;
}
hr {
    background-image: linear-gradient(to right,rgb(188 170 170 / 0%),rgb(224 215 215 / 75%),rgb(168 127 127 / 0%));
}
body {
    margin: 0;
    background: #000;
    color: #ccf;
}
a {
    color: #c60;
}
a:hover, a:visited {
    color: #c30;
}
h1 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 40px!important;
}
h1, h2, h3, h4 {
    color: #69f;
}
h2:after {
    border-bottom: solid 2px #595f634a !important;
}
#personal .dropdown b {
    font-weight: 400;
}
b, strong {
    text-shadow: 1px 1px 1px #000;
}
#f-list {
    text-align: center;
    font-size: 14px;
}
a.extiw:visited, a.extiw:active:visited, a.external:visited {
    color: #b06c08 !important;
}
a:visited:hover {
    color: #ca3a0c;
}
a.external.text:hover {
    color: #b06c08;
}
ol.references li:target, sup.reference:target {
    background-color: #2e1e18;
}
.mw-body .toctitle {
    border-bottom: solid 2px #c8ccd13d;
}
.ext-replacetext-searchmatch {
    color: #c89243;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, .mw-message-box-warning {
    background-color: #322e26;
    border-color: #554f3e;
}
.mw-message-box-warning strong {
    text-shadow: unset;
}
.mwe-popups {
    background-color: #000;
    box-shadow: /* tint #00F000 */
        0 30px 90px -20px rgba(0,224,0,0.3),
        0px 0px 1px rgba(0,224,0,0.5);
}
/* callout arrow */
.mwe-popups.mwe-popups-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-image-tri.flipped_x:after,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:after { 
    border-bottom-color:#111212;
}
.mwe-popups.flipped_y:after,
.mwe-popups.flipped_x_y:after {
    border-top-color:#111212;
}
/* callout arrow shadow */
.mwe-popups.mwe-popups-image-tri:before,
.mwe-popups.mwe-popups-no-image-tri:before,
.mwe-popups.mwe-popups-image-tri.flipped_x:before,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:before {
    border-bottom-color:#004000;
}
.mwe-popups.flipped_y:before,
.mwe-popups.flipped_x_y:before {
    border-top-color:#004000;
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-extract {
    color:#cbccc6;
	background-color: #1f1f1f;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
    background-image: linear-gradient(to right,rgba(0,0,0,0),#1f1f1f 50%);
}
div.editOptions {
    border: #222;
    background: #555;
}
#mw-header-nav-hack {
    border-top: solid 2px #333;
    background: #333;
}
#mw-site-navigation .sidebar-inner {
    background: #333;
    border: 0;
}
@media screen and (min-width:851px) {
    #p-logo-text a {
    position: fixed;
    right: 75vw;
}
}@media screen and (max-width:850px) {
    #p-logo-text {
    margin-top: 0;
}
}@media screen and (max-width:1099px) and (min-width:851px) {
    #p-logo-text a.long {
    padding-left: 7px;
    float: left;
    font-size: 23px!important;
}
}@media screen and (max-width:1099px) and (min-width:851px) {
    #mw-related-navigation .sidebar-inner {
    background: #222!important;
    border: solid #111;
}
}@media screen and (max-width:1099px) and (min-width:851px) {
    #mw-site-navigation .sidebar-inner {
    background: #222;
    border: solid #111;
}
}#mw-site-navigation .sidebar-chunk {
    border: outset #222;
    background: #333;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
    border-radius: 3px;
}
@media screen and (max-width:851px) {
    #mw-site-navigation .sidebar-chunk {
    padding: 0 15px 5px 20px;
}
}@media screen and (max-width:1099px) and (min-width:851px) {
    #mw-site-navigation .sidebar-inner {
    background: #222!important;
    border: solid #111!important;
}
}.mw-parser-output a.external {
    color: #f90;
}
#searchInput {
    padding: .2em 4.5em .2em 2em!important;
    margin: 0;
}
#searchInput-container {
    background: #333;
    height: 35px;
}
#simpleSearch {
    border: inset 1px #000;
    border-radius: 3px;
    background: #333;
    height: 35px;
    width: 48vw;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 7px;
}
#user-tools {
    position: fixed;
    right: 86px;
}
@media screen and (min-width:851px) {
    #user-tools {
    left: 74vw;
    top: 5px;
}
}.mw-notification {
    background: #222;
    border: #111;
    background: #111;
    border-radius: 5px;
    color: #999;
    width: 200px;
}
.postedit-container {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding: 15px 0 15px 15px;
    text-align: right;
}
.postedit-icon {
    margin: auto;
    padding: 0;
}
.mw-wiki-logo {
    background-size: contain;
}
#mw-header-container {
    background: #555;
}
#mw-header {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: static;
}
@media screen and (max-width:850px) {
    #menus-cover {
    background: #000;
}
}@media screen and (max-width:850px) {
    #personal h2 {
    display: none;
}
}#mw-content-container {
    background: #1d1d16;
}
@media screen and (max-width:850px) {
    #mw-content-block {
    background: #000;
}
}@media screen and (max-width:850px) {
    #site-tools h2 {
    right: 3em;
    top: .9em;
    padding-bottom: 5px;
}
}@media screen and (max-width:850px) {
    #p-logo-text a.long {
    width: 100%;
    top: 7px;
    text-align: center;
    font-size: 40px!important;
}
}@media screen and (min-width:851px) {
    #p-logo-text {
    width: 29em;
}
}@media screen and (min-width:851px) {
    #personal h2: after {
    width: 36px;
}
}@media screen and (max-width:850px) {
    #p-logo-text {
    position: static;
    left: 0!important;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    top: 3.3em;
}
}@media only screen and (min-width:992px) and (max-width:768px) {
    #p-logo-text {
    right: 74vw;
}
}@media only screen and (min-width:900px) and (max-width:100px) {
    #p-logo-text {
    right: 74vw;
    top: 3em;
}
}@media screen and (max-width:900px) and (min-width:100px) {
    #p-logo-text a.long {
    font-size: 43px!important;
}
}@media screen and (max-width:1700px) and (min-width:800px) {
    #p-logo-text {
    left: 12px!important;
}
}@media screen and (max-width:1700px) and (mix:851px) {
    #mw-site-navigation {
    background: #000;
}
}#mw-content {
    background: #333;
    border: solid #946c20;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
#mw-page-header-links li.selected a {
    color: #cc0;
}
#mw-related-navigation .sidebar-chunk {
    background: #333;
    border: outset #222;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
    border-radius: 3px;
}
@media screen and (max-width:1099px) and (min-width:851px) {
    #mw-related-navigation .sidebar-chunk {
    background: #333;
    border: outset #222;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: 0 15px 5px 20px;
}
}.color-middle-container, .ts-inner {
    padding: 0;
}
#p-logo-text {
    left: 120px;
}
#p-logo-text a.long {
    padding-top: 5px;
    padding-left: 6px;
    font-size: 30px;
    text-shadow: 1px 1px 1px #222;
}
#p-search {
    width: 70em;
    padding-right: 33px;
}
#personal .dropdown h3 {
    line-height: 25px;
}
#personal h2 {
    text-shadow: 2px 2px 0 #333;
    padding-top: 7px;
    font-size: 24px;
    text-transform: lowercase;
}
#personal .dropdown {
    background: #222!important;
    border: solid #000;
}
.codeEditor-status {
    color: #000;
}
.oo-ui-labelElement-label {
    text-shadow: 1px 2px #333;
}
#iframeframe {
    height: 700px;
}
#wpSave {
    text-shadow: 2px 2px 2px #000!important;
}
#mw-footer-container {
    background: #000;
    padding-top: 1em;
}
fieldset {
    background: #222!important;
    border: solid #111;
}
input {
    background: #333;
    border: solid 1px #111!important;
    border-radius: 2px;
    padding-left: 5px;
    color: #999;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive.mw-ui-checked, .mw-ui-button.mw-ui-progressive:active, button, input[type=button], input[type=submit] {
    border: solid 1px #333!important;
    border-bottom: 0!important;
    text-shadow: 0 0 0 #000!important;
    border-bottom: solid 1px #333!important;
}
.oo-ui-flaggedElement-destructive {
    background: #111;
    border: 1px solid #444;
    color: #f33!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.oo-ui-flaggedElement-destructive:hover {
    background: #222;
    color: #c00!important;
}
#searchInput {
    border: 0!important;
}
@media screen and (max-width:850px) {
    #searchInput {
    padding: 0 0 0 6px!important;
}
}.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    background-color: #333;
    color: #fff;
}
.oo-ui-textInputWidget>.oo-ui-labelElement-label {
    line-height: .5em;
}
#pagehistory li.selected {
    background-color: #555;
}
.warningbox {
    background: #1d1d16;
}
.new a:hover, .new a:visited, a.new:hover, a.new:visited {
    color: #f33;
}
.mw-plusminus-neg {
    color: red;
}
#mw-searchButton, #searchButton {
    border: 0!important;
    left: 38vw;
    ri...