미디어위키: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번째 줄: @@
-.murim-hero {
-  text-align: center;
+.home-header{position:relative;padding:3.5rem 1rem;text-align:center;line-height:1.1}
-  padding: 2em 1em;
+.home-header-pretitle{margin-bottom:.5rem;color:#888;font-size:.85rem;letter-spacing:.05em}
-  margin-bottom: 2em;
+.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}
-  border-bottom: 2px solid #8B0000;
+.home-header-subtitle{margin-top:.5rem;color:#888;font-size:.9rem}
-}
+.home-header-subtitle em{font-style:italic;color:#ccc}
-.murim-hero h1 {
+.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}
-  font-size: 2.5em;
+.home-gameinfo-label{color:#888}
-  margin-bottom: 0.3em;
+.home-gameinfo-list{display:flex;align-items:center;gap:.5rem}
-  color: #c9aa71;
+.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}
-.murim-hero p {
+.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:1rem 0}
-  font-size: 1.1em;
+.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}
-  opacity: 0.8;
+.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}
-.murim-grid {
+.home-card ul{list-style:none;margin:0;padding:0}
-  display: grid;
+.home-card li{padding:.25rem 0;border-bottom:1px solid #2a2b2e}
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+.home-card li:last-child{border-bottom:none}
-  gap: 1em;
+.home-card li a{color:#ccc;text-decoration:none}
-  margin: 1.5em 0;
+.home-card li a:hover{color:#c9aa71}
-}
+.home-card-smw-ul-furtherresults{display:block;margin-top:.5rem;font-size:.8rem}
-.murim-card {
+.home-card-smw-ul-furtherresults a{color:#888!important}
-  border: 1px solid #333;
+.home-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1rem 0}
-  border-radius: 8px;
+.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}
-  padding: 1.5em;
+.home-nav-card:hover{border-color:#8B0000;background:#1a1b1e;color:#c9aa71}
-  background: #1a1a1a;
+.home-nav-card .ico{font-size:2rem;display:block;margin-bottom:.3rem}
-  transition: transform 0.2s, box-shadow 0.2s;
+.home-nav-card h3{margin:0;font-size:.9rem;color:inherit}
-}
+.home-nav-card p{margin:.2rem 0 0;font-size:.75rem;color:#888}
-.murim-card:hover {
+.home-link{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
-  transform: translateY(-2px);
+.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}
-  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+.home-link-button a:hover{background:#2a2b2e}
-  border-color: #8B0000;
+.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}
-.murim-card h3 {
+.home-footer a:hover{color:#c9aa71}
-  margin-top: 0;
+.page-Main_Page #firstHeading{display:none}
-  color: #c9aa71;
-  border-bottom: 1px solid #333;
-  padding-bottom: 0.5em;
-}
-.murim-card p {
-  font-size: 0.9em;
-  opacity: 0.75;
-}
-.murim-card a {
-  display: inline-block;
-  margin-top: 0.8em;
-  color: #8B0000;
-  font-weight: bold;
-  text-decoration: none;
-}
-.murim-card a:hover {
-  text-decoration: underline;
-}
-.murim-section {
-  margin: 2em 0;
-  padding: 1em 0;
-}
-.murim-section h2 {
-  border-bottom: 2px solid #8B0000;
-  padding-bottom: 0.3em;
-  color: #c9aa71;
-}
-.murim-links {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 0.5em;
-  list-style: none;
-  padding: 0;
-}
-.murim-links li a {
-  display: block;
-  padding: 0.5em 1em;
-  background: #1a1a1a;
-  border: 1px solid #333;
-  border-radius: 4px;
-  text-decoration: none;
-  transition: background 0.2s, border-color 0.2s;
-}
-.murim-links li a:hover {
-  background: #2a1a1a;
-  border-color: #8B0000;
-}
-.wikitable.infobox {
-  background: #1e1e1e;
-  border-color: #444;
-}
-.wikitable.infobox th, .wikitable.infobox td {
-  border-color: #444;
-  padding: 8px;
-}
-.wikitable.infobox th {
-  background: #2a2a2a;
-}