Timeless.css: 두 판 사이의 차이
CABAL WIKI
(새 문서: →여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다: →기본 폰트, 가독성 향상: body { font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif !important; font-size: 16px; line-height: 1.8; color: #333; background: #f9f9fb; } →본문 영역 정렬 및 여백: #content { max-width: 900px; margin: auto; background: #fff; padding: 20px 30px; border-radius: 12px; box-shado...) |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | /* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | ||
/* 기본 폰트 | /* 기본 레이아웃 & 폰트 */ | ||
body { | body { | ||
font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif !important; | font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif !important; | ||
font-size: 16px; | font-size: 16px; | ||
line-height: 1.8; | line-height: 1.8; | ||
background: #f4f4f5; | |||
color: #333; | color: #333; | ||
} | } | ||
/* 본문 | /* 본문 컨텐츠 */ | ||
#content { | #content { | ||
max-width: | max-width: 1100px; | ||
margin: auto; | margin: 30px auto; | ||
background: #fff; | background: #fff; | ||
padding: | padding: 30px 40px; | ||
border-radius: | border-radius: 14px; | ||
box-shadow: 0 | box-shadow: 0 8px 24px rgba(0,0,0,0.05); | ||
} | } | ||
/* | /* 헤더 */ | ||
#mw-head { | #mw-head { | ||
background: linear-gradient( | background: linear-gradient(90deg, #3a3f51 0%, #1d2029 100%); | ||
color: #fff; | color: #fff; | ||
border-bottom: 2px solid #2980b9; | |||
} | } | ||
#mw-head a, #mw-head h1 { | #mw-head a, | ||
#mw-head h1 { | |||
color: #fff !important; | color: #fff !important; | ||
} | } | ||
/* 사이드바 | /* 사이드바 */ | ||
#mw-panel { | #mw-panel { | ||
background: #fff; | background: #fff; | ||
border-radius: | border-radius: 10px; | ||
box-shadow: 0 4px 10px rgba(0,0,0,0.05); | box-shadow: 0 4px 10px rgba(0,0,0,0.05); | ||
padding: 15px; | padding: 15px; | ||
font-size: 14px; | |||
} | |||
/* 사이드바 제목 */ | |||
#p-logo { | |||
margin-bottom: 20px; | |||
} | } | ||
/* 링크 스타일 */ | /* 링크 스타일 */ | ||
a { | a { | ||
color: # | color: #2d8cff; | ||
text-decoration: none; | text-decoration: none; | ||
transition: all 0.2s ease; | |||
} | } | ||
| 47번째 줄: | 56번째 줄: | ||
} | } | ||
/* 표( | /* 표 (wikitable) */ | ||
table.wikitable { | table.wikitable { | ||
width: 100%; | width: 100%; | ||
border: | border: none; | ||
border-radius: | border-radius: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
background: #fff; | background: #fff; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.05); | |||
} | } | ||
table.wikitable th { | table.wikitable th { | ||
background: # | background: #3a3f51; | ||
color: #fff; | color: #fff; | ||
padding: | padding: 10px; | ||
font-weight: bold; | |||
} | } | ||
table.wikitable td { | table.wikitable td { | ||
padding: | padding: 10px; | ||
border-top: 1px solid #eee; | |||
} | |||
/* 목차 */ | |||
#toc { | |||
background: #fff; | |||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 10px; | |||
padding: 15px; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.03); | |||
} | |||
/* 인용박스 */ | |||
blockquote { | |||
background: #f9f9fb; | |||
border-left: 5px solid #3a3f51; | |||
padding: 10px 15px; | |||
font-style: italic; | |||
} | } | ||
/* 모바일 최적화 */ | /* 모바일 최적화 */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#content { | |||
padding: 20px 15px; | |||
} | |||
body { | body { | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
} | } | ||
2025년 7월 17일 (목) 06:59 판
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */
/* 기본 레이아웃 & 폰트 */
body {
font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif !important;
font-size: 16px;
line-height: 1.8;
background: #f4f4f5;
color: #333;
}
/* 본문 컨텐츠 */
#content {
max-width: 1100px;
margin: 30px auto;
background: #fff;
padding: 30px 40px;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
/* 헤더 */
#mw-head {
background: linear-gradient(90deg, #3a3f51 0%, #1d2029 100%);
color: #fff;
border-bottom: 2px solid #2980b9;
}
#mw-head a,
#mw-head h1 {
color: #fff !important;
}
/* 사이드바 */
#mw-panel {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
padding: 15px;
font-size: 14px;
}
/* 사이드바 제목 */
#p-logo {
margin-bottom: 20px;
}
/* 링크 스타일 */
a {
color: #2d8cff;
text-decoration: none;
transition: all 0.2s ease;
}
a:hover {
text-decoration: underline;
}
/* 표 (wikitable) */
table.wikitable {
width: 100%;
border: none;
border-radius: 10px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
table.wikitable th {
background: #3a3f51;
color: #fff;
padding: 10px;
font-weight: bold;
}
table.wikitable td {
padding: 10px;
border-top: 1px solid #eee;
}
/* 목차 */
#toc {
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
/* 인용박스 */
blockquote {
background: #f9f9fb;
border-left: 5px solid #3a3f51;
padding: 10px 15px;
font-style: italic;
}
/* 모바일 최적화 */
@media (max-width: 768px) {
#content {
padding: 20px 15px;
}
body {
font-size: 14px;
}
}