1번째 줄: |
1번째 줄: |
− | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */
| |
| | | |
− | :root {
| |
− | --main-bg-color: #181A1B;
| |
− | --main-bg-sub: #333333;
| |
− |
| |
− | --main-text-color: #E8E6E3;
| |
− | --main-link-color: #66B1FA;
| |
− | --main-link-visited: #7E72FF;
| |
− |
| |
− | --main-border-color: #2B2E30;
| |
− | }
| |
− |
| |
− |
| |
− | html {
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− | }
| |
− |
| |
− | /* set max width and fix the background */
| |
− | body {
| |
− | position: relative;
| |
− | margin-left: auto !important;
| |
− | margin-right: auto !important;
| |
− | max-width: 1200px;
| |
− | }
| |
− |
| |
− |
| |
− | /* TODO */
| |
− | a {
| |
− | color: #66B1FA;
| |
− | color: var(--main-link-color);
| |
− | }
| |
− |
| |
− | a:visited {
| |
− | color: #7E72FF;
| |
− | color: var(--main-link-visited);
| |
− | }
| |
− |
| |
− | pre {
| |
− | background: #333333;
| |
− | background: var(--main-bg-sub);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | /**/
| |
− | .mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
| |
− | margin-left: 10.5em;
| |
− | }
| |
− |
| |
− | /* content style
| |
− | set blue right border
| |
− | */
| |
− |
| |
− | div#content.mw-body {
| |
− | border: 1px solid var(--main-border-color);
| |
− |
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#content.mw-body h1,
| |
− | div#content.mw-body h2,
| |
− | div#content.mw-body h3,
| |
− | div#content.mw-body h4 {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#siteNotice pre {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#mw-content-text div.mw-parser-output div#toc.toc {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#toc.toc ul li a span.tocnumber {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#mw-content-text .smw-editpage-help {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#wikiPreview pre {
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#wikiEditor-ui-toolbar {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− | }
| |
− |
| |
− | #editform .codeEditor-status-worker {
| |
− | color: #000000;
| |
− | }
| |
− |
| |
− | #editform .editOptions {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | /*end of body style*/
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /** fix the position of:
| |
− | personal user menu
| |
− | search bar
| |
− | the pop-up indicator of language selector
| |
− | search suggestions
| |
− | **/
| |
− |
| |
− | /* mw-head style
| |
− | */
| |
− |
| |
− | div#mw-head {
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− |
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#p-personal {
| |
− | right: 3pt;
| |
− | }
| |
− |
| |
− | li#pt-notifications-alert {
| |
− | filter: invert(100%);
| |
− | }
| |
− |
| |
− | li#pt-notifications-notice {
| |
− | filter: invert(100%);
| |
− | }
| |
− |
| |
− | /*left navigation*/
| |
− | div#left-navigation {
| |
− | border-bottom: 1px solid var(--main-border-color);
| |
− | }
| |
− |
| |
− | div#p-namespaces.vectorTabs {
| |
− | border-left: 1px solid var(--main-border-color);
| |
− | background-image: none;
| |
− | }
| |
− |
| |
− | div#p-namespaces ul li span {
| |
− | background: #333333;
| |
− | background: linear-gradient(#181A1B, #333333);
| |
− | background: linear-gradient(var(--main-bg-color), var(--main-bg-sub));
| |
− |
| |
− | }
| |
− |
| |
− | div#p-namespaces ul .selected span {
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− | }
| |
− | div#p-namespaces ul .selected span a {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | /*right navigation*/
| |
− | div#right-navigation {
| |
− | border-bottom: 1px solid var(--main-border-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#p-views.vectorTabs {
| |
− | background-image: none;
| |
− | }
| |
− |
| |
− | div#p-views ul li span {
| |
− | border-left: 1px solid var(--main-border-color);
| |
− |
| |
− | background: #333333;
| |
− | background: linear-gradient(#181A1B, #333333);
| |
− | background: linear-gradient(var(--main-bg-color), var(--main-bg-sub));
| |
− | }
| |
− |
| |
− | div#p-views ul li span a {
| |
− | color: #66B1FA;
| |
− | color: var(--main-link-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#p-views ul .collapsible.selected span {
| |
− | background: #181A1B;
| |
− | background: var(--main-bg-color);
| |
− | }
| |
− |
| |
− | div#p-views ul .collapsible.selected span a {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#p-cactions h3#p-cactions-label {
| |
− | background-image: none;
| |
− | border-right: 1px solid var(--main-border-color);
| |
− | }
| |
− |
| |
− | div#p-cactions h3#p-cactions-label span {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#p-cactions ul.menu li {
| |
− | background: #333333;
| |
− | background-color: var(--main-bg-sub);
| |
− | }
| |
− | div#p-cactions ul.menu li a {
| |
− | color: #66B1FA;
| |
− | color: var(--main-link-color);
| |
− | }
| |
− |
| |
− |
| |
− | div#p-search {
| |
− | margin-right: 3pt;
| |
− | }
| |
− |
| |
− | div#simpleSearch input {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#simpleSearch input#searchButton {
| |
− | filter: invert(100%);
| |
− | }
| |
− |
| |
− | /*mw-head style end*/
| |
− |
| |
− |
| |
− | /*mw-panel style*/
| |
− |
| |
− | div#mw-panel {
| |
− | background-color: #181A1B;
| |
− | background-color: var(--main-bg-color);
| |
− | }
| |
− |
| |
− | div#mw-panel div#p-logo {
| |
− | filter: invert(100%);
| |
− | }
| |
− |
| |
− | div#mw-panel div.portal h1,
| |
− | div#mw-panel div.portal h2,
| |
− | div#mw-panel div.portal h3,
| |
− | div#mw-panel div.portal h4 {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | div#mw-panel div.portal div.body ul li a {
| |
− | color: #66B1FA;
| |
− | color: var(--main-link-color);
| |
− | }
| |
− |
| |
− | div#mw-panel div.portal div.body ul li a:visited {
| |
− | color: #7E72FF;
| |
− | color: var(--main-link-visited);
| |
− | }
| |
− |
| |
− | /*mw-panel style end*/
| |
− |
| |
− |
| |
− | /*footer style*/
| |
− | div#footer {
| |
− |
| |
− | }
| |
− |
| |
− | button#cs-add-button span {
| |
− | color: #E8E6E3;
| |
− | color: var(--main-text-color);
| |
− | }
| |
− |
| |
− | .imeselector {
| |
− | position: fixed;
| |
− | }
| |
− |
| |
− | .suggestions {
| |
− | right: 3pt !important;
| |
− | }
| |