미디어위키:Common.css: 두 판 사이의 차이
CSS 정리: 절대 위치 제거, flex 흐름으로 검색·사용자 아이콘과 자연 배치
(포럼 버튼 right offset 56→110px (돋보기·사용자 아이콘 가림 방지)) |
(CSS 정리: 절대 위치 제거, flex 흐름으로 검색·사용자 아이콘과 자연 배치) |
||
| 1번째 줄: | 1번째 줄: | ||
/* 아카디아 포털 — 알약 탭 */ | /* 아카디아 포털 — 알약 탭 (헤더 flex 흐름) */ | ||
.akadia-portal-links { | .akadia-portal-links { | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
margin-right: 8px; | margin-right: 8px; | ||
flex-shrink: 0; | |||
} | } | ||
.akadia-portal-link { | .akadia-portal-link { | ||
| 27번째 줄: | 28번째 줄: | ||
} | } | ||
@media screen and (max-width: 720px) { | |||
@media screen and (max-width: | |||
.akadia-portal-link { | .akadia-portal-link { | ||
padding: 4px 10px | padding: 4px 10px; | ||
font-size: 12px | font-size: 12px; | ||
border-radius: 12px | border-radius: 12px; | ||
} | } | ||
} | } | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.akadia-portal-links { | .akadia-portal-links { margin-right: 4px; } | ||
.akadia-portal-link { | .akadia-portal-link { | ||
padding: 3px 8px | padding: 3px 8px; | ||
font-size: 11px | font-size: 11px; | ||
} | } | ||
} | } | ||
@media screen and (max-width: 360px) { | @media screen and (max-width: 360px) { | ||
.akadia-portal-link { | .akadia-portal-link { | ||
padding: 2px 7px | padding: 2px 7px; | ||
font-size: 10px | font-size: 10px; | ||
} | } | ||
} | } | ||