|
|
| (같은 사용자의 중간 판 622개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| /* 기본 설정: 모바일 및 작은 화면 */
| |
| .liberty-content-main {
| |
| padding: 16px !important; /* 기존 모바일 패딩 (필요하면 변경 가능) */
| |
| }
| |
|
| |
|
| /* 데스크톱 환경에서 패딩 조절 */
| |
| @media (min-width: 1024px) { /* 화면 너비가 1024px 이상일 때 */
| |
| .liberty-content-main {
| |
| padding: 24px !important; /* 데스크톱 패딩 */
| |
| }
| |
| }
| |
|
| |
| /* 기본 설정: 모바일 및 작은 화면 */
| |
| .title {
| |
| padding: 16px !important; /* 기존 모바일 패딩 (필요하면 변경 가능) */
| |
| }
| |
|
| |
| /* 데스크톱 환경에서 패딩 조절 */
| |
| @media (min-width: 1024px) { /* 화면 너비가 1024px 이상일 때 */
| |
| .title {
| |
| padding: 24px !important; /* 데스크톱 패딩 */
| |
| }
| |
| }
| |
|
| |
| /* 기본 설정: 모바일 및 작은 화면 */
| |
| .content-tools {
| |
| padding: 16px !important; /* 기존 모바일 패딩 (필요하면 변경 가능) */
| |
| }
| |
|
| |
| /* 데스크톱 환경에서 패딩 조절 */
| |
| @media (min-width: 1024px) { /* 화면 너비가 1024px 이상일 때 */
| |
| .content-tools {
| |
| padding: 24px !important; /* 데스크톱 패딩 */
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
| /* 제목과 본문 사이의 간격을 없애기 */
| |
| .liberty-content-header { | | .liberty-content-header { |
| margin-bottom: 0 !important; /* 제목의 아래쪽 마진 제거 */
| | border-bottom: 0.8px !important; |
| padding-bottom: 0 !important; /* 제목의 아래쪽 패딩 제거 */
| |
| border-bottom: none !important; /* 제목 아래 구분선 제거 */
| |
| background: #fff !important; /* 제목 배경색 제거 */
| |
| }
| |
| | |
| /* 본문 콘텐츠와 상단 간격을 설정 */
| |
| .content-wrapper {
| |
| padding-top: 15px !important; /* 본문 콘텐츠 위쪽 간격을 30px로 설정 */
| |
| }
| |
| | |
| | |
| /* 본문 내용에 대한 여백 조정 */
| |
| .liberty-content-main {
| |
| margin-top: 0 !important; /* 본문의 위쪽 마진 제거 */
| |
| padding-top: 0 !important; /* 본문의 위쪽 패딩 제거 */
| |
| border-top: none !important; /* 본문 위 구분선 제거 */
| |
| background: #fff !important; /* 본문 배경색 제거 */
| |
| }
| |
| | |
| /* 제목 위쪽 간격을 넓히기 */
| |
| .title {
| |
| margin-top: 10px !important; /* 제목 위의 간격을 20px로 설정 (원하는 만큼 조정 가능) */
| |
| }
| |
| | |
| .content-tools {
| |
| padding-top: 10px !important;
| |
| margin-top: 10px !important; /* 제목 위의 간격을 20px로 설정 (원하는 만큼 조정 가능) */
| |
| }
| |
| | |
| /* 전체 사이트의 기본 폰트 변경 */
| |
| body {
| |
| font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* 원하는 폰트로 변경 */
| |
| font-size: 14px; /* 기본 폰트 크기 (선택 사항) */
| |
| line-height: 1.6; /* 줄 간격 */
| |
| }
| |
| | |
| /* 제목 밑에 점선을 실선으로 변경 */
| |
| .mw-parser-output h2,
| |
| .mw-parser-output h3,
| |
| .mw-parser-output h4 {
| |
| border-bottom: 1px solid #e1e8ed !important; /* 실선 스타일 */
| |
| padding-bottom: 10px !important; /* 제목과 본문 사이에 여백 추가 */
| |
| margin-bottom: 10px !important; /* 제목 아래 간격 추가 */
| |
| }
| |
| | |
| /* 본문에 들어가는 제목의 위쪽 간격을 늘리기 */
| |
| .mw-parser-output h2,
| |
| .mw-parser-output h3,
| |
| .mw-parser-output h4 {
| |
| margin-top: 30px !important; /* 제목 위쪽 간격 */
| |
| }
| |
| | |
| /* 제목 스타일 (H1 ~ H6) */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* 원하는 폰트로 변경 */
| |
| }
| |
| | |
| /* 제목 크기 */
| |
| h1 {
| |
| font-size: 34px !important; /* 강제 적용 */
| |
| }
| |
| | |
| /* 본문 전체의 기본 글자 크기 */
| |
| body {
| |
| font-size: 14.5px !important; /* 강제 적용 */
| |
| line-height: 1.8 !important; /* 줄 간격도 강제 적용 */
| |
| }
| |
| | |
| /* 목차의 글자 크기 조정 */
| |
| #toc {
| |
| font-size: 14.5px !important; /* 강제 적용 */
| |
| }
| |
| | |
| /* 모든 텍스트의 자간을 좁히기 */
| |
| body {
| |
| letter-spacing: -0.1px; /* 원하는 자간 값으로 조정 */
| |
| }
| |
| | |
| /* 제목(H1~H6)의 자간도 동일하게 좁히기 */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| letter-spacing: -0.3px;
| |
| }
| |
| | |
| | |
| .rellink {
| |
| text-align: left; /* 텍스트를 왼쪽으로 정렬 */
| |
| margin: 0; /* 여백 초기화 */
| |
| padding: 0; /* 여백 초기화 */
| |
| }
| |
| | |
| | |
| /* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
| |
| .mw-headline-number { color: #0275d8; }
| |
| .mw-headline-number::after { content: "."; }
| |
| | |
| /* 분류칸 그림자 제거 */
| |
| .skin-liberty .catlinks {
| |
| box-shadow: none !important; /* 그림자 제거 */
| |
| border: 1px solid #ddd; /* 필요 시 테두리 스타일을 정의 */
| |
| } | | } |