틀:리버티게임 메뉴/대문: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
잔글편집 요약 없음 |
편집 요약 없음 |
||
| 12번째 줄: | 12번째 줄: | ||
} | } | ||
#docTop span { | #docTop .upper { | ||
width:25%; | |||
text-align:center; | |||
} | |||
#docTop div span { | |||
color: #00A500; | |||
} | |||
#docTop div span a { | |||
color: inherit; | |||
text-decoration: none; | |||
font-weight: bold; | |||
} | |||
#docTop span span { | |||
color: #00A500; | color: #00A500; | ||
} | } | ||
#docTop span a { | #docTop span span a { | ||
color: inherit; | color: inherit; | ||
text-decoration: none; | text-decoration: none; | ||
| 25번째 줄: | 40번째 줄: | ||
z-index:10; | z-index:10; | ||
position:absolute; | position:absolute; | ||
top: | top:0px; | ||
left:0%; | left:0%; | ||
background-color: #eeffee; | background-color: #eeffee; | ||
} | } | ||
| 34번째 줄: | 48번째 줄: | ||
z-index:10; | z-index:10; | ||
position:absolute; | position:absolute; | ||
top: | top:0px; | ||
left:0%; | left:0%; | ||
background-color: #eeffee; | background-color: #eeffee; | ||
| 41번째 줄: | 55번째 줄: | ||
#community-link { | #community-link { | ||
text-align:center; | text-align:center; | ||
height:25px; | |||
} | } | ||
#support-link { | #support-link { | ||
text-align:center; | text-align:center; | ||
height:25px; | |||
} | } | ||
| 50번째 줄: | 66번째 줄: | ||
transition: 0.3s transform linear; | transition: 0.3s transform linear; | ||
transform: scale(1, 0); | transform: scale(1, 0); | ||
transform-origin: | transform-origin: 0% 0%; | ||
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
top: | top: 28px; | ||
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; | ||
| 66번째 줄: | 82번째 줄: | ||
transition: 0.3s transform linear; | transition: 0.3s transform linear; | ||
transform: scale(1, 0); | transform: scale(1, 0); | ||
transform-origin: | transform-origin: 0% 0%; | ||
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
top: | top: 28px; | ||
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; | ||
| 77번째 줄: | 93번째 줄: | ||
visibility: visible; | visibility: visible; | ||
transform: scale(1); | transform: scale(1); | ||
} | |||
.dropdown-button { | |||
width:98%; | |||
position:relative; | |||
left:1%; | |||
padding:0.5em 0; | |||
background-color:#eeffee; | |||
} | } | ||
| 82번째 줄: | 106번째 줄: | ||
<!-- 상단 바입니다.--><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 --> | <!-- 상단 바입니다.--><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 --> | ||
<div id="docTop" style="background-color:#00A500;"> | <div id="docTop" style="background-color:#00A500;"> | ||
< | <span class="upper" style="display:grid;grid-template-columns:50% 50%;float:left;"> | ||
<span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem; | <span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem; >[[#인기 게임|인기 게임 차트]]</span> | ||
<span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem | <span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem;">[[#최고 평가 게임|플레이 추천]]</span> | ||
<span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem; | </span><span class="upper" style="display:grid;grid-template-columns:50% 50%;float:right;"> | ||
</ | <span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem;">[[#카테고리|카테고리]]</span> | ||
<div style="display:grid;grid-template-columns:1fr 1fr;"> | <span style="width: 100%;background-color: #bbeebb; border-radius:0.2rem;">[[#최근 업데이트|최근 업데이트]]</span> | ||
<span id="community-link" style="background-color: #bbeebb; padding:0.1em;">[[#커뮤니티|커뮤니티]]<div id="menusubList1" style="text-align:center;"> | </span> | ||
[[리버티게임:오락실|오락실]] | <div style="position:absolute;left:0%;right:0%;top:40px;bottom:100px;display:grid;grid-template-columns:1fr 1fr;"> | ||
<span id="community-link" style="background-color: #bbeebb; 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></span> | </div></span> | ||
<span id="support-link" style="background-color: #bbeebb;padding:0.1em;">[[#지원|지원]]<div id="menusubList2" style="text-align:center;"> | <span id="support-link" style="background-color: #bbeebb;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> | </div> | ||
</span> | </span> | ||