mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
669 lines
11 KiB
CSS
669 lines
11 KiB
CSS
@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;
|
|
} |