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