:추천평카드/css

리버티게임(개발), 모두가 만들어가는 자유로운 게임
Senouis (토론 | 기여)님의 2024년 9월 17일 (화) 20:52 판
둘러보기로 이동 검색으로 이동
.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%);
}

img .featuredcard .logo-wrappeer {
    width: 3rem;
    height: 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;
}