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

편집 요약 없음
편집 요약 없음
7번째 줄: 7번째 줄:
}
}


/* 모바일에서 content-tools을 제목 우하단으로 위치시키기 */
/* 문서 제목 영역에 상대적인 포지셔닝 설정 */
@media (max-width: 768px) {
.content-wrapper .liberty-content .liberty-content-header {
    position: relative; /* 제목 영역에 상대적인 포지셔닝 설정 */
}
 
/* 1024px 이하에서 content-tools을 제목 우하단에 배치 */
@media (max-width: 1024px) {
     .content-wrapper .liberty-content .liberty-content-header .content-tools {
     .content-wrapper .liberty-content .liberty-content-header .content-tools {
         position: absolute; /* 절대 위치 지정 */
         position: absolute; /* 절대 위치 지정 */
15번째 줄: 20번째 줄:
         margin-bottom: 10px; /* 하단 여백 추가 */
         margin-bottom: 10px; /* 하단 여백 추가 */
         margin-right: 10px; /* 우측 여백 추가 */
         margin-right: 10px; /* 우측 여백 추가 */
    }
}
/* 1024px 이상에서 content-tools 위치를 기본으로 유지 */
@media (min-width: 1025px) {
    .content-wrapper .liberty-content .liberty-content-header .content-tools {
        position: relative; /* 기본적인 배치 방식으로 돌아갑니다 */
        margin-top: 10px; /* 원하는 여백을 추가 */
     }
     }
}
}

2024년 12월 2일 (월) 15:57 판

/* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
.mw-headline-number { color: #0275d8; }
.mw-headline-number::after { content: "."; }

.content-wrapper {
    margin-top: 72px !important; /* 본문 위쪽 간격 */
}

/* 문서 제목 영역에 상대적인 포지셔닝 설정 */
.content-wrapper .liberty-content .liberty-content-header {
    position: relative; /* 제목 영역에 상대적인 포지셔닝 설정 */
}

/* 1024px 이하에서 content-tools을 제목 우하단에 배치 */
@media (max-width: 1024px) {
    .content-wrapper .liberty-content .liberty-content-header .content-tools {
        position: absolute; /* 절대 위치 지정 */
        right: 0; /* 우측으로 위치 */
        bottom: 0; /* 하단으로 위치 */
        margin-bottom: 10px; /* 하단 여백 추가 */
        margin-right: 10px; /* 우측 여백 추가 */
    }
}

/* 1024px 이상에서 content-tools 위치를 기본으로 유지 */
@media (min-width: 1025px) {
    .content-wrapper .liberty-content .liberty-content-header .content-tools {
        position: relative; /* 기본적인 배치 방식으로 돌아갑니다 */
        margin-top: 10px; /* 원하는 여백을 추가 */
    }
}