틀:추천평카드/css: 두 판 사이의 차이
< 틀:추천평카드
(새 문서: .featuredcard{ --featured-card-color: #004266; background: #fff; border: 4px solid var(--featured-card-color); border-radius: 8px; padding-top: 8px; } .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;...) |
(마진변경) |
||
(같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
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;
}