|
|
Line 15: |
Line 15: |
|
| |
|
| #outro {padding: 2em; color: white; background-color: #9F9894; border-radius:0 0 2em 2em;} | | #outro {padding: 2em; color: white; background-color: #9F9894; border-radius:0 0 2em 2em;} |
|
| |
| #character-table
| |
| {
| |
| background-color: {{{page color}}};
| |
| border: 0px solid {{{page border}}};
| |
| -border-radius: 7px;
| |
| -moz-border-radius: 7px;
| |
| -webkit-border-radius: 7px;
| |
| }
| |
|
| |
| #character-table .character-table
| |
| {
| |
| {{ #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: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
| |
| }}
| |
| width: 100%;
| |
| padding: 5px;
| |
| margin: 0px;
| |
| }
| |
|
| |
| .character-cell
| |
| {
| |
| border: 0px solid {{{cell border}}};
| |
| -border-radius: 5px;
| |
| -moz-border-radius: 5px;
| |
| -webkit-border-radius: 5px;
| |
| background: {{{cell color}}};
| |
| margin-bottom: 0.5em;
| |
| width: 100%;
| |
| }
| |
|
| |
| img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
| |
|
| |
| .character-cell-table
| |
| {
| |
| {{ #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: -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%;
| |
| }
| |
| .character-cell-table table td, .character-cell-table table th
| |
| {
| |
| color: {{{cell text}}};
| |
| }
| |
|
| |
| .character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; }
| |
| .character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; }
| |
| .character-cell a.new, .character-cell a.new:visited { color: red; }
| |
|
| |
| .character-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;
| |
| }
| |
|
| |
| .character-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;
| |
| text-outline: 1px 1px #000;
| |
| text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
| |
| width: 100%;
| |
| }
| |
|
| |
| .character-2columns
| |
| {
| |
| -moz-column-count: 2;
| |
| -webkit-column-count: 2;
| |
| column-count: 2;
| |
| }
| |
|
| |
| .character-3columns
| |
| {
| |
| -moz-column-count: 3;
| |
| -webkit-column-count: 3;
| |
| column-count: 3;
| |
| }
| |
|
| |
| .character-italic { font-style: italic; }
| |
| #character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; }
| |
| #character-table h2
| |
| {
| |
| color: {{{page color}}};
| |
| font-family: Josefin Sans, sans;
| |
| font-size: 125%;
| |
| font-style: italic;
| |
| font-weight: bold;
| |
| padding-right: 2em;
| |
| text-align: right;
| |
| }
| |
|
| |
| .character-quote
| |
| {
| |
| color: {{{header color}}};
| |
| font-family: Josefin Sans, sans;
| |
| 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%;
| |
| }
| |
|
| |
| .character-shadowtext
| |
| {
| |
| font-family: Josefin Sans, sans;
| |
| text-outline: 1px 1px #000;
| |
| text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 );
| |
| }
| |
|
| |
| .character-rounded img
| |
| {
| |
| border-radius: 15px;
| |
| -moz-border-radius: 15px;
| |
| -webkit-border-radius: 15px;
| |
| }
| |
|
| |
| .infobox td
| |
| {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .hiddenStructure { display: none; }
| |