미디어위키:Liberty.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
14번째 줄: 14번째 줄:


/* 제목과 본문 사이의 여백을 없애기 */
/* 제목과 본문 사이의 여백을 없애기 */
#content h1,
#liberty-content-header {
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
     margin-bottom: 0 !important; /* 제목 아래의 마진을 0으로 설정 */
     margin-bottom: 0 !important; /* 제목 아래의 마진을 0으로 설정 */
     padding-bottom: 0 !important; /* 제목 아래의 패딩을 0으로 설정 */
     padding-bottom: 0 !important; /* 제목 아래의 패딩을 0으로 설정 */
}
}
/* 제목과 본문 간의 구분선 제거 */
#content {
    padding-top: 0 !important; /* 본문 상단의 여백을 제거 */
    border-top: none !important; /* 본문 상단의 구분선 제거 */
}
/* 본문 구분선 (만약 존재한다면) 제거 */
#content .mw-body-content {
    margin-top: 0 !important; /* 제목과 본문 사이의 간격 제거 */
    padding-top: 0 !important; /* 제목과 본문 사이의 패딩 제거 */
    border-top: none !important; /* 구분선 제거 */
}
/* 제목 바로 밑의 구분선 없애기 */
#content h1 + .mw-body-content,
#content h2 + .mw-body-content,
#content h3 + .mw-body-content,
#content h4 + .mw-body-content,
#content h5 + .mw-body-content,
#content h6 + .mw-body-content {
    margin-top: 0; /* 제목과 본문 간의 여백을 제거 */
    padding-top: 0; /* 본문과 제목 사이의 상단 패딩을 없앰 */
}


/* 제목 밑에 점선을 실선으로 변경 */
/* 제목 밑에 점선을 실선으로 변경 */

2024년 12월 1일 (일) 17:53 판

/* 전체 사이트의 기본 폰트 변경 */
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::before,
.mw-parser-output h3::before,
.mw-parser-output h4::before {
    content: ' ' !important; /* 번호와 제목 사이에 공백을 추가 */
}

/* 제목과 본문 사이의 여백을 없애기 */
#liberty-content-header {
    margin-bottom: 0 !important; /* 제목 아래의 마진을 0으로 설정 */
    padding-bottom: 0 !important; /* 제목 아래의 패딩을 0으로 설정 */
}

/* 제목 밑에 점선을 실선으로 변경 */
.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; /* 원하는 폰트로 변경 */
}

/* 본문 전체의 기본 글자 크기 */
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; /* 필요 시 테두리 스타일을 정의 */
}