Template:CharacterSheet: Difference between revisions

From Mutant Year Zero
No edit summary
No edit summary
Tag: Reverted
Line 1: Line 1:
<includeonly>
/* CSS placed here will be applied to all skins */
[[Category:Player Characters]]
<center><div class="container">
<div class="column">   
   
<!-- ATTRIBUTES--> 
<div class="attributes"> 
      {|class="rpgtable"
! colspan="4" | ATTRIBUTES
|-
| Strength
| {{{Strength|0}}}
| Damage
| ◯ ◯ ◯ ◯ ◯
|-
| Agility
| {{{Agility|0}}}
| Fatigue
| ◯ ◯ ◯ ◯ ◯
|-
| Wits
| {{{Wits|0}}}
| Confusion
| ◯ ◯ ◯ ◯ ◯
|-
| Empathy
| {{{Empathy|0}}}
| Doubt
| ◯ ◯ ◯ ◯ ◯
|} 
</div>


<!-- SKILLS--> 
/* Get nice font! */
<div class="conditions">
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&display=swap');
{| class="rpgtable"
 
! colspan="4" | CONDITIONS
:root {
|-
  --font-family__header--campaign: 'Chakra Petch', sans-serif;
| Starving
}
| ◯
 
| Dehydrated
/* Wood background */
| ◯
body, .mw-page-container {
|-
    background: url("https://rpg.sandcat.nl/.sws/themes/wood-responsive//img/wood.jpg") repeat scroll 0 0 #ab8b4e;
| Sleepless
}
| ◯
 
| Hypothermic
/* 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; 
| colspan="4" | Critical injuries:
}
|-
 
| colspan="4" | &nbsp;
 
|-
/* Improve some paddings */
| colspan="4" | &nbsp;
.vector-user-links {
|}
  padding: 5px 10px 5px 10px;
</div>
}
    
