사용자:Admin/vector.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: 메뉴 → 설정(맥의 경우 오페라 → 환경 설정)으로 이동한 다음 개인 정보 보호 및 보안 → 검색 데이터 지우기 → 캐시한 영상 및 파일을 누름.

/* 이 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;
}