@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap|Cabin:wght@700'); .charsheet{ max-width: 832px; min-width: 832px; --charsheet_backgroundColor:#d6d3b0; --charsheet_inputColor: #1e1f1f;; --charsheet_inputColor:#1e1f1f; --charsheet_labelColor:black ; --charsheet_sectionBrdrColor: black; --charsheet_sectionBkGrdColor:#FFFFC2; --charsheet_fontSize:12pt; --charsheet_wpnRowHgt:12pt; --charsheet_wpnRowLineHgt:23px; font-family: "Libre Baskerville", serif; color: var(--charsheet_inputColor); font-size: var(--charsheet_fontSize); } .charsheet *:focus { outline: none; } .charsheet textarea{ margin: 0px; width:100%; font-weight: 900; color: black; box-sizing: border-box; text-align:left; box-shadow: none; border-radius: 0; outline:none; display: block; width: 100%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:whitesmoke; } .charsheet option{ padding: 0px; margin:0px; } .sheet-rolltemplate-outcome, .sheet-rolltemplate-EnGarde { text-align:center; background-color:white; border:1px solid black; padding:9px; } .sheet-rolltemplate-outcome .inlinerollresult, .sheet-rolltemplate-EnGarde .inlinerollresult { background-color: transparent; color: #000000; border: none; font-size: 13px; } .sheet-rolltemplate-outcome .inlinerollresult.fullcrit, .sheet-rolltemplate-EnGarde .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-outcome .inlinerollresult.fullfail, .sheet-rolltemplate-EnGarde .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-outcome .inlinerollresult.importantroll, .sheet-rolltemplate-EnGarde .inlinerollresult.importantroll{ border:none; } .sheet-rolltemplate-outcome .sheet-special, .sheet-rolltemplate-EnGarde .sheet-special{ color:red; } .largedialog textarea { height:100%; resize: none; } .charsheet hr{ width: 100%; margin: 5px 0px 5px 0px; } .sheet-centerIt{ text-align:center; } .sheet-topheader{ font-family: "Cabin", sans-serif; font-weight:bolder; font-size:xx-large; } .sheet-text_input{ border: none; box-shadow: none; border-radius: 0; outline:none; display:inline-block; width:100%; padding:0px; background-color:whitesmoke; } .sheet-borderTop{ border-top: 1px solid var(--charsheet_sectionBrdrColor); width:100%; } .sheet-borderBot{ border-bottom: 1px solid var(--charsheet_sectionBrdrColor); width:100%; } .sheet-borderRight{ border-right: 1px solid var(--charsheet_sectionBrdrColor); width:100%; } .sheet-borderLeft{ border-left: 1px solid var(--charsheet_sectionBrdrColor); width:100%; } .sheet-max-1fr{ display: grid; grid-template-columns:max-content 1fr; column-gap: 0px; } .sheet-wrapper1{ display: grid; grid-template-columns:max-content; column-gap: 0px; align-items: end; } .sheet-name{ display: grid; grid-template-columns:max-content 386px; column-gap: 5px; align-items: end; } .sheet-stats div, .sheet-name div{ padding:2px; } .sheet-block1 { display: grid; grid-template-columns:85px 68px 679px; column-gap: 0px; align-items: end; border-left: 1px solid black; border-top: 1px solid black; } .sheet-block2 { display: grid; grid-template-columns:85px 1fr; column-gap: 5px; align-items: end; } .sheet-block1 h1{ padding: 0 4px 0 4px; } .sheet-birth{ display: grid; grid-row: 1 / span 2; grid-column: 3 / 3; height: 100%; column-gap: 5px; align-items: center; grid-template-columns: max-content 1fr; border-bottom:1px solid black; } .sheet-birth span textarea{ height:98px; } .sheet-abilities{ font-size:32px; text-align: center; } .charsheet input.sheet-abilities{ height:50px; } .sheet-filler{ width:100%; height:100%; background-color:black; } .sheet-EndMAGrid { display: grid; grid-template-columns:452px 222px; column-gap: 5px; align-items: end; } .sheet-EndCurrentGrid{ display: grid; grid-template-columns:88px 1fr; column-gap: 5px; align-items: end; } .sheet-MAGrid { display: grid; grid-template-columns:max-content 1fr; column-gap: 5px; align-items: end; } .sheet-MAGrid textarea, .sheet-EndCurrentGrid textarea{ height:50px; text-align: center; padding-top: 12px; } .sheet-smallHeader{ font-size:xx-small; text-align: center; } .sheet-practiseGrid { display: grid; grid-template-columns: repeat(6, 113px); column-gap: 0px; align-items: end; border-top: 1px solid black; height: 100%; } .sheet-practiseGridRow{ height:100%; } .sheet-pVGrid{ display: grid; grid-template-columns:30px 5px 30px; column-gap: 5px; margin-left: 18px; } .sheet-SLHeader, .sheet-practiseHeader{ font-size:14px; width:100%; text-align:center; margin-left: 3px; } .sheet-asdasda{ font-size:12pt; width:100%; text-align:center; } .sheet-block2-wrapper{ border:1px solid black; width:825px; padding: 0 4px 0 4px; } .sheet-SLGrid{ display: grid; grid-template-columns:41px 50px 195px 169px 151px 223px; grid-template-rows:40px; column-gap: 0px; } .sheet-SL_value textarea{ padding-top: 12px; height: 40px; } .sheet-SLGrid .sheet-SLHeader{ text-align:left; margin-left:3px; } .sheet-SLGrid h1{ padding-top: 4px; padding-bottom: 4px; } .sheet-funds{ position:relative; left: 48px; top: -20px; display: block; width: 141px; } .sheet-allowance{ position: relative; left: 76px; top: -20px; display: block; width: 86px; } .sheet-horses{ position: relative; left: 53px; top: -20px; display: block; width: 92px; } .sheet-date{ position: relative; left: 38px; top: -20px; display: block; width: 177px; } .sheet-weapon-exp{ display:inline-block; width:30px; font-size:x-small; } .sheet-date textarea, .sheet-horses textarea, .sheet-allowance textarea, .sheet-funds textarea{ margin-left:3px; } .sheet-monthlyVariables{ display: grid; grid-template-columns:684px 50px 50px 50px; column-gap: 0px; align-items: center; line-height: 21px; } .sheet-fundAdjust{ display: grid; grid-template-columns:684px 100px; column-gap: 0px; align-items: center; line-height: 21px; } .charsheet input[name=attr_funds_adjustment]{ width: 98px; } .sheet-fundAdjust div, .sheet-monthlyVariables div{ height:20px; } .sheet-monthlyVariablesHeader{ font-size: 9px; text-align: center; display: inline-block; width: 100%; } .sheet-monthlyVariablesDesc{ font-size:8pt; font-weight: 900; color: black; } .sheet-monthlyVV{ font-size: 8pt; width: 48px; margin-left: 1px; text-align: center; } .charsheet input[name=attr_title_desc]{ width:620px; } .charsheet input[name=attr_monthly_allowance_desc]{ width: 519px; } .charsheet input[name=attr_club_desc]{ width: 574px; } .charsheet input[name=attr_regiment_rank_desc]{ width: 546px; } .charsheet input[name=attr_mistress_desc]{ width: 491px; } .charsheet input[name=attr_appointment_desc]{ width: 555px; } .sheet-mentionsGrid{ display: grid; grid-template-columns:125px 242px 100px 63px; column-gap: 0px; align-items: center; } .sheet-dispatchesLabel{ display: inline-block; width: 149px; } .charsheet input[name=attr_mentions_current]{ width: 238px; margin-left: 3px; } .sheet-oldMentionsLabel{ text-align:center; } .charsheet input[name=attr_mentions_old]{ width: 45px; margin-left: 3px; margin-right: 3px; text-align:center; } .charsheet input[name=attr_week4_desc], .charsheet input[name=attr_week3_desc], .charsheet input[name=attr_week2_desc], .charsheet input[name=attr_week1_desc]{ width: 637px; } .sheet-mentionsSpan{ display:inline-block; } .sheet-personal-battle-outcome-title{ text-align:center; font-weight:bold; } .sheet-deployment-results{ display: grid; grid-template-columns: 130px 63px 87px 28px 120px 28px 85px 28px 27px; column-gap: 5px; align-items: center; border-top: 1px solid black; line-height:21px; width:644px; } .sheet-bravery-poltroonery{ display: grid; grid-template-columns: 48px 28px 70px 27px; column-gap: 2px; align-items: center; border-bottom: 1px solid black; line-height: 21px; width: 182px; } .sheet-outcome input, .sheet-deployment-results input, .sheet-bravery-poltroonery input{ width:100%; text-align:center; font-size:8pt; } .sheet-deployment-results-mods select, .sheet-deployment-results select{ width:100%; } .sheet-bravery-poltroonery input, .sheet-bravery-poltroonery option, .sheet-bravery-poltroonery select, .sheet-deployment-results-mods input, .sheet-deployment-results-mods option, .sheet-deployment-results-mods select, .sheet-deployment-results input, .sheet-deployment-results option, .sheet-deployment-results select{ height:100%!important; } .sheet-deployment-results-mods{ display: grid; grid-template-columns:65px 143px 61px 189px 32px 129px; column-gap: 5px; align-items: center; border-top: 1px solid black; border-bottom: 1px solid black; line-height:21px; width:644px; } .sheet-outcome{ display: grid; grid-template-columns: 80px 30px 80px 30px 80px 30px 80px 30px 164px; column-gap: 5px; align-items: center; border-bottom: 1px solid black; line-height:21px; width:644px; } .charsheet select{ -webkit-appearance: none; -moz-appearance: none; text-align: center; margin:0px; border:none; padding:0px; width:100%; height: auto; font-weight:bold; border-radius: 0px; } .sheet-weeklyPlot{ display: grid; grid-template-columns:684px 50px 50px 50px; column-gap: 0px; } .sheet-diceWrapper{ text-align:center; } .sheet-inlineblock{ display:inline-block; } .charsheet button[type=action].sheet-text_roll::before { background-image: none; content: ""; margin:0; padding:0px 2px; border:0!important; } .charsheet button[type=action].sheet-text_roll{ border:none; margin:0; padding:0px; line-height: 13px; color:var(--charsheet_inputColor); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charsheet button[type=action].sheet-text_roll span{ width: 100%; display: inline-block; } .charsheet button[type=action].sheet-text_roll:hover span, .charsheet button[type=action].sheet-text_roll:hover { color:red; } .charsheet input[type="text"].sheet-monthlyVV{ height:16px; } .charsheet button[type=roll].sheet-text_roll::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; background:transparent; } .charsheet button[type=roll].sheet-text_roll { margin:0; padding:2px; background:transparent; color:var(--charsheet_labelColor); font-size: var(--charsheet_fontSize); overflow: hidden; } .charsheet button[type=roll].sheet-text_roll:hover { color:red; } .sheet-aswasdass{ font-size:12pt; width:100%; text-align:center; } .sheet-hideIt{ display:none; }