메뉴 여닫기
환경 설정 메뉴 여닫기
개인 메뉴 여닫기
로그인하지 않음
만약 지금 편집한다면 당신의 IP 주소가 공개될 수 있습니다.

미디어위키:Common.css: 두 판 사이의 차이

무림위키
(자동 생성)
(자동 생성)
1번째 줄: 1번째 줄:
/* ===== Citizen Theme: Murim (Dark Red/Gold) ===== */
:root {
  --color-primary__h: 0;
  --color-primary__s: 70%;
  --color-primary__l: 27%;
  --color-link: #c9aa71;
  --color-link--hover: #e0c080;
  --color-link--active: #a08050;
  --color-subtle: #888;
  --color-placeholder: #666;
  --color-inverted-fixed: #fff;
}
body.skin-citizen-dark {
  --background-color-progressive-subtle: #2a0a0a;
  --color-link: #c9aa71;
  --color-link--visited: #a08050;
  --color-link--active: #e0c080;
  --color-base: #c8c8c8;
  --color-emphasized: #e8e8e8;
  --color-subtle: #888;
}
/* ===== Main Page ===== */
/* ===== Main Page ===== */
.mw-mainpage-hero {
.mw-mainpage-hero {
59번째 줄: 82번째 줄:
   border-color: #8B0000;
   border-color: #8B0000;
}
}
/* Category Grid */
.mw-mainpage-grid {
.mw-mainpage-grid {
   display: grid;
   display: grid;
95번째 줄: 116번째 줄:
   line-height: 1;
   line-height: 1;
}
}
/* Start Section */
.mw-mainpage-section {
.mw-mainpage-section {
   text-align: center;
   text-align: center;
142번째 줄: 161번째 줄:
   text-decoration: none;
   text-decoration: none;
}
}
/* Footer */
.mw-mainpage-footer-links {
.mw-mainpage-footer-links {
   display: flex;
   display: flex;
176번째 줄: 193번째 줄:
   border-color: #333;
   border-color: #333;
   padding: 8px 12px;
   padding: 8px 12px;
}
/* Search results */
.mw-search-createlink,
.mw-search-result-data {
  color: #888;
}
}

2026년 5월 16일 (토) 07:40 판

/* ===== Citizen Theme: Murim (Dark Red/Gold) ===== */

root {
 --color-primary__h: 0;
 --color-primary__s: 70%;
 --color-primary__l: 27%;
 --color-link: #c9aa71;
 --color-link--hover: #e0c080;
 --color-link--active: #a08050;
 --color-subtle: #888;
 --color-placeholder: #666;
 --color-inverted-fixed: #fff;

}

body.skin-citizen-dark {

 --background-color-progressive-subtle: #2a0a0a;
 --color-link: #c9aa71;
 --color-link--visited: #a08050;
 --color-link--active: #e0c080;
 --color-base: #c8c8c8;
 --color-emphasized: #e8e8e8;
 --color-subtle: #888;

}

/* ===== Main Page ===== */ .mw-mainpage-hero {

 text-align: center;
 padding: 3em 1em 2em;
 margin-bottom: 2em;
 border-bottom: 1px solid #222;

} .mw-mainpage-hero h1 {

 font-size: 3em;
 margin: 0 0 0.2em;
 color: #c9aa71;
 font-weight: 700;

} .mw-mainpage-hero-desc {

 font-size: 1.1em;
 color: #888;
 margin: 0 0 1.5em;

} .mw-mainpage-stats {

 display: flex;
 justify-content: center;
 gap: 2em;
 margin-bottom: 1.5em;
 flex-wrap: wrap;

} .mw-stat {

 text-align: center;

} .mw-stat-value {

 display: block;
 font-size: 1.8em;
 font-weight: 700;
 color: #c9aa71;

} .mw-stat-label {

 display: block;
 font-size: 0.8em;
 color: #888;
 text-transform: uppercase;
 letter-spacing: 0.1em;

} .mw-mainpage-search {

 max-width: 500px;
 margin: 0 auto;

} .mw-mainpage-search-input {

 width: 100%;
 padding: 0.8em 1em;
 border: 1px solid #333;
 border-radius: 8px;
 background: #1a1a1a;
 color: #c8c8c8;
 font-size: 1em;
 cursor: text;
 box-sizing: border-box;

} .mw-mainpage-search-input:focus {

 outline: none;
 border-color: #8B0000;

} .mw-mainpage-grid {

 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 gap: 1em;
 margin: 2em 0;

} .mw-mainpage-card {

 display: block;
 padding: 1.5em;
 border: 1px solid #222;
 border-radius: 8px;
 background: #141414;
 text-decoration: none;
 transition: border-color 0.2s, transform 0.2s;

} .mw-mainpage-card:hover {

 border-color: #8B0000;
 transform: translateY(-2px);
 text-decoration: none;

} .mw-mainpage-card h3 {

 margin: 0.5em 0 0.3em;
 color: #e8e8e8;
 font-size: 1.1em;

} .mw-mainpage-card p {

 margin: 0;
 color: #888;
 font-size: 0.85em;

} .mw-card-icon {

 font-size: 2em;
 line-height: 1;

} .mw-mainpage-section {

 text-align: center;
 padding: 2em;
 margin: 2em 0;
 border: 1px solid #222;
 border-radius: 8px;
 background: #141414;

} .mw-mainpage-section h2 {

 color: #c9aa71;
 border: none;
 margin-top: 0;

} .mw-mainpage-actions {

 display: flex;
 justify-content: center;
 gap: 1em;
 margin-top: 1.5em;
 flex-wrap: wrap;

} .mw-mainpage-btn {

 display: inline-block;
 padding: 0.7em 1.5em;
 border-radius: 6px;
 font-weight: 600;
 text-decoration: none;
 transition: background 0.2s;

} .mw-mainpage-btn-primary {

 background: #8B0000;
 color: #fff;

} .mw-mainpage-btn-primary:hover {

 background: #a00000;
 text-decoration: none;

} .mw-mainpage-btn-secondary {

 border: 1px solid #444;
 color: #c8c8c8;

} .mw-mainpage-btn-secondary:hover {

 border-color: #8B0000;
 color: #c9aa71;
 text-decoration: none;

} .mw-mainpage-footer-links {

 display: flex;
 justify-content: center;
 gap: 2em;
 padding: 1.5em 0;
 margin-top: 2em;
 border-top: 1px solid #222;
 flex-wrap: wrap;

} .mw-mainpage-footer-links a {

 color: #888;
 text-decoration: none;
 font-size: 0.9em;

} .mw-mainpage-footer-links a:hover {

 color: #c9aa71;

}

/* Infobox */ .wikitable.infobox {

 background: #141414;
 border-color: #333;
 border-radius: 6px;
 overflow: hidden;

} .wikitable.infobox th {

 background: #1e1e1e;
 color: #c9aa71;

} .wikitable.infobox th, .wikitable.infobox td {

 border-color: #333;
 padding: 8px 12px;

}

/* Search results */ .mw-search-createlink, .mw-search-result-data {

 color: #888;

}