Difference between revisions of "Dark.css"
Stratonian (talk | contribs) (fixed primary & secondary colors; if change doesn't work I'll undo) |
|||
(150 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
body { | body { | ||
− | background: # | + | --text-color: #f0f2f5; |
− | color: # | + | --background-color--primary: #1b1c23; |
− | font- | + | --background-color--secondary: #262831; |
+ | --background-color--tertiary: #111217; | ||
+ | |||
+ | background: var(--background-color--tertiary); | ||
+ | color: var(--text-color); | ||
+ | font-size: 0.9rem; | ||
} | } | ||
− | + | .full-width { | |
− | + | width: 100%; | |
} | } | ||
− | . | + | .p-navbar .navbar-brand img { |
− | + | height: 23px; | |
− | + | top: -2px; | |
− | + | transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; | |
} | } | ||
− | . | + | .p-navbar .navbar-brand img:hover { |
− | + | opacity: 0.6; | |
} | } | ||
− | . | + | #searchform .form-control:focus { |
− | + | background: #000; | |
+ | box-shadow: none; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
} | } | ||
− | . | + | .container { |
− | + | max-width: 1650px; | |
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
} | } | ||
− | + | #mw-navigation { | |
− | + | border-bottom: 1px solid rgb(17 18 23 / 0.4); | |
} | } | ||
− | . | + | .secondary-nav { |
− | + | background: var(--background-color--secondary); | |
− | + | border-bottom: 2px solid rgb(17 18 23 / 0.75); | |
+ | padding: 0.5rem 1rem; | ||
} | } | ||
− | . | + | .secondary-nav > a { |
− | + | margin-right: 1.5rem; | |
− | + | text-transform: uppercase; | |
− | + | font-weight: 500; | |
+ | font-size: 0.8rem; | ||
+ | transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; | ||
} | } | ||
− | . | + | .secondary-nav > a:hover, .secondary-nav > a:focus { |
− | + | color: #fff; | |
+ | text-decoration: none; | ||
} | } | ||
− | . | + | .mw-body { |
− | + | padding: 0; | |
+ | margin-bottom: 1rem; | ||
} | } | ||
− | + | .main-container { | |
− | + | background: var(--background-color--primary); | |
− | + | /*box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);*/ | |
− | |||
} | } | ||
− | + | .p-navbar { | |
− | + | background-color: var(--background-color--secondary); | |
− | |||
− | |||
} | } | ||
− | h1, h2, h3, h4, h5, h6 { | + | h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { |
color: #fff; | color: #fff; | ||
− | font-family: 'PT Serif', serif; | + | padding: 0; |
+ | margin-top: 1rem!important; | ||
+ | margin-bottom: 0.75rem!important; | ||
+ | border: none; | ||
+ | /*font-family: 'PT Serif', serif; | ||
+ | font-weight: 700;*/ | ||
} | } | ||
− | h1 { | + | h1, h2, .h1, .h2 { |
− | + | border-bottom: 1px solid var(--background-color--secondary); | |
− | + | padding-bottom: 0.5rem; | |
} | } | ||
− | h2 { | + | h2, .h2 { |
− | + | margin-top: 2rem!important; | |
− | |||
} | } | ||
− | + | #filetoc { | |
− | + | border: none; | |
− | + | background-color: var(--background-color--secondary); | |
} | } | ||
− | + | .mw-mmv-image-metadata { | |
− | + | margin-top: 0; | |
− | |||
} | } | ||
− | + | .mw-mmv-post-image a, .mw-mmv-post-image a:visited, .warningbox a, .warningbox a:visited { | |
− | color: # | + | color: #36c; |
} | } | ||
− | + | a, a[href].external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | |
− | color: # | + | color: #f9a916; |
} | } | ||
− | + | a:hover, a[href].external:hover { | |
− | color: # | + | color: #f9a916; |
} | } | ||
− | + | a:visited { | |
− | + | color: #f9a916; | |
} | } | ||
− | + | a[href].new { | |
− | + | color: #ff0000; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | a[href].new:hover { | |
− | + | color: #ff0000; | |
} | } | ||
− | . | + | .mw-parser-output a.external, .link-https { |
− | + | background-position: right center; | |
+ | background-repeat: no-repeat; | ||
+ | background-image: url(https://corepunk.wiki/w/images/c/c1/External-link-icon.png); | ||
+ | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2213%22 height=%2213%22%3E %3Cpath fill=%22%2336b%22 d=%22M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z%22/%3E %3Cpath fill=%22%2336b%22 d=%22M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z%22/%3E %3Cpath fill=%22%2315a5ea%22 d=%22M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z%22/%3E %3C/svg%3E"); | ||
+ | padding-right: 15px; | ||
} | } | ||
− | + | a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { | |
− | + | opacity: 1; | |
− | |||
} | } | ||
− | . | + | .navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { |
− | background-color | + | color: #cacaca; |
+ | text-transform: uppercase; | ||
+ | font-size: 0.8rem; | ||
+ | transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; | ||
} | } | ||
− | . | + | .navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { |
− | color: #fff | + | color: #fff; |
+ | opacity: 1; | ||
} | } | ||
− | . | + | .fa-asterisk:before, .navbar-tool-link:before { |
− | + | content: ""; | |
− | |||
} | } | ||
− | + | #mw-indicators { | |
− | + | display: none; | |
} | } | ||
− | + | .text-muted { | |
− | color: | + | color: rgb(255 255 255 / 0.6) !important; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .toc { | |
− | + | padding: 0.5rem 0.75rem; | |
− | + | margin-bottom: 1rem; | |
− | |||
} | } | ||
− | . | + | .toc, .mw-warning, .toccolours { |
− | |||
border: none; | border: none; | ||
+ | background-color: var(--background-color--secondary); | ||
+ | /*box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(17 18 23);*/ | ||
} | } | ||
− | . | + | .mw-body .toc ul li a .tocnumber { |
− | + | display: none; | |
− | |||
} | } | ||
− | + | .toctogglelabel { | |
− | + | color: #f9a916; | |
} | } | ||
− | . | + | .toctogglelabel:hover { |
− | + | color: #f9a916; | |
− | + | opacity: 0.6; | |
− | + | text-decoration: none; | |
− | |||
} | } | ||
− | . | + | .toc .toctitle { |
− | + | text-align: left; | |
− | |||
} | } | ||
− | . | + | .mw-body .toc ul li ul { |
− | + | margin-left: 1.5rem; | |
} | } | ||
− | . | + | .floatright { |
− | + | float: right; | |
− | |||
} | } | ||
− | . | + | .mw-body .firstHeading { |
− | + | border-bottom: 1px solid rgb(38 40 49); | |
} | } | ||
− | + | div.tright { | |
− | + | margin: 0 0 1rem 1rem; | |
} | } | ||
− | table. | + | @media screen and (max-width: 768px) { |
− | + | div.tright, div.floatright, table.floatright { | |
+ | width: 100%!important; | ||
+ | float: none!important; | ||
+ | clear: none!important; | ||
+ | margin: 1rem 0 1rem 0!important; | ||
+ | } | ||
} | } | ||
− | + | @media screen and (max-width: 1104px) { | |
− | + | #p-search { | |
+ | margin-top: 1rem; | ||
+ | } | ||
} | } | ||
− | + | .right-sidebar { | |
− | + | max-width: 270px; | |
+ | margin-left: 1rem; | ||
} | } | ||
− | . | + | @media screen and (max-width: 1024px){ |
− | + | .right-sidebar { | |
+ | display: none; | ||
+ | } | ||
} | } | ||
− | . | + | .thumb.tright { |
− | + | /*box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(17 18 23);*/ | |
} | } | ||
− | . | + | .thumbinner { |
− | + | border: none!important; | |
− | padding | + | padding: 0.25rem!important; |
+ | background-color: var(--background-color--secondary) !important; | ||
} | } | ||
− | + | .thumbimage { | |
+ | border: 1px solid var(--background-color--tertiary) !important; | ||
+ | background: var(--background-color--tertiary) !important; | ||
+ | } | ||
− | . | + | .table-responsive { |
− | + | width: auto; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | @media screen and (max-width: 1679px) { | |
− | + | .footer-container { | |
− | + | padding: 0 0.5rem; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .footer-info > div { |
− | + | margin: 0.5rem 1rem 0 0; | |
− | + | opacity: 0.5; | |
− | |||
− | |||
} | } | ||
− | . | + | .footer-places > div { |
− | + | margin: 0.5rem 1rem 0.5rem 0; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .footer-info, .footer-places, .footer-icons { |
− | + | margin-left: 0; | |
− | + | margin-right: 0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | pre, .mw-code { |
− | + | color: var(--text-color); | |
− | + | background-color: var(--background-color--secondary); | |
− | - | + | margin-top: 1rem; |
− | + | border: none; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | dt { | |
− | - | + | font-weight: 600; |
− | |||
− | |||
} | } | ||
− | . | + | .wikiEditor-ui-toolbar { |
− | - | + | color: var(--background-color--tertiary); |
− | |||
− | |||
} | } | ||
− | . | + | .wikiEditor-ui { |
− | - | + | margin-bottom: 1rem; |
− | |||
− | |||
} | } | ||
− | + | dl { | |
− | + | margin: 0.7rem 0; | |
− | |||
− | |||
} | } | ||
− | . | + | .stub-box { |
− | - | + | padding: 0.5rem 0.75rem; |
− | + | background: var(--background-color--secondary); | |
− | + | margin: 0 auto; | |
+ | margin-bottom: 1rem; | ||
+ | width: fit-content; | ||
+ | border-left: 10px solid #dd9090; | ||
} | } | ||
− | + | #footer-toolbox { | |
− | + | margin: 0.5rem 1rem 0 0; | |
− | |||
− | |||
} | } | ||
− | . | + | .jquery-tablesorter th.headerSortUp { |
− | - | + | background-image: url(/w/images/8/81/Sort_up.png)!important; |
− | |||
− | |||
} | } | ||
− | . | + | .jquery-tablesorter th.headerSortDown { |
− | - | + | background-image: url(/w/images/f/f3/Sort_down.png)!important; |
− | |||
− | |||
} | } | ||
− | . | + | .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { |
− | + | background-image: url(/w/images/a/a6/Sort_both.png); | |
− | |||
− | |||
} | } | ||
− | . | + | .dropdown-menu { |
− | - | + | background-color: var(--background-color--tertiary); |
− | |||
− | |||
} | } | ||
− | . | + | .dropdown-item, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child { |
− | + | color: var(--text-color); | |
− | + | font-size: 0.9rem; | |
− | |||
} | } | ||
− | . | + | .dropdown-item:hover, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover, .dropdown-item:focus, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:focus { |
− | - | + | background: var(--background-color--secondary); |
− | + | color: var(--text-color); | |
− | |||
} | } | ||
− | . | + | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { |
− | + | background-color: var(--background-color--secondary); | |
+ | border: none; | ||
} | } | ||
− | . | + | .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { |
− | + | border-color: transparent; | |
} | } | ||
− | . | + | .oo-ui-tabSelectWidget-framed { |
− | + | background-color: var(--background-color--secondary); | |
} | } | ||
− | . | + | .oo-ui-tabOptionWidget { |
− | + | color: #f9a916; | |
} | } | ||
− | . | + | .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { |
− | + | background-color: #1b1c23; | |
+ | color: #fff; | ||
} | } | ||
− | . | + | .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed { |
− | + | border-color: var(--background-color--secondary); | |
} | } | ||
− | . | + | .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { |
− | + | border-bottom-color: #1b1c23; | |
} | } | ||
− | . | + | .oo-ui-labelWidget.oo-ui-inline-help { |
− | + | color: rgb(255 255 255 / 0.5); | |
} | } | ||
− | . | + | .mw-prefs-buttons { |
− | + | background-color: var(--background-color--secondary); | |
+ | border-top: none; | ||
+ | padding-left: 1rem; | ||
} | } | ||
− | . | + | .oo-ui-panelLayout-framed { |
− | + | border: none; | |
+ | background: var(--background-color--secondary); | ||
} | } | ||
− | . | + | li.gallerybox div.thumb { |
− | + | border: none; | |
+ | background-color: var(--background-color--secondary); | ||
} | } | ||
− | . | + | .form-control { |
− | - | + | background-color: #1b1c23; |
− | + | border: none; | |
− | + | color: rgb(255 255 255 / 0.5); | |
− | |||
} | } | ||
− | . | + | .input-group-append { |
− | - | + | margin-left: 0; |
− | |||
− | |||
− | |||
} | } | ||
− | + | #searchGoButton { | |
− | + | display: none; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .p-navbar .navbar-nav .navbar-tools, .p-navbar .navbar-form { |
− | + | padding-left: 0.5rem; | |
− | - | + | padding-right: 0.5rem; |
− | |||
} | } | ||
− | . | + | .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { |
− | + | border-top-right-radius: 0.25rem; | |
− | - | + | border-bottom-right-radius: 0.25rem; |
− | |||
} | } | ||
− | . | + | .mw-special-Block .mw-htmlform > .oo-ui-panelLayout-padded { |
− | + | padding: 1rem; | |
− | |||
− | |||
} | } | ||
− | + | button:focus { | |
− | + | outline: none; | |
− | |||
} | } | ||
− | . | + | div.mw-warning-with-logexcerpt { |
− | + | padding: 0.5rem 1rem; | |
− | - | + | margin-bottom: 1rem; |
− | + | border: none; | |
} | } | ||
− | . | + | .warningbox { |
− | - | + | border-radius: 0; |
− | |||
− | |||
} | } | ||
− | . | + | .mw-editfooter-list { |
− | - | + | margin-bottom: 0; |
− | - | + | margin-left: 0; |
− | |||
} | } | ||
− | + | .templatesUsed { | |
− | + | margin-top: 1rem; | |
− | + | } | |
− | |||
− | + | .templatesUsed p { | |
− | + | margin-bottom: 0.25rem; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | :focus { | |
− | + | outline: none; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .codeEditor-status { | |
− | + | color: var(--background-color--tertiary); | |
− | + | } | |
− | |||
− | |||
− | + | .mw-mmv-image-links { | |
− | + | margin: 0; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-mmv-image-links-div ol, .mw-mmv-image-links-div ul { | |
− | + | padding-left: 0; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-mmv-image-metadata-links-column { | |
− | + | width: auto; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-mmv-about-links { | |
− | + | width: 100%; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-mmv-license { | |
− | + | padding-right: 10px; | |
− | + | } | |
− | |||
− | |||
− | + | #searchform input { | |
− | + | transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-search-result-data { | |
− | + | display: none; | |
− | + | } | |
− | |||
− | |||
− | + | .mw-search-profile-tabs, #mw-searchoptions { | |
− | + | background-color: var(--background-color--secondary); | |
− | + | border: none; | |
− | + | } | |
− | |||
− | + | #mw-searchoptions .divider { | |
− | + | border: none; | |
− | + | } | |
− | |||
− | |||
− | + | .search-types .current a { | |
− | + | color: var(--text-color); | |
− | + | } | |
− | |||
− | |||
− | + | #pagehistory li.selected { | |
− | + | background-color: var(--background-color--secondary); | |
− | + | color: var(--text-color); | |
− | + | outline: 1px dashed var(--text-color); | |
− | + | } | |
− | + | #pagehistory { | |
− | + | margin-top: 1rem; | |
− | + | } | |
− | + | #mw-history-compare { | |
− | + | margin-top: 1rem; | |
− | } | + | margin-bottom: 1rem; |
+ | } | ||
− | |||
− | |||
− | |||
− | + | .diff-context { | |
− | + | background: var(--background-color--secondary); | |
− | } | + | border-color: var(--background-color--tertiary); |
+ | color: var(--text-color); | ||
+ | } | ||
− | + | .diff-addedline { | |
− | + | border-color: #5e9a6b; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .diff-addedline .diffchange { | |
− | + | background: #5e9a6b; | |
− | + | color: var(--background-color--tertiary); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .diff-deletedline { | |
− | + | border-color: #9a5e5e; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .diff-deletedline .diffchange { | |
− | + | background: #9a5e5e; | |
− | + | color: var(--background-color--tertiary); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− |
Latest revision as of 21:21, 26 March 2023
body { --text-color: #f0f2f5; --background-color--primary: #1b1c23; --background-color--secondary: #262831; --background-color--tertiary: #111217; background: var(--background-color--tertiary); color: var(--text-color); font-size: 0.9rem; } .full-width { width: 100%; } .p-navbar .navbar-brand img { height: 23px; top: -2px; transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; } .p-navbar .navbar-brand img:hover { opacity: 0.6; } #searchform .form-control:focus { background: #000; box-shadow: none; color: #fff; } .row { margin-left: 0; margin-right: 0; } .container { max-width: 1650px; padding-right: 0; padding-left: 0; } #mw-navigation { border-bottom: 1px solid rgb(17 18 23 / 0.4); } .secondary-nav { background: var(--background-color--secondary); border-bottom: 2px solid rgb(17 18 23 / 0.75); padding: 0.5rem 1rem; } .secondary-nav > a { margin-right: 1.5rem; text-transform: uppercase; font-weight: 500; font-size: 0.8rem; transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; } .secondary-nav > a:hover, .secondary-nav > a:focus { color: #fff; text-decoration: none; } .mw-body { padding: 0; margin-bottom: 1rem; } .main-container { background: var(--background-color--primary); /*box-shadow: 0 1px 5px 1px rgba(0,0,0,.4);*/ } .p-navbar { background-color: var(--background-color--secondary); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #fff; padding: 0; margin-top: 1rem!important; margin-bottom: 0.75rem!important; border: none; /*font-family: 'PT Serif', serif; font-weight: 700;*/ } h1, h2, .h1, .h2 { border-bottom: 1px solid var(--background-color--secondary); padding-bottom: 0.5rem; } h2, .h2 { margin-top: 2rem!important; } #filetoc { border: none; background-color: var(--background-color--secondary); } .mw-mmv-image-metadata { margin-top: 0; } .mw-mmv-post-image a, .mw-mmv-post-image a:visited, .warningbox a, .warningbox a:visited { color: #36c; } a, a[href].external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #f9a916; } a:hover, a[href].external:hover { color: #f9a916; } a:visited { color: #f9a916; } a[href].new { color: #ff0000; } a[href].new:hover { color: #ff0000; } .mw-parser-output a.external, .link-https { background-position: right center; background-repeat: no-repeat; background-image: url(https://corepunk.wiki/w/images/c/c1/External-link-icon.png); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2213%22 height=%2213%22%3E %3Cpath fill=%22%2336b%22 d=%22M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z%22/%3E %3Cpath fill=%22%2336b%22 d=%22M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z%22/%3E %3Cpath fill=%22%2315a5ea%22 d=%22M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z%22/%3E %3C/svg%3E"); padding-right: 15px; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { opacity: 1; } .navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { color: #cacaca; text-transform: uppercase; font-size: 0.8rem; transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; } .navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { color: #fff; opacity: 1; } .fa-asterisk:before, .navbar-tool-link:before { content: ""; } #mw-indicators { display: none; } .text-muted { color: rgb(255 255 255 / 0.6) !important; } .toc { padding: 0.5rem 0.75rem; margin-bottom: 1rem; } .toc, .mw-warning, .toccolours { border: none; background-color: var(--background-color--secondary); /*box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(17 18 23);*/ } .mw-body .toc ul li a .tocnumber { display: none; } .toctogglelabel { color: #f9a916; } .toctogglelabel:hover { color: #f9a916; opacity: 0.6; text-decoration: none; } .toc .toctitle { text-align: left; } .mw-body .toc ul li ul { margin-left: 1.5rem; } .floatright { float: right; } .mw-body .firstHeading { border-bottom: 1px solid rgb(38 40 49); } div.tright { margin: 0 0 1rem 1rem; } @media screen and (max-width: 768px) { div.tright, div.floatright, table.floatright { width: 100%!important; float: none!important; clear: none!important; margin: 1rem 0 1rem 0!important; } } @media screen and (max-width: 1104px) { #p-search { margin-top: 1rem; } } .right-sidebar { max-width: 270px; margin-left: 1rem; } @media screen and (max-width: 1024px){ .right-sidebar { display: none; } } .thumb.tright { /*box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(17 18 23);*/ } .thumbinner { border: none!important; padding: 0.25rem!important; background-color: var(--background-color--secondary) !important; } .thumbimage { border: 1px solid var(--background-color--tertiary) !important; background: var(--background-color--tertiary) !important; } .table-responsive { width: auto; } @media screen and (max-width: 1679px) { .footer-container { padding: 0 0.5rem; } } .footer-info > div { margin: 0.5rem 1rem 0 0; opacity: 0.5; } .footer-places > div { margin: 0.5rem 1rem 0.5rem 0; } .footer-info, .footer-places, .footer-icons { margin-left: 0; margin-right: 0; } pre, .mw-code { color: var(--text-color); background-color: var(--background-color--secondary); margin-top: 1rem; border: none; } dt { font-weight: 600; } .wikiEditor-ui-toolbar { color: var(--background-color--tertiary); } .wikiEditor-ui { margin-bottom: 1rem; } dl { margin: 0.7rem 0; } .stub-box { padding: 0.5rem 0.75rem; background: var(--background-color--secondary); margin: 0 auto; margin-bottom: 1rem; width: fit-content; border-left: 10px solid #dd9090; } #footer-toolbox { margin: 0.5rem 1rem 0 0; } .jquery-tablesorter th.headerSortUp { background-image: url(/w/images/8/81/Sort_up.png)!important; } .jquery-tablesorter th.headerSortDown { background-image: url(/w/images/f/f3/Sort_down.png)!important; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: url(/w/images/a/a6/Sort_both.png); } .dropdown-menu { background-color: var(--background-color--tertiary); } .dropdown-item, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child { color: var(--text-color); font-size: 0.9rem; } .dropdown-item:hover, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover, .dropdown-item:focus, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:focus { background: var(--background-color--secondary); color: var(--text-color); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--background-color--secondary); border: none; } .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: transparent; } .oo-ui-tabSelectWidget-framed { background-color: var(--background-color--secondary); } .oo-ui-tabOptionWidget { color: #f9a916; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: #1b1c23; color: #fff; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed { border-color: var(--background-color--secondary); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: #1b1c23; } .oo-ui-labelWidget.oo-ui-inline-help { color: rgb(255 255 255 / 0.5); } .mw-prefs-buttons { background-color: var(--background-color--secondary); border-top: none; padding-left: 1rem; } .oo-ui-panelLayout-framed { border: none; background: var(--background-color--secondary); } li.gallerybox div.thumb { border: none; background-color: var(--background-color--secondary); } .form-control { background-color: #1b1c23; border: none; color: rgb(255 255 255 / 0.5); } .input-group-append { margin-left: 0; } #searchGoButton { display: none; } .p-navbar .navbar-nav .navbar-tools, .p-navbar .navbar-form { padding-left: 0.5rem; padding-right: 0.5rem; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .mw-special-Block .mw-htmlform > .oo-ui-panelLayout-padded { padding: 1rem; } button:focus { outline: none; } div.mw-warning-with-logexcerpt { padding: 0.5rem 1rem; margin-bottom: 1rem; border: none; } .warningbox { border-radius: 0; } .mw-editfooter-list { margin-bottom: 0; margin-left: 0; } .templatesUsed { margin-top: 1rem; } .templatesUsed p { margin-bottom: 0.25rem; } :focus { outline: none; } .codeEditor-status { color: var(--background-color--tertiary); } .mw-mmv-image-links { margin: 0; } .mw-mmv-image-links-div ol, .mw-mmv-image-links-div ul { padding-left: 0; } .mw-mmv-image-metadata-links-column { width: auto; } .mw-mmv-about-links { width: 100%; } .mw-mmv-license { padding-right: 10px; } #searchform input { transition: background-color 0.2s ease-in 0s, opacity 0.2s ease-in 0s, color 0.2s ease-in 0s; } .mw-search-result-data { display: none; } .mw-search-profile-tabs, #mw-searchoptions { background-color: var(--background-color--secondary); border: none; } #mw-searchoptions .divider { border: none; } .search-types .current a { color: var(--text-color); } #pagehistory li.selected { background-color: var(--background-color--secondary); color: var(--text-color); outline: 1px dashed var(--text-color); } #pagehistory { margin-top: 1rem; } #mw-history-compare { margin-top: 1rem; margin-bottom: 1rem; } .diff-context { background: var(--background-color--secondary); border-color: var(--background-color--tertiary); color: var(--text-color); } .diff-addedline { border-color: #5e9a6b; } .diff-addedline .diffchange { background: #5e9a6b; color: var(--background-color--tertiary); } .diff-deletedline { border-color: #9a5e5e; } .diff-deletedline .diffchange { background: #9a5e5e; color: var(--background-color--tertiary); }