MediaWiki:Print.css: Difference between revisions

From Mutant Year Zero
No edit summary
mNo edit summary
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/************/
 
/* PRINTING */
/* 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
@media print
{     
{     
Line 316: Line 7:
     background: none;
     background: none;
   }
   }
   .vector-main-menu, .vector-toc, mw-body, .mw-content-container, .vector-user-links, .vector-sticky-header {
   mw-body, .mw-content-container {
  background: none;
    background: none;
    border: none;
   }
   }
   .mw-header, .mw-body-header, .vector-main-menu-container, .vector-sitenotice-container, .mw-panel-toc, .vector-page-toolbar, .vector-column-end {
   .mw-header, .mw-panel-toc {
     height:0px;
     height:0px;
     display:none;
     display:none;
   }
   }
   body {
   .mw-category-generated {
  font-size:80%;
    display:none;
   }
   }
   a {
   a {
  text-decoration:none !important;
    text-decoration:none !important;
    border-bottom: none !important;
    color: #000 !important;
   }
   }
 
   a:visited {
   a, .vector-pinnable-header-toggle-button {
     color: #000 !important;
     color: #000 !important;
    text-decoration: none !important;
text-decoration: none !important;
   }
   }
   a:visited {
   a.new {
    text-decoration:none !important;
    border-bottom: none !important;
    color: #000 !important;
  }
  a.new:visited {
     color: #000 !important;
     color: #000 !important;
text-decoration: none !important;
text-decoration: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  .container .rpgtable td, .container .rpgtable th {
font-size:90%;
   }
   }


   div.portrait {
   .container.cheatsheet .rpgtable td,
    -webkit-print-color-adjust: exact;  
  .container.cheatsheet .rpgtable th {
font-size:90%;
   }
   }


   a[href]:after {
   .rootpage-Cheat_Sheet_Print .firstHeading,
     content: none !important;
  .rootpage-Cheat_Sheet .firstHeading {
  display:none;
}
 
.hiddenheader {
  font-size:150%;
  font-weight:bold;
  margin-bottom: 10px;
  font-family: var(--font-family__header--campaign,var(--font-family__header)) !important;
  display:block !important;
}
 
 
span.circle {
    border: 1px solid #000000;
}
 
span.circle.black {
  background-color:#000000;
  /* don't color circles for print*/
  background-color:#fff;
  color:#000;
}
  .rpgtable {
    color: #000000;
  } 
  .rpgtable td, .rpgtable th  {
    height: 28px;
  }
  .arksheet .arkimage .image {
    height: 289px;
  }
  .rpgtable {
     outline: 1px solid #000;
  }
 
  /* smaller fixes for print zoom level */
 
 
  .printfooter {
    display: none;
  }
 
  /* hide table of contents from prints*/
  .toc {
    display: none;
  }
 
  /* black dice */
  .rot .rpgtable.dice tr:nth-child(2) td:nth-child(3),
  .rot .rpgtable.dice tr:nth-child(2) td:nth-child(7),
  .rot .rpgtable.dice tr:nth-child(3) td:nth-child(2),
  .rot .rpgtable.dice tr:nth-child(3) td:nth-child(5) {
    background-color: #000;
  }
  .weapons .rpgtable td:nth-child(4) {
    background-color: #000;
  }
  .weapons .rpgtable td.empty {
    background-color: transparent;
   }
   }
}
}

Latest revision as of 16:10, 4 March 2024

/************/
/* PRINTING */
/************/
@media print
{    
  body, .mw-page-container {
    background: none;
  }
  mw-body, .mw-content-container {
    background: none;
    border: none;
  }
  .mw-header, .mw-panel-toc {
    height:0px;
    display:none;
  }
  .mw-category-generated {
    display:none;
  }
  a {
    text-decoration:none !important;
    border-bottom: none !important;
    color: #000 !important;
  }
  a:visited {
    color: #000 !important;
	text-decoration: none !important;
  }
  a.new {
    text-decoration:none !important;
    border-bottom: none !important;
    color: #000 !important;
  }
  a.new:visited {
    color: #000 !important;
	text-decoration: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  .container .rpgtable td, .container .rpgtable th {
	font-size:90%;
  }

  .container.cheatsheet .rpgtable td, 
  .container.cheatsheet .rpgtable th {
	font-size:90%;
  }

  .rootpage-Cheat_Sheet_Print .firstHeading,
  .rootpage-Cheat_Sheet .firstHeading {
  display:none;
 }

.hiddenheader {
  font-size:150%; 
  font-weight:bold; 
  margin-bottom: 10px;
  font-family: var(--font-family__header--campaign,var(--font-family__header)) !important;
  display:block !important;
}


span.circle {
    border: 1px solid #000000;
}

span.circle.black {
   background-color:#000000;
   /* don't color circles for print*/
   background-color:#fff;
   color:#000;
}
  .rpgtable {
    color: #000000;
  }  
  .rpgtable td, .rpgtable th  {
    height: 28px;
  }
  .arksheet .arkimage .image {
    height: 289px;
  }
  .rpgtable {
    outline: 1px solid #000;
  }

  /* smaller fixes for print zoom level */


  .printfooter { 
    display: none; 
  }

  /* hide table of contents from prints*/
  .toc { 
    display: none; 
  }

  /* black dice */
  .rot .rpgtable.dice tr:nth-child(2) td:nth-child(3), 
  .rot .rpgtable.dice tr:nth-child(2) td:nth-child(7), 
  .rot .rpgtable.dice tr:nth-child(3) td:nth-child(2), 
  .rot .rpgtable.dice tr:nth-child(3) td:nth-child(5) {
    background-color: #000;
  }
  .weapons .rpgtable td:nth-child(4) {
    background-color: #000;
  }
  .weapons .rpgtable td.empty {
    background-color: transparent;
  }
}
Retrieved from "https://rpg.sandcat.nl/myz2024/index.php?title=MediaWiki:Print.css&oldid=3787"