틀:추천평카드/css: 두 판 사이의 차이
< 틀:추천평카드
잔글 (높이 누락 해결) |
잔글편집 요약 없음 |
||
(같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
23번째 줄: | 23번째 줄: | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: -4px 4px rgba(0,0,0,0.25); | box-shadow: -4px 4px rgba(0,0,0,0.25); | ||
} | |||
.featuredcard .logo-wrappeer img { | |||
width: 3rem; | |||
height: 3rem; | |||
} | } | ||
28번째 줄: | 33번째 줄: | ||
position: absolute; | position: absolute; | ||
transform: translateX(-100%); | transform: translateX(-100%); | ||
} | } | ||
2024년 9월 17일 (화) 20:53 기준 최신판
.featuredcard{
--featured-card-color: #004266;
background: #fff;
border: 4px solid var(--featured-card-color);
border-radius: 8px;
padding-top: 8px;
margin-top: 4px;
}
.featuredcard .title{
background: var(--featured-card-color);
height: 2rem;
color: #fff;
font-weight: bold;
position:relative;
margin-top:0.5rem;
margin-bottom:0.5rem;
margin-left:1rem;
margin-right: 8px;
padding-left: 2.5rem;
display:flex;
align-items:center;
border-radius: 8px;
box-shadow: -4px 4px rgba(0,0,0,0.25);
}
.featuredcard .logo-wrappeer img {
width: 3rem;
height: 3rem;
}
.featuredcard .logo-wrappeer{
position: absolute;
transform: translateX(-100%);
}
.featuredcard .content-wrapper{
background:var(--featured-card-color);
}
.featuredcard .content{
padding: 8px;
background:#fff;
border-radius: 0 0 8px 8px;
}
.featuredcard .content .gametitle{
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
.featuredcard .content .description{
font-size: 0.9rem;
margin: 0.5rem 0.5rem;
}
.featuredcard .content .author{
text-align:right;
}
.featuredcard .verbose{
background: var(--featured-card-color);
color: #fff;
font-size: 0.6rem;
text-align: right;
padding-right: 4px;
padding-top: 3px;
}