틀:추천평카드/css: 두 판 사이의 차이
< 틀:추천평카드
>BANIP (BANIP님이 틀:추천평카드/css 문서의 콘텐츠 모델을 "위키텍스트"에서 "CSS"(으)로 바꾸었습니다) |
잔글편집 요약 없음 |
||
| (사용자 2명의 중간 판 4개는 보이지 않습니다) | |||
| 5번째 줄: | 5번째 줄: | ||
border-radius: 8px; | border-radius: 8px; | ||
padding-top: 8px; | padding-top: 8px; | ||
margin-top: 4px; | |||
} | } | ||
| 22번째 줄: | 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; | |||
} | } | ||
| 27번째 줄: | 33번째 줄: | ||
position: absolute; | position: absolute; | ||
transform: translateX(-100%); | transform: translateX(-100%); | ||
} | } | ||
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;
}