틀:추천평카드/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;
}