틀:리버티게임 메뉴/대문: 두 판 사이의 차이
편집 요약 없음 |
(모바일 대응) |
||
| 6번째 줄: | 6번째 줄: | ||
#docTopWithoutHeader { | #docTopWithoutHeader { | ||
--upper-height: 2.3rem; | |||
position: sticky; | position: sticky; | ||
top: 0px; | top: 0px; | ||
| 17번째 줄: | 18번째 줄: | ||
width:100%; | width:100%; | ||
text-align:center; | text-align:center; | ||
font-size: 1.2em; | |||
} | } | ||
| 36번째 줄: | 38번째 줄: | ||
color: white; | color: white; | ||
word-break:keep-all; | word-break:keep-all; | ||
height: | height: var(--upper-height); | ||
line-break:keep-all; | line-break:keep-all; | ||
} | } | ||
| 45번째 줄: | 47번째 줄: | ||
line-height: 1; | line-height: 1; | ||
font-weight: bold; | font-weight: bold; | ||
display:block; | display:block; | ||
} | |||
#header-lower { | |||
position: absolute; | |||
left: 0%; | |||
right: 0%; | |||
top: calc(var(--upper-height) + 3px); | |||
bottom: 100px; | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
} | |||
@media (max-width: 420px) { | |||
#docTopWithoutHeader { | |||
--upper-height: 2rem; | |||
} | |||
#docTopWithoutHeader .upper { | |||
font-size: 1em; | |||
} | |||
} | |||
@media (max-width: 22.85rem) { | |||
#docTopWithoutHeader { | |||
--upper-height: 3.3em; | |||
} | |||
} | } | ||
| 141번째 줄: | 166번째 줄: | ||
<span style="position:relative; left:1%; width:98%;">[[#최근 업데이트|최근 바뀜]]</span> | <span style="position:relative; left:1%; width:98%;">[[#최근 업데이트|최근 바뀜]]</span> | ||
</span> | </span> | ||
<div | <div id="header-lower"> | ||
<span id="community-link" style=" padding:0.1em;">[[#커뮤니티|커뮤니티]]<div id="menusubList1" style="text-align:center;display:grid;grid-template-columns:25% 25% 25% 25%;background-color:#00A500;"> | <span id="community-link" style=" padding:0.1em;">[[#커뮤니티|커뮤니티]]<div id="menusubList1" style="text-align:center;display:grid;grid-template-columns:25% 25% 25% 25%;background-color:#00A500;"> | ||
<div class="dropdown-button">[[리버티게임:오락실|오락실]]</div> <div class="dropdown-button">[[리버티게임:발전소|발전소]]</div> <div class="dropdown-button">[[리버티게임:토론란|토론란]]</div> <div class="dropdown-button">[[리버티게임:특집 게임|추천 게임 토론]]</div> | <div class="dropdown-button">[[리버티게임:오락실|오락실]]</div> <div class="dropdown-button">[[리버티게임:발전소|발전소]]</div> <div class="dropdown-button">[[리버티게임:토론란|토론란]]</div> <div class="dropdown-button">[[리버티게임:특집 게임|추천 게임 토론]]</div> | ||