틀:게임카드: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
>BANIP (새 문서: {{공사중}} <includeonly><onlyinclude>{{#css: .gamecard{ border-color: hsl(320,95%,80%); background: #fff; border: 1px solid; margin: 8px; } .gamecard .theme{ height: 8px; } .gamecard .content{ padding:8px; } .gamecard .title{ font-size: 1.2em; font-weight: bold; margin-left: 8px; } .gamecard .summary{ font-size: 0.8em; margin-left: 8px; color: #9...) |
>BANIP (스타일 추가) |
||
| 11번째 줄: | 11번째 줄: | ||
} | } | ||
.gamecard .content{ | .gamecard .content{ | ||
padding:8px; | padding:8px 16px; | ||
} | } | ||
.gamecard .title{ | .gamecard .title{ | ||
| 25번째 줄: | 25번째 줄: | ||
} | } | ||
.gamecard .description{ | .gamecard .content > .description{ | ||
font-size: 0.8em; | font-size: 0.8em; | ||
} | } | ||
.gamecard .icon-wrapper{ | .gamecard .icon-wrapper{ | ||
position: relative; | |||
} | |||
.gamecard .icon-wrapper .icon{ | |||
color:#999; | |||
transition: opacity 0.2s ease-in-out; | |||
opacity: 0.5; | opacity: 0.5; | ||
} | } | ||
.gamecard .icon-wrapper:hover{ | |||
.gamecard .icon-wrapper:hover .icon{ | |||
opacity: 1; | opacity: 1; | ||
} | } | ||
.gamecard .icon-wrapper .description{ | .gamecard .icon-wrapper .description{ | ||
visibility: hidden; | |||
position: absolute; | position: absolute; | ||
bottom: 0; | |||
right: 0; | |||
text-wrap: nowrap; | |||
transition: opacity 0.2s ease-in-out; | |||
padding: | opacity: 0; | ||
background: #000; | |||
color: #fff; | |||
padding: 2px 6px; | |||
font-size:0.8em; | |||
transform: translateY(100%); | |||
} | } | ||
.gamecard .icon-wrapper:hover .description{ | .gamecard .icon-wrapper:hover .description{ | ||
visibility: visible; | |||
opacity: 0.6; | |||
} | } | ||
.gamecard .badges{ | .gamecard .badges{ | ||
| 58번째 줄: | 66번째 줄: | ||
.gamecard .badges > *{ | .gamecard .badges > *{ | ||
margin-left: 4px; | margin-left: 4px; | ||
} | |||
.gamecard .detail{ | |||
font-size: 0.8em; | |||
margin-top: 8px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.gamecard .detail .created, .gamecard .detail .metapage{ | |||
float:right; | |||
} | } | ||
