틀:리버티게임 메뉴/대문: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(드롭다운 메뉴 링크는 display:block 적용으로 전체 영역 클릭하게 함) |
잔글 (Hsl0님이 틀:리버티게임 메뉴/2024 문서를 틀:리버티게임 메뉴/대문 문서로 이동했습니다) |
||
(사용자 2명의 중간 판 19개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
<onlyinclude> | <onlyinclude>__NOTOC__{{#css: | ||
{{#css: | body { | ||
--background: #eeffee !important; | |||
background | |||
} | } | ||
# | |||
position: | #docTopWithoutHeader { | ||
--upper-height: 2.3rem; | |||
position: sticky; | |||
top: 0px; | top: 0px; | ||
left: 0%; | left: 0%; | ||
right: 0%; | right: 0%; | ||
height: 64px; | height: 64px; | ||
z-index: 8; | |||
} | } | ||
# | #docTopWithoutHeader .upper { | ||
width: | width:100%; | ||
text-align:center; | text-align:center; | ||
font-size: 1.2em; | |||
} | } | ||
# | #docTopWithoutHeader div span { | ||
color: # | background-color: #BBEEBB; | ||
color: black; | |||
height: 24px; | |||
} | } | ||
# | #docTopWithoutHeader div span a { | ||
color: inherit; | color: inherit; | ||
text-decoration: none; | text-decoration: none; | ||
27번째 줄: | 32번째 줄: | ||
} | } | ||
# | #docTopWithoutHeader .upper span { | ||
background-color: # | position:relative; | ||
color: | background-color: #00A500; | ||
color: white; | |||
word-break:keep-all; | |||
height: var(--upper-height); | |||
line-break:keep-all; | |||
} | } | ||
#docTopWithoutHeader .upper span a { | |||
# | |||
color: inherit; | color: inherit; | ||
padding: 0.65rem; | |||
text-decoration: none; | text-decoration: none; | ||
line-height: 1; | |||
font-weight: bold; | font-weight: bold; | ||
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; | |||
} | |||
} | } | ||
56번째 줄: | 91번째 줄: | ||
#community-link { | #community-link { | ||
text-align:center; | text-align:center; | ||
height: | height:24px; | ||
} | } | ||
#support-link { | #support-link { | ||
text-align:center; | text-align:center; | ||
height: | height:24px; | ||
} | } | ||
#community-link #menusubList1 { | #community-link #menusubList1 { | ||
transition: 0. | transition: 0.2s transform linear; | ||
transform: scale(1, 0); | transform: scale(1, 0); | ||
transform-origin: 0% 0%; | transform-origin: 0% 0%; | ||
73번째 줄: | 108번째 줄: | ||
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); | box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); | ||
visibility: hidden; | visibility: hidden; | ||
} | |||
#community-link:hover { | |||
background-color: white; | |||
color: black; | |||
} | } | ||
78번째 줄: | 118번째 줄: | ||
visibility: visible; | visibility: visible; | ||
transform: scale(1); | transform: scale(1); | ||
color: #00A500; | |||
} | } | ||
87번째 줄: | 128번째 줄: | ||
width: 100%; | width: 100%; | ||
top: 28px; | top: 28px; | ||
box-shadow: 0px 1px | box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); | ||
visibility: hidden; | visibility: hidden; | ||
} | |||
#support-link:hover { | |||
background-color: white; | |||
color: black; | |||
} | } | ||
94번째 줄: | 140번째 줄: | ||
visibility: visible; | visibility: visible; | ||
transform: scale(1); | transform: scale(1); | ||
color: #00A500; | |||
} | } | ||
106번째 줄: | 153번째 줄: | ||
.dropdown-button a { | .dropdown-button a { | ||
display:block; | display:block; | ||
word-break: keep-all; | |||
} | } | ||
}} | }} | ||
<!-- 상단 바입니다.--><!-- | <!-- 상단 바입니다. --><!-- 상단 링크는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 커뮤니티/지원 링크는 visited CSS 이벤트를 사용합니다. --> | ||
<div id=" | <div id="docTopWithoutHeader" style="background-color:#eeffee;"> | ||
<span class="upper" style="display:grid;grid-template-columns: | <span class="upper" style="display:grid;grid-template-columns:repeat(4, 1fr);"> | ||
<span style="position:relative; left:1%; width:98% | <span style="position:relative; left:1%; width:98%; >[[#인기 게임|인기 게임]]</span> | ||
<span style="position:relative; left:1%; width:98% | <span style="position:relative; left:1%; width:98%;">[[#장르별 인기 게임|게임 장르]]</span> | ||
<span style="position:relative; left:1%; width:98%;">[[#추천 게임|주요 게임]]</span> | |||
<span style="position:relative; left:1%; width:98% | <span style="position:relative; left:1%; width:98%;">[[#최근 업데이트|업데이트]]</span> | ||
<span style="position:relative; left:1%; width:98% | |||
</span> | </span> | ||
<div | <div id="header-lower"> | ||
<span id="community-link" style=" | <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> | ||
</div></span> | </div></span> | ||
<span id="support-link" style=" | <span id="support-link" style="padding:0.1em;">[[#지원|지원]]<div id="menusubList2" style="text-align:center;display:grid;grid-template-columns:20% 20% 20% 20% 20%;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> <div class="dropdown-button">[[리버티게임:도움방|게임 개발 도움방]]</div> <div class="dropdown-button">[[리버티게임:정책과 지침|정책과 지침]]</div> | ||
</div> | </div> | ||
132번째 줄: | 179번째 줄: | ||
2024년 이후 리버티게임 대문에 사용할 네비게이션 메뉴입니다. | 2024년 이후 리버티게임 대문에 사용할 네비게이션 메뉴입니다. | ||
[[분류:리버티게임 관리용 틀]] | |||
== 같이 보기 == | == 같이 보기 == | ||
* [[../|레거시]] | * [[../|레거시]] |