:추천평카드/css

리버티게임(개발), 모두가 만들어가는 자유로운 게임
>BANIP님의 2023년 9월 14일 (목) 01:27 판 (새 문서: .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;...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
둘러보기로 이동 검색으로 이동

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

}