틀:추천평카드/css: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
잔글 (높이 누락 해결)
잔글편집 요약 없음
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
23번째 줄: 23번째 줄:
     border-radius: 8px;
     border-radius: 8px;
     box-shadow: -4px 4px rgba(0,0,0,0.25);
     box-shadow: -4px 4px rgba(0,0,0,0.25);
}
.featuredcard .logo-wrappeer img {
    width: 3rem;
    height: 3rem;
}
}


28번째 줄: 33번째 줄:
     position: absolute;
     position: absolute;
     transform:  translateX(-100%);
     transform:  translateX(-100%);
}
.featuredcard .logo-wrappeer img{
    width: 3rem;
    height: 3rem;
}
}



2024년 9월 17일 (화) 20:53 기준 최신판

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

.featuredcard .logo-wrappeer{
    position: absolute;
    transform:  translateX(-100%);
}

.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;
}