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

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

/* ===== 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-grid {

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

} .mw-mainpage-card {

 position: relative;
 padding: 1.5em;
 border: 1px solid #222;
 border-radius: 8px;
 background: #141414;
 transition: border-color 0.2s, transform 0.2s;
 overflow: hidden;

} .mw-mainpage-card:hover {

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

} .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-card > a:first-child {

 position: absolute;
 inset: 0;
 z-index: 1;
 text-indent: -9999px;
 overflow: hidden;

} .mw-mainpage-card > a:first-child:focus-visible {

 outline: 2px solid #c9aa71;
 outline-offset: -2px;
 border-radius: 8px;

} .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-actions a {

 text-decoration: none;

} .mw-mainpage-btn {

 display: inline-block;
 padding: 0.7em 1.5em;
 border-radius: 6px;
 font-weight: 600;
 cursor: pointer;

} .mw-mainpage-btn-primary {

 background: #8B0000;
 color: #fff;

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

 background: #a00000;

} .mw-mainpage-btn-secondary {

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

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

 border-color: #8B0000;
 color: #c9aa71;

} .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;

}

/* Make MP heading not show page title */ .page-Main_Page #firstHeading {

 display: none;

}

@@ 62번째 줄: / 62번째 줄: @@
    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 {
@@ 89번째 줄: / 70번째 줄: @@
 }
 .mw-mainpage-card {
-   display: block;
+   position: relative;
    padding: 1.5em;
    border: 1px solid #222;
    border-radius: 8px;
    background: #141414;
-  text-decoration: none;
    transition: border-color 0.2s, transform 0.2s;
+  overflow: hidden;
 }
 .mw-mainpage-card:hover {
    border-color: #8B0000;
    transform: translateY(-2px);
-  text-decoration: none;
 }
 .mw-mainpage-card h3 {
@@ 115번째 줄: / 95번째 줄: @@
    font-size: 2em;
    line-height: 1;
+}
+.mw-mainpage-card > a:first-child {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  text-indent: -9999px;
+  overflow: hidden;
+}
+.mw-mainpage-card > a:first-child:focus-visible {
+  outline: 2px solid #c9aa71;
+  outline-offset: -2px;
+  border-radius: 8px;
 }
 .mw-mainpage-section {
@@ 135번째 줄: / 127번째 줄: @@
    margin-top: 1.5em;
    flex-wrap: wrap;
+}
+.mw-mainpage-actions a {
+  text-decoration: none;
 }
 .mw-mainpage-btn {
@@ 141번째 줄: / 136번째 줄: @@
    border-radius: 6px;
    font-weight: 600;
-   text-decoration: none;
+   cursor: pointer;
-  transition: background 0.2s;
 }
 .mw-mainpage-btn-primary {
@@ 150번째 줄: / 144번째 줄: @@
 .mw-mainpage-btn-primary:hover {
    background: #a00000;
-  text-decoration: none;
 }
 .mw-mainpage-btn-secondary {
@@ 159번째 줄: / 152번째 줄: @@
    border-color: #8B0000;
    color: #c9aa71;
-  text-decoration: none;
 }
 .mw-mainpage-footer-links {
@@ 199번째 줄: / 191번째 줄: @@
 .mw-search-result-data {
    color: #888;
+}
+/* Make MP heading not show page title */
+.page-Main_Page #firstHeading {
+  display: none;
 }