틀:게임카드/css: 두 판 사이의 차이

2024년 8월 12일 (월) 20:13 판

하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다.

도보시오

하위 문서로

@@ 21번째 줄: / 21번째 줄: @@
 .gamecard .theme {
 	height: 8px;
+}
+.gamecard .image-wrapper img{
+    width: 100%;
+    max-height: 5em;
+    object-fit: cover;
 }
 .gamecard .content {
-	padding: 8px 16px;
+	padding: 8px 12px;
 }
 .gamecard .content .genres{
 	margin-bottom:8px;
+	margin-left: 4px;
 }
@@ 50번째 줄: / 57번째 줄: @@
 	font-size: 1.2em;
 	font-weight: bold;
-	margin-left: 8px;
 }
@@ 59번째 줄: / 65번째 줄: @@
 .gamecard .summary {
 	font-size: 0.8em;
-	margin-left: 8px;
 	color: #999;
 	margin-bottom: 8px;
@@ 66번째 줄: / 71번째 줄: @@
 .gamecard .content>.description {
 	font-size: 0.8em;
+	margin-left: 8px;
+}
+.gamecard.설명감춤 .content>.description {
+	display:none;
 }
@@ 74번째 줄: / 84번째 줄: @@
 .gamecard .icon-wrapper .icon {
-	color: #999;
+    color: #777;
 	transition: opacity 0.2s ease-in-out;
 	opacity: 0.5;
+    font-size: 1.7em;
+}
+.gamecard .icon-wrapper .icon a{
+    color: inherit;
+    text-decoration: none;
 }
@@ 94번째 줄: / 110번째 줄: @@
 	color: #fff;
 	padding: 2px 6px;
-	font-size: 0.8em;
+	font-size: 0.6rem;
 	transform: translateY(100%);
 }
@@ 121번째 줄: / 137번째 줄: @@
 }
-.gamecard .author .separator{
+.gamecard .detail .created{
+	font-size: 0.5em;
+    color: #999;
+}
+.gamecard .detail .author .separator{
 	margin:0 2px;
 	color: #999;
 }
-.gamecard .detail .created,
-.gamecard .detail .metapage {
-	float: right;
-}
 }}</onlyinclude>
 하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다.
 == 도보시오 ==
 * [[../|하위 문서로]]