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

2024년 10월 11일 (금) 01:22 판

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
body.page-대문 h1.firstHeading {display:none;}
ol { 
	margin-left: 2cm;
list-style-type: decimal; 
}
p {
   line-height: 1.5;
}
img {
          display: block;
          margin: 0 auto;
          max-width: 100%;
    }
      
.tocnumber:after { content: '.' }

/* 반응형 그리드 레이아웃 */
.responsive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px;
}

/* 반응형 이미지 */
.responsive-image {
        display: block;
        margin: 0 auto;
        max-width: 100%;
}

.responsive-img {
    width: 100%; /* 부모 요소의 너비에 맞게 조정 */
    height: 600px; /* 원하는 높이 설정 */
    background-size: cover; /* 이미지가 div를 채우도록 조정 */
    background-position: center; /* 이미지의 중심을 기준으로 위치 조정 */
}

/* 모바일 환경에서의 텍스트 정렬 */
@media (max-width: 768px) {
    .main-page-intro {
        text-align: center;
    }
}

/* 데스크탑에서는 그리드 레이아웃 사용 */
@media (min-width: 769px) {
    .main-page-intro {
        display: flex;
        justify-content: space-between;
    }
}