|
|
| (사용자 2명의 중간 판 12개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| <onlyinclude><html> | | <onlyinclude>{{#ifeq: {{{3}}} |
| <style>
| | | double |
| .bg-dark-ew-000 { background-color: var(--ew-theme-000); }
| | | <div class="inline dark:hidden">{{{1|'''텍스트나 이미지가 없어요!'''}}}</div><div class="hidden dark:inline">{{{2|'''텍스트나 이미지가 없어요!'''}}}</div> |
| .bg-dark-ew-010 { background-color: var(--ew-theme-010); }
| | | {{#ifeq: {{{2}}} |
| .bg-dark-ew-020 { background-color: var(--ew-theme-020); }
| | | light |
| .bg-dark-ew-030 { background-color: var(--ew-theme-030); }
| | | <div class="inline dark:hidden">{{{1|'''텍스트나 이미지가 없어요!'''}}}</div> |
| .bg-dark-ew-040 { background-color: var(--ew-theme-040); }
| | | {{#ifeq: {{{2}}} |
| .bg-dark-ew-050 { background-color: var(--ew-theme-050); }
| | | dark |
| .bg-dark-ew-060 { background-color: var(--ew-theme-060); }
| | | <div class="hidden dark:inline">{{{1|'''텍스트나 이미지가 없어요!'''}}}</div> |
| .bg-dark-ew-070 { background-color: var(--ew-theme-070); }
| | | '''잘못된 매개변수 값이에요! 매개변수가 light나 dark인지 확인해주세요!''' |
| .bg-dark-ew-080 { background-color: var(--ew-theme-080); }
| | }} |
| .bg-dark-ew-090 { background-color: var(--ew-theme-090); }
| | }} |
| .bg-dark-ew-100 { background-color: var(--ew-theme-100); }
| | }}</onlyinclude><noinclude>{{틀 설명문서}}[[분류:다크모드에 관한 틀]]</noinclude> |
| | |
| .text-dark-ew-000 { color: var(--ew-theme-000); }
| |
| .text-dark-ew-010 { color: var(--ew-theme-010); }
| |
| .text-dark-ew-020 { color: var(--ew-theme-020); }
| |
| .text-dark-ew-030 { color: var(--ew-theme-030); }
| |
| .text-dark-ew-040 { color: var(--ew-theme-040); }
| |
| .text-dark-ew-050 { color: var(--ew-theme-050); }
| |
| .text-dark-ew-060 { color: var(--ew-theme-060); }
| |
| .text-dark-ew-070 { color: var(--ew-theme-070); }
| |
| .text-dark-ew-080 { color: var(--ew-theme-080); }
| |
| .text-dark-ew-090 { color: var(--ew-theme-090); }
| |
| | |
| .border-dark-ew-000 { border-color: var(--ew-theme-000); }
| |
| .border-dark-ew-010 { border-color: var(--ew-theme-010); }
| |
| .border-dark-ew-020 { border-color: var(--ew-theme-020); }
| |
| .border-dark-ew-030 { border-color: var(--ew-theme-030); }
| |
| .border-dark-ew-040 { border-color: var(--ew-theme-040); }
| |
| .border-dark-ew-050 { border-color: var(--ew-theme-050); }
| |
| .border-dark-ew-060 { border-color: var(--ew-theme-060); }
| |
| .border-dark-ew-070 { border-color: var(--ew-theme-070); }
| |
| .border-dark-ew-080 { border-color: var(--ew-theme-080); }
| |
| .border-dark-ew-090 { border-color: var(--ew-theme-090); }
| |
|
| |
|
| |
| body, .Liberty, .dropdown-menu, .dropdown-item, .Liberty .nav-wrapper .navbar .form-inline .btn, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active, table.mw_metadata th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox th, #preferences fieldset:not(.prefsection), #preferences div.mw-prefs-buttons, .navbox, .navbox-subgroup, .navbox > tbody > tr:nth-child(even) > .navbox-list {
| |
| background-color: var(--ew-theme-000);
| |
| color: #FFF;
| |
| }
| |
| | |
| .liberty-content-header, .liberty-footer, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-footer, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-header .nav, .Liberty .content-wrapper .liberty-content .liberty-content-header, .Liberty .content-wrapper .liberty-footer, .editOptions, html .wikiEditor-ui-toolbar, #pagehistory li.selected, .mw-datatable td, table.mw_metadata td, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable, .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox, #preferences, .navbox-list, .dropdown-divider {
| |
| background-color: var(--ew-theme-020);
| |
| color: #FFF;
| |
| }
| |
| | |
| .Liberty .content-wrapper .liberty-content .liberty-content-main, .mw-datatable th, .mw-datatable tr:hover td, textarea, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-content, div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon {
| |
| background-color: var(--ew-theme-010);
| |
| }
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-header .title>h1, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-content .Rssfeed-list .Rssfeed-item, caption { color: #DDD; }
| |
| | |
| .btn-secondary { background: transparent; color: #DDD; }
| |
| | |
| #pagehistory li { border: 0; }
| |
| | |
| .Liberty .content-wrapper .liberty-footer, .Liberty .content-wrapper .liberty-content .liberty-content-header, .Liberty .content-wrapper .liberty-content .liberty-content-main, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-footer, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-content, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item + .nav-item, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:hover, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:focus, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn, .dropdown-menu, .dropdown-divider, .Liberty .content-wrapper .liberty-content .liberty-content-main fieldset, hr, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li, .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-content .Rssfeed-list li, .mw-changeslist-legend, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools { border-color: #555; }
| |
| | |
| .flow-post, .Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctext { color: #DDD; }
| |
| .flow-topic-titlebar { color: #000; }
| |
| .flow-ui-navigationWidget { color: #FFF; }
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main .toccolours, .Liberty .content-wrapper .liberty-content .liberty-content-main .toc ul, .Liberty .content-wrapper .liberty-content .liberty-content-main .toc li { background-color: var(--ew-theme-000); }
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctitle { background-color: var(--ew-theme-020); }
| |
| | |
| .Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks { background-color: var(--ew-theme-020); }
| |
| | |
| .Liberty .nav-wrapper .navbar .form-inline .form-control {
| |
| border: none !important;
| |
| background-color: var(--ew-theme-000);
| |
| color: #FFF;
| |
| }
| |
| | |
| #searchGoButton, #mw-searchButton {
| |
| border: none;
| |
| }
| |
|
| |
| .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active::before {
| |
| border-bottom-color: #466DFA;
| |
| }
| |
|
| |
| .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active::before {
| |
| border: none;
| |
| }
| |
|
| |
| .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active {
| |
| background-color: #466DFA;
| |
| }
| |
| | |
| .nav-wrapper.navbar-fixed-top {
| |
| background: linear-gradient(to bottom, rgba(70, 109, 250, 0.42), rgba(0, 0, 0, 0));
| |
| backdrop-filter: saturate(180%) blur(20px);
| |
| }
| |
| | |
| .evewiki-dark-bg {
| |
| background: var(--ew-theme-020) !important;
| |
| }
| |
| .evewiki-dark-txt {
| |
| color: #FFF !important;
| |
| }
| |
| | |
| .wikiEditor-ui-toolbar .tabs span.tab a {
| |
| color: #EC9F19 !important;
| |
| }
| |
| .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .page-table th {
| |
| color: #D5D9E6 !important;
| |
| }
| |
| .wikiEditor-ui-toolbar .page-table td {
| |
| color: #FFF !important;
| |
| }
| |
| .wikiEditor-ui-toolbar .section-help .page-table {
| |
| background-color: transparent;
| |
| }
| |
| | |
| .template-documentation {
| |
| background-color: rgb(162, 253, 207, 0.1) !important;
| |
| }
| |
| | |
| .referencetooltip { color: #000; }
| |
| ol.references li:target, sup.reference:target { background: transparent !important; }
| |
| | |
| /* WikiEditer */
| |
| /* 다크모드보다 기능 자체 CSS가 우선 적용되는 경우가 많으므로 !important는 가급적 포함할 것 */
| |
| .CodeMirror { background: #151720 !important; color: #D5D9E6 !important; }
| |
| .CodeMirror-gutters { background-color: #151720 !important; }
| |
| | |
| /* WikiEditer 세부 */
| |
| .cm-mw-htmltag-bracket, .cm-mw-htmltag-name, .cm-mw-htmltag-attribute { color: #00ffc7 !important; }
| |
| .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-exttag-attribute { color: #00ffc7 !important; }
| |
| .cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template { color: #a0f !important; }
| |
| .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-name, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable { color: #ff9700 !important; }
| |
| .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-name, .cm-mw-parserfunction-delimiter { color: #f00 !important; }
| |
| .cm-mw-link-bracket, .cm-mw-link-pagename, .cm-mw-link-delimiter { color: #00b0ff !important; }
| |
| .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol, .cm-mw-extlink, .cm-mw-free-extlink { color: #00b0ff !important; }
| |
| .cm-mw-section-header { color: #00b0ff !important; }
| |
| .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: #ff009d !important; }
| |
| .cm-mw-comment { color: #7F869C !important; }
| |
| .cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr { background-color: #3A3F52 !important; }
| |
| .cm-mw-exttag { background-color: rgba(119,0,170,0.75) !important; }
| |
| | |
| /* Class Wikitable 투명화 */
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td {
| |
| background-color: transparent;
| |
| color: #FFF;
| |
| }
| |
| | |
| /* CommentStreams */
| |
| /* 다크모드보다 기능 자체 CSS가 우선 적용되는 경우가 많으므로 !important는 가급적 포함할 것 */
| |
| .cs-expanded .cs-comment-header { background-color: #262A39 !important; }
| |
| .cs-comment-details { color: #FFF !important; }
| |
| .cs-edit-box { background-color: #262A39 !important; }
| |
| .cs-title-edit-field { background-color: #151720 !important; color: #FFF !important; }
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #FFF !important; }
| |
| .oo-ui-menuSelectWidget { background-color: #4F556B !important; }
| |
| .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: #FFF !important; }
| |
| | |
| /* [[파일:파일명|썸네일|설명]] 中 썸네일 */
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main .thumbinner { background-color: #262A39; }
| |
| | |
| /* Sitenotice */
| |
| .alert-info {
| |
| background-color: transparent;
| |
| border: solid 2px #d9edf7;
| |
| color: #d9edf7;
| |
| }
| |
| .alert-info .close {
| |
| opacity: 1;
| |
| }
| |
| | |
| /* 로그인 */
| |
| .modal-content {
| |
| background-color: #3A3F52
| |
| }
| |
| </style>
| |
| </html></onlyinclude><noinclude>{{틀 설명문서}}</noinclude>
| |
