Template:LokiCharPage/base.scss
- loki-table {
background-color: {{{page color}}};
border: 1px solid {{{page border}}};
border-radius: 7px;
width: 100%;
}
- loki-table.skyline {
padding: 5px; border-radius: revert; border: none;
}
- loki-table.headline {
padding: 0; border-radius: revert;
}
.loki-table { background: linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
padding: 5px 5px 0; margin: 0px;
}
.loki-table.headline {
padding: 0; background: none;
}
.loki-middle {
gap: 10px;
}
.loki-middle.headline {
gap: 0;
}
.loki-cell {
border: 1px solid {{{cell border}}};
border-radius: 5px;
background-color: {{{cell color}}};
margin-bottom: 0.5em;
width: 100%;
position: relative;
}
.loki-cell.queen {
text-align: left; vertical-align: top; padding: 10px; width: auto; border-radius: revert; border: none;
}
.loki-cell.skyline {
border: none; border-radius: revert; font-size:12pt;
}
.loki-cell.headline {
border: none; border-radius: revert; margin-bottom: 0;
}
.loki-cell.headline a {
color: #794D33;
}
.loki-cell-left {
vertical-align: top; width: 70%; padding-right: 5px;
}
.loki-cell-left.headline {
border-right: 1px dotted #102f45; padding: 0;
}
.loki-cell-top.skyline, .loki-cell-left.skyline, .loki-cell-right.skyline, .loki-cell-bottom.skyline {
border: 1px dashed #87CEFA; padding: 10px; margin-bottom: 0.5em; background-color: #000
}
.loki-cell-right.skyline {
border-radius: 20px;
}
.loki-cell-right {
vertical-align: top; width: 30%;
}
.loki-cell-table { background: linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3));
border-radius: 4px;
color: {{{cell text}}};
width: 100%;
}
.loki-cell-content {
color: {{{cell text}}};
}
.loki-cell-content.vintage {
padding: 0 10px;
}
.loki-cell-content.skyline {
padding: 1em 5px;
}
.loki-cell-content.headline {
font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; padding: 5px 10px;
}
.loki-cell a, .loki-cell a:visited, #content .loki-cell a.external, #content .loki-cell a.external:visited { color: {{{link color}}}; } .loki-cell a:hover, #content .loki-cell a.external:hover { color: {{{link hover}}}; }
.loki-cell a.new { color: #dd3333 }
.loki-header {
background-color: {{{header color}}};
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid {{{header border}}};
color: {{{header text}}};
font-weight: bold;
text-align: center;
}
.loki-header.headline {
border-top: 1px solid #102f45; border-bottom: 1px dotted #102f45; border-left: none; border-right: none; border-radius: revert; background: linear-gradient(to bottom, rgba(195, 210, 231, 1) 0%, rgba(195, 210, 231, 0.8) 33%, rgba(195, 210, 231, 0.65) 50%, rgba(195, 210, 231, 0.8) 67%, rgba(195, 210, 231, 1) 100%); font-size: 1.25em; font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif; padding: 5px 0;
}
.loki-header.queen {
font-variant: small-caps; border-radius: revert; border: none;
}
.loki-header.skyline {
font-family:Rock Salt; font-variant:small-caps; font-size:12pt; border-radius: revert; border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #87CEFA;
}
.loki-glass {
background: linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1)); display: block; padding-bottom: .125em; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); width: 100%;
}
.loki-italic { font-style: italic; }
- loki-table h2 {
color: {{{header color}}};
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 125%;
font-style: italic;
font-weight: bold;
padding-right: 2em;
text-align: right;
}
.loki-quote {
color: {{{header color}}};
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
margin-left: auto;
margin-right: auto;
text-align: center;
text-outline: 1px 1px #000;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
width: 50%;
}
.loki-shadowtext {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
}
.loki-rounded img {
border-radius: 15px;
}
- loki-table + p {
margin-top: .125em; margin-right: .25em; margin-bottom: 2em;
} </noinclue>