.mw-content-container {
<!-- SKILLS--> 
  padding-left:10px;
<div class="skills"> 
  padding-right:10px;
      {| class="rpgtable"
  min-width:900px;
! colspan="3" | SKILLS
}
|-
 
| Endure (Strength)
/* Logo */
| {{{Strength|&nbsp;}}}
.mw-logo-icon {
    | {{#if: {{{Endure}}} | | class="empty"}} | {{{Endure|&nbsp;}}}  
  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 {
| Force (Strength)
  text-align: left;
| {{{Strength|&nbsp;}}}
  white-space: nowrap;
    | {{#if: {{{Force}}} | | class="empty"}} | {{{Force|&nbsp;}}}  
}


|-
.rpgtable td {
| Fight (Strength)
  height:24px;
| {{{Strength|&nbsp;}}}
}
    | {{#if: {{{Fight}}} | | class="empty"}} | {{{Fight|&nbsp;}}}
|-
| Sneak (Agility)
| {{{Agility|&nbsp;}}}
    | {{#if: {{{Sneak}}} | | class="empty"}} | {{{Sneak|&nbsp;}}}
|-
| Move (Agility)
| {{{Agility|&nbsp;}}}
    | {{#if: {{{Move}}} | | class="empty"}} | {{{Move|&nbsp;}}}
    |-
| Shoot (Agility)
| {{{Agility|&nbsp;}}}
    | {{#if: {{{Shoot}}} | | class="empty"}} | {{{Shoot|&nbsp;}}}
|-
| Scout (Wits)
| {{{Wits|&nbsp;}}}
    | {{#if: {{{Scout}}} | | class="empty"}} | {{{Scout|&nbsp;}}}
|-
| Comprehend (Wits)
| {{{Wits|&nbsp;}}}
    | {{#if: {{{Comprehend}}} | | class="empty"}} | {{{Comprehend|&nbsp;}}}
|-
| Know The Zone (Wits)
| {{{Wits|&nbsp;}}}
    | {{#if: {{{KnowTheZone}}} | | class="empty"}} | {{{KnowTheZone|&nbsp;}}}
|-
| Sense Emotion (Empathy)
| {{{Empathy|&nbsp;}}}
    | {{#if: {{{SenseEmotion}}} | | class="empty"}} | {{{SenseEmotion|&nbsp;}}}
|-
| Manipulate (Empathy)
| {{{Empathy|&nbsp;}}}
    | {{#if: {{{Manipulate}}} | | class="empty"}} | {{{Manipulate|&nbsp;}}}
|-
| Heal (Empathy)
| {{{Empathy|&nbsp;}}}
    | {{#if: {{{Heal}}} | | class="empty"}} | {{{Heal|&nbsp;}}}
|-
| {{#if: {{{SpecialistSkill1|}}} | [[{{{SpecialistSkill1|}}}]] | &nbsp;}} {{#if: {{{SpecialistSkill1|}}} | ({{{SpecialistSkill1Attr}}})|}}
    | {{#if: {{{SpecialistSkill1Level}}} | | class="empty"}} | {{{{{{SpecialistSkill1Attr|&nbsp;}}}|&nbsp;}}}
    | {{#if: {{{SpecialistSkill1Level}}} | | class="empty"}} | {{{SpecialistSkill1Level|&nbsp;}}}
|-
| {{#if: {{{SpecialistSkill2|}}} | [[{{{SpecialistSkill2|}}}]] | &nbsp;}} {{#if: {{{SpecialistSkill2|}}} | ({{{SpecialistSkill2Attr}}})|}}
    | {{#if: {{{SpecialistSkill2Level}}} | | class="empty"}} | {{{{{{SpecialistSkill2Attr|&nbsp;}}}|&nbsp;}}}
    | {{#if: {{{SpecialistSkill2Level}}} | | class="empty"}} | {{{SpecialistSkill2Level|&nbsp;}}}
|-
| {{#if: {{{SpecialistSkill3|}}} | [[{{{SpecialistSkill3|}}}]] | &nbsp;}} {{#if: {{{SpecialistSkill3|}}} | ({{{SpecialistSkill3Attr}}})|}}
    | {{#if: {{{SpecialistSkill3Level}}} | | class="empty"}} | {{{{{{SpecialistSkill3Attr|&nbsp;}}}|&nbsp;}}}
    | {{#if: {{{SpecialistSkill3Level}}} | | class="empty"}} | {{{SpecialistSkill3Level|&nbsp;}}}
|-
| {{#if: {{{SpecialistSkill4|}}} | [[{{{SpecialistSkill4|}}}]] | &nbsp;}} {{#if: {{{SpecialistSkill4|}}} | ({{{SpecialistSkill4Attr}}})|}}
    | {{#if: {{{SpecialistSkill4Level}}} | | class="empty"}} | {{{{{{SpecialistSkill4Attr|&nbsp;}}}|&nbsp;}}}
    | {{#if: {{{SpecialistSkill4Level}}} | | class="empty"}} | {{{SpecialistSkill4Level|&nbsp;}}}
|}
    </div>
   
<!-- ROT--> 
<div class="rot">
{| class="rpgtable"
! colspan="7" | ROT POINTS
|-
    | ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯
|}


{| class="rpgtable"
.attributes .rpgtable td:nth-child(2) {
! EXPERIENCE POINTS
  font-weight: bold;
|-
  background-color: #ffffba;
| ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯
  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;
}


{| class="rpgtable dice"
.rot .rpgtable.dice td:nth-child(1) {
! colspan="8" |DICE RESULTS
  background-color: #ffffba;
|-
  width: 24px;
| 1
}
    | Mutant
.rot .rpgtable.dice td:nth-child(3) {
| 1
  background-color: #666;
    | Break
  color:#fff;
| 6
  width: 24px;
| 6  
}
| 6
.rot .rpgtable.dice td:nth-child(5) {
    | Succes
  background-color: #ffffba;
|}
  width: 24px;
</div>
}
.rot .rpgtable.dice td:nth-child(6) {
</div>
  background-color: #baffc9;
<div class="column">
  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%;
}


<!-- PERSONAL -->
.skills .rpgtable td:nth-child(2) {
<div class="personal">
  background-color: #ffffba;
{|class="rpgtable"
  width: 24px;
! colspan="2" | PERSONAL
  text-align: center;  
|-
  font-size:90%;
| Player
}
| {{{Player}}}
|-  
    | Name
| {{{Name}}}
|-
| Role
| {{{Role}}}
|-
| Face
| {{{AppearanceFace1}}}
      {{{AppearanceFace2}}}
|-
| Body
| {{{AppearanceBody1}}}
      {{{AppearanceBody2}}}
|-
| Clothing
| {{{AppearanceClothing1}}}
      {{{AppearanceClothing2}}}
    |}
</div>


<!-- GEAR -->
.skills .rpgtable td:nth-child(3) {
<div class="gear">
  font-weight: bold;
{| class="rpgtable"
  background-color: #baffc9;
! colspan="2" | GEAR
  width: 24px;
|-
  text-align: center; 
| 1  
  font-size:120%; 
        | {{{Gear1|&nbsp;}}}
}
|-
.skills .rpgtable td.empty {
| 2
  background-color: transparent;
        | {{{Gear2|&nbsp;}}}
}
|-
.personal .rpgtable td:nth-child(1) {
| 3
  font-size: 90%;
        | {{{Gear3|&nbsp;}}}
}
|-
.gear .rpgtable td:nth-child(1) {
| 4
  font-size: 70%;
        | {{{Gear4|&nbsp;}}}
  width:10px;
|-
  border-right:none;
| 5  
}
        | {{{Gear5|&nbsp;}}}
.gear .rpgtable td:nth-child(2) {
|-
  border-left:none;
| 6
}
        | {{{Gear6|&nbsp;}}}
.gear .rpgtable tr:nth-child(12) {
|-
  font-size:120%;
| 7
}
        | {{{Gear7|&nbsp;}}}
.image .rpgtable td {
|-
  height:209px;
| 8
  padding:0px;
        | {{{Gear8|&nbsp;}}}
}
|-
.weapons .rpgtable tr:nth-child(3), .weapons .rpgtable tr:nth-child(5), .weapons .rpgtable tr:nth-child(7) {
| 9
  font-size: 80%;
        | {{{Gear9|&nbsp;}}}
}
|-
.weapons .rpgtable th:nth-child(2), .weapons .rpgtable th:nth-child(3), .weapons .rpgtable th:nth-child(4) {
| 10
  font-size: 80%;
        | {{{Gear10|&nbsp;}}}
  text-align:center;
|-
}
| colspan="2" | Bullets: {{{Bullets|0}}}
.weapons .rpgtable td:nth-child(2), .weapons .rpgtable td:nth-child(3), .weapons .rpgtable td:nth-child(4) {
|}
  text-align: center;
</div>
}
.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;
}


<!-- WEAPONS-->
.armor .rpgtable th:nth-child(2) {
<div class="weapons">
  font-size: 80%;
{| class="rpgtable"
  text-align:center;
! WEAPONS
}
! Bon.
.armor .rpgtable td:nth-child(2) {
! Dmg
  width:40px;
! Range
}
|-
.relations .rpgtable th:nth-child(2), .relations .rpgtable td:nth-child(3) {
| {{{Weapon1|&nbsp;}}} &nbsp;
  font-size: 80%;
    | {{#if: {{{Weapon1Bonus}}} | | class="empty"}} | {{{Weapon1Bonus|&nbsp;}}}
  text-align:center;
| {{{Weapon1Damage|&nbsp;}}}
}
| {{{Weapon1Range|&nbsp;}}}
.relations .rpgtable td:nth-child(1), .relations .rpgtable td:nth-child(2) {
|-
  font-size: 80%;
| colspan="4" | {{{Weapon1Special|&nbsp;}}} &nbsp;
}
|-
.relations .rpgtable td {
| {{{Weapon2|&nbsp;}}} &nbsp;
  white-space: normal;
    | {{#if: {{{Weapon2Bonus}}} | | class="empty"}} | {{{Weapon2Bonus|&nbsp;}}}
}
| {{{Weapon2Damage|&nbsp;}}}
.den .rpgtable td {
| {{{Weapon2Range|&nbsp;}}}
  font-size: 80%;
|-
  white-space: normal;
| colspan="4" | {{{Weapon2Special|&nbsp;}}} &nbsp;
}
|-
| {{{Weapon3|&nbsp;}}} &nbsp;
    | {{#if: {{{Weapon3Bonus}}} | | class="empty"}} | {{{Weapon3Bonus|&nbsp;}}}
| {{{Weapon3Damage|&nbsp;}}}
| {{{Weapon3Range|&nbsp;}}}
|-
| colspan="4" | {{{Weapon3Special|&nbsp;}}} &nbsp;
|}
</div>


<!-- RELATIONS -->
.image td {
<div class="relations">
  background-color: #000;
{| class="rpgtable"
}
! colspan="2" | RELATIONSHIPS
! Buddy
|-
| {{#if: {{{Buddy|}}} | [[{{{Buddy}}}]]}}
    | {{{BuddyRelation|&nbsp;}}}
| Yes
|-
| {{#if: {{{PC2|}}} | [[{{{PC2}}}]]}}
    | {{{PC2Relation|&nbsp;}}}
| No
|-
| {{#if: {{{PC3|}}} | [[{{{PC3}}}]]}}
    | {{{PC3Relation|&nbsp;}}}
| No
|-
| {{#if: {{{PC4|}}} | [[{{{PC4}}}]]}}
    | {{{PC4Relation|&nbsp;}}}
| No
|-
| {{#if: {{{PC5|}}} | [[{{{PC5}}}]]}}
    | {{{PC5Relation|&nbsp;}}}
| No
    |-
| colspan="3" | I hate: {{#if: {{{Hate|}}} | [[{{{Hate|}}}]] | &nbsp; }} {{{HateRelation|}}}
|-
| colspan="3" | I need to protect: {{#if: {{{Protect|}}} | [[{{{Protect|}}}]] | &nbsp; }} {{{ProtectRelation|}}}
|-
| colspan="3" | My big dream: {{{Dream|&nbsp;}}}
|}
</div>
</div>
<div class="column">


<!-- IMAGE -->
.container {
<div class="image">
  display: grid;
{| class="rpgtable" style="width:100%;"
  grid-template-columns: 32.5% 32.5% 32.5%;
! APPEARANCE
  column-gap: 10px;
|-
  row-gap: 10px;
| [[File:{{{Image}}}|290px]]
  font-family: var(--font-family__header--campaign, var(--font-family__header)) !important;
|}
  width:900px;
</div>
}


<!-- TALENTS -->
.container th {
<div class="talents">
  font-size:16px;
{| class="rpgtable" style="width:100%;"
  vertical-align:middle;
! TALENTS
}
|-
 
| {{#if: {{{Talent1|}}} | [[{{{Talent1}}}]] | &nbsp; }}
.container .column div {
|-
  margin-bottom:10px;
| {{#if: {{{Talent2|}}} | [[{{{Talent2}}}]] | &nbsp; }}
}
|-
| {{#if: {{{Talent3|}}} | [[{{{Talent3}}}]] | &nbsp; }}
|-
| {{#if: {{{Talent4|}}} | [[{{{Talent4}}}]] | &nbsp; }}
|-
| {{#if: {{{Talent5|}}} | [[{{{Talent5}}}]] | &nbsp; }}
|-
| {{#if: {{{Talent6|}}} | [[{{{Talent6}}}]] | &nbsp; }}
|-
| {{#if: {{{Talent7|}}} | [[{{{Talent7}}}]] | &nbsp; }}
|-
| {{#if: {{{Talent8|}}} | [[{{{Talent8}}}]] | &nbsp; }}
|}
</div>


<!-- MUTATIONS-->
.container .table {
<div class="mutations">
  width:100%;
{| class="rpgtable"
  border:1px solid black;
! MUTATIONS
}
|-
 
| {{#if: {{{Mutation1|}}} | [[{{{Mutation1}}}]] | &nbsp; }}
.background {
|-
  page-break-before: always;
| {{#if: {{{Mutation2|}}} | [[{{{Mutation2}}}]] | &nbsp; }}
  font-size:90%;
|-
}
| {{#if: {{{Mutation3|}}} | [[{{{Mutation3}}}]] | &nbsp; }}
 
|-
@media print
| {{#if: {{{Mutation4|}}} | [[{{{Mutation4}}}]] | &nbsp; }}
{  
|}
  body, .mw-page-container {
</div>
    background: none;
<div class="mutationpoints">
  }
     {| class="rpgtable"
  .vector-main-menu, .vector-toc, mw-body, .mw-content-container, .vector-user-links, .vector-sticky-header {
! MUTATION POINTS
    background: none;
|-
  }
| ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯ &nbsp; ◯
  /* .mw-body-header,  */
|}
  .mw-header, .vector-main-menu-container, .vector-sitenotice-container, .mw-panel-toc, .vector-page-toolbar, .vector-column-end {
</div>
    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;
  }


<!-- ARMOR-->
  div.portrait {
<div class="armor">
    -webkit-print-color-adjust: exact;  
{| class="rpgtable"
  }
! ARMOR
! Rating
|-
| {{{Armor|&nbsp;}}} &nbsp;
        | {{{ArmorRating|&nbsp;}}} &nbsp;
|}
</div>


<div class="den">
  a[href]:after {
{| class="rpgtable"
    content: none !important;
! MY DEN
  }
|-
  .container .rpgtable td {
| Description: {{{DenDescription1|&nbsp;}}}
  font-family: var(--font-family__header--campaign, var(--font-family__header)) !important;
|-
  }  
| {{{DenDescription2|&nbsp;}}} &nbsp;
}
|-
| Gear Stashed: {{{DenGear1|&nbsp;}}}
|-
| {{{DenGear2|&nbsp;}}} &nbsp;
|-
|  {{{DenGear3|&nbsp;}}} &nbsp;
|-
| {{{DenGear4|&nbsp;}}} &nbsp;
|-
| {{{DenGear5|&nbsp;}}} &nbsp;
|}
</div>
</div>
</div>
</center>
<div class="background">
<h3>Background</h3>
{{{Background}}}
</includeonly>

Revision as of 13:10, 3 December 2023

/* 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;
 min-width:900px;

}

/* 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;
 padding:0px;

} .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;

}

.image td { 

 background-color: #000;

}

.container { 

 display: grid;
 grid-template-columns: 32.5% 32.5% 32.5%;
 column-gap: 10px;
 row-gap: 10px;
 font-family: var(--font-family__header--campaign, var(--font-family__header)) !important;
 width:900px;

}

.container th { 

 font-size:16px;
 vertical-align:middle;

}

.container .column div { 

 margin-bottom:10px;

}

.container .table { 

 width:100%;
 border:1px solid black;

}

.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-body-header,  */
 .mw-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;
 }
 .container .rpgtable td {
 font-family: var(--font-family__header--campaign, var(--font-family__header)) !important;
 }

}

Retrieved from "https://rpg.sandcat.nl/myz2024/index.php?title=Template:CharacterSheet&oldid=79"