미디어위키:Common.css: 두 판 사이의 차이
편집 요약 없음 |
편집 요약 없음 |
||
46번째 줄: | 46번째 줄: | ||
/* 제목/링크 컬러 - 절제된 포인트 */ | /* 제목/링크 컬러 - 절제된 포인트 */ | ||
.page-대문 .mai | .page-대문 .mai | ||
/* ===== 메인/공용 버튼 스타일 ===== */ | |||
.portal-buttons { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
margin: 16px 0 24px; | |||
} | |||
.portal-buttons .btn { | |||
display: inline-block; | |||
padding: 0.6em 1.0em; | |||
font-weight: 600; | |||
border-radius: 10px; | |||
border: 1px solid #a2a9b1; | |||
text-decoration: none; | |||
line-height: 1.2; | |||
background: #f8f9fa; /* 기본(세컨더리) */ | |||
color: #202122; | |||
} | |||
.portal-buttons .btn:hover { | |||
background: #eaecf0; | |||
border-color: #72777d; | |||
} | |||
/* 강조(프라이머리) 버튼 */ | |||
.portal-buttons .btn.primary { | |||
background: #36c; /* 미디어위키 기본 파란색 계열 */ | |||
color: #fff; | |||
border-color: #36c; | |||
} | |||
.portal-buttons .btn.primary:hover { | |||
filter: brightness(0.95); | |||
} | |||
/* 모바일에서 꽉 차게 보이도록(선택) */ | |||
@media (max-width: 720px) { | |||
.portal-buttons { | |||
gap: 8px; | |||
} | |||
.portal-buttons .btn { | |||
flex: 1 1 auto; | |||
text-align: center; | |||
} | |||
} |