Template:Signpost/snippet/styles.css

/* {{pp-template}} */

.signpost-snippet-outer {

page-break-inside: avoid;

break-inside: avoid;

clear: both;

text-align: left;

width: 300px;

margin: 0 auto;

}

/* Some of these are for the piccy version, some of them are for the nopic version. */

.signpost-snippet-outer > div {

font-family: 'Times New Roman', Georgia, Palatino, 'Palatino Linotype', Times, serif;

margin-bottom: 5px;

font-size: 140%;

line-height: 1.4;

}

.signpost-snippet-piccy {

position: relative;

display: block;

}

.signpost-snippet-piccy:hover img {

filter: brightness(1.1);

}

.signpost-snippet-overlay {

position: absolute;

width: 300px;

left: 0;

}

.signpost-snippet-overlay-gradient {

top: 0;

height: 300px;

background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

}

.signpost-snippet-overlay-credit {

position: absolute;

top: 0;

left: 0;

padding-top: 0.25em;

padding-left: 0.25em;

padding-right: 0.25em;

font-size: 50%;

background-color: rgba(255, 255, 255, 0.5)

}

.signpost-snippet-credit-name,

.signpost-snippet-credit-name,

.signpost-snippet-credit-name:hover,

.signpost-snippet-credit-name:focus,

.signpost-snippet-credit-name:active {

color: #000;

text-decoration: none;

}

.signpost-snippet-credit-license {

color: #000;

text-decoration: none;

}

.signpost-snippet-overlay-text {

bottom: 0;

}

.signpost-snippet-lower {

width:300px;

display: block;

}

.signpost-snippet {

page-break-inside: avoid;

break-inside: avoid;

clear: both;

}

.signpost-snippet > div,

.signpost-snippet-title {

font-family: 'Times New Roman', Georgia, Palatino, 'Palatino Linotype', Times, serif;

color: #FFF;

text-shadow: 0em 0em 0.1em #000,

0em 0em 0.1em #000,

0em 0em 0.1em #000,

0em 0em 0.1em #000,

0em 0em 0.1em #000,

0em 0em 0.1em #000;

padding: 2px 6px;

font-weight: bolder;

}

.signpost-snippet > div {

border-bottom: 1px solid #aaa;

margin-bottom: 5px;

font-size: 140%;

line-height: 1.4;

clear: both;

}

.signpost-snippet h3 {

margin-top: 0;

padding-top: 0;

line-height: 1.4;

font-size: 1em;

}

.signpost-snippet-title a,

.signpost-snippet-title a:visited {

color: #FFF;

}

.signpost-snippet-department {

color: #000;

text-shadow: 0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999,

0em 0em 0.1em #999;

font-weight: bold;

font-size: 75%;

padding: 0 6px;

}

.signpost-snippet-hook {

color: var(--color-base, #000);

font-size: 90%;

white-space: pre-wrap;

}

.signpost-snippet-continued {

font-size: 90%;

white-space: nowrap;

}

.signpost-snippet-continued a,

.signpost-snippet-continued a:visited {

color: #72777d;

}

/* Fix pics on Minerva */

.signpost-snippet-piccy img {

max-width: unset !important;

}