틀:게임카드: 두 판 사이의 차이
잔글편집 요약 없음 |
잔글편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude> {{#css: | |||
/* 게임카드 컨테이너 스타일 */ | |||
.gamecard { | |||
border-color: hsl(320, 95%, 80%); | |||
background: #fff; | |||
margin: 8px; | |||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); | |||
} | |||
/* 헤더 컬러, 일반적으로 장르를 따라감 */ | |||
.gamecard .theme { | |||
height: 8px; | |||
} | |||
/* 헤더 컬러를 제외한 나머지부분 여백 추가 */ | |||
.gamecard .content { | |||
padding: 8px 16px; | |||
} | |||
/* 장르 단추들 하단 마진 추가 */ | |||
.gamecard .content .genres{ | |||
margin-bottom:8px; | |||
} | |||
.gamecard .content .genres .genre{ | |||
background: hsl(132,68%,50%); | |||
font-size: 0.8em; | |||
padding: 2px 6px; | |||
border-radius: 1em; | |||
} | |||
.gamecard .content .genres .genre a{ | |||
color: #fff; | |||
} | |||
.gamecard .title { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-left: 8px; | |||
} | |||
.gamecard .title a { | |||
color: #6480b6; | |||
} | |||
.gamecard .summary { | |||
font-size: 0.8em; | |||
margin-left: 8px; | |||
color: #999; | |||
margin-bottom: 8px; | |||
} | |||
.gamecard .content>.description { | |||
font-size: 0.8em; | |||
} | |||
.gamecard .icon-wrapper { | |||
position: relative; | |||
user-select: none; | |||
} | |||
.gamecard .icon-wrapper .icon { | |||
color: #999; | |||
transition: opacity 0.2s ease-in-out; | |||
opacity: 0.5; | |||
} | |||
.gamecard .icon-wrapper:hover .icon { | |||
opacity: 1; | |||
} | |||
.gamecard .icon-wrapper .description { | |||
visibility: hidden; | |||
position: absolute; | |||
bottom: 0; | |||
right: 0; | |||
text-wrap: nowrap; | |||
transition: opacity 0.2s ease-in-out; | |||
opacity: 0; | |||
background: #000; | |||
color: #fff; | |||
padding: 2px 6px; | |||
font-size: 0.8em; | |||
transform: translateY(100%); | |||
} | |||
.gamecard .icon-wrapper:hover .description { | |||
visibility: visible; | |||
opacity: 0.6; | |||
} | |||
.gamecard .badges { | |||
float: right; | |||
display: flex; | |||
} | |||
.gamecard .badges>* { | |||
margin-left: 4px; | |||
} | |||
.gamecard .detail { | |||
font-size: 0.8em; | |||
margin-top: 8px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
/* nth1부터 좌측 마진 왼쪽 구분자 */ | |||
.gamecard .author a:nth-child(n+1) { | |||
margin-left: 4px; | |||
} | |||
.gamecard .author a:nth-child(n+2):before { | |||
content: "•"; | |||
margin-right: 4px; | |||
} | |||
.gamecard .detail .created, | |||
.gamecard .detail .metapage { | |||
float: right; | |||
} | |||
}}</onlyinclude> | |||
하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다. | |||
== 도보시오 == | |||
* [[../|하위 문서로]] | |||
{{공사중}} | {{공사중}} | ||
<includeonly><onlyinclude>{{게임카드/css}}{{#invoke:GameJSONParser|getGamecard|{{{1|{{ROOTPAGENAME}}}}}}}</onlyinclude></includeonly> | <includeonly><onlyinclude>{{게임카드/css}}{{#invoke:GameJSONParser|getGamecard|{{{1|{{ROOTPAGENAME}}}}}}}</onlyinclude></includeonly> | ||
2023년 8월 3일 (목) 16:20 판
하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다.
도보시오
- [[../|하위 문서로]]
인수로 넣은 게임의 정보를 반환합니다.
상세
보더색은 장르에 따라 바뀝니다.
예시
code_blocks 코드
{{게임카드|깊은 수렁}}
code
파라미터로 페이지이름 대신 dpl쿼리를 사용할 수 있습니다. 아래는 게임분류에 해당하는 모든 게임카드를 만드는 예시입니다.
code_blocks 코드
{{게임카드|{{#dpl:|category=15세 이용가 게임}}}}
code
description 결과
분류:15세 이용가 게임에 해당하는 모든 게임카드가 추가됩니다.