Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 1,631: | Line 1,631: | ||
.mainpage-social.mainpage-twitter .tile-bottom { | .mainpage-social.mainpage-twitter .tile-bottom { | ||
background: #1e96e0; | background: #1e96e0; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top { | ||
+ | background-color: #4f348b; | ||
+ | color: #fff; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top h2 { | ||
+ | margin-bottom: 0; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top a, | ||
+ | .mainpage-events .tile-top a:visited, | ||
+ | .mainpage-events .tile-top h2 a { | ||
+ | color: rgba(255, 255, 255, 0.9); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top .note { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top .note a, | ||
+ | .mainpage-events .tile-top .note a:visited { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top ul { | ||
+ | list-style: none; | ||
+ | margin-top: 1em; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li { | ||
+ | padding-bottom: 0.6em; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li img { | ||
+ | max-width: 32px; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li a:hover, | ||
+ | .mainpage-events .tile-top li a:focus { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li a { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li a:first-child { | ||
+ | width: 30px; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-top li a:last-child { | ||
+ | padding-left: 1.5em; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-bottom { | ||
+ | border: none; | ||
+ | padding: 1em 1.75em; | ||
+ | background-color: #3d276b; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | font-size: 0.9em; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: 0.03em; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | body.wgl-darkmode .mainpage-events .tile-bottom { | ||
+ | background-color: #3d276b; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-bottom a, | ||
+ | .mainpage-events .tile-bottom a:visited { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .mainpage-events .tile-bottom .arrow { | ||
+ | margin-left: 0.2em; | ||
} | } | ||
Latest revision as of 17:50, 11 June 2021
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i|Merriweather');
a,
image a,
div.vectorTabs li a,
div.vectorMenu li a,
#mw-panel .portal .body li a {
color: #327ba7;
}
a:visited,
image a:visited,
div.vectorTabs li a:visited,
div.vectorMenu li a:visited,
#mw-panel .portal .body li a:visited,
a:active,
image a:active,
div.vectorTabs li a:active,
div.vectorMenu li a:active,
#mw-panel .portal .body li a:active {
color: #327ba7;
}
a.new,
image a.new,
div.vectorTabs li a.new,
div.vectorMenu li a.new,
#mw-panel .portal .body li a.new {
color: #ba0000;
}
a.new:visited,
image a.new:visited,
div.vectorTabs li a.new:visited,
div.vectorMenu li a.new:visited,
#mw-panel .portal .body li a.new:visited {
color: #ba0000;
}
.mw-body-content a.external,
.mw-body-content a.extiw {
color: #3869bb;
}
.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
color: #3869bb;
}
td.diff-context {
background: #fdfdfd;
border-color: #f1f1f1;
opacity: .8;
}
td.diff-addedline {
background: #ffffff;
border-color: #438ab5;
}
td.diff-addedline .diffchange {
background: #bddff2;
}
td.diff-deletedline {
background: #ffffff;
border-color: #379541;
}
td.diff-deletedline .diffchange {
background: #c1edbf;
}
hr.diff-hr {
display: none;
}
body {
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
.mw-body {
color: #36414f;
background-color: #fbfbfb;
}
.mw-body-content {
font-size: .9em;
line-height: 1.8em;
}
.mw-body-content p {
margin: 0 0 .8em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #444e5a;
border-color: #e4eaee;
}
h1 {
font-weight: bold;
}
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
margin-bottom: .3em;
}
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
padding: 0 0 .15em;
}
pre,
code {
color: inherit;
background-color: #ffffff;
border-color: #e4eaee;
overflow: auto;
}
ul {
list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
}
.mw-content-ltr ul {
margin-bottom: .8em;
}
.mw-content-ltr ol {
margin-bottom: .8em;
}
dl {
margin: 0;
}
dd {
min-width: 17.85em;
}
hr {
border-color: #e4eaee;
border-style: solid;
border-width: 1px 0 0 0;
height: initial;
}
#viewingold-warning,
#viewingnew-warning {
background: #ffffff;
border: 1px solid #e4eaee;
font-size: 1.1em;
font-weight: bold;
line-height: 1.4em;
margin: 1em 0 .5em;
padding: .75em 1.5em;
}
#mw-revision-reason {
font-style: italic;
}
#mw-revision-nav {
text-align: center;
}
div.mw-warning-with-logexcerpt,
#sp-contributions-footer {
background-color: #ffffff;
border: 1px solid #e4eaee;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
div.mw-warning-with-logexcerpt {
padding: 1em 1.5em;
}
#sp-contributions-footer {
font-size: .9em;
text-align: center;
padding: 1em 1.5em .5em;
margin-top: 1.5em;
}
.warningbox {
padding: 1em 1.5em .5em;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.mw-editform #editpage-copywarn {
line-height: 1.6em;
padding: 0 0 .5em;
}
.mw-warning {
color: #705000;
border: 1px solid #fde29b;
background-color: #fdf1d1;
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.1);
margin: 1em 5em;
}
div.thumbinner {
border: none;
background: none;
padding: 0;
}
html .thumbimage {
border: none;
}
html .thumbcaption {
color: #5d6773;
background: #ffffff;
border: 1px solid #e4eaee;
padding: .4em .6em;
margin: 0 auto;
width: calc(100% - 2px);
box-sizing: border-box;
}
.thumbcaption .magnify {
display: none;
}
li.gallerybox div.thumb {
background: #ffffff;
border-color: #e4eaee;
}
div.gallerytext {
color: #5d6773;
font-size: .85em;
line-height: 1.6em;
}
div.gallerytext p {
margin: .5em 0;
}
#filetoc {
background: #ffffff;
border: 1px solid #e4eaee;
border-radius: 4px;
padding: 10px;
margin-bottom: 1.5em;
}
#pagehistory {
margin: 15px 0;
list-style: none;
}
#pagehistory li {
padding: 1px 10px;
}
#pagehistory li.selected {
border: 1px solid #e4eaee;
background: #ffffff;
}
#pagehistory .mw-history-histlinks {
padding-right: 5px;
}
#pagehistory .mw-userlink {
font-weight: bold;
}
.updatedmarker {
color: #1b8408;
}
.updatedmarker:before {
content: '(';
}
.updatedmarker:after {
content: ')';
}
.mw-headline:target {
color: #3c780a;
}
body.wgl-stickyheader.action-view .mw-headline:target::before {
display: block;
content: "";
margin-top: -3rem;
height: 3rem;
visibility: hidden;
pointer-events: none;
}
.mw-headline:target::after {
content: '#';
position: absolute;
left: -1rem;
}
body.wgl-readermode .mw-headline:target::after {
left: 1rem;
}
#contentSub {
margin-left: 0;
}
.smwfact {
display: none;
}
body.wgl-stickyheader .mw-notification-area {
padding-top: 4.5em;
}
@keyframes slide-up {
from {
opacity: 0;
transform: translateY(1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-down {
from {
opacity: 0;
transform: translateY(-1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.slide-up {
animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}
.slide-up-2 {
animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}
.slide-up-3 {
animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}
.slide-down {
animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}
.slide-down-2 {
animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}
.slide-down-3 {
animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}
.ping,
.channel,
.role {
color: #7289da;
background-color: #f1f3fb;
border: 1px #7289da solid;
border-radius: 2px;
font-family: Helvetica, Arial, sans-serif;
padding: 2px 4px;
}
.ping a,
.channel a,
.role a {
color: #7289da;
}
.nodesktop {
display: none;
}
.tile {
background: #ffffff;
border: 1px solid #e4eaee;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
padding: 1.5em 2em 1em;
max-width: 40em;
}
.tile h2 {
font-size: 1.4em;
font-weight: bold;
border: none;
margin: 0 0 .4em;
}
.tile .byline + h2 {
margin-top: -0.5em;
}
.tile.dark {
color: #ffffff;
background: #5d6773;
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.tile.dark h2 {
color: #ffffff;
}
.tile.dark a {
color: #ccc;
}
.tile.dark .byline {
color: rgba(255, 255, 255, 0.7);
}
.byline {
font-size: .9em;
color: #949eaa;
}
.byline a {
color: #949eaa;
}
.tile-row {
display: flex;
flex-flow: row wrap;
margin-bottom: 1em;
}
.tile-halves {
display: flex;
flex-flow: row wrap;
border: 1px solid #e4eaee;
background: #ffffff;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.tile-halves h2 {
font-size: 1.4em;
font-weight: bold;
border: none;
margin: 0 0 .4em;
}
.tile-halves .byline + h2 {
margin-top: -0.5em;
}
.tile-top {
width: 100%;
padding: 1.3rem 1.5rem .6rem;
}
.tile-top.tile-image {
display: flex;
align-items: center;
background-color: #949eaa;
overflow: hidden;
padding: 0;
height: 13vw;
max-height: 12em;
}
.tile-top.tile-image a {
width: 100%;
}
.tile-top.tile-image img {
width: 100%;
height: auto;
transition: 0.4s ease-out;
}
.tile-bottom {
background: #ffffff;
border-top: 1px solid #e4eaee;
width: 100%;
padding: 1rem 1.5rem .6rem;
}
.tile-bottom.link-button {
align-self: flex-end;
padding: 0;
}
.tile-bottom.link-button a {
display: block;
text-align: center;
padding: .75em 1.5em .8em;
text-decoration: none;
}
.tile-bottom.read-more {
background: #f9fafa;
transition: 0.3s ease-out;
}
.tile-bottom.read-more a {
color: #949eaa;
font-weight: bold;
text-align: right;
}
.tile-bottom.read-more:hover {
background: #f2f4f4;
}
.tile-bottom.read-more:hover .arrow {
transform: translateX(50%);
}
.tile-bottom.read-more .arrow {
filter: invert(43%) sepia(50%) hue-rotate(175deg);
margin-left: .4em;
transition: 0.3s ease-out;
}
.rsw-infobox {
background: #ffffff;
font-size: .85em;
width: 300px;
margin: .5em 0 1em 1em;
border-collapse: collapse;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
float: right;
}
.rsw-infobox .infobox-header {
color: #ffffff;
font-size: 1.15em;
line-height: 1.4em;
background: #246c97;
padding: .5em 0;
}
.rsw-infobox .infobox-subheader {
background: #6ba5c8;
color: #ffffff;
line-height: 2em;
border-top: 0.5em solid #ffffff;
border-bottom: 0.5em solid #ffffff;
}
.rsw-infobox .infobox-subheader a {
color: #ffffff;
}
.rsw-infobox .infobox-image {
text-align: center;
}
.rsw-infobox .infobox-image.bordered-image {
border: 1px solid #e4eaee;
border-bottom: none;
padding: .4em;
}
.rsw-infobox .infobox-image a.image + a.image {
margin-left: .1em;
}
.rsw-infobox .infobox-image img {
max-width: 300px;
height: auto;
}
.rsw-infobox .infobox-map {
border-top: 0.5em solid #ffffff;
text-align: center;
}
.rsw-infobox .infobox-map img {
max-width: 300px;
height: auto;
}
.rsw-infobox th:not(.infobox-header):not(.infobox-subheader) {
text-align: right;
vertical-align: top;
border-left: 1px solid #e4eaee;
border-right: 0.175em solid #6ba5c8;
padding: 0.2em 0.5em;
}
.rsw-infobox td:not(.infobox-image):not(.infobox-map) {
border-right: 1px solid #e4eaee;
padding: 0.25em 0.5em;
line-height: 1.6em;
}
.rsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
border: 1px solid #e4eaee;
padding-bottom: .6em;
}
.rsw-infobox .infobox-cell-hidden {
display: none;
}
.rsw-infobox .infobox-template-links {
text-align: center;
}
.infobox-wrapper {
display: table;
float: right;
}
.infobox-item .infobox-image {
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
.infobox-monster {
text-align: center;
}
.infobox-monster th:not(.infobox-header):not(.infobox-subheader) {
text-align: center;
}
.infobox-monster .offensive-header {
background-color: #861c10;
color: #fff;
font-variant: small-caps;
}
.infobox-monster .offensive-subheader {
background-color: #ecccc6;
font-variant: small-caps;
}
.infobox-monster .offensive-subheader a {
color: #861c10 !important;
}
.infobox-monster .defensive-header {
background-color: #438ab5;
color: #fff;
font-variant: small-caps;
}
.infobox-monster .defensive-subheader {
background-color: #c1deed;
font-variant: small-caps;
}
.infobox-monster .defensive-subheader a {
color: #32637c !important;
}
.infobox-monster .slayer-header {
background: #464646;
color: #fff;
font-variant: small-caps;
}
.infobox-bottom-links {
clear: right;
float: right;
font-size: xx-small;
margin-top: -1.5em;
}
.infobox-buttons {
text-align: center;
max-width: 250px;
display: none;
margin: 0 auto;
}
.infobox-buttons .button {
margin: 0 3px;
}
.infobox-switch-resources {
display: none;
}
.infobox .infobox-cell-hidden {
display: none;
}
.switch-infobox .switch-infobox-triggers,
.switch-infobox .loading-button {
clear: left;
}
.infobox .nestedinfo td table {
min-width: 263px;
margin: -1px;
width: calc(100% + 2px) !important;
}
.infobox .nestedinfo td {
width: 100%;
padding: 0;
}
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: inherit !important;
margin: 0 0 0.5em 0.2em !important;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
padding-bottom: 10px !important;
margin-left: 0 !important;
color: inherit !important;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox ul {
margin: 0.3em 0 0 1.6em;
}
.infobox .wikitable.mw-collapsible {
margin: -1px;
width: calc(100% + 2px) !important;
}
.infobox a.image + a.image {
margin-left: 3px;
}
.infobox .infobox-image {
text-align: center;
word-spacing: -4px;
}
.infobox .infobox-image img {
height: inherit;
max-width: 250px;
}
.infobox td .new {
word-spacing: 0;
}
.infobox .infobox-cell-hidden {
display: none;
}
.messagebox {
width: 65%;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 3px 3px 3px 0;
border-left: 15px solid #90c2dd;
background-color: #f1f1f1;
}
.messagebox.obsolete {
background-color: #cfcfcf;
border-color: #464646;
}
.messagebox.obsolete a,
.messagebox.obsolete a:visited,
.messagebox.obsolete a:active {
color: #6c6c6c;
}
.messagebox.info {
background-color: #ebebeb;
border-color: #898989;
}
.messagebox.info a,
.messagebox.info a:visited,
.messagebox.info a:active {
color: #6c6c6c;
}
.messagebox.action {
background-color: #cbdae2;
border-color: #45697D;
}
.messagebox.action a,
.messagebox.action a:visited,
.messagebox.action a:active {
color: #3c5c6e;
}
.messagebox.file {
background-color: #cfd8eb;
border-color: #617ebc;
}
.messagebox.file a,
.messagebox.file a:visited,
.messagebox.file a:active {
color: #556d97;
}
.messagebox.warn {
background-color: #ecd8d5;
border-color: #861c10;
}
.messagebox.warn a,
.messagebox.warn a:visited,
.messagebox.warn a:active {
color: #861c10;
}
.messagebox.disambig {
background-color: #ebebeb;
border-color: #898989;
margin-top: 20px !important;
margin-bottom: 30px !important;
}
.messagebox.disambig a,
.messagebox.disambig a:visited,
.messagebox.disambig a:active {
color: #6c6c6c;
}
.messagebox.safe {
background-color: #d8f0d3;
border-color: #1b8408;
}
.messagebox.safe a,
.messagebox.safe a:visited,
.messagebox.safe a:active {
color: #1b8408;
}
.messagebox.unsafe {
background-color: #ffee88;
border-color: #997700;
}
.messagebox.unsafe a,
.messagebox.unsafe a:visited,
.messagebox.unsafe a:active {
color: #997700;
}
.messagebox.easter {
background-color: #e5f9c2;
border-color: #598014;
}
.messagebox.easter a,
.messagebox.easter a:visited,
.messagebox.easter a:active {
color: #598014;
}
.messagebox.halloween {
background-color: #e8d8ea;
border-color: #794080;
}
.messagebox.halloween a,
.messagebox.halloween a:visited,
.messagebox.halloween a:active {
color: #794080;
}
.messagebox.thanksgiving {
background-color: #f0cba8;
border-color: #a65800;
}
.messagebox.thanksgiving a,
.messagebox.thanksgiving a:visited,
.messagebox.thanksgiving a:active {
color: #a65800;
}
.messagebox.christmas {
background-color: #d4eaf6;
border-color: #428bb5;
}
.messagebox.christmas a,
.messagebox.christmas a:visited,
.messagebox.christmas a:active {
color: #3a799d;
}
.messagebox.stub {
width: 40%;
}
.messagebox.welcomenotice {
padding: 1em;
width: 90%;
}
.messagebox.hasdialogue {
width: auto;
}
.messagebox.alphabetical {
width: auto;
font-size: 95%;
padding: 5px 10px;
text-align: center;
border-radius: 5px;
background-color: #f9f9f9;
border: 1px solid #eee;
}
.wikipedia {
border: solid #aaa 1px;
font-size: 90%;
background: #f9f9f9;
padding: 4px;
spacing: 0px;
margin-top: 10px;
}
.navbox {
font-size: .85em;
background: #ffffff;
border-collapse: collapse;
margin: 15px auto;
width: 100%;
clear: both;
}
.navbox:not(.navbox-collapsible) {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);
}
.navbox .navbox-title {
font-size: 110%;
background: #438ab5;
color: #ffffff;
text-align: center;
padding: 3px 8px;
}
.navbox .navbox-title .mw-collapsible-toggle {
font-size: .9em;
margin-left: 6em;
float: right;
}
.navbox .navbox-title a {
color: #ffffff;
}
.navbox .navbox-title a:visited {
color: #ffffff;
}
.navbox .navbox-footer {
background: #438ab5;
border-top: 1px;
text-align: center;
font-size: smaller;
}
.navbox .navbox-footer a {
color: #ffffff;
}
.navbox .navbox-footer a:visited {
color: #ffffff;
}
.navbox .navbox-group {
background: #e4eaee;
border: 1px solid #d8e5ff;
border-width: 0 1px 1px 0;
font-weight: bold;
padding: 0 10px 5px 10px;
width: 100px;
}
.navbox .navbox-group a:visited {
color: #438ab5;
}
.navbox .navbox-list {
border-bottom: 1px solid #d8e5ff;
padding: 0 7px 5px 7px;
}
.navbox .navbox-list ul {
margin: 0;
}
.navbox .navbox-list li {
display: inline-block;
}
.navbox .navbox-list li + li::before {
content: ' • ';
}
.navbox .navbox-subgroup {
border-spacing: 0;
width: 100%;
}
.navbox .navbox-subgroup .navbox-group {
padding-bottom: 5px;
}
.navbox .navbox.navbox-collapsible {
font-size: 100%;
margin: 5px 0 0;
}
.navbox .navbox.navbox-collapsible .navbox-title {
background: #6ba5c8;
padding: 0 8px;
}
.navbox img {
height: auto;
width: auto;
max-height: 1.6em;
padding: 0 1px;
}
.navbox + .navbox {
margin-top: -8px;
}
.mw-collapsible.mw-collapsed {
min-width: 250px;
}
.mw-collapsible .mw-collapsible-toggle {
font-weight: normal;
}
.portable-infobox {
background: #ffffff;
border: 1px solid #e4eaee;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
font-size: 0.875em;
margin-bottom: 1em;
}
.portable-infobox .pi-data {
border-bottom-width: 0px;
}
.portable-infobox .pi-data-label {
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
.portable-infobox .pi-header,
.portable-infobox .pi-title {
background: #246c97;
color: #ffffff;
font-size: 1.15em;
text-align: center;
}
blockquote {
color: #929292;
font-family: 'Merriweather', serif !important;
font-size: 0.75rem;
font-style: italic;
margin: 2.5rem 0;
text-align: center;
}
blockquote::before {
color: #c9c9c9;
content: '“';
display: block;
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
font-size: 3.5rem;
font-style: normal;
font-weight: 800;
height: 2rem;
line-height: 4rem;
margin-bottom: 1.385rem;
margin-left: auto;
margin-right: auto;
overflow: hidden;
width: 70%;
}
.treeview ul {
padding: 0;
margin: 0;
}
.treeview li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
}
.treeview li li {
background: url("//kingkiller.wiki/w/images/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
padding-left: 20px;
text-indent: 0.3em;
}
.treeview li li.lastline {
background-position: 0 -5971px;
}
.treeview li.emptyline > ul {
margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
background-position: 0 9px;
}
table.wikitable {
background: #ffffff;
font-size: .9em;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
table.wikitable > * > tr > th {
color: #ffffff;
background: #438ab5;
border-color: #356e90;
}
table.wikitable > * > tr > th a,
table.wikitable > * > tr > th a:visited {
color: #ffffff;
}
table.wikitable > * > tr > td {
border-color: #e6e6e6;
padding: .25em .45em;
}
table.wikitable .header-top {
background: #448fba;
}
table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10) {
text-align: right;
}
table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10) {
text-align: center;
}
table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10) {
text-align: left;
}
table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
background: #f9f9f9;
}
.table-bg-red {
background: #fbc0ba;
color: #731911;
}
.table-bg-red a {
color: #8e221a;
text-decoration: underline;
}
.table-bg-orange {
background: #fbcfa6;
color: #80440e;
}
.table-bg-orange a {
color: #b55e0c;
text-decoration: underline;
}
.table-bg-yellow {
background: #fcea94;
color: #7f6900;
}
.table-bg-yellow a {
color: #b69800;
text-decoration: underline;
}
.table-bg-green {
background: #c3e8a3;
color: #2e5e05;
}
.table-bg-green a {
color: #3c780a;
text-decoration: underline;
}
.table-bg-blue {
background: #aad9f5;
color: #03436b;
}
.table-bg-blue a {
color: #0b5884;
text-decoration: underline;
}
.table-bg-purple {
background: #e4bbf7;
color: #641b87;
}
.table-bg-purple a {
color: #75269b;
text-decoration: underline;
}
.table-bg-pink {
background: #f5c8ec;
color: #6d3662;
}
.table-bg-pink a {
color: #984c89;
text-decoration: underline;
}
.table-bg-gray,
.table-bg-grey {
background: #e4eaee;
color: #444e5a;
}
.table-bg-gray a,
.table-bg-grey a {
color: #5d6773;
text-decoration: underline;
}
body.page-Kingkiller_Wiki .mw-parser-output {
max-width: 75em;
margin: 0 auto;
}
body.page-Kingkiller_Wiki.action-view .catlinks,
body.page-Kingkiller_Wiki.action-view #contentSub,
body.page-Kingkiller_Wiki.action-view #firstHeading,
body.page-Kingkiller_Wiki.action-view #siteNotice {
display: none;
}
.mainpage-header {
display: flex;
margin: 2.6em 1.75em 1.5em;
}
.mainpage-header .header-intro {
flex: 2;
}
.mainpage-header .header-intro h1 {
font-size: 2.5em;
border: none;
margin: 0 0 .15em;
}
body.wgl-readermode .mainpage-header .header-intro h1 {
font-size: 2.25em;
}
.mainpage-header .header-intro p {
font-size: 1.1em;
line-height: 1.7em;
}
.mainpage-header .header-stats {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
margin-top: -1em;
}
.mainpage-header .header-stats ul {
list-style: none;
}
.mainpage-header .announcement {
margin: .5em 0 1.5em;
}
.mainpage-header .announcement a {
background: #f9fafa;
border: 1px solid #e4eaee;
color: #5d6773;
font-size: .9em;
line-height: 1.25em;
padding: .25em .75em;
border-radius: 10em;
transition: .25s ease;
display: inline-flex;
align-items: center;
}
.mainpage-header .announcement a:hover {
text-decoration: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.mainpage-header .announcement .announcement-pill {
background: #6bc71f;
color: #ffffff;
font-size: .85em;
font-weight: bold;
text-transform: uppercase;
border-radius: 10em;
padding: .1em .6em;
margin: 0 0.5em 0 -0.5em;
}
.mainpage-header .announcement .arrow.dark {
margin-left: .5em;
filter: invert(50%);
}
.mainpage-body {
display: flex;
flex-flow: row wrap;
}
.mainpage-body h2 a {
color: #444e5a;
}
.mainpage-body .tile {
padding-left: 1.75em;
padding-right: 1.75em;
max-width: 100%;
}
.mainpage-body .tile-row {
width: 100%;
margin-bottom: 0.9rem;
}
.mainpage-left {
flex: 2;
display: flex;
flex-flow: column wrap;
margin-right: 0.9rem;
}
.mainpage-left > * {
margin: 0 0 0.9rem;
}
.mainpage-right {
flex: 1;
display: flex;
flex-flow: column wrap;
}
.mainpage-right > * {
margin: 0 0 0.9rem;
}
.arrow {
background: url(/w/images/kingkillerwiki/2/2c/White-chevron.svg) no-repeat;
display: inline-block;
height: .7rem;
width: .45rem;
vertical-align: middle;
}
.arrow.dark {
filter: invert(80%);
}
.ribbon {
position: absolute;
right: -0.5em;
top: -0.5em;
color: #ffffff;
background: #6bc71f;
font-size: .7em;
font-weight: bold;
letter-spacing: .045em;
line-height: 2.25em;
padding: 0 .55em;
border-radius: .35em;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
pointer-events: none;
}
.mainpage-recent-updates .tile-halves {
flex: 1;
align-content: flex-start;
margin-right: 0.9rem;
}
.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}
.mainpage-recent-updates .tile-halves:last-child {
margin-right: 0;
}
body.wgl-readermode .mainpage-recent-updates .tile-image {
max-height: 10.5em;
}
.mainpage-recent-updates .tile-bottom.link-button a {
text-align: left;
padding: 1rem 1.5rem .75rem;
}
.mainpage-recent-updates h2 {
margin: -0.5em 0 0.3em;
}
.mainpage-recent-updates p:not(.byline) {
font-size: .9em;
line-height: 1.75em;
color: #444e5a;
}
.mainpage-contents .tile-halves {
flex: 1;
margin-right: 0.9rem;
}
.mainpage-contents .tile-halves:hover .tile-top img {
transform: scale(1.04);
}
.mainpage-contents .tile-halves:last-child {
margin-right: 0;
}
.mainpage-contents .tile-top {
height: 4.5rem;
position: relative;
}
.mainpage-contents .tile-top h2 a {
display: block;
text-align: center;
text-decoration: none;
line-height: 4.5rem;
padding-left: .45rem;
}
.mainpage-contents h2 {
margin: 0;
padding: 0;
}
.mainpage-wikinews .news-date {
font-weight: bold;
margin-bottom: .3em;
}
.mainpage-wikinews p:not(.news-date) {
margin-left: 1em;
}
.mainpage-social {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-social .tile-top {
display: flex;
align-items: center;
padding: 1em 1.75em;
}
.mainpage-social .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}
.mainpage-social .tile-top a:hover .arrow {
transform: translateX(50%);
}
.mainpage-social .tile-bottom {
border: none;
padding: 1em 1.75em;
}
.mainpage-social .tile-bottom p {
color: #ffffff;
font-weight: bold;
font-size: .9em;
text-align: center;
text-transform: uppercase;
letter-spacing: .03em;
margin: 0;
}
.mainpage-social .social-icon {
margin-right: .75em;
width: 60px;
text-align: center;
}
.mainpage-social .social-header {
color: #ffffff;
font-weight: bold;
font-size: 1.15em;
margin: 0.5em 0 -0.15em;
}
body.wgl-readermode .mainpage-social .social-header {
font-size: 1.05em;
}
.mainpage-social .social-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: .5em;
}
.mainpage-social .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: .7em;
background-size: .7em 1em;
transition: 0.3s ease-out;
}
.mainpage-social.mainpage-discord .tile-top {
background: #7289da;
}
.mainpage-social.mainpage-discord .tile-bottom {
background: #697ec4;
}
.mainpage-social.mainpage-twitter .tile-top {
background: #1da1f2;
}
.mainpage-social.mainpage-twitter .tile-bottom {
background: #1e96e0;
}
.mainpage-events .tile-top {
background-color: #4f348b;
color: #fff;
padding-bottom: 0;
}
.mainpage-events .tile-top h2 {
margin-bottom: 0;
padding-bottom: 0;
}
.mainpage-events .tile-top a,
.mainpage-events .tile-top a:visited,
.mainpage-events .tile-top h2 a {
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
}
.mainpage-events .tile-top .note {
color: rgba(255, 255, 255, 0.5);
font-style: italic;
}
.mainpage-events .tile-top .note a,
.mainpage-events .tile-top .note a:visited {
color: rgba(255, 255, 255, 0.5);
}
.mainpage-events .tile-top ul {
list-style: none;
margin-top: 1em;
margin-left: 0;
}
.mainpage-events .tile-top li {
padding-bottom: 0.6em;
overflow: auto;
}
.mainpage-events .tile-top li img {
max-width: 32px;
width: auto;
height: auto;
}
.mainpage-events .tile-top li a:hover,
.mainpage-events .tile-top li a:focus {
text-decoration: underline;
}
.mainpage-events .tile-top li a {
float: left;
}
.mainpage-events .tile-top li a:first-child {
width: 30px;
}
.mainpage-events .tile-top li a:last-child {
padding-left: 1.5em;
line-height: 1.5;
}
.mainpage-events .tile-bottom {
border: none;
padding: 1em 1.75em;
background-color: #3d276b;
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}
body.wgl-darkmode .mainpage-events .tile-bottom {
background-color: #3d276b;
color: #fff;
}
.mainpage-events .tile-bottom a,
.mainpage-events .tile-bottom a:visited {
color: #fff;
text-decoration: none;
}
.mainpage-events .tile-bottom .arrow {
margin-left: 0.2em;
}
.mainpage-editing {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-editing .tile-top {
background: #438ab5;
}
.mainpage-editing .tile-bottom {
background: #3980ab;
border: none;
padding: .8rem 1.5rem .4rem;
}
.mainpage-editing h2,
.mainpage-editing a,
.mainpage-editing a:visited,
.mainpage-editing a:active {
color: #ffffff;
}
.mainpage-editing p {
color: rgba(255, 255, 255, 0.9);
}
.mainpage-editing ul {
list-style-image: url(/w/images/d/d1/Transparent-chevron.svg);
}
.mainpage-poll .ajaxpoll {
padding: 0;
width: 100%;
border: none;
box-shadow: none;
}
.mainpage-fimg img {
margin: .7em 0 1.15em;
-webkit-filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
}
.mainpage-fimg .tile-top p:not(.byline) {
font-size: .9em;
line-height: 1.8em;
}
@media only screen and (max-width: 65.999rem) {
.mainpage-recent-updates .tile-halves:last-child {
display: none;
}
.mainpage-recent-updates .tile-halves:nth-last-child(2) {
margin-right: 0;
}
.mainpage-recent-updates .tile-top {
height: 18vw;
}
.mainpage-contents .tile-halves:nth-child(1),
.mainpage-contents .tile-halves:nth-child(2),
.mainpage-contents .tile-halves:nth-child(3) {
margin-bottom: 0.9rem;
}
.mainpage-contents .tile-halves:nth-child(3) {
margin-right: 0;
}
.mainpage-contents .line-break {
width: 100%;
}
.mainpage-skills ul {
columns: 2 9em;
}
.mainpage-skills .skill-thieving {
display: none;
}
.mainpage-header .header-stats,
.mainpage-onthisday {
display: none;
}
}
@media only screen and (min-width: 66rem) and (max-width: 81.999rem) {
.mainpage-contents .tile-halves:last-child {
display: none;
}
.mainpage-contents .tile-halves:nth-last-child(2) {
margin-right: 0;
}
.mainpage-header .header-stats,
.mainpage-contents .line-break {
display: none;
}
}
@media only screen and (min-width: 82rem) {
.mainpage-header .header-intro {
margin-right: 2em;
}
.mainpage-contents .line-break {
display: none;
}
body.wgl-readermode .mainpage-contents .tile-halves:last-child {
display: none;
}
body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) {
margin-right: 0;
}
}
.page-Special_CreateAccount .firstHeading,
.page-Special_UserLogin .firstHeading {
width: 32rem;
margin: 1.5em auto .4em;
}
.page-Special_CreateAccount #contentSub,
.page-Special_UserLogin #contentSub {
display: none;
}
.page-Special_CreateAccount .mw-ui-container,
.page-Special_UserLogin .mw-ui-container {
width: 32rem;
margin: 3em auto;
}
.page-Special_CreateAccount .mw-ui-container #userloginForm,
.page-Special_UserLogin .mw-ui-container #userloginForm {
float: unset;
margin: 0;
}
.page-Special_CreateAccount .mw-ui-container .mw-ui-vform,
.page-Special_UserLogin .mw-ui-container .mw-ui-vform {
margin: 2.5em auto 0;
width: 22rem;
}
#signupstart,
#userloginprompt {
border: 1px solid #e4eaee;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
padding: 1.5em 2em 1em;
}
.signup-realname-tip {
color: #656565;
font-size: .9em;
line-height: 1.8em;
margin: -0.75em 0 0.75em;
}
.mw-createacct-benefits-container {
display: none;
}
.mw-plusminus-pos {
color: #006500;
}
.mw-plusminus-neg {
color: #8b0000;
}
.mw-tag-markers,
.mw-tag-markers a {
color: red;
font-weight: bold;
}
.mw-tag-marker-visualeditor a,
.mw-tag-marker-visualeditor-needcheck a {
color: #e49f10;
font-weight: normal;
}
.mw-recentchanges-toplinks {
font-size: .85em;
}
.mw-recentchanges-toplinks table {
margin: 3.5em auto 2em;
}
.mw-recentchanges-toplinks th {
text-align: right;
padding-right: 5px;
}
.mw-recentchanges-toplinks .speedy-delete a,
.mw-recentchanges-toplinks .speedy-move a {
color: #f54636;
}
#mw-searchoptions table {
margin-right: 0;
}
#mw-searchoptions table tr td:first-of-type {
font-weight: bold;
}
#mw-searchoptions table td {
width: 18vw;
padding: 0;
}
#mw-searchoptions h4 {
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
.mw-search-results li {
padding-bottom: 1.75em;
}
.mw-search-results li a {
font-size: 125%;
}
.page-Special_ListFiles a.image img {
width: inherit;
height: inherit;
}
.page-Special_ListFiles .TablePager_col_thumb {
text-align: center;
}
.page-Special_NewFiles .thumbimage {
max-height: 212px !important;
max-width: 212px !important;
margin: 0 !important;
}
.watchlistredir a,
.allpagesredirect a {
color: #888;
font-style: italic;
}
.not-patrolled {
background-color: #f9f9f9;
border-right: 10px solid #eee;
padding-right: 15px;
}
.mw-special-AbuseLog .mw-abuselog-details {
table-layout: fixed;
width: 100%;
}
.catlinks {
background: #ffffff;
border: 1px solid #e4eaee;
padding: 8px 15px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
#toc,
.toc {
font-size: 0.9em;
background: #ffffff;
margin-top: 0.75em;
padding: 0;
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
#toc .toctitle,
.toc .toctitle {
background: #eeeeee;
border: 1px solid #dcdcdc;
padding: 0.25em 1em;
}
#toc .toctitle h2,
.toc .toctitle h2,
#toc .toctitle a,
.toc .toctitle a {
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
color: #333333;
}
#toc .toclevel-1 a,
.toc .toclevel-1 a {
color: #515151;
}
#toc .toclevel-2 a,
.toc .toclevel-2 a {
color: #777777;
}
#toc > ul,
.toc > ul {
border: 1px solid #e6e6e6;
border-top: none;
line-height: 1.8em;
padding: 0.75em 1.75em;
margin: 0;
}
#toc ul ul,
.toc ul ul {
border-left: 1px dotted #cccccc;
padding-left: 0.5em;
}
.toctoggle {
padding-left: 0.2em;
}
.tocnumber {
display: none;
}
.toclimit-2 #toc .toclevel-2,
.toclimit-3 #toc .toclevel-3,
.toclimit-4 #toc .toclevel-4,
.toclimit-5 #toc .toclevel-5,
.toclimit-6 #toc .toclevel-6,
.toclimit-7 #toc .toclevel-7 {
display: none;
}
/* Italicize book names */
a[href$="A_Quainte_Compendium_of_Folke_Belief"],
a[href$="Celum_Tinture"],
a[href$="The_Doors_of_Stone"],
a[href$="The_Lightning_Tree"],
a[href$="The_Mating_Habits_of_the_Common_Draccus"],
a[href$="The_Name_of_the_Wind"],
a[href$="The_Slow_Regard_of_Silent_Things"],
a[href$="The_Wise_Man%27s_Fear"] {
font-style: italic;
}
/* Stylize Chancellor's username */
a[href$="User:Corey"] {
color: #1abc9c;
}
/* Stylize Master's username */
a[href$="User:Iasov"],
a[href$="User:Kintay"],
a[href$="User:Luke"],
a[href$="User:Math"],
a[href$="User:PetitePirouette"],
a[href$="User:Tohawk"] {
color: #9b59b6;
}