|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| /* Get nice font! */
| |
| @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&display=swap');
| |
| :root {
| |
| --font-family__header--campaign: 'Chakra Petch', sans-serif;
| |
| }
| |
|
| |
| /* Wood background */
| |
| body, .mw-page-container {
| |
| background: url("https://rpg.sandcat.nl/.sws/themes/wood-responsive//img/wood.jpg") repeat scroll 0 0 #ab8b4e;
| |
| }
| |
|
| |
| /* Paper background for relevant modules */
| |
| .vector-main-menu, .vector-toc, mw-body, .mw-content-container, .vector-user-links, .vector-sticky-header {
| |
| background: url("https://rpg.sandcat.nl/.sws/themes/wood-responsive//img/paper.jpg") repeat scroll 0 0 #ab8b4e;
| |
| }
| |
|
| |
|
| |
| /* Improve some paddings */
| |
| .vector-user-links {
| |
| padding: 5px 10px 5px 10px;
| |
| }
| |
| .mw-content-container {
| |
| padding-left:10px;
| |
| padding-right:10px;
| |
| }
| |
|
| |
| /* Logo */
| |
| .mw-logo-icon {
| |
| width:100px;
| |
| height:100px;
| |
| }
| |
| .mw-logo-container {
| |
| color: #9a2e00;
| |
| font-size: 50px;
| |
| font-family: var(--font-family__header--campaign, var(--font-family__header));
| |
| background-image: url(https://rpg.sandcat.nl/myz2024/images/MYZ_logo.png);
| |
| background-size: contain;
| |
| background-repeat: no-repeat;
| |
| width:300px;
| |
| height:100px;
| |
| max-width:300px;
| |
| }
| |
| .mw-logo-container .mw-logo-wordmark {
| |
| display:none;
| |
| }
| |
| /* Else the MYZ logo becomes small*/
| |
| @media screen and (min-width: 1200px) {
| |
| .vector-feature-page-tools-enabled .mw-header {
| |
| display: grid;
| |
| column-gap: 36px;
| |
| grid-template: auto / 30em minmax(0,1fr);
| |
| grid-template-areas: 'headerStart headerEnd'
| |
| }
| |
| }
| |
|
| |
| .vector-sticky-header {
| |
| border-bottom: 1px solid black;
| |
| }
| |
|
| |
| /* Footer */
| |
| .mw-footer-container li {
| |
| color:#ccc;
| |
| }
| |
|
| |
| /* Page title + h1 color/font*/
| |
| .mw-page-title-main, h1 {
| |
| color: #9a2e00;
| |
| font-family: var(--font-family__header--campaign, var(--font-family__header));
| |
| }
| |
|
| |
| /* Links color*/
| |
| a, .vector-pinnable-header-toggle-button {
| |
| color: #9a2e00 !important;
| |
| text-decoration: none;
| |
| }
| |
| a:visited {
| |
| color: #742d0f !important;
| |
| }
| |
|
| |
| html, body, button, input, select, textarea {
| |
| font-family: Verdana, Geneva, sans-serif;
| |
| }
| |
|
| |
| /* Character Sheet */
| |
| .charactersheet {
| |
| color:red;
| |
| }
| |
|
| |
|
| |
| .rpgtable {
| |
| background-color: #fff;
| |
| color: #202122;
| |
| margin: 1em 0;
| |
| border: 1px solid #999;
| |
| border-collapse: collapse;
| |
| width:100%;
| |
| }
| |
|
| |
| .rpgtable > tr > th,.rpgtable > tr > td,.rpgtable > * > tr > th,.rpgtable > * > tr > td {
| |
| border: 1px solid #999;
| |
| padding: 1px 4px;
| |
| }
| |
|
| |
| .rpgtable > tr > th,.rpgtable > * > tr > th {
| |
| background-color: #ccc;
| |
| text-align: left;
| |
| }
| |
|
| |
| .rpgtable > caption {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .rpgtable th, .rpgtable td {
| |
| text-align: left;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .rpgtable td {
| |
| height:24px;
| |
| }
| |
|
| |
| .attributes .rpgtable td:nth-child(2) {
| |
| font-weight: bold;
| |
| background-color: #ffffba;
| |
| width: 24px;
| |
| text-align: center;
| |
| font-size:120%;
| |
| }
| |
| .attributes .rpgtable td:nth-child(3) {
| |
| font-size: 90%;
| |
| border-right:none;
| |
| }
| |
| .attributes .rpgtable td:nth-child(4) {
| |
| border-left:none;
| |
| text-align: center;
| |
| }
| |
| .conditions .rpgtable td:nth-child(1), .conditions .rpgtable td:nth-child(3) {
| |
| border-right:none;
| |
| }
| |
| .conditions .rpgtable td:nth-child(2), .conditions .rpgtable td:nth-child(4) {
| |
| border-left:none;
| |
| }
| |
| .conditions .rpgtable tr:nth-child(4) {
| |
| font-size: 90%;
| |
| }
| |
| .rot .rpgtable td, .mutationpoints .rpgtable td {
| |
| text-align: center;
| |
| }
| |
|
| |
| .rot .rpgtable.dice td:nth-child(1) {
| |
| background-color: #ffffba;
| |
| width: 24px;
| |
| }
| |
| .rot .rpgtable.dice td:nth-child(3) {
| |
| background-color: #666;
| |
| color:#fff;
| |
| width: 24px;
| |
| }
| |
| .rot .rpgtable.dice td:nth-child(5) {
| |
| background-color: #ffffba;
| |
| width: 24px;
| |
| }
| |
| .rot .rpgtable.dice td:nth-child(6) {
| |
| background-color: #baffc9;
| |
| width: 24px;
| |
| }
| |
| .rot .rpgtable.dice td:nth-child(7) {
| |
| background-color: #666;
| |
| width: 24px;
| |
| color:#fff;
| |
| }
| |
| .rot .rpgtable.dice td:nth-child(2), .rot .rpgtable.dice td:nth-child(4), .rot .rpgtable.dice td:nth-child(8) {
| |
| font-size:80%;
| |
| }
| |
|
| |
| .skills .rpgtable td:nth-child(2) {
| |
| background-color: #ffffba;
| |
| width: 24px;
| |
| text-align: center;
| |
| font-size:90%;
| |
| }
| |
|
| |
| .skills .rpgtable td:nth-child(3) {
| |
| font-weight: bold;
| |
| background-color: #baffc9;
| |
| width: 24px;
| |
| text-align: center;
| |
| font-size:120%;
| |
| }
| |
| .skills .rpgtable td.empty {
| |
| background-color: transparent;
| |
| }
| |
| .personal .rpgtable td:nth-child(1) {
| |
| font-size: 90%;
| |
| }
| |
| .gear .rpgtable td:nth-child(1) {
| |
| font-size: 70%;
| |
| width:10px;
| |
| border-right:none;
| |
| }
| |
| .gear .rpgtable td:nth-child(2) {
| |
| border-left:none;
| |
| }
| |
| .gear .rpgtable tr:nth-child(12) {
| |
| font-size:120%;
| |
| }
| |
| .image .rpgtable td {
| |
| height:209px;
| |
| background-image: url("https://assetsio.reedpopcdn.com/MutantYearZero_Cover.png");
| |
| }
| |
| .weapons .rpgtable tr:nth-child(3), .weapons .rpgtable tr:nth-child(5), .weapons .rpgtable tr:nth-child(7) {
| |
| font-size: 80%;
| |
| }
| |
| .weapons .rpgtable th:nth-child(2), .weapons .rpgtable th:nth-child(3), .weapons .rpgtable th:nth-child(4) {
| |
| font-size: 80%;
| |
| text-align:center;
| |
| }
| |
| .weapons .rpgtable td:nth-child(2), .weapons .rpgtable td:nth-child(3), .weapons .rpgtable td:nth-child(4) {
| |
| text-align: center;
| |
| }
| |
| .weapons .rpgtable td:nth-child(2) {
| |
| font-weight:bold;
| |
| background-color: #666;
| |
| color:#fff;
| |
| width: 24px;
| |
| }
| |
| .weapons .rpgtable td:nth-child(3) {
| |
| width: 24px;
| |
| }
| |
| .weapons .rpgtable td:nth-child(2), .weapons .rpgtable td:nth-child(3) {
| |
| font-size: 120%;
| |
| }
| |
| .weapons .rpgtable td:nth-child(4) {
| |
| font-size: 80%;
| |
| }
| |
| .weapons .rpgtable td.empty {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .armor .rpgtable th:nth-child(2) {
| |
| font-size: 80%;
| |
| text-align:center;
| |
| }
| |
| .armor .rpgtable td:nth-child(2) {
| |
| width:40px;
| |
| }
| |
| .relations .rpgtable th:nth-child(2), .relations .rpgtable td:nth-child(3) {
| |
| font-size: 80%;
| |
| text-align:center;
| |
| }
| |
| .relations .rpgtable td:nth-child(1), .relations .rpgtable td:nth-child(2) {
| |
| font-size: 80%;
| |
| }
| |
| .relations .rpgtable td {
| |
| white-space: normal;
| |
| }
| |
| .den .rpgtable td {
| |
| font-size: 80%;
| |
| white-space: normal;
| |
| }
| |
|
| |
| .container li,
| |
| .wrapper-article li {
| |
| list-style: initial;
| |
| list-style-type: "â—† ";
| |
| }
| |
|
| |
| .wrapper-article {
| |
| font-family: 'Chakra Petch', sans-serif;
| |
| }
| |
|
| |
| .container {
| |
| display: grid;
| |
| grid-template-columns: 32.5% 32.5% 32.5%;
| |
| column-gap: 10px;
| |
| row-gap: 10px;
| |
| font-family: 'Chakra Petch', sans-serif;
| |
| }
| |
|
| |
| .container th {
| |
| font-size:16px;
| |
| vertical-align:middle;
| |
| }
| |
|
| |
| .container .column div {
| |
| margin-bottom:10px;
| |
| }
| |
|
| |
| .container .table {
| |
| width:100%;
| |
| border:1px solid black;
| |
| }
| |
|
| |
| .container td.portraittd {
| |
| padding: 0px;
| |
| }
| |
|
| |
| .container div.portrait {
| |
| width: 307px;
| |
| height:180px;
| |
| margin:0px;
| |
| text-align:center;
| |
| border-left:0px;
| |
| border-right:0px;
| |
| }
| |
| .background {
| |
| page-break-before: always;
| |
| font-size:90%;
| |
| }
| |
|
| |
| @media print
| |
| {
| |
| body, .mw-page-container {
| |
| background: none;
| |
| }
| |
| .vector-main-menu, .vector-toc, mw-body, .mw-content-container, .vector-user-links, .vector-sticky-header {
| |
| background: none;
| |
| }
| |
| .mw-header, .mw-body-header, .vector-main-menu-container, .vector-sitenotice-container, .mw-panel-toc, .vector-page-toolbar, .vector-column-end {
| |
| height:0px;
| |
| display:none;
| |
| }
| |
| body {
| |
| font-size:80%;
| |
| }
| |
| a {
| |
| text-decoration:none !important;
| |
| }
| |
|
| |
| a, .vector-pinnable-header-toggle-button {
| |
| color: #000 !important;
| |
| text-decoration: none !important;
| |
| }
| |
| a:visited {
| |
| color: #000 !important;
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| div.portrait {
| |
| -webkit-print-color-adjust: exact;
| |
| }
| |
|
| |
| a[href]:after {
| |
| content: none !important;
| |
| }
| |
| }
| |
