Template:Card/styles.css: Difference between revisions

Latest revision as of 13:23, 19 August 2021

.wiki-template-card {
	width: 30%;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
	padding: 0;
	margin: 8px;
	border-radius: 4px;
    list-style: outside none none;
}
.wiki-template-card-content {
	padding: 8px;
}
.wiki-template-card-content h3 {
	font-size: 1.5em;
	font-weight: 700;
	font-family: "Nimbus Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
.wiki-template-card-content-desc {
	font-size: 0.75em;
	margin-top: 2px;
}
img {
	width:100%;
	margin: 0;
	padding: 0;
	height: 200px !important; /* with apologies to the linter */
	object-fit: cover;
}
@media screen and (max-width: 500px) {
	.wiki-template-card {
		width: 100%;
	}
}
@media screen and (min-width:500px) and (max-width: 700px) {
	.wiki-template-card {
		width: 45%;
	}
}

@@ Line 1: / Line 1: @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
 .wiki-template-card {
-	border: 1px solid #ccc;
+	width: 30%;
-	width: 20%;
-	background:white;
 	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
 	padding: 0;
 	margin: 8px;
 	border-radius: 4px;
-	float: left;
      list-style: outside none none;
 }
 .wiki-template-card-content {
@@ Line 66: / Line 13: @@
 	font-size: 1.5em;
 	font-weight: 700;
-	font-family: sans-serif;
+	font-family: "Nimbus Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 }
 .wiki-template-card-content-desc {
 	font-size: 0.75em;
-	color: darkgrey;
+	margin-top: 2px;
 }
 img {
@@ Line 78: / Line 25: @@
 	height: 200px !important; /* with apologies to the linter */
 	object-fit: cover;
+}
+@media screen and (max-width: 500px) {
+	.wiki-template-card {
+		width: 100%;
+	}
+}
+@media screen and (min-width:500px) and (max-width: 700px) {
+	.wiki-template-card {
+		width: 45%;
+	}
 }