Marco Menarini
c6bbe7f710
New Character sheet for DG based on the rules provided in Need to Know and the Agent's Handbook by ArcDream Publishing. Integrated roll template for the SAN check and all the attacks, skill and stat tests. Support of the projection on bonds using the blue textbox next to the bond score. Auto computation of the new Breaking Point with update every time the power of the character changes Support of the automatic roll for special action like healing, resucitating, falling, catching fire, pinning, and disarm not supported in this version of the sheet. These special rolls might be obtained rolling the relative skill and interpreting the output result. Special thanks to AquaAlex in helping me creating the initial version
547 lines
12 KiB
CSS
547 lines
12 KiB
CSS
.charsheet {
|
|
margin: -18px -20px 0 -20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-maindiv,
|
|
.sheet-useBackground,
|
|
.sheet-background {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 863px;
|
|
}
|
|
|
|
.sheet-2colrow{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 810px;
|
|
}
|
|
|
|
|
|
.sheet-col{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width:405px;
|
|
}
|
|
|
|
.charsheet input.sheet-HideConfig {
|
|
width: 5%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
/*position: absolute;
|
|
right: 20%;*/
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
.sheet-HideConfig:checked ~ *.sheet-config{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
|
|
content: "v";
|
|
}
|
|
|
|
.charsheet input.sheet-HideConfig {
|
|
width: 5%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
/*position: absolute;
|
|
right: 20%;*/
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
|
|
content: "^";
|
|
}
|
|
|
|
.charsheet input.sheet-ConfigReset {
|
|
height: 16px;
|
|
width: 120px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
/*position: absolute;
|
|
right: 20%;*/
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-is-config {
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 5%;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
/*font-family: "Pictos";*/
|
|
/*background: #65763c;*/
|
|
background: black; /*#93537c;*/
|
|
color: white; /*white;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
margin-left: -5%;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config{ /*Show Configuration Button: Black background with grayish text*/
|
|
background: black;
|
|
border-radius: 4px;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-AttBorder {
|
|
border: solid 1px;
|
|
/*width: 88px;*/
|
|
width: auto;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
margin-right: 0px;
|
|
margin-left: -3px;
|
|
margin-top: -3px;
|
|
background-image: url("http://i.imgur.com/e1Cfspj.png");
|
|
}
|
|
|
|
.sheet-AttBorder > input.sheet-NewDieType:checked{
|
|
height: auto;
|
|
/*margin-top: -2px;*/
|
|
}
|
|
/*----------- Character Sheet Type setup --------------*/
|
|
|
|
.charsheet div.sheet-player,
|
|
.charsheet div.sheet-npc {
|
|
/*visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;*/
|
|
display: none;
|
|
float: left;
|
|
}
|
|
|
|
.charsheet input.sheet-is-npc:checked ~ div.sheet-npc,
|
|
.charsheet input.sheet-is-npc:not(:checked )~ div.sheet-player
|
|
{
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
|
|
.charsheet input.sheet-is-npc {
|
|
width: 20%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-is-npc-tab::before {
|
|
content: "Switch to NPC";
|
|
}
|
|
|
|
.charsheet span.sheet-is-npc-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 20%;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
|
|
background: #c7c3b0; /*#65763c;*/
|
|
color: black; /*white;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
margin-left: -20%
|
|
}
|
|
|
|
.charsheet input.sheet-is-npc:checked + span.sheet-is-npc-tab {
|
|
/*background: #93537c; */
|
|
background: black;
|
|
color: white;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.charsheet input.sheet-is-npc:checked + span.sheet-is-npc-tab::before {
|
|
content: "Switch to Agent"
|
|
}
|
|
|
|
/*----------- Character Sheet Type setup End -------------*/
|
|
/*----Tab Setup------*/
|
|
div.sheet-core-content { display: none; width:840px;}
|
|
.charsheet div[class^="sheet-section"],
|
|
.charsheet div[class^="sheet-options"] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-personal,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-stats,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-skills,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-status,
|
|
.charsheet input.sheet-tab5:checked ~ div.sheet-section-combat,
|
|
.charsheet input.sheet-tab6:checked ~ div.sheet-section-other,
|
|
|
|
.charsheet input.sheet-tabspecialnocombatrolls:checked ~ div.sheet-options-specialnocombatrolls,
|
|
.charsheet input.sheet-tabinforolltemplate:checked ~ div.sheet-options-inforolltemplate,
|
|
.charsheet input.sheet-tabdebug:checked ~ div.sheet-options-debugmode, {
|
|
/*max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: auto;*/
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
/*max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;*/
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab {
|
|
/*width: 100px;*/
|
|
/* width: 90px;*/
|
|
width: 110px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
margin-right: -10px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.charsheet span.sheet-tab{
|
|
text-align: center;
|
|
display: inline-block; /*originally inline-block*/
|
|
/*font-size: 13px; */
|
|
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
font-size: 11px;
|
|
color: white;
|
|
background-color: black;
|
|
/*font-family: "Tinos", "Quattrocento", "Lustria", "Buenardserif", serif;*/
|
|
font-weight: bold;
|
|
|
|
width: 123px; /*originally 87px*/
|
|
height: 40px; /*originally 20px*/
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -91px; /*originally 91px*/
|
|
}
|
|
|
|
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
|
|
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99{
|
|
|
|
color: black;
|
|
background-color: white;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-derivedStat {
|
|
width: 37px;
|
|
text-align: center;
|
|
/*background-color: white;*/
|
|
/*background-color: transparent;*/
|
|
background-image: url("http://i.imgur.com/e1Cfspj.png");
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.charsheet .sheet-cdiv {
|
|
width:810px;
|
|
/*border: 1px dotted;*/
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.sheet-imagespacer{
|
|
width: 830px;
|
|
padding-left: 5px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.charsheet span.sheet-spacer {
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet span.sheet-5pxshim {
|
|
display: block;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.charsheet span.sheet-10pxshim {
|
|
display: block;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
h1.sheet-sheetHeaderWC {
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-family: 'Cinzel', serif;
|
|
}
|
|
|
|
h1.sheet-sheetHeaderM {
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-family: "cinzelregular";
|
|
}
|
|
|
|
h2.sheet-sectionHeader {
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-family: "cinzelregular";
|
|
}
|
|
h3.sheet-sectionHeader {
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-family: "cinzelregular";
|
|
}
|
|
.sheet-subsectionHeader {
|
|
text-align:center;
|
|
background-color: black;
|
|
color: white;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-subsubsectionHeader {
|
|
text-align:center;
|
|
background-color: #c7c3b0;
|
|
color: black;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
.sheet-standardtext {
|
|
background-color: transparent;
|
|
background-image: url("http://i.imgur.com/e1Cfspj.png");
|
|
/*background-image: url("https://raw.githubusercontent.com/finderski/roll20-character-sheets/master/SavageWorlds-Tabbed/semi-trans75.png");*/
|
|
color: black;
|
|
/*font-weight: bold;*/
|
|
font-size: .75em;
|
|
}
|
|
|
|
.sheet-SectionBackground,
|
|
.sheet-SectionBackgroundFull {
|
|
background-color: transparent;
|
|
background-image: url("http://i.imgur.com/e1Cfspj.png");
|
|
color: black;
|
|
border-radius: 0px 0px 15px 15px;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-SectionBackgroundFull {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.charsheet input[type=text].sheet-standard,
|
|
.charsheet input[type=text].sheet-basicstandard {
|
|
width: 140px;
|
|
border-top: none;
|
|
border-right: none;
|
|
border-left: none;
|
|
border-bottom: solid 1px;
|
|
/*background-color: transparent;*/
|
|
background-image: url("http://i.imgur.com/e1Cfspj.png");
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet input[type=text].sheet-basicstandard {
|
|
width: 250px;
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet label.sheet-basiclabel {
|
|
display: inline-block;
|
|
width: 250px;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
padding: 0px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
/*----------- Table Format -----------*/
|
|
tr:nth-child(even) {background-color: #f2f2f2}
|
|
th,caption {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-input-projection{
|
|
background: #00FFFF;
|
|
}
|
|
|
|
/*---- RolltemplateDG -----*/
|
|
/* Roll Templates */
|
|
.sheet-rolltemplate-dg table,
|
|
.sheet-rolltemplate-dg-neet table,
|
|
.sheet-rolltemplate-gm table, {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #FFFFFF;
|
|
}
|
|
.sheet-rolltemplate-dg caption,
|
|
.sheet-rolltemplate-dg-neet caption,
|
|
.sheet-rolltemplate-gm caption {
|
|
text-align: center;
|
|
background: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
line-height: 1.6em;
|
|
}
|
|
.sheet-rolltemplate-dg td,
|
|
.sheet-rolltemplate-dg-neet td,
|
|
.sheet-rolltemplate-gm td {
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-dg td.sheet-template_label,
|
|
.sheet-rolltemplate-dg-neet td.sheet-template_label,
|
|
.sheet-rolltemplate-gm td.sheet-template_label {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-dg td.sheet-template_value,
|
|
.sheet-rolltemplate-dg-neet td.sheet-template_value,
|
|
.sheet-rolltemplate-gm td.sheet-template_value {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-dg .inlinerollresult,
|
|
.sheet-rolltemplate-gm .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-gm .inlinerollresult.fullcrit {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-gm .inlinerollresult.fullfail {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-gm .inlinerollresult.importantroll {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
|
|
.sheet-rolltemplate-dg-attack table,
|
|
.sheet-rolltemplate-gm-attack table {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #FFFFFF;
|
|
}
|
|
.sheet-rolltemplate-dg-attack caption,
|
|
.sheet-rolltemplate-gm-attack caption {
|
|
text-align: center;
|
|
background: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
line-height: 1.6em;
|
|
}
|
|
.sheet-rolltemplate-dg-attack td,
|
|
.sheet-rolltemplate-gm-attack td {
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-dg-attack td.sheet-template_label,
|
|
.sheet-rolltemplate-gm-attack td.sheet-template_label {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-dg-attack td.sheet-template_value,
|
|
.sheet-rolltemplate-gm-attack td.sheet-template_value {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-dg-attack .inlinerollresult,
|
|
.sheet-rolltemplate-gm-attack .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg-attack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-gm-attack .inlinerollresult.fullcrit {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg-attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-gm-attack .inlinerollresult.fullfail {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
.sheet-rolltemplate-dg-attack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-gm-attack .inlinerollresult.importantroll {
|
|
border: 2px solid black;
|
|
background: #BEBEBE;
|
|
}
|
|
|
|
select { margin-bottom: 0; }
|
|
|
|
|
|
|
|
/* Buttons */
|
|
button[type=roll].sheet-dg-roll {
|
|
color: black;
|
|
background-color: black;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0.0;
|
|
padding: 0.0em;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
}
|
|
button[type=roll].sheet-gm-roll {
|
|
color: red;
|
|
background-color: red;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0.0;
|
|
padding: 0.0em;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
content: "gm";
|
|
} |