Template:LokiPage/base.css: Difference between revisions
No edit summary |
Stripping text-shadow, CSS finally renders |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 20: | Line 20: | ||
</tr><tr> | </tr><tr> | ||
<td>header text</td><td>{{{header text|undefined}}}</td> | <td>header text</td><td>{{{header text|undefined}}}</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
| Line 188: | Line 186: | ||
border-right: none; | border-right: none; | ||
border-bottom: 1px dashed #87CEFA; | border-bottom: 1px dashed #87CEFA; | ||
} | |||
#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; | |||
} | } | ||
<noinclude> | <noinclude> | ||
[[Category:Character Template]] | [[Category:Character Template]] | ||
</noinclude> | </noinclude> | ||
Latest revision as of 18:35, 21 April 2025
- 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 {
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 {
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}}};
text-decoration: none;
} .loki-cell a:hover, #content .loki-cell a.external:hover {
color: {{{link hover}}};
text-decoration: none;
} .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-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;
}