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; } }