틀:추천평카드/css: 두 판 사이의 차이
< 틀:추천평카드
(BANIP님이 틀:추천평카드/css 문서의 콘텐츠 모델을 "위키텍스트"에서 "CSS"(으)로 바꾸었습니다) 태그: 콘텐츠 모델 변경 |
(마진변경) |
||
5번째 줄: | 5번째 줄: | ||
border-radius: 8px; | border-radius: 8px; | ||
padding-top: 8px; | padding-top: 8px; | ||
margin-top: 4px; | |||
} | } | ||
2023년 9월 14일 (목) 18:54 기준 최신판
.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{
position: absolute;
transform: translateX(-100%);
}
.featuredcard .logo-wrappeer img{
width: 3rem;
}
.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;
}