Template:LokiCharPage/base.scss: Difference between revisions
(Adding Queen themes classes) |
(Adding additional Queen classes (Links, overrides for loki-classes)) |
||
| Line 30: | Line 30: | ||
vertical-align: top; | vertical-align: top; | ||
padding: 10px; | padding: 10px; | ||
width: auto; | |||
border-radius: revert | |||
} | } | ||
| Line 74: | Line 76: | ||
} | } | ||
.loki-cell a, .loki-cell a:visited, #content .loki-cell a.external, #content .loki-cell a.external:visited { | .loki-cell a, .loki-cell a:visited, #content .loki-cell a.external, #content .loki-cell a.external:visited { color: {{{link color}}}; } | ||
color: {{{link color}}}; | |||
} | |||
.loki-cell a:hover, #content .loki-cell a.external:hover { color: {{{link hover color}}}; } | .loki-cell a:hover, #content .loki-cell a.external:hover { color: {{{link hover color}}}; } | ||
.loki-cell a. | |||
.loki-cell.queen a, .loki-cell.queen a:visited, #content .loki-cell.queen a.external, #content .loki-cell.queen a.external:visited { color: #3366bb; } | |||
.loki-cell.queen a:hover, #content .loki-cell.queen a.external:hover { color: #3366bb; } | |||
.loki-header { | .loki-header { | ||
background: {{{header color}}}; | background-color: {{{header color}}}; | ||
border-top-left-radius: 4px; | border-top-left-radius: 4px; | ||
border-top-right-radius: 4px; | border-top-right-radius: 4px; | ||
| Line 94: | Line 95: | ||
background-color: #800020; | background-color: #800020; | ||
color: #C0C0C0; | color: #C0C0C0; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
border-radius: revert; | |||
border: none; | |||
} | } | ||
Revision as of 09:45, 14 May 2024
- loki-table {
background-color: {{{page color}}};
border: 1px solid {{{page border}}};
border-radius: 7px;
width: 100%;
}
- loki-table .loki-table {
background: linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
padding: 5px 5px 0; margin: 0px;
} .loki-cell {
border: 1px solid {{{cell border}}};
border-radius: 5px;
background-color: {{{cell color}}};
margin-bottom: 0.5em;
width: 100%;
position: relative;
} .loki-cell:last-of-type {
margin-bottom: 0;
}
.loki-cell.queen {
background-color: #FFFFF0; text-align: left; vertical-align: top; padding: 10px; width: auto; border-radius: revert
}
.loki-cell-left {
vertical-align: top; width: 70%; padding-right: 5px;
}
.loki-cell-left {
vertical-align: top; width: 70%; padding-right: 5px;
}
.loki-cell-right {
vertical-align: top; width: 30%;
} .loki-table > tbody > tr:nth-of-type(2) .loki-cell:last-of-type {
margin-bottom: 5px;
} .loki-table > tbody > tr:nth-of-type(2) .loki-cell:first-of-type {
margin-top: 3px;
} div > table > tbody > tr:last-child > td > p:last-child {
position: absolute; top: 0; right: .75em;
} div > table > tbody > tr:last-child > td > p:last-child a {
color: {{{header text}}} !important;
} .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-table table td, .loki-cell-table table th {
color: {{{cell text}}};
}
.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 color}}}; }
.loki-cell.queen a, .loki-cell.queen a:visited, #content .loki-cell.queen a.external, #content .loki-cell.queen a.external:visited { color: #3366bb; } .loki-cell.queen a:hover, #content .loki-cell.queen a.external:hover { color: #3366bb; }
.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.queen {
background-color: #800020; color: #C0C0C0; font-variant: small-caps; border-radius: revert; border: none;
}
.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-2columns {
column-count: 2;
}
.loki-3columns {
column-count: 3;
}
.loki-italic { font-style: italic; }
- loki-table table.gallery, #loki-table table.gallery td { background-color: transparent; border: 0px; }
- loki-table h2 {
color: {{{red}}};
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;
}
td {
vertical-align: top;
}
- loki-table + p {
margin-top: .125em; margin-right: .25em; margin-bottom: 2em;
} </noinclue>
