Timeless.css: 두 판 사이의 차이
CABAL WIKI
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | /* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | ||
/* | /* 기본 폰트 및 레이아웃 */ | ||
body { | body { | ||
font-family: 'Noto Sans KR', ' | font-family: 'Noto Sans KR', 'Segoe UI', sans-serif; | ||
font-size: 15.5px; | font-size: 15.5px; | ||
background: #f8f9fa; | |||
background: # | color: #202122; | ||
color: # | |||
} | } | ||
/* 본문 | /* 본문 영역 */ | ||
#content { | #content { | ||
max-width: 1100px; | max-width: 1100px; | ||
margin: 40px auto; | margin: 40px auto; | ||
background: #fff; | background: #fff; | ||
padding: | padding: 32px 40px; | ||
border-radius: | border-radius: 8px; | ||
box-shadow: 0 | box-shadow: 0 1px 4px rgba(0,0,0,0.05); | ||
} | } | ||
/* 헤더 | /* 상단 헤더 최소화 */ | ||
#mw-header-container { | #mw-header-container { | ||
background | background: #fff; | ||
border-bottom: 1px solid #ddd; | |||
border-bottom: | box-shadow: none; | ||
box-shadow: | |||
} | } | ||
#mw-head | #mw-head { | ||
color: # | background: none; | ||
color: #202122; | |||
} | } | ||
#p-logo { | #p-logo { | ||
display: none !important; | display: none !important; /* Vector처럼 로고 감춤 */ | ||
} | } | ||
/* 사이드바 */ | /* 좌측 사이드바 */ | ||
#mw-panel { | #mw-panel { | ||
background: #fff; | background: #fff; | ||
border- | border-right: 1px solid #ddd; | ||
padding: 20px; | |||
padding: | |||
font-size: 14px; | font-size: 14px; | ||
width: 220px; | |||
box-shadow: none; | |||
} | } | ||
| 48번째 줄: | 47번째 줄: | ||
#toc { | #toc { | ||
background: #fff; | background: #fff; | ||
border: 1px solid # | border: 1px solid #ccc; | ||
border-radius: | border-radius: 6px; | ||
padding: 15px; | padding: 15px; | ||
} | } | ||
/* 링크 */ | /* 링크 */ | ||
a { | a { | ||
color: # | color: #3366cc; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| 65번째 줄: | 62번째 줄: | ||
} | } | ||
/* 표 | /* 표 스타일 */ | ||
table.wikitable { | table.wikitable { | ||
width: 100%; | width: 100%; | ||
border: | border-collapse: collapse; | ||
background: #fff; | background: #fff; | ||
} | } | ||
table.wikitable th { | table.wikitable th { | ||
background: # | background: #f1f3f5; | ||
color: # | color: #202122; | ||
padding: | padding: 8px; | ||
font-weight: bold; | font-weight: bold; | ||
border: 1px solid #ccc; | |||
} | } | ||
table.wikitable td { | table.wikitable td { | ||
padding: | padding: 8px; | ||
border | border: 1px solid #ccc; | ||
} | } | ||
/* 모바일 대응 */ | /* 모바일 대응 */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#mw-panel { | |||
width: 100%; | |||
border-right: none; | |||
} | |||
#content { | #content { | ||
padding: 20px | padding: 20px; | ||
} | } | ||
} | } | ||
2025년 7월 17일 (목) 07:08 판
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */
/* 기본 폰트 및 레이아웃 */
body {
font-family: 'Noto Sans KR', 'Segoe UI', sans-serif;
font-size: 15.5px;
background: #f8f9fa;
color: #202122;
}
/* 본문 영역 */
#content {
max-width: 1100px;
margin: 40px auto;
background: #fff;
padding: 32px 40px;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
/* 상단 헤더 최소화 */
#mw-header-container {
background: #fff;
border-bottom: 1px solid #ddd;
box-shadow: none;
}
#mw-head {
background: none;
color: #202122;
}
#p-logo {
display: none !important; /* Vector처럼 로고 감춤 */
}
/* 좌측 사이드바 */
#mw-panel {
background: #fff;
border-right: 1px solid #ddd;
padding: 20px;
font-size: 14px;
width: 220px;
box-shadow: none;
}
/* 목차 */
#toc {
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
padding: 15px;
}
/* 링크 */
a {
color: #3366cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 표 스타일 */
table.wikitable {
width: 100%;
border-collapse: collapse;
background: #fff;
}
table.wikitable th {
background: #f1f3f5;
color: #202122;
padding: 8px;
font-weight: bold;
border: 1px solid #ccc;
}
table.wikitable td {
padding: 8px;
border: 1px solid #ccc;
}
/* 모바일 대응 */
@media (max-width: 768px) {
#mw-panel {
width: 100%;
border-right: none;
}
#content {
padding: 20px;
}
}