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

2026년 5월 17일 (일) 06:51 기준 최신판

.home-header{position:relative;padding:3.5rem 1rem;text-align:center;line-height:1.1} .home-header-pretitle{margin-bottom:.5rem;color:#888;font-size:.85rem;letter-spacing:.05em} .home-header-title{margin:0;font-size:clamp(2.5rem,calc(2rem + 4vw),4.5rem);text-transform:uppercase;line-height:.9;font-weight:600;color:#c9aa71} .home-header-subtitle{margin-top:.5rem;color:#888;font-size:.9rem} .home-header-subtitle em{font-style:italic;color:#ccc} .home-gameinfo{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 1rem;white-space:nowrap;font-size:.85rem;flex-wrap:wrap} .home-gameinfo-label{color:#888} .home-gameinfo-list{display:flex;align-items:center;gap:.5rem} .home-gameinfo-list-item{font-weight:600;color:#c9aa71} .t-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border:1px solid #2a6b2a;border-radius:4px;background:rgba(34,120,34,.15);color:#4caf50;font-size:.8rem;font-weight:600} .home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:1rem 0} .home-card{position:relative;padding:1rem;border:1px solid #2a2b2e;background:#141518;border-radius:8px;font-size:.85rem;overflow:hidden;transition:border-color .2s,transform .2s} .home-card:hover{border-color:#c9aa71;transform:translateY(-2px)} .home-card-header{color:#c9aa71;font-size:.95rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid #2a2b2e} .home-card ul{list-style:none;margin:0;padding:0} .home-card li{padding:.25rem 0;border-bottom:1px solid #2a2b2e} .home-card li:last-child{border-bottom:none} .home-card li a{color:#ccc;text-decoration:none} .home-card li a:hover{color:#c9aa71} .home-card-smw-ul-furtherresults{display:block;margin-top:.5rem;font-size:.8rem} .home-card-smw-ul-furtherresults a{color:#888!important} .home-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1rem 0} .home-nav-card{display:block;padding:1rem;text-align:center;border:1px solid #2a2b2e;border-radius:8px;background:#141518;text-decoration:none;color:#ccc;transition:all .2s} .home-nav-card:hover{border-color:#8B0000;background:#1a1b1e;color:#c9aa71} .home-nav-card .ico{font-size:2rem;display:block;margin-bottom:.3rem} .home-nav-card h3{margin:0;font-size:.9rem;color:inherit} .home-nav-card p{margin:.2rem 0 0;font-size:.75rem;color:#888} .home-link{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem} .home-link-button a{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid #2a2b2e;border-radius:8px;background:#1a1b1e;color:#ccc!important;font-size:.85rem;font-weight:500;text-decoration:none!important;transition:background .2s} .home-link-button a:hover{background:#2a2b2e} .home-footer{text-align:center;padding:1rem 0;margin-top:1rem;border-top:1px solid #2a2b2e;font-size:.8rem;color:#888} .home-footer a{color:#888;text-decoration:none;margin:0 .5rem} .home-footer a:hover{color:#c9aa71} .page-Main_Page #firstHeading{display:none}

@@ 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 {
+.home-header{position:relative;padding:3.5rem 1rem;text-align:center;line-height:1.1}
-  --background-color-progressive-subtle: #2a0a0a;
+.home-header-pretitle{margin-bottom:.5rem;color:#888;font-size:.85rem;letter-spacing:.05em}
-  --color-link: #c9aa71;
+.home-header-title{margin:0;font-size:clamp(2.5rem,calc(2rem + 4vw),4.5rem);text-transform:uppercase;line-height:.9;font-weight:600;color:#c9aa71}
-  --color-link--visited: #a08050;
+.home-header-subtitle{margin-top:.5rem;color:#888;font-size:.9rem}
-  --color-link--active: #e0c080;
+.home-header-subtitle em{font-style:italic;color:#ccc}
-  --color-base: #c8c8c8;
+.home-gameinfo{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 1rem;white-space:nowrap;font-size:.85rem;flex-wrap:wrap}
-  --color-emphasized: #e8e8e8;
+.home-gameinfo-label{color:#888}
-  --color-subtle: #888;
+.home-gameinfo-list{display:flex;align-items:center;gap:.5rem}
-}
+.home-gameinfo-list-item{font-weight:600;color:#c9aa71}
+.t-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border:1px solid #2a6b2a;border-radius:4px;background:rgba(34,120,34,.15);color:#4caf50;font-size:.8rem;font-weight:600}
+.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:1rem 0}
+.home-card{position:relative;padding:1rem;border:1px solid #2a2b2e;background:#141518;border-radius:8px;font-size:.85rem;overflow:hidden;transition:border-color .2s,transform .2s}
+.home-card:hover{border-color:#c9aa71;transform:translateY(-2px)}
+.home-card-header{color:#c9aa71;font-size:.95rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid #2a2b2e}
+.home-card ul{list-style:none;margin:0;padding:0}
+.home-card li{padding:.25rem 0;border-bottom:1px solid #2a2b2e}
+.home-card li:last-child{border-bottom:none}
+.home-card li a{color:#ccc;text-decoration:none}
+.home-card li a:hover{color:#c9aa71}
+.home-card-smw-ul-furtherresults{display:block;margin-top:.5rem;font-size:.8rem}
+.home-card-smw-ul-furtherresults a{color:#888!important}
+.home-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1rem 0}
+.home-nav-card{display:block;padding:1rem;text-align:center;border:1px solid #2a2b2e;border-radius:8px;background:#141518;text-decoration:none;color:#ccc;transition:all .2s}
+.home-nav-card:hover{border-color:#8B0000;background:#1a1b1e;color:#c9aa71}
+.home-nav-card .ico{font-size:2rem;display:block;margin-bottom:.3rem}
+.home-nav-card h3{margin:0;font-size:.9rem;color:inherit}
+.home-nav-card p{margin:.2rem 0 0;font-size:.75rem;color:#888}
+.home-link{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
+.home-link-button a{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid #2a2b2e;border-radius:8px;background:#1a1b1e;color:#ccc!important;font-size:.85rem;font-weight:500;text-decoration:none!important;transition:background .2s}
+.home-link-button a:hover{background:#2a2b2e}
+.home-footer{text-align:center;padding:1rem 0;margin-top:1rem;border-top:1px solid #2a2b2e;font-size:.8rem;color:#888}
+.home-footer a{color:#888;text-decoration:none;margin:0 .5rem}
+.home-footer a:hover{color:#c9aa71}
+.page-Main_Page #firstHeading{display:none}
-/* ===== 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;
-}