Template:Race intro/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 22: | Line 22: | ||
.wizlords-race-intro--with-examples .wizlords-race-quote { | .wizlords-race-intro--with-examples .wizlords-race-quote { | ||
position: relative; | |||
min-width: 0; | min-width: 0; | ||
margin: 0; | |||
padding: 0 34px; | |||
color: var(--wiz-text, #d2d2d2); | |||
font-size: 16px; | |||
font-style: italic; | |||
line-height: 1.6; | |||
} | |||
.wizlords-race-intro--with-examples .wizlords-race-quote::before, | |||
.wizlords-race-intro--with-examples .wizlords-race-quote::after { | |||
position: absolute; | |||
color: #555; | |||
font-size: 42px; | |||
line-height: 1; | |||
} | |||
.wizlords-race-intro--with-examples .wizlords-race-quote::before { | |||
content: "\201C"; | |||
left: 0; | |||
top: -6px; | |||
} | |||
.wizlords-race-intro--with-examples .wizlords-race-quote::after { | |||
content: "\201D"; | |||
right: 0; | |||
bottom: -18px; | |||
} | |||
.wizlords-race-intro--with-examples .wizlords-race-quote-source { | |||
margin-top: 8px; | |||
text-align: right; | |||
font-size: 12px; | |||
font-style: normal; | |||
font-weight: bold; | |||
} | } | ||
| Line 110: | Line 145: | ||
font-size: 15px; | font-size: 15px; | ||
} | } | ||
} | |||
/* Compact standalone examples using the race introduction image frame. */ | |||
.wizlords-race-intro-examples.wizlords-example-gallery { | |||
float: right; | |||
width: min(375px, 100%); | |||
margin: 0 0 16px 24px; | |||
} | |||
.wizlords-race-intro-example-images.wizlords-example-images-three { | |||
grid-template-columns: repeat(3, minmax(0, 1fr)); | |||
} | |||
@media screen and (max-width: 599px) { | |||
.wizlords-race-intro-examples.wizlords-example-gallery { | |||
float: none; | |||
margin: 16px auto; | |||
} | |||
} | } | ||