:추천평카드/css

리버티게임, 모두가 만들어가는 자유로운 게임
< 틀:추천평카드
BANIP (토론 | 기여)님의 2023년 9월 14일 (목) 01:27 판 (BANIP님이 틀:추천평카드/css 문서의 콘텐츠 모델을 "위키텍스트"에서 "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;
    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;
}