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

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

무림위키
(Switch to last-child overlay)
(Complete design overhaul clean)
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
1번째 줄: 1번째 줄:
.mw-mainpage-card > a:last-child {
 
  position: absolute;
.home-header{position:relative;padding:3.5rem 1rem;text-align:center;line-height:1.1}
  inset: 0;
.home-header-pretitle{margin-bottom:.5rem;color:#888;font-size:.85rem;letter-spacing:.05em}
  z-index: 1;
.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}
  text-indent: -9999px;
.home-header-subtitle{margin-top:.5rem;color:#888;font-size:.9rem}
  overflow: hidden;
.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}
.mw-mainpage-card > a:last-child:focus-visible {
.home-gameinfo-label{color:#888}
  outline: 2px solid var(--murim-gold);
.home-gameinfo-list{display:flex;align-items:center;gap:.5rem}
  outline-offset: -2px;
.home-gameinfo-list-item{font-weight:600;color:#c9aa71}
  border-radius: var(--murim-radius);
.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}
 

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}