리버티게임:대문/신규 대문 (2024): 두 판 사이의 차이
< 리버티게임:대문
잔글편집 요약 없음 |
(장르별 인기 게임 탭 디자인 수정) |
||
66번째 줄: | 66번째 줄: | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-wrap: nowrap; | text-wrap: nowrap; | ||
margin: 0 | } | ||
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label { | |||
margin: 0; | |||
} | } | ||
.tabs-tabbox > .tabs-label { | .tabs-tabbox > .tabs-label { | ||
border-radius: 0px; | border-radius: 0px; | ||
border: 1px none # | border: 1px none #000; | ||
background-color: # | background-color: #000; | ||
font-weight:bold; | font-weight:bold; | ||
color: | color: #FFF; | ||
margin: 0; | |||
width: 12.5%; | |||
} | } | ||
.tabs-tabbox > .tabs-container { | .tabs-tabbox > .tabs-container { | ||
97번째 줄: | 101번째 줄: | ||
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { | .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { | ||
color: #00A500; | color: #FFF; | ||
background: #00A500; | |||
} | } | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
143번째 줄: | 148번째 줄: | ||
/* 장르별 게임 보여주는 탭 */ | /* 장르별 게임 보여주는 탭 */ | ||
.tabs .tabs-label { | .tabs .tabs-label { | ||
font-size: max(min(3vw, 1.25em), 0.9em); | |||
width: 2.5em; | |||
text-wrap: wrap; | text-wrap: wrap; | ||
text-align: center; | text-align: center; | ||
height: 3.4em; | |||
} | } | ||
} | } |
2024년 9월 24일 (화) 21:51 판
이 문서는 리버티게임:대문 문서에 틀처럼 인용된 형태로 포함되어야 합니다! 그리고 이 문서 역시 관리자만 편집하도록 보호하는 것을 잊지 마세요!
기술적 한계[1]를 고려한 뒤에 적용하는 색상 가이드라인은 다음과 같습니다.
- 주 녹색, 보조 녹색, 흰색, 검은색 순으로 우선순위를 넣습니다.
- 메인 녹색: #00A500
- 보조 녹색 1: #EEFFEE
- 보조 녹색 2: #BBEEBB
- 흰색: white
- 검은색: black
- 글자와 박스/선 사이에는 padding을 0보다 큰 값으로 둡니다.
- 링크는 가능하면 배경은 주 녹색, 글자는 흰색으로 넣어주세요.
- 가독성에 문제가 있는 경우 다음 조합을 대안으로 삼습니다.
- 배경 보조 녹색 1, 글자 검은색으로 바꿉니다.
- 배경 보조 녹색 2, 글자 #00A500으로 바꿉니다.
- 가독성에 문제가 있는 경우 다음 조합을 대안으로 삼습니다.
- 구역 구분은 다음과 같이 합니다.
- 미디어위키 문단 구분은 1차 구분으로 보고 - 4개로 줄을 그어 구분합니다.
- 최근 업데이트는 DPL3의 렌더링 한계로 인해 초안 디자인을 유지합니다.
- 장르별 구분은 2차 구분으로 보고, border는 1px none #00A500으로 합니다.
- 미디어위키 문단 구분은 1차 구분으로 보고 - 4개로 줄을 그어 구분합니다.
- 모바일 대응을 반드시 고려하며, 모바일 레이아웃은 데스크탑 기준 레이아웃의 절반의 열을 가지도록 대응합니다.
- 2열의 컨텐츠는 모바일에서 1열로 수정합니다.
- 4열의 컨텐츠는 모바일에서 2열로 수정합니다.
하이라이트
인기 게임
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
2018-09-29
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
2009-04-18
최고 평가 게임
장르별 인기 게임
신규 출시
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
2008-11-27
출시 예정
소생이 필요한 개방된 게임
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_2_bar중간 정도 완성된 게임입니다.
hourglass_empty등급 판정이 필요한 게임입니다.
2011-03-30
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_1_bar조금 완성된 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
다이나믹 로동을 하는 군대를 체험하기
2018-02-12
에디터 추천 게임
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
신이시여 이 컴맹 좀 아주 개발살을 내주시옵소서
2023-08-09
최근 업데이트
2024-11-27 11:55:43
2024-11-27 11:52:56
2024-11-27 11:50:35
2024-11-27 11:48:14
2024-11-27 11:45:59
2024-11-27 11:44:54
2024-11-27 11:44:15
2024-11-27 11:43:53
- ↑ 예를 들어 확장 기능에서 직접 렌더링하는 SSR(Server-side Rendering)의 경우가 있습니다.