You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
1.7 KiB
CSS
148 lines
1.7 KiB
CSS
/* MIRI THE LEADER */
|
|
|
|
.the-leader.leader-card {
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
padding: 5mm;
|
|
}
|
|
|
|
.the-leader .card {
|
|
text-align: center;
|
|
}
|
|
|
|
.the-leader .quote {
|
|
font-size: 24px;
|
|
margin: 32px 0;
|
|
font-style: italic;
|
|
}
|
|
|
|
.the-leader .leader {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.the-leader dl {
|
|
position: absolute;
|
|
bottom: 4mm;
|
|
left: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.the-leader dt {
|
|
float: left;
|
|
width: 75%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.the-leader dd {
|
|
float: left;
|
|
width: 25%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.the-leader .row-bg {
|
|
position: relative;
|
|
}
|
|
|
|
.the-leader dl span {
|
|
padding: 0 4mm;
|
|
}
|
|
|
|
.the-leader .row-bg > span {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
.the-leader .row-bg:after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 0;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.3;
|
|
background-color: var(--background);
|
|
}
|
|
|
|
.connect-less .description {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.connect-less figcaption {
|
|
display: none;
|
|
}
|
|
|
|
.crosswords .info {
|
|
position: absolute;
|
|
font-size: 21px;
|
|
left: 4mm;
|
|
top: 4mm;
|
|
}
|
|
|
|
.info .category {
|
|
color: var(--background);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.crosswords .description {
|
|
font-size: 28px;
|
|
text-align: start;
|
|
}
|
|
|
|
.crosswords .description.long-text {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mimic code {
|
|
display: block;
|
|
background-color: var(--color);
|
|
color: white;
|
|
font-size: 17px;
|
|
line-height: 33.9px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mimic .colophon {
|
|
font-size: 21px;
|
|
}
|
|
|
|
.mimic .action {
|
|
font-style: italic;
|
|
}
|
|
|
|
.mimic figcaption {
|
|
color: #c09d73;
|
|
}
|
|
|
|
.xquisite img,
|
|
.connect-less img,
|
|
.nim img {
|
|
padding: 4mm;
|
|
}
|
|
|
|
.nw {
|
|
white-space: initial;
|
|
|
|
}
|
|
|
|
.ne {
|
|
text-align: right;
|
|
white-space: initial;
|
|
}
|
|
|
|
.se {
|
|
margin-top: auto;
|
|
text-align: right;
|
|
white-space: initial;
|
|
}
|
|
|
|
.sw {
|
|
margin-top: auto;
|
|
}
|