Difference between revisions of "User:Charpage.css"
From From The Ashes Wiki
m |
|||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | #loki-table | + | #loki-table { |
| − | { | ||
background-color: {{{page color}}}; | background-color: {{{page color}}}; | ||
border: 1px solid {{{page border}}}; | border: 1px solid {{{page border}}}; | ||
| Line 8: | Line 7: | ||
} | } | ||
| − | #loki-table .loki-table | + | #loki-table .loki-table { |
| − | { | ||
{{ #switch: {{{page gradient|}}}|no=| | {{ #switch: {{{page gradient|}}}|no=| | ||
background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3))); | background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3))); | ||
| Line 15: | Line 13: | ||
}} | }} | ||
width: 100%; | width: 100%; | ||
| − | padding: 5px; | + | padding: 5px 5px 0; |
margin: 0px; | margin: 0px; | ||
} | } | ||
| − | + | .loki-cell { | |
| − | .loki-cell | ||
| − | { | ||
border: 1px solid {{{cell border}}}; | border: 1px solid {{{cell border}}}; | ||
-border-radius: 5px; | -border-radius: 5px; | ||
| Line 28: | Line 24: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
width: 100%; | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .loki-cell:last-of-type { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .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 { | |
| − | |||
| − | .loki-cell-table | ||
| − | { | ||
{{ #switch: {{{cell gradient|}}}|no=| | {{ #switch: {{{cell gradient|}}}|no=| | ||
background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3))); | background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3))); | ||
| Line 43: | Line 54: | ||
width: 100%; | width: 100%; | ||
} | } | ||
| − | .loki-cell-table table td, .loki-cell-table table th | + | .loki-cell-table table td, .loki-cell-table table th { |
| − | { | ||
color: {{{cell text}}}; | color: {{{cell text}}}; | ||
} | } | ||
| Line 52: | Line 62: | ||
.loki-cell a.new, .loki-cell a.new:visited { color: red; } | .loki-cell a.new, .loki-cell a.new:visited { color: red; } | ||
| − | .loki-header | + | .loki-header { |
| − | { | ||
background: {{{header color}}}; | background: {{{header color}}}; | ||
border-top-left-radius: 4px; | border-top-left-radius: 4px; | ||
| Line 67: | Line 76: | ||
} | } | ||
| − | .loki-glass | + | .loki-glass { |
| − | { | ||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); | background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); | ||
background: -moz-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)); | background: -moz-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; | display: block; | ||
| + | padding-bottom: .125em; | ||
text-outline: 1px 1px #000; | text-outline: 1px 1px #000; | ||
text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | ||
| Line 77: | Line 86: | ||
} | } | ||
| − | .loki-2columns | + | .loki-2columns { |
| − | { | ||
-moz-column-count: 2; | -moz-column-count: 2; | ||
-webkit-column-count: 2; | -webkit-column-count: 2; | ||
| Line 84: | Line 92: | ||
} | } | ||
| − | .loki-3columns | + | .loki-3columns { |
| − | { | ||
-moz-column-count: 3; | -moz-column-count: 3; | ||
-webkit-column-count: 3; | -webkit-column-count: 3; | ||
| Line 93: | Line 100: | ||
.loki-italic { font-style: italic; } | .loki-italic { font-style: italic; } | ||
#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: {{{red}}}; | color: {{{red}}}; | ||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | ||
| Line 104: | Line 110: | ||
} | } | ||
| − | .loki-quote | + | .loki-quote { |
| − | { | ||
color: {{{header color}}}; | color: {{{header color}}}; | ||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | ||
| Line 115: | Line 120: | ||
width: 50%; | width: 50%; | ||
} | } | ||
| − | + | .loki-shadowtext { | |
| − | .loki-shadowtext | ||
| − | { | ||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | font-family: Palatino Linotype, Book Antiqua, Palatino, serif; | ||
text-outline: 1px 1px #000; | text-outline: 1px 1px #000; | ||
text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | text-shadow: {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7)}}}; | ||
} | } | ||
| − | + | .loki-rounded img { | |
| − | .loki-rounded img | ||
| − | { | ||
border-radius: 15px; | border-radius: 15px; | ||
-moz-border-radius: 15px; | -moz-border-radius: 15px; | ||
-webkit-border-radius: 15px; | -webkit-border-radius: 15px; | ||
} | } | ||
| − | + | td { | |
| − | |||
| − | { | ||
vertical-align: top; | vertical-align: top; | ||
| + | } | ||
| + | #loki-table + p { | ||
| + | margin-top: .125em; | ||
| + | margin-right: .25em; | ||
| + | margin-bottom: 2em; | ||
} | } | ||
Latest revision as of 02:50, 24 January 2018
- loki-table {
background-color: {{{page color}}};
border: 1px solid {{{page border}}};
-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
- loki-table .loki-table {
background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3)));
background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3)); width: 100%; padding: 5px 5px 0; margin: 0px;
} .loki-cell {
border: 1px solid {{{cell border}}};
-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: {{{cell color}}};
margin-bottom: 0.5em;
width: 100%;
position: relative;
} .loki-cell:last-of-type {
margin-bottom: 0;
} .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: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3)));
background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3));
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-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 a.new, .loki-cell a.new:visited { color: red; }
.loki-header {
background: {{{header color}}};
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border: 1px solid {{{header border}}};
color: {{{header text}}};
font-weight: bold;
text-align: center;
}
.loki-glass {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); background: -moz-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 {
-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
}
.loki-3columns {
-moz-column-count: 3; -webkit-column-count: 3; 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; -moz-border-radius: 15px; -webkit-border-radius: 15px;
} td {
vertical-align: top;
}
- loki-table + p {
margin-top: .125em; margin-right: .25em; margin-bottom: 2em;
}
