Template:LokiCharPage/base.scss: Difference between revisions
From TowersWiki
(Adding additional Queen classes (Links, overrides for loki-classes)) |
No edit summary |
||
| Line 26: | Line 26: | ||
.loki-cell.queen { | .loki-cell.queen { | ||
text-align: left; | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
padding: 10px; | padding: 10px; | ||
width: auto; | width: auto; | ||
border-radius: revert | border-radius: revert; | ||
border: none; | |||
} | } | ||
| Line 72: | Line 72: | ||
width: 100%; | width: 100%; | ||
} | } | ||
.loki-cell- | |||
.loki-cell-content { | |||
color: {{{cell text}}}; | 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, .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:hover, #content .loki-cell a.external:hover { color: {{{link hover}}}; } | ||
.loki-cell | .loki-cell a.new { color: #dd3333 } | ||
.loki-header { | .loki-header { | ||
| Line 93: | Line 93: | ||
.loki-header.queen { | .loki-header.queen { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
border-radius: revert; | border-radius: revert; | ||
| Line 107: | Line 105: | ||
text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | ||
width: 100%; | width: 100%; | ||
} | } | ||
| Line 120: | Line 110: | ||
#loki-table table.gallery, #loki-table table.gallery td { background-color: transparent; border: 0px; } | #loki-table table.gallery, #loki-table table.gallery td { background-color: transparent; border: 0px; } | ||
#loki-table h2 { | #loki-table h2 { | ||
color: {{{ | color: {{{header color}}}; | ||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | ||
font-size: 125%; | font-size: 125%; | ||
Revision as of 10:05, 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 {
text-align: left; vertical-align: top; padding: 10px; width: auto; border-radius: revert; border: none;
}
.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-content {
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}}}; }
.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.queen {
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-italic { font-style: italic; }
- loki-table table.gallery, #loki-table table.gallery td { background-color: transparent; border: 0px; }
- 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;
}
td {
vertical-align: top;
}
- loki-table + p {
margin-top: .125em; margin-right: .25em; margin-bottom: 2em;
} </noinclue>
