* { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif; font-weight: normal; } .sheet-strong { font-weight: bold; } .sheet-zero-padding { padding: 0px !important; } .charsheet { background: white; text-align: center; } .sheet-isPC { margin-right: 5px; } .sheet-isNPC, .sheet-isAdversary { margin: 0 5px 0 20px; } .sheet-main { display: inline-block; text-align: left; } .sheet-pc-wrapper { margin-left:-189px; margin-right:-180px; } .sheet-npc, .sheet-adversary { min-width: 600px; background:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/parchment.jpg'); border:50px solid transparent; border-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/character_sheet_frame-65pourcent.png') 305 repeat; } .sheet-pc { min-width: 500px; background:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/parchment.jpg'); border:240px solid transparent; border-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/character_sheet_frame-65pourcent.png') 305 repeat; } .sheet-logo { text-align: center; margin-top: -175px; margin-bottom: 30px; height: 145px; background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/logo-eng.png'); background-repeat: no-repeat; background-position: center center; } .lang-de .sheet-logo { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/logo-de.gif'); } .lang-fr .sheet-logo { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/logo-fr.png'); } .lang-es .sheet-logo { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/logo-es.png'); } label { margin-bottom: 0; display: inline !important; line-height: 26px; padding: 0 !important; } .charsheet .sheet-pod { width: 25%; } .lang-de .sheet-pc-wrapper { min-width: 880px; } .sheet-pod, .sheet-pod label { text-align: center !important; } h2 { /*font-family: 'Copperplate';*/ font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 2px; text-transform: uppercase; margin-top: 36px; } button[type=roll] { background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; padding: 0; margin: 0 5px; outline: none; } button[type=roll]:hover { opacity: .5; } /* change D20 to system-appropriate D12 */ button[type=roll]:before { font-family: "dicefontd12" !important; content: "0" !important; } input, textarea { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255,255,255,.5); box-sizing: border-box; -moz-box-sizing: border-box; } input:hover, textarea:hover, input:focus, textarea:focus { background: rgba(255,255,255,1); } input[type="text"], input[type="number"], input.sheet-number { background: none !important; border-radius: 0; border-bottom: 2px solid rgba(0,0,0,.15); } input.sheet-number { width: 3.5em !important; } textarea { border: 2px solid rgba(0,0,0,.15); } input[type="text"] { /*width: 100%;*/ } input[type="checkbox"]:checked + input[type="number"], input[type="checkbox"]:checked + input[type="text"], input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + span { text-decoration: underline; } .sheet-endurance, .sheet-hope, .sheet-armour { display: inline-block; } .sheet-endurance tr td:nth-child(2), .sheet-hope tr td:nth-child(2), .sheet-armour tr td:nth-child(2) { padding-left: 5px; padding-right: 5px; } .sheet-endurance { width: 41%; } .sheet-hope { width: 38%; } .sheet-armour { width: 20%; } .sheet-4colrow .sheet-col { width: 24%; } .sheet-2colrow { } .sheet-1colrow { } table.sheet-wide { width: 100%; } table.sheet-wide-PC { width: 100%; } td.sheet-label-cell { width: 20%; } td { vertical-align: top; } td.sheet-small { white-space: nowrap; } textarea { text-align: left !important; } .sheet-attribute { position: relative; } .sheet-attribute-favoured, .sheet-attribute td { padding-right: 0px !important; } .sheet-attribute span.sheet-label { line-height: 50px; text-align: right !important; display: block !important; font-size: 20px !important; font-weight: bold !important; color: black; } .sheet-attribute input { border: 2px solid #000; width: 60px !important; height: 60px !important; border-radius: 100%; text-align: center; font-size: 24px; background: white; padding-bottom: 10px !important; } .sheet-attribute-favoured span.sheet-label { position: relative; top: -16px; right: -4px; text-align: right; width: 70px; display: inline-block; } .sheet-attribute-favoured input { border: 2px solid #000; width: 40px !important; height: 40px !important; border-radius: 100%; float: none !important; margin-top: -30px; margin-left: -10px; background:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/parchment.jpg') !important; text-align: center; font-size: 18px; } .sheet-group-attrs-skills { width: 100%; } .sheet-group-attrs-skills td { position: relative; padding: 1px; } .sheet-group-attrs-skills.sheet-horizontal-pad td { padding-left: 10px; padding-right: 10px; } .sheet-group-attrs-skills input[type=checkbox] { position: absolute; top: 5px; height: 20px; width: 85px; opacity: 0; /*outline: 1px solid red;*/ } .sheet-group-attrs-skills input[type=number] { float: right; } .sheet-skill-groups, .sheet-attr-group-skills td:last-child { padding-left: 35px !important; width: 155px; } [name*="attr_gear_name"] { width: 100%; } .sheet-nowrap { white-space: nowrap; } .sheet-weapon-skills tr td:nth-of-type(2) ~ td { text-align: center; } .sheet-weapon-skills tr td:nth-child(2) input { display: inline-block; } .sheet-weapon-skills tr td:nth-child(2) input[type=text] { margin-left: 5px; width: 190px } .sheet-weapon-skills tr td:nth-child(2) input:checked + input { text-decoration: underline } .sheet-lmc-skills tr td:nth-child(2) input { display: inline-block; } .sheet-lmc-skills tr td:nth-child(2) input[type=text] { margin-left: 5px; width: 180px } .sheet-lmc-skills tr td:nth-child(2) input:checked + input { text-decoration: underline } .sheet-combat-values label, .sheet-combat-values input { display: block; } .sheet-combat-values input { text-align: center; } .sheet-combat-values td { padding: 0 10px } .sheet-combat { width: 100%; } .sheet-armour-container { position: relative; } .sheet-armour-container button { position: absolute; bottom: 4px; right: 0; } .sheet-gear-list { } .sheet-gear-name { padding-right: 10px; } .sheet-gear-enc { padding: 0 5px; } .sheet-gear-enc input { padding-bottom: 1px; } .sheet-gear-list td:nth-child(2) { padding-right: 20px } .sheet-weapon-skills tbody td { padding: 0 3px; } .sheet-weapon-skills .sheet-number { width: 30px !important; } .sheet-lmc-skills tbody td { padding: 0 5px; } .sheet-lmc-skills .sheet-number { width: 30px !important; } [name*='attr_weapon_called_shot'] { width: 100px !important; } .sheet-center, .sheet-center label { text-align: center; } .sheet-section-heading { text-align: center !important; text-transform: uppercase; letter-spacing: 4px; padding: 20px 0; } /******* NPC *******/ .sheet-isAdversary:checked~.sheet-pc, .sheet-isAdversary:checked~.sheet-lm-character, .sheet-isPC:checked~.sheet-adversary, .sheet-isPC:checked~.sheet-lm-character, .sheet-isNPC:checked~.sheet-adversary, .sheet-isNPC:checked~.sheet-pc { display: none; } td.sheet-width-50 { width: 50%; } .sheet-isNPC { display: inline-block; } .sheet-weapon-skill-row input[checked] + label { text-decoration: underline } .sheet-lmc-skill-row input[checked] + label { text-decoration: underline } .sheet-npc label.sheet-name { width: 218px; } [name=attr_npc_weapon_skill_name] { width: 140px; } [name=attr_npc_weapon_edge] { width: 3.5em; } [name=attr_npc_weapon_called_shot] { width: 90px; } .sheet-npc .sheet-npc-weapon-labels label { display: inline-block !important; } .sheet-npc label.sheet-name { width: 140px; margin-left: 48px; } .sheet-npc label.sheet-rating, .sheet-npc label.sheet-damage, .sheet-npc label.sheet-edge, .sheet-npc label.sheet-injury { width: calc(3.5em + 4px); } .sheet-npc label.sheet-called-shot { width: 100px; } .sheet-npc .sheet-weapon-skills tr td:last-child { text-align: left; } .sheet-npc [name*="attr_weapon_skill_name"] { width: 200px !important; } /*.sheet-npc [name*='attr_weapon_called_shot'] { width: 100px !important; }*/ /* Dots */ td.sheet-attr-skill-wrapper, td.sheet-attr-skill-group { position: relative; } .sheet-dots { display: inline-block; float: right; top: 2px; right: 0; } .sheet-attr-skill-group .sheet-dots { position: absolute; } /* move skill 'dots' to left closer to skill name for English */ .lang-en .sheet-dots { margin-right: 20px; } .lang-en .sheet-attr-skill-group .sheet-dots { margin-right: 0px; } .sheet-dots input[type='radio'] { opacity:0; position:absolute; z-index: 1; cursor:pointer; /* Palatino font */ top: 8px; } .sheet-attr-skill-group .sheet-dots input[type='radio'] { /* Palatino font */ top: 5px; } .sheet-dots input[type="radio"] + span { height: 10px; width: 10px; display: inline-block; padding: 0 0 0 0px; /* Palatino font vertical-align: middle; */ vertical-align: bottom; position: relative; } .sheet-dots input[type="radio"]:not([value="0"]) + span { background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-filled.png") no-repeat; background-size:100%; } .sheet-dots input[type='radio']:checked ~ input[type='radio'] + span { background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-empty.png") no-repeat; background-size:100%; } .sheet-dots input[type="radio"][value="0"] + span:before { content: "x"; font-size: 11px; position: relative; top: -5px; left: 1px; opacity: 0; } .sheet-dots:hover input[type="radio"][value="0"] + span:before { opacity: 1; } .sheet-attr-skill-group .sheet-dots input[type="radio"][value="0"] + span { left: 5px; } .sheet-attr-skill-group span.sheet-label { top: 1px; position: absolute; } .sheet-attr-skill-group .sheet-dots input[type='radio'] + span { height: 12px; width: 12px; top: -2px; } .sheet-attr-skill-group .sheet-dots input[type="radio"]:not([value="0"]) + span { background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/diamond-filled.png") no-repeat; background-size:100%; } .sheet-attr-skill-group .sheet-dots input[type='radio']:checked ~ input[type='radio'] + span { background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/diamond-empty.png") no-repeat; background-size:100%; } .sheet-hover-info { position: absolute; background: white; z-index: 10; padding: 20px; width: 300px; visibility: hidden; opacity: 0; box-shadow: 0 3px 15px rgba(0,0,0,.1); transition:visibility 0s linear 0.3s, opacity 0.3s linear; text-align: left; } .sheet-hover-info.sheet-margin-left-140px { margin-left: -140px; } span.label:hover + .sheet-hover-info, span.sheet-label:hover + .sheet-hover-info, input:hover + span.sheet-label + .sheet-hover-info { visibility: visible; opacity: 1; transition-delay: 1s; } .sheet-attr-skill-group .sheet-hover-info { margin-left: -140px; } .sheet-rating-wrapper .sheet-hover-info { margin-left: -200px; } .attr_background { height: 300px; } select { width: 110px; } span.sheet-label { font-weight: normal; font-size: 18px; } table.sheet-group-attrs-skills span.sheet-label { font-weight: normal; font-size: 16px; } tr.sheet-attr-group-skills td { vertical-align: bottom; } .sheet-wide-PC td.sheet-small { vertical-align: bottom; } tr.sheet-attr-group-skills td.sheet-attr-skill-wrapper button[type=roll] { margin-right: 0px; } .sheet-pc input, .sheet-pc textarea { font-size: 16px; color: black; } .sheet-pc input[type=text] { padding-bottom: 1px; } [name*="attr_weapon_skill_name"] { width: 160px !important; } td#sheet-upper-right-section { padding-left: 25px; vertical-align: top; } .sheet-rating-wrapper { width:100px; height:105px; text-align: center; position: relative; float: right; clear: both; } .sheet-rating-wrapper span.sheet-label { text-align: center; display: inline-block; font-size: 18px; width: 100%; } .sheet-rating-wrapper img { width:84px; height:84px; position:relative; z-index: 0; } .sheet-rating-wrapper input { width:50px; height:50px; top:-68px; left:15px; position: relative; z-index: 1; font-size:22px; text-align: center; border:none; background-color: transparent; font-family: dum1; color:black; } input#sheet-xp-total { font-size: 22px; margin-left: -29px; } input#sheet-xp-input { font-size: 15px; position: absolute; top: 30px; left: 8px; padding-bottom: 4px; } input#sheet-xp-spent { font-size: 15px; position: absolute; top: 30px; left: 60px; padding-bottom: 4px; } .sheet-rating-wrapper .sheet-nw-sub-rating { border-radius: 100%; background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/parchment.jpg') !important; width: 34px; height: 28px; border: 2px solid black; font-size:16px; position:relative; top:-130px; left:-0px; z-index: 1; } .sheet-rating-wrapper .sheet-nw1-sub-rating { border-radius: 100%; background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/parchment.jpg') !important; width: 34px; height: 28px; border: 2px solid black; font-size:16px; position:relative; top:-130px; left:70px; z-index: 1; } .sheet-rating-wrapper button { position: relative; top: -100px; left: -60px; } table.sheet-wide-PC-container { width: 100%; } /* Smaller margins - remove these if you want the huge default left margin */ /* .sheet-rolltemplate-custom { margin-left: -37px; */ } .withoutavatars .sheet-rolltemplate-custom { margin-left: -7px; } .sheet-rolltemplate-custom .sheet-container { border: 1px solid; /* by default, the border is the same color as the header. You can change this here, e.g. to black */ border-color: var(--header-bg-color); } /* Header formatting - title and subtitle */ .sheet-rolltemplate-custom .sheet-header { background-color: var(--header-bg-color); /* change text-align to center to center the header text */ text-align: center; color: var(--header-text-color); padding: 5px; } .sheet-rolltemplate-custom .sheet-title { font-size:1.1em; } .sheet-rolltemplate-custom .sheet-subtitle { font-size:.9em; } /* example colors */ .sheet-rolltemplate-custom .sheet-container { /* this is the default color */ --header-bg-color: rgba(95,76,59,1); --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-red { --header-bg-color: #F00; } .sheet-rolltemplate-custom .sheet-container.sheet-color-green { --header-bg-color: #0F0; --header-text-color: #000; } /* Roll20 Default Character/ping colors */ .sheet-rolltemplate-custom .sheet-container.sheet-color-000000 { --header-bg-color: #000000; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-434343 { --header-bg-color: #434343; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-666666 { --header-bg-color: #666666; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-c0c0c0 { --header-bg-color: #c0c0c0; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d9d9d9 { --header-bg-color: #d9d9d9; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ffffff { --header-bg-color: #d4af37; --header-text-color: #000; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ff0000 { --header-bg-color: #ff0000; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ff9900 { --header-bg-color: #ff9900; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ffff00 { --header-bg-color: #ffff00; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-00ff00 { --header-bg-color: #00ff00; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-00ffff { --header-bg-color: #00ffff; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-9900ff { --header-bg-color: #9900ff; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ff00ff { --header-bg-color: #ff00ff; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-e6b8af { --header-bg-color: #e6b8af; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-f4cccc { --header-bg-color: #f4cccc; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-fce5cd { --header-bg-color: #fce5cd; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-fff2cc { --header-bg-color: #fff2cc; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d9ead3 { --header-bg-color: #d9ead3; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d0e0e3 { --header-bg-color: #d0e0e3; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-c9daf8 { --header-bg-color: #c9daf8; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-cfe2f3{ --header-bg-color: #cfe2f3; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d9d2e9 { --header-bg-color: #d9d2e9; --header-text-color: #000; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ead1dc { --header-bg-color: #ead1dc; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-dd7e6b { --header-bg-color: #dd7e6b; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ea9999 { --header-bg-color: #ea9999; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-f9cb9c { --header-bg-color: #f9cb9c; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ffe599 { --header-bg-color: #ffe599; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-b6d7a8 { --header-bg-color: #b6d7a8; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-a2c4c9 { --header-bg-color: #a2c4c9; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-a4c2f4 { --header-bg-color: #a4c2f4; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-9fc5e8 { --header-bg-color: #9fc5e8; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-b4a7d6 { --header-bg-color: #b4a7d6; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d5a6bd { --header-bg-color: #d5a6bd; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-cc4125 { --header-bg-color: #cc4125; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-e06666 { --header-bg-color: #e06666; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-f6b26b { --header-bg-color: #f6b26b; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-ffd966 { --header-bg-color: #ffd966; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-93c47d{ --header-bg-color: #93c47d; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-76a5af { --header-bg-color: #76a5af; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-6d9eeb { --header-bg-color: #6d9eeb; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-6fa8dc { --header-bg-color: #6fa8dc; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-8e7cc3 { --header-bg-color: #8e7cc3; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-c27ba0 { --header-bg-color: #c27ba0; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-a61c00 { --header-bg-color: #a61c00; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-cc0000 { --header-bg-color: #cc0000; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-e69138 { --header-bg-color: #e69138; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-f1c232 { --header-bg-color: #f1c232; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-6aa84f { --header-bg-color: #6aa84f; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-45818e { --header-bg-color: #45818e; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-3c78d8 { --header-bg-color: #3c78d8; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-3d85c6 { --header-bg-color: #3d85c6; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-674ea7 { --header-bg-color: #674ea7; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-a64d79 { --header-bg-color: #a64d79; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-5b0f00 { --header-bg-color: #5b0f00; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-660000{ --header-bg-color: #660000; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-783f04 { --header-bg-color: #783f04; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-7f6000 { --header-bg-color: #7f6000; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-274e13 { --header-bg-color: #274e13; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-0c343d { --header-bg-color: #0c343d; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-1c4587 { --header-bg-color: #1c4587; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-073763 { --header-bg-color: #073763; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-20124d { --header-bg-color: #20124d; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-transparent { --header-bg-color: #transparent; --header-text-color: #FFF; } /* Roberts Colors */ .sheet-rolltemplate-custom .sheet-container.sheet-color-fcc72d { --header-bg-color: #fcc72d; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-535255 { --header-bg-color: #535255; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-00997B { --header-bg-color: #00997b; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-58575b { --header-bg-color: #58575b; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-31639c { --header-bg-color: #31639c; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-d4af37 { --header-bg-color: #d4af37; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-9a1115 { --header-bg-color: #9a1115; --header-text-color: #FFF; } .sheet-rolltemplate-custom .sheet-container.sheet-color-046307 { --header-bg-color: #046307; --header-text-color: #FFF; } /* Allprops part */ .sheet-rolltemplate-custom .sheet-content { display: grid; background: #FFF; /* Header formatting - modify the column layout below */ grid-template-columns: auto auto; /* Line height to match default roll template */ line-height:1.4em; } .sheet-rolltemplate-custom .sheet-content > div { padding: 5px; } /* Left column */ .sheet-rolltemplate-custom .sheet-content .sheet-key { font-weight: bold; padding-right: 10px; text-align: right; } /* Empty rule, use this if you want to change the right column .sheet-rolltemplate-custom .sheet-value { } */ /* Make even-numbered rows grey */ .sheet-rolltemplate-custom .sheet-content :nth-child(4n+3), .sheet-rolltemplate-custom .sheet-content :nth-child(4n) { background:#EEE; } /* Description field */ .sheet-rolltemplate-custom .sheet-desc { grid-column: span 2; padding: 5px; text-align: center; }