미디어위키:Common.css: 두 판 사이의 차이
(포럼 버튼 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; | ||
} | } | ||
} | } | ||
2026년 5월 12일 (화) 08:45 판
/* 아카디아 포털 — 알약 탭 (헤더 flex 흐름) */
.akadia-portal-links {
display: inline-flex;
align-items: center;
margin-right: 8px;
flex-shrink: 0;
}
.akadia-portal-link {
display: inline-block;
padding: 5px 14px;
margin: 0 3px;
border-radius: 16px;
background: #e6f1fb;
border: 1px solid #b5d4f4;
color: #1d4f8b;
font-weight: 500;
font-size: 13px;
text-decoration: none;
line-height: 1.4;
transition: background 0.15s, color 0.15s;
white-space: nowrap;
}
.akadia-portal-link:hover,
.akadia-portal-link:focus {
background: #b5d4f4;
color: #042c53;
text-decoration: none;
}
@media screen and (max-width: 720px) {
.akadia-portal-link {
padding: 4px 10px;
font-size: 12px;
border-radius: 12px;
}
}
@media screen and (max-width: 480px) {
.akadia-portal-links { margin-right: 4px; }
.akadia-portal-link {
padding: 3px 8px;
font-size: 11px;
}
}
@media screen and (max-width: 360px) {
.akadia-portal-link {
padding: 2px 7px;
font-size: 10px;
}
}