Timeless.css: 두 판 사이의 차이
CABAL WIKI
편집 요약 없음 태그: 수동 되돌리기 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | /* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */ | ||
/* | /* 전체 레이아웃 */ | ||
body { | body { | ||
font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif | font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif; | ||
font-size: | font-size: 15.5px; | ||
line-height: 1. | line-height: 1.75; | ||
background: # | background: #f6f6f9; | ||
color: #333; | color: #333; | ||
} | } | ||
/* 본문 | /* 본문 박스 */ | ||
#content { | #content { | ||
max-width: 1100px; | max-width: 1100px; | ||
margin: | margin: 40px auto; | ||
background: #fff; | background: #fff; | ||
padding: 30px 40px; | padding: 30px 40px; | ||
border-radius: | border-radius: 12px; | ||
box-shadow: 0 | box-shadow: 0 6px 20px rgba(0,0,0,0.06); | ||
} | } | ||
/* 헤더 */ | /* 헤더 Liberty 느낌 */ | ||
#mw- | #mw-header-container { | ||
background: linear-gradient(90deg, # | background: linear-gradient(90deg, #273c75, #192a56); | ||
color: #fff; | color: #fff; | ||
border-bottom: | border-bottom: 3px solid #00a8ff; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.2); | |||
} | } | ||
#mw-head a, | #mw-head, #mw-head a, #mw-head h1 { | ||
#mw-head h1 { | |||
color: #fff !important; | color: #fff !important; | ||
} | |||
#p-logo { | |||
display: none !important; /* 로고 제거로 더 깔끔하게 */ | |||
} | } | ||
| 34번째 줄: | 38번째 줄: | ||
#mw-panel { | #mw-panel { | ||
background: #fff; | background: #fff; | ||
border-radius: | border-radius: 8px; | ||
box-shadow: 0 | box-shadow: 0 2px 8px rgba(0,0,0,0.04); | ||
padding: 15px; | padding: 15px; | ||
font-size: 14px; | font-size: 14px; | ||
margin-top: 20px; | |||
} | } | ||
/* | /* 목차 */ | ||
# | #toc { | ||
background: #fff; | |||
border: 1px solid #ddd; | |||
border-radius: 8px; | |||
padding: 15px; | |||
box-shadow: 0 2px 5px rgba(0,0,0,0.03); | |||
} | } | ||
/* 링크 | /* 링크 */ | ||
a { | a { | ||
color: # | color: #2980b9; | ||
text-decoration: none; | text-decoration: none; | ||
transition: all 0.2s | transition: all 0.2s; | ||
} | } | ||
| 60번째 줄: | 69번째 줄: | ||
width: 100%; | width: 100%; | ||
border: none; | border: none; | ||
border-radius: | background: #fff; | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.05); | |||
border-radius: 8px; | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
table.wikitable th { | table.wikitable th { | ||
background: # | background: #273c75; | ||
color: #fff; | color: #fff; | ||
padding: 10px; | padding: 10px; | ||
| 78번째 줄: | 87번째 줄: | ||
} | } | ||
/* | /* 인용문 */ | ||
blockquote { | blockquote { | ||
background: # | background: #f0f2f5; | ||
border-left: | border-left: 4px solid #00a8ff; | ||
padding: 10px 15px; | padding: 10px 15px; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
/* 모바일 | /* 모바일 대응 */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#content { | #content { | ||
2025년 7월 17일 (목) 07:04 판
/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */
/* 전체 레이아웃 */
body {
font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
font-size: 15.5px;
line-height: 1.75;
background: #f6f6f9;
color: #333;
}
/* 본문 박스 */
#content {
max-width: 1100px;
margin: 40px auto;
background: #fff;
padding: 30px 40px;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
/* 헤더 Liberty 느낌 */
#mw-header-container {
background: linear-gradient(90deg, #273c75, #192a56);
color: #fff;
border-bottom: 3px solid #00a8ff;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
#mw-head, #mw-head a, #mw-head h1 {
color: #fff !important;
}
#p-logo {
display: none !important; /* 로고 제거로 더 깔끔하게 */
}
/* 사이드바 */
#mw-panel {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
padding: 15px;
font-size: 14px;
margin-top: 20px;
}
/* 목차 */
#toc {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
/* 링크 */
a {
color: #2980b9;
text-decoration: none;
transition: all 0.2s;
}
a:hover {
text-decoration: underline;
}
/* 표 (wikitable) */
table.wikitable {
width: 100%;
border: none;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden;
}
table.wikitable th {
background: #273c75;
color: #fff;
padding: 10px;
font-weight: bold;
}
table.wikitable td {
padding: 10px;
border-top: 1px solid #eee;
}
/* 인용문 */
blockquote {
background: #f0f2f5;
border-left: 4px solid #00a8ff;
padding: 10px 15px;
font-style: italic;
}
/* 모바일 대응 */
@media (max-width: 768px) {
#content {
padding: 20px 15px;
}
body {
font-size: 14px;
}
}