mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
danimagaming
b5a35d2ee5
Added a number of changes. Explainer popups throughout sheet, more consistent style and header uses, tab redesign, full attribute names, updated styled rolltemplates for attributes, 1d6 rolls, etc.
3656 lines
81 KiB
CSS
3656 lines
81 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Girassol&display=swap');
|
|
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
/* font: inherit; */
|
|
/* font-style: inherit; */
|
|
font-variant-ligatures: inherit;
|
|
font-variant-caps: inherit;
|
|
font-variant-numeric: inherit;
|
|
font-variant-east-asian: inherit;
|
|
font-variant-alternates: inherit;
|
|
font-variant-position: inherit;
|
|
/* font-weight: inherit; */
|
|
font-stretch: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-family: inherit;
|
|
font-optical-sizing: inherit;
|
|
font-size-adjust: inherit;
|
|
font-kerning: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
|
|
body {i
|
|
line-height: 1.42857143;
|
|
background-color: #C5C3B6
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
border-radius: 5px;
|
|
border-style: solid;
|
|
border: none;
|
|
border-color: #352719;
|
|
background-color: #DBD8CA;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* END CSS STYLING RESET PAGE
|
|
-------------------------------------------
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.charsheet {
|
|
background: #8b8786;
|
|
}
|
|
|
|
td {
|
|
background: #F2F2F2;
|
|
padding: 0in .5pt 0in .5pt;
|
|
height: 9.8pt;
|
|
}
|
|
|
|
.charsheet input {
|
|
width: 100%;
|
|
font-weight: 800;
|
|
background: #352719;
|
|
background-color: #D8D8D8;
|
|
text-align: center;
|
|
font-style: normal;
|
|
border: 3;
|
|
border-color: #b2b7b7;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* TABS */
|
|
|
|
|
|
div.tabbuttoncontainer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 794px;
|
|
margin-left: 5px;
|
|
border-bottom: 2px solid #e0e0e0;
|
|
|
|
}
|
|
|
|
button[type="action"].tabbutton {
|
|
|
|
font-family: 'Girassol';
|
|
font-size: 80%;
|
|
height: 12pt;
|
|
width: 75pt;
|
|
|
|
background-color: #5c5653;
|
|
color: white;
|
|
|
|
border: 1px solid gray;
|
|
border-radius: 6px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 1px 1px 8px 1px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.allsection,
|
|
.wepnstab,
|
|
.skillsandpoints, .spellstab, .story, .pointstab, .inventorytabsection {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="allsection"] ~ div.allsection,
|
|
.sheet-tabstoggle[value="wepnstab"] ~ div.wepnstab,
|
|
.sheet-tabstoggle[value="skillsandpoints"] ~ div.skillsandpoints,
|
|
.sheet-tabstoggle[value="spellstab"] ~ div.spellstab,
|
|
.sheet-tabstoggle[value="story"] ~ div.story,
|
|
.sheet-tabstoggle[value="pointstab"] ~ div.pointstab,
|
|
.sheet-tabstoggle[value="inventorytabsection"] ~ div.inventorytabsection {
|
|
display: block;
|
|
}
|
|
|
|
/* style active tab button */
|
|
.sheet-tabstoggle[value="allsection"] ~ .tabbutton0 .tabbutton, .sheet-tabstoggle[value="wepnstab"] ~ .tabbutton1 .tabbutton,
|
|
.sheet-tabstoggle[value="skillsandpoints"] ~ .tabbutton2 .tabbutton,
|
|
.sheet-tabstoggle[value="spellstab"] ~ .tabbutton3 .tabbutton,
|
|
.sheet-tabstoggle[value="story"] ~ .tabbutton4 .tabbutton,
|
|
.sheet-tabstoggle[value="pointstab"] ~ .tabbutton5 .tabbutton,
|
|
.sheet-tabstoggle[value="inventorytabsection"] ~ .tabbutton6 .tabbutton {
|
|
background-color: #000000;
|
|
box-shadow: 4px 4px 8px 4px rgb(1 1 1 / 38%);
|
|
border: 1px solid #b5b3af;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* LAYOUT */
|
|
|
|
div.dodaslayout {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
div.ATRTable, div.weapontable, div.armor, div.spelltable {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ATTRIBUTE TABLE */
|
|
|
|
.charsheet input[type=number] {
|
|
width: 100% !important;
|
|
height: auto;
|
|
padding: 0;
|
|
background-color: #e6e6e5;
|
|
}
|
|
|
|
.charsheet button[type="roll"].attributerollbutton {
|
|
background: none;
|
|
outline-color: transparent;
|
|
border-style: none;
|
|
font-weight: 200;
|
|
font-size: 90%;
|
|
padding: 0px 0px 0px 0px;
|
|
font-family: 'Girassol';
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
color: #292929;
|
|
}
|
|
|
|
.charsheet button[type="roll"].derivedattributerollbutton{
|
|
background: none;
|
|
outline-color: transparent;
|
|
border-style: none;
|
|
color: black;
|
|
font-weight: 200;
|
|
font-size: 100%;
|
|
padding: 0px 0px 0px 0px;
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
div.ATRTable {
|
|
background-color: gray;
|
|
width: 210pt;
|
|
height: 125pt;
|
|
/* from style reset */
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
background-color: #DBD8CA;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
|
|
div.ATRTableHeader {
|
|
display: grid;
|
|
font-family: 'Girassol';
|
|
grid-template-columns: 8pt 78pt 3pt 91pt 31pt;
|
|
font-size: 95%;
|
|
/*padding: .1em;*/
|
|
text-align: center;
|
|
/* font-style: italic; */
|
|
background-color: black;
|
|
color: white;
|
|
height: 15pt;
|
|
|
|
}
|
|
|
|
/*
|
|
button[type="roll"].ATRTableQuestionButton {
|
|
background: none;
|
|
outline-color: transparent;
|
|
border-style: none;
|
|
font-weight: 200;
|
|
font-size: 100%;
|
|
padding: 0px 0px 0px 0px;
|
|
font-family: 'Girassol';
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
color: #292929;
|
|
|
|
}
|
|
*/
|
|
|
|
div.ATRTableQuestion {
|
|
background-color: #dddddd;
|
|
border-radius: 50%;
|
|
height: 17px;
|
|
width: 15px;
|
|
box-shadow: 1px 1px 2px 1px rgb(25 17 8 / 60%);
|
|
font-family: 'Girassol';
|
|
/*
|
|
font-size: 115%;
|
|
*/
|
|
text-align: center;
|
|
font-style: italic;
|
|
height: 15pt;
|
|
padding-right: 0.2em;
|
|
margin-left: 15pt;
|
|
}
|
|
|
|
div.ATRTableRow {
|
|
display: grid;
|
|
grid-template-columns: 20pt 54pt 25pt 4pt 62pt 25pt 20pt;
|
|
font-size: 100%;
|
|
text-align: center;
|
|
height: 15pt;
|
|
}
|
|
|
|
|
|
|
|
|
|
div.ATRLetter {
|
|
font-family: 'Girassol';
|
|
font-style: normal;
|
|
padding: 0em;
|
|
color: #292929;
|
|
font-size: 90%;
|
|
|
|
|
|
/*
|
|
text-align: center;
|
|
font-size: 110%;
|
|
padding: .3em;
|
|
text-align: center
|
|
*/
|
|
}
|
|
|
|
div.ATRNumber {
|
|
text-align: center;
|
|
}
|
|
|
|
div.derivedATRLetter {
|
|
|
|
font-family: 'Girassol';
|
|
font-style: normal;
|
|
font-size: 85%;
|
|
background-color: #dbd8cc;
|
|
color: black;
|
|
|
|
text-align: center;
|
|
padding: 0;
|
|
padding-top: 1.1px;
|
|
height: 15pt;
|
|
}
|
|
|
|
|
|
|
|
/* RESOLVE_INITIATIVE FLEX Container */
|
|
|
|
div.resolve_initiative_flexcontainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
/* RESOLVE TABLE */
|
|
|
|
div.resolvetable {
|
|
font-family: 'Girassol';
|
|
width: 210pt;
|
|
height: 48pt;
|
|
|
|
margin-top: 22px;
|
|
margin-left: 5px;
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.resolvetabletoprow {
|
|
height: 18pt;
|
|
display: grid;
|
|
grid-template-columns: 35pt 35pt 28pt 28pt 28pt 28pt 28pt;
|
|
}
|
|
|
|
span.resolveword, span.resolvemax, span.fatigueword {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.resolveemptycell {
|
|
background-color: #D8D8D8;
|
|
border: none;
|
|
}
|
|
|
|
span.resolvewp, span.resolvestart, span.resolvecurrent, span.resolvetemporary {
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
|
|
span.resolveword, span.fatigueword {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.resolvetabletoprow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.resolvetablesecondrow, div.resolvetablethirdrow {
|
|
display: grid;
|
|
grid-template-columns: 70pt 28pt 28pt 28pt 28pt 28pt;
|
|
height: 14pt;
|
|
|
|
}
|
|
|
|
|
|
div.resolvetabletoprow span, div.resolvetablesecondrow span, div.resolvetablethirdrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.resolvetabletoprow {
|
|
color: white;
|
|
}
|
|
|
|
div.pointbuytable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
|
|
}
|
|
|
|
|
|
/* Initiative Table */
|
|
|
|
div.initiativetable {
|
|
font-family: 'Girassol';
|
|
width: 180pt;
|
|
height: 35pt;
|
|
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.initiativetabletoprow {
|
|
height: 17pt;
|
|
}
|
|
|
|
span.initiativeword, span.initiativetotal {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.initiativeemptycell {
|
|
background-color: #D8D8D8;
|
|
border: none;
|
|
}
|
|
|
|
span.initiativeref, span.initiativeskill, span.initiativeroll{
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
|
|
span.initiativeword {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.initiativetabletoprow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.initiativetabletoprow, div.initiativetablesecondrow, div.initiativetablethirdrow {
|
|
display: grid;
|
|
grid-template-columns: 70pt 28pt 28pt 28pt 28pt 28pt;
|
|
height: 17pt;
|
|
|
|
}
|
|
|
|
|
|
div.initiativetabletoprow span, div.initiativetablesecondrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.initiativetabletoprow {
|
|
color: white;
|
|
}
|
|
|
|
div.initiativetable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
|
|
}
|
|
|
|
/* SPECIAL ROLLS table */
|
|
div.specialrollstable {
|
|
font-family: 'Girassol';
|
|
width: 165pt;
|
|
height: 17pt;
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.specialrollsrow {
|
|
display: grid;
|
|
grid-template-columns: 70pt 19pt 19pt 19pt 19pt 19pt;
|
|
height: 17pt;
|
|
background-color: #dbd8cd;
|
|
}
|
|
|
|
div.specialrollsrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
color: white;
|
|
}
|
|
|
|
.specialrollstitle {
|
|
background-color: black;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.specialrollsrow img {
|
|
/* height: auto; */
|
|
padding: 0pt;
|
|
border: 1px solid #343434;
|
|
height: 15pt;
|
|
width: 16pt;
|
|
background-color: #b2b7b7;
|
|
|
|
}
|
|
|
|
|
|
/* Passives and LuckSanity FLEX */
|
|
div.passives_luck_flexcontainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Passive Perception Table */
|
|
body {
|
|
background-color: #8b8786;
|
|
}
|
|
|
|
div.passiveperceptiontable {
|
|
font-family: 'Girassol';
|
|
width: 185pt;
|
|
height: 62pt;
|
|
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.passiveperceptiontable .passiveperceptiontabletoprow {
|
|
height: 18pt;
|
|
}
|
|
|
|
div.passiveperceptionsimage {
|
|
text-align: center;
|
|
}
|
|
|
|
div.passiveperceptiontabletoprow span.passiveperceptiontotal {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
|
|
span.passiveperceptionwit, span.passiveperceptionskill, span.passiveperceptionbase{
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
|
|
span.passiveperceptionsword {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.passiveperceptiontabletoprow span {
|
|
border: 1px solid gray;
|
|
background-color: #d8d8d8;
|
|
}
|
|
|
|
div.passiveperceptiontabletoprow, div.passiveperceptiontableinputrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 28pt 28pt 28pt 28pt 28pt;
|
|
height: 14pt;
|
|
}
|
|
|
|
|
|
div.passiveperceptiontabletoprow span, div.passiveperceptiontableinputrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.passiveperceptiontabletoprow {
|
|
color: white;
|
|
}
|
|
|
|
div.passiveperceptiontable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
}
|
|
|
|
span.passiveperceptionword, span.enemydetectionword, span.passiveinsightword {
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 9pt
|
|
}
|
|
|
|
|
|
/* SANITY AND LUCK */
|
|
div.lucksanitytable {
|
|
font-family: 'Girassol';
|
|
width: 185pt;
|
|
height: 49pt;
|
|
|
|
margin-top: 22px;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.lucksanitytable .lucksanitytabletoprow {
|
|
height: 18pt;
|
|
}
|
|
|
|
span.luckword, span.sanityword, span.lucksanitymax {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
/* image thing
|
|
span.initiativeemptycell {
|
|
background-color: #D8D8D8;
|
|
border: none;
|
|
}
|
|
*/
|
|
|
|
span.lucksanitycell, span.lucksanityMax, span.lucksanityMax, span.lucksanityCurrent, span.lucksanityLoss{
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
|
|
span.sanityword, span.luckword {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.lucksanitytabletoprow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.lucksanitytabletoprow, div.lucksanitytablesecondrow, div.lucksanitytablethirdrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 28pt 28pt 28pt 28pt 28pt;
|
|
height: 14pt;
|
|
|
|
}
|
|
|
|
|
|
div.lucksanitytabletoprow span, div.lucksanitytablesecondrow span, div.lucksanitytablethirdrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
|
|
|
|
div.lucksanitytable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*WEAPON TABLE*/
|
|
|
|
div.weapontable {
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 7.0pt;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.weapontable span {
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center; /* new */
|
|
|
|
}
|
|
|
|
div.wptrow2 span {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.wptrow1 {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 72pt 72pt 72pt 89pt 57pt 20pt 32pt 25pt 20pt;
|
|
column-gap: 0;
|
|
background-color: none;
|
|
height: 16pt;
|
|
|
|
}
|
|
|
|
div.wptrow2 {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 37pt 26pt 26pt 32pt 25pt 104pt;
|
|
column-gap: 0;
|
|
background-color: gray;
|
|
|
|
}
|
|
|
|
.wptrangedc, .rollplus, .wptSkrm, .wpttoprowAP, .wtMod, .wtA, .wtAdvBlock, .wtSkrmD {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.wtweapon, .cptoprow, .wtTotal, .wtDm, .wtOther {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.wtweapon {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.wtSkrmD, .wptSkrm, .wpttoprowcut, .wpttoprowthrust, .wtRange, .wpttoprowparryorblock, .wpttoprowdodge, .pp, .wtRange, .wtHand, .wtD, .wtSkrmDef, .wtAdvBlock {
|
|
color: black;
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.wtReachCategory, .wtReachLevel, .wtReachSpaces {
|
|
color: black;
|
|
background-color: #D8D8D8;
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.wtAdvBlock {
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.wptrangedc {
|
|
display: grid;
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
.wpttoprowcut, .wpttoprowthrust, .wtRange, .wtHand, .wtA, .wtD, .wrSkrmDef {
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.wpttoprowdodge {
|
|
border-left: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.wpttoprowAP, .wtMod {
|
|
border-left: 1px solid #D8D8D8;
|
|
border-right: 1px solid #D8D8D8;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*repeating inputer*/
|
|
|
|
div.wptfillrepeating,
|
|
div.wptfillrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 37pt 26pt 26pt 32pt 25pt 1fr;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
}
|
|
|
|
input[name="attr_cptotal"], input[name="attr_weapon"] {
|
|
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
|
|
|
|
/* RANGED WEAPONS */
|
|
|
|
div.rangedweapontable {
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 7.0pt;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.rangedweapontable span {
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center; /* new */
|
|
|
|
}
|
|
|
|
div.rwptrow2 span {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.rwptrow1 {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 72pt 50pt 94pt 24pt 57pt 60pt;
|
|
column-gap: 0;
|
|
background-color: none;
|
|
height: 16pt;
|
|
|
|
}
|
|
|
|
div.rwptrow2 {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 24pt 24pt 24pt 50pt 30pt 40pt 24pt 24pt 32pt 25pt 104pt;
|
|
column-gap: 0;
|
|
background-color: gray;
|
|
|
|
}
|
|
|
|
.wptrangedc, .rollplus, .wptSkrm, .rwpttoprowAP, .rwtMod, .rwtA {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.rwtweapon, .rwptcptoprow, .rwtTotal, .rwtOther {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.rwtweapon {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.rwtPenetration, .rwpttoprowshoot, .rwpttoprowrange, .wpttoprowparry, .rwtSkrmD, .rwtAccuracy, .rwtroll, .rwtincrement, .rwttime, .rwtleftequipped, .rwtrightequipped {
|
|
color: black;
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.wptrangedc {
|
|
display: grid;
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
.rwpttoprowshoot, .rwtAccuracy, .rwtPenetration, .rwtSkrmD, .rwtleftequipped, .rwtrightequipped, .rwtA, .rwtroll, .wrSkrmDef {
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
|
|
|
|
.rwpttoprowAP, .rwtMod {
|
|
border-left: 1px solid #D8D8D8;
|
|
border-right: 1px solid #D8D8D8;
|
|
}
|
|
|
|
/*style reload*/
|
|
.rwptreload {
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*repeating inputer*/
|
|
|
|
div.rwptfillrepeating,
|
|
div.rwptfillrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 90pt 22pt 25pt 24pt 24pt 24pt 50pt 30pt 40pt 24pt 24pt 32pt 25pt 1fr;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
}
|
|
|
|
input[name="attr_rangedCPTotal"], input[name="attr_rangedweapon"] {
|
|
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ARMOR TABLE */
|
|
|
|
div.armortable {
|
|
/*
|
|
font-style: normal;
|
|
*/
|
|
font-family: 'Girassol';
|
|
width: 444pt;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 3pt 0pt 0in 3pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.armortable span {
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center; /* new */
|
|
|
|
}
|
|
|
|
div.armortbtoprow {
|
|
display: grid;
|
|
grid-template-columns: 79pt 72pt 20pt 72pt;
|
|
column-gap: 0;
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
}
|
|
|
|
span.atTopAvEquip {
|
|
background-color: #EAEAEA;
|
|
color: black;
|
|
font-weight: 900;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
}
|
|
/*cpbc DR total*/
|
|
span.atP, span.atB, span.atC, span.atE {
|
|
background-color: #EAEAEA;
|
|
color: black;
|
|
font-weight: 900;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
}
|
|
|
|
span.atDRTotal {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.attc, span.attp, span.attb, span.atte {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.atTopWeapon, span.atTopBD {
|
|
background-color: none;
|
|
}
|
|
|
|
img.ArmorBodyImg {
|
|
height: 13pt;
|
|
width: 13pt;
|
|
}
|
|
|
|
/* second row stuff */
|
|
div.armorsecondrow {
|
|
display: grid;
|
|
grid-template-columns: 79pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 30pt 110pt;
|
|
height: 14pt;
|
|
column-gap: 0;
|
|
color: #292929;
|
|
|
|
}
|
|
/* repeating inputs */
|
|
div.armor-fillinrepeating,
|
|
div.armor-fillinrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 79pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 30pt 110pt;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 14pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
}
|
|
|
|
input[name="attr_damagereduction"], input[name="attr_attP"],
|
|
input[name="attr_attB"], input[name="attr_attE"], input[name="attr_armor"] {
|
|
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
/*some styling */
|
|
div.armorsecondrow span, div.armortbtoprow span {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
|
|
span.atArmor, span.atDR {
|
|
/* font-weight: 900; */
|
|
background: black;
|
|
color: #ffffff;
|
|
}
|
|
|
|
span.atArmor {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
span.atLocation, span.atAPM, span.atStealth, span.atMobility, span.atOther {
|
|
background-color: #DBDBDB;
|
|
|
|
}
|
|
|
|
span.atStealth {
|
|
border-right: 1px solid #BCBCBC;
|
|
border-left: 1px solid #BCBCBC;
|
|
}
|
|
|
|
span.atBD {
|
|
background-color: #dbd8cd;
|
|
color: black;
|
|
/*
|
|
font-weight: 600;
|
|
*/
|
|
border-bottom: 1px solid #BCBCBC;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-top: 1px solid black;
|
|
}
|
|
|
|
span.atAPM {
|
|
background-color: white;
|
|
color: black;
|
|
|
|
border-right: 1px solid #BCBCBC;
|
|
border-left: 1px solid #BCBCBC;
|
|
}
|
|
|
|
|
|
/* RANGED DEFENSE TABLE */
|
|
|
|
div.rangedefensetable {
|
|
font-family: 'Girassol';
|
|
width: 163pt;
|
|
height: 62pt;
|
|
|
|
margin-top: 0px;
|
|
margin-left: 5px;
|
|
margin-rigth: 13px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.rangedefensetabletoprow {
|
|
border: none;
|
|
}
|
|
div.rangedefensetablesecondrow {
|
|
height: 17pt;
|
|
}
|
|
|
|
span.rangedefenseunarmedword, span.rangedefenseshieldword {
|
|
font-size: 9pt;
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.rangedefensemodifier, span.rangedefensestill, span.rangedefensemoving {
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
|
|
div.rangedefensetablesecondrow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.rangedefensetabletoprow, div.rangedefensetablesecondrow, div.rangedefensetableinputrow {
|
|
display: grid;
|
|
grid-template-columns: 80pt 28pt 28pt 28pt 28pt 28pt;
|
|
|
|
}
|
|
|
|
|
|
div.rangedefensetabletoprow span, div.rangedefensetablesecondrow span, div.rangedefensetableinputrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.rangedefensetable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
}
|
|
|
|
span.rangeddefenseword {
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 9pt
|
|
}
|
|
|
|
span.rangedefenseunarmedword, span.rangeddefenseshieldword {
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* SPELLS TABLE */
|
|
|
|
div.spelltable {
|
|
display: grid;
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
font-size: 8.0pt;
|
|
color: black;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px color #8a8378;
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
|
|
}
|
|
|
|
div.spelltable span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.strow {
|
|
display: grid;
|
|
grid-template-columns: 80pt 25pt 32pt 40pt 40pt 40pt 25pt 25pt 25pt 20pt 270pt ;
|
|
column-gap: 0;
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.stspells, .stLVL, .stCP, .stRoll, .stOpp, .stArea, .stDuration, .stRange, .stDescription {
|
|
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.stRollbutton, .stLVL, .stspells, .stCP, .stRoll {
|
|
background-color: black;
|
|
color: white;
|
|
|
|
}
|
|
|
|
.stArea, .stDuration, .stRange, .stDescription {
|
|
background-color: white;
|
|
}
|
|
|
|
.stLVL, .stRoll {
|
|
background-color: gray;
|
|
}
|
|
|
|
div.strepeating,
|
|
div.strepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 80pt 25pt 32pt 40pt 40pt 40pt 25pt 25pt 25pt 20pt 270pt ;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
padding: 0;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_spelllevel"], input[name="attr_spellskill"],
|
|
input[name="attr_strcp"] {
|
|
|
|
background-color: #EAEAEA;
|
|
font-family: 'Girassol';
|
|
font-weight: 100;
|
|
}
|
|
|
|
div.strepeating input[name="attr_spelldescription"] {
|
|
text-align: left;
|
|
padding: 0pt 4pt;
|
|
font-family: 'Girassol';
|
|
font-weight: 100;
|
|
}
|
|
|
|
div.strepeating input[name="attr_spellorability"] {
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* SKILLS AND ABILITIES */
|
|
|
|
|
|
|
|
|
|
/* ALTERNATE LAYOUT button and display */
|
|
.hidemathtext {
|
|
font-family: 'Verdena';
|
|
font-size: 9pt;
|
|
position: relative;
|
|
margin: 0pt;
|
|
}
|
|
.sheet-block-fulltable, .charsheet .sheet-hidemathcheckbox:checked ~ .sheet-block-nomathtable {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet .sheet-block-nomathtable, .charsheet .sheet-hidemathcheckbox:checked ~ .sheet-block-fulltable {
|
|
display: none;
|
|
}
|
|
|
|
/* combat table changes */
|
|
.sheet-block-combatfulltable, .charsheet .sheet-combathidemathcheckbox:checked ~ .sheet-block-combatnomathtable {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet .sheet-block-combatnomathtable, .charsheet .sheet-combathidemathcheckbox:checked ~ .sheet-block-combatfulltable {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-combathidemathcheckbox, .sheet-hidemathcheckbox {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-duplicatecheckbox {
|
|
height: 10pt;
|
|
width: 10pt;
|
|
}
|
|
|
|
div.skilltablerow input.sheet-fakehidemathcheckbox {
|
|
position: relative;
|
|
top: 1px;
|
|
width: 42px;
|
|
height: 15px;
|
|
}
|
|
|
|
.charsheet input.sheet-hidemathcheckbox, .charsheet input.sheet-combathidemathcheckbox {
|
|
position: relative;
|
|
top: 22px;
|
|
left: 202px;
|
|
width: 42px;
|
|
height: 16px;
|
|
padding: 0pt;
|
|
margin: 0pt;
|
|
border: none;
|
|
}
|
|
|
|
|
|
|
|
/* skill table */
|
|
div.skilltable {
|
|
font-family: 'Girassol';
|
|
width: 623pt;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
margin-top: 5px;
|
|
margin-bottom: -2px;
|
|
color: black;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.adventuringgridalttable {
|
|
font-family: 'Girassol';
|
|
width: 623pt;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
margin-top: 13px;
|
|
color: black;
|
|
background-color: #b2b7b7;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.adventuringgridalttable input[type="text"], div.adventuringgridalttable input[type="number"], div.skilltable input[type="text"], div.skilltable input[type="number"] {
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div.skilltablerow span, div.skilltablerow2 span, div.adventuringgridalttabletitlerowrow2 span {
|
|
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center;
|
|
|
|
}
|
|
|
|
|
|
div.skilltablerow {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 44pt 24pt 125pt 48pt 24pt 24pt 88pt 80pt;
|
|
height: 14pt;
|
|
}
|
|
|
|
div.skilltablerow2 {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 24pt 24pt 25pt 25pt 25pt 25pt 25pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 80pt ;
|
|
}
|
|
|
|
.str1Above, .str1RelevantAttributes, .str2Tier, .str2Cost, .str2AboveSub, .str2Roll {
|
|
background-color: #cfcfcf;
|
|
}
|
|
|
|
.str2Roll, .str1Skillsand, .str2Abilities, .str2Total {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.str1TiersbyCost, .str27, .str24, .str22, .str21, .str2star, .str2ATR1, .str2Mod1, .str2ATR2, .str2Mod2 {
|
|
background-color: #bababa;
|
|
}
|
|
|
|
.str1Synergy, .str2Bonus, .str2Offset {
|
|
background-color: #575757;
|
|
color: white;
|
|
}
|
|
|
|
.str1RelevantAttributes, .str2Tier, .str2Cost, .str1TiersbyCost, .str27, .str24, .str22, .str21, .str2star, .str2ATR1, .str2Mod1, .str2ATR2, .str2Mod2, .str2Bonus, .str2Offset {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.str1Skillsand, .str2Abilities {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
|
|
.str2Roll {
|
|
border-left: 1px solid #d1d1d1;
|
|
}
|
|
|
|
/* input fields */
|
|
div.skillsfillrepeating,
|
|
div.skillsfillrepeating input[type="text"], div.skillsfillrepeating input[type="number"] {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 24pt 24pt 25pt 25pt 25pt 25pt 25pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 70pt;
|
|
|
|
}
|
|
|
|
div.skillsfillrepeatingsecondary,
|
|
div.skillsfillrepeatingsecondary input[type="text"], div.skillsfillrepeatingsecondary input[type="number"] {
|
|
display: grid;
|
|
grid-template-columns: 144pt 32pt 20pt 24pt 24pt 25pt 25pt 25pt 25pt 25pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 70pt;
|
|
}
|
|
|
|
|
|
|
|
div.meleeandrangerow, div.meleeandrangerow input[type="text"], div.meleeandrangerow input[type="number"] {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 24pt 24pt 25pt 25pt 25pt 25pt 25pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 70pt;
|
|
|
|
}
|
|
|
|
div.skillsfillrepeatingtertiary,
|
|
div.skillsfillrepeatingtertiary input[type="text"], div.skillsfillrepeatingtertiary input[type="number"] {
|
|
display: grid;
|
|
grid-template-columns: 137pt 39pt 20pt 24pt 24pt 25pt 25pt 25pt 25pt 25pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 70pt;
|
|
|
|
}
|
|
|
|
/* margin left indent skill header styling */
|
|
div.skillsfillrepeatingsecondary span.skillnamefield, div.meleeandrangerow span.skillnamefield, div.adventurecompactskillrowsecond span.skillnamefield, div.adventurecompactssindent span.skillnamefield {
|
|
margin-left: 7pt;
|
|
}
|
|
|
|
div.socialwitgrid span.skillnamefield, div.adventurecompactskillrowsecond span.skillnamefield, div.adventurecompactskillrowsecond span.skillnamefield, div.adventurecompactskillrowsecond span.skillnamefield {
|
|
margin-left: 7pt;
|
|
height: 12.2pt;
|
|
}
|
|
|
|
div.skillsfillrepeatingsecondary input.skillnamefield, div.adventurecompactskillrowspec input.skillnamefield {
|
|
color: #eeecec;
|
|
background-color: #5d5d5d;
|
|
margin-left: 7pt;
|
|
}
|
|
|
|
div.skillsfillrepeatingtertiary input.skillnamefield, div.adventurecompactskillrowsecondspec input.skillnamefield {
|
|
color: #eeecec;
|
|
background-color: #5d5d5d;
|
|
margin-left: 14pt;
|
|
}
|
|
|
|
div.skillsfillrepeatingsecondary input.skilltotalfield, div.adventuringskillsfillrepeatingsecondary input.skilltotalfield, div.adventurecompactskillrowspec input.skilltotalfield, div.adventurecompactssindent input.skilltotalfield {
|
|
padding-left: 3pt;
|
|
}
|
|
|
|
div.adventurecompactskillrowsecondspec input.skilltotalfield {
|
|
padding-left: 15pt;
|
|
}
|
|
|
|
/* hide math table styling */
|
|
div.adventurecompactskillrowspec input.skilltotalfield, div.skillsfillrepeatingsecondary input.skilltotalfield {
|
|
padding-left: 8.5pt;
|
|
}
|
|
|
|
div.skillsfillrepeatingtertiary input.skilltotalfield {
|
|
padding-left: 15.5pt;
|
|
}
|
|
|
|
div.adventuringgridalttable input.skillnamefield {
|
|
border: none;
|
|
height: 14pt;
|
|
/* height: 16pt; */
|
|
}
|
|
|
|
div.skilltable input.skillnamefield {
|
|
/* border: 0.5pt solid #b2b7b7; */
|
|
height: 14pt;
|
|
}
|
|
|
|
|
|
|
|
/* additional styling */
|
|
.tierabovesubfield, .synergybonusfield, .synergyoffsetfield, .subtotalfield {
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
.skilltotalfield {
|
|
background-color: #EAEAEA;
|
|
|
|
}
|
|
|
|
.costcolumn {
|
|
background-color: #cacaca;
|
|
}
|
|
|
|
.skillnamefield {
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
display: flex;
|
|
/*
|
|
align-items: center;
|
|
*/
|
|
justify-content: center;
|
|
font-family: georgia;
|
|
font-size: 8.5pt;
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 10px, 100% 100%, 11px 100%, 0 calc(100% - 10px), 0 0);
|
|
/* this one clips top right as well, not needed at the moment
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 12px, 100% 100%, 10px 100%, 0 calc(100% - 10px), 0 0);
|
|
*/
|
|
}
|
|
|
|
.skillnamefieldprimary {
|
|
background-color: #3f3b3b;
|
|
color: #e0e0e0;
|
|
border: 2px solid #363434;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: georgia;
|
|
font-size: 8.5pt;
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 10px, 100% 100%, 11px 100%, 0 calc(100% - 10px), 0 0);
|
|
/* this one clips top right as well, not needed at the moment
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 12px, 100% 100%, 10px 100%, 0 calc(100% - 10px), 0 0);
|
|
*/
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
div.adventurecompactskillrowgroup:after, div.skillsfillrepeating:after {
|
|
content: '';
|
|
z-index: 2;
|
|
position: relative;
|
|
top: 4pt;
|
|
left: -49pt;
|
|
border-top: 8px solid #3f3b3b;
|
|
border-left: 9px solid #b2b7b7;
|
|
width: 0pt;
|
|
height: 0pt;
|
|
}
|
|
|
|
div.meleeandrangerow:after {
|
|
content: '';
|
|
z-index: 2;
|
|
position: relative;
|
|
top: 4pt;
|
|
left: -49pt;
|
|
border-top: 8px solid #3f3b3b;
|
|
border-left: 9px solid #b2b7b7;
|
|
width: 0pt;
|
|
height: 0pt;
|
|
}
|
|
|
|
div.adventurecompactskillrowspec:after {
|
|
content: '';
|
|
z-index: 2;
|
|
position: relative;
|
|
top: 4pt;
|
|
left: -49pt;
|
|
border-top: 8px solid #3f3b3b;
|
|
border-left: 9px solid #b2b7b7;
|
|
width: 0pt;
|
|
height: 0pt;
|
|
}
|
|
*/
|
|
/*
|
|
span.skillnamefieldprimary:before {
|
|
content: '';
|
|
position: relative;
|
|
top: 4pt;
|
|
left: -49pt;
|
|
border-top: 8px solid #3f3b3b;
|
|
border-left: 9px solid #b2b7b7;
|
|
width: 0pt;
|
|
height: 0pt;
|
|
}
|
|
|
|
span.skillnamefield:before {
|
|
content: '';
|
|
position: relative;
|
|
top: 4pt;
|
|
left: -49pt;
|
|
border-top: 8px solid #3f3b3b;
|
|
border-left: 9px solid #b2b7b7;
|
|
width: 0pt;
|
|
height: 0pt;
|
|
}
|
|
*/
|
|
|
|
|
|
div.skillsfillrepeating input[name="attr_skillsandabilities"], div.adventuringskillsfillrepeating input[name="attr_skillsandabilities"] {
|
|
background-color: #4a4545;
|
|
color: #e0e0e0;
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
/* make irrelevant tier cost gray */
|
|
div.skillsfillrepeatingsecondary input.tierfivefield, div.skillsfillrepeatingsecondary input.tierfourfield {
|
|
background-color: #b2b7b7;
|
|
}
|
|
|
|
div.skillsfillrepeating input.tierfivefield, div.skillsfillrepeating input.allcombattierfourfield, div.skillsfillrepeating input.tierthreefield, div.skillsfillrepeating input.combattierfour, div.skillsfillrepeating input.tiertwofield, div.skillsfillrepeating input.tieronefield, div.skillsfillrepeating input.tierstarfield, div.meleeandrangerow input.tierfivefield, div.meleeandrangerow input.tierthreefield, div.meleeandrangerow input.tiertwofield, div.meleeandrangerow input.tieronefield {
|
|
background-color: #b2b7b7;
|
|
}
|
|
|
|
div.skillsfillrepeatingtertiary input.tierfivefield, div.skillsfillrepeatingtertiary input.tierfourfield {
|
|
background-color: #b2b7b7;
|
|
}
|
|
|
|
/* make synergy input fields stand out, darker dray */
|
|
.charsheet input.tierabovesubfield, .charsheet input.synergybonusfield {
|
|
background-color: #d8d8d8;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* alt layout 3 columns, new skill property names */
|
|
|
|
div.gridalttablecontainer {
|
|
display: grid;
|
|
grid-template-columns: 205pt 205pt 205pt;
|
|
}
|
|
|
|
/*row 0*/
|
|
div.adventuringgridalttabletitlerow {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 9pt 150pt 26pt 20pt 9pt 150pt 26pt 20pt 9pt;
|
|
}
|
|
|
|
div.combatalttabletitlerow {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 400pt;
|
|
height: 14pt;
|
|
}
|
|
|
|
div.adventuringgridalttabletitlerow span, div.combatalttabletitlerow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/*skillrows*/
|
|
div.adventurecompactcolumn1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
div.combatcompactcolumn1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
div.adventurecompactcolumn2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
div.adventurecompactcolumn3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
div.adventurecompactskillrowgroup, div.adventurecompactssindent {
|
|
display: grid;
|
|
grid-template-columns: 150pt 26pt 20pt 9pt;
|
|
}
|
|
|
|
div.adventurecompactskillrowspec, div.adventurecompactskillrowsecond {
|
|
display: grid;
|
|
grid-template-columns: 144pt 32pt 20pt 9pt;
|
|
}
|
|
|
|
div.adventurecompactskillrowsecondspec {
|
|
display: grid;
|
|
grid-template-columns: 137pt 39pt 20pt 9pt;
|
|
}
|
|
|
|
|
|
/*hide buttons */
|
|
div.gridalttablecontainer div[data-groupname=repeating_knowledgespec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_mobilityspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_perceptionspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_professionspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_strengthskillsspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_mechanicaldevicesspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_medicinespec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_socialwitspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_socialpersonalityspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_survivaloutdoorsspec].repcontrol, div.gridalttablecontainer div[data-groupname=repeating_survivalurbanspec].repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
div.gridalttablecontainer [data-groupname=repeating_allcombatspec].repcontrol, div.gridalttablecontainer [data-groupname=repeating_meleespec].repcontrol, div.gridalttablecontainer [data-groupname=repeating_rangedspec].repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
/* images for skill table */
|
|
|
|
div.adventuringgridalttable img {
|
|
position: relative;
|
|
height: 15px;
|
|
width: 15px;
|
|
top: 0px;
|
|
}
|
|
|
|
div.skilltable img {
|
|
position: relative;
|
|
height: 15px;
|
|
width: 15px;
|
|
top: 0px;
|
|
left: -10px;
|
|
}
|
|
|
|
div.combatskilltable img {
|
|
position: relative;
|
|
height: 15px;
|
|
width: 15px;
|
|
top: 0px;
|
|
left: -10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* POINT BUY TOTALS TABLE */
|
|
|
|
div.pointbuytable {
|
|
font-family: 'Girassol';
|
|
width: 542pt;
|
|
height: 185pt;
|
|
|
|
margin-top: 12px;
|
|
margin-left: 0px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #404040;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.pointbuytabletitlerow {
|
|
height: 17pt;
|
|
}
|
|
|
|
div.pointbuytabletitlerow, div.pointbuytabletotalrow {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
div.pointbuytabletitlerow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.pointbuytabletitlerow, div.pointbuytablerow, div.pointbuytabletotalrow {
|
|
display: grid;
|
|
grid-template-columns: 111pt 26pt 30pt 26pt 30pt 320pt;
|
|
|
|
}
|
|
|
|
|
|
div.pointbuytabletitlerow span, div.pointbuytablerow span, div.pointbuytabletotalrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.pointbuytablerow {
|
|
color: white;
|
|
font-family: 'Verdana';
|
|
font-size: 7pt;
|
|
}
|
|
|
|
.pbtpointsspent {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.pointbuytable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
}
|
|
|
|
.pbtUnspent, .pbtSpent, .pbtNegative {
|
|
background-color: #cfcfcf;
|
|
color: black;
|
|
}
|
|
|
|
.pbtnotes {
|
|
background-color: #404040;
|
|
}
|
|
|
|
.pbtSkillTable, .pbtPowersandAbilities, .pbtAttributes {
|
|
border: 1px solid #363434;
|
|
}
|
|
|
|
div.pointbuytable input.pbtbold {
|
|
font-weight: 900;
|
|
}
|
|
|
|
|
|
|
|
/* SPELL BUILDER */
|
|
|
|
div.spellbuilder {
|
|
font-family: 'Verdana';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
margin-top: 12px;
|
|
margin-left: 0px;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.spellbuilder span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: right;
|
|
padding: 0px 4px 0px 0px;
|
|
}
|
|
|
|
/*rows*/
|
|
div.sbtitlerow {
|
|
display: grid;
|
|
grid-template-columns: 60pt repeat(4, 90pt 20pt);
|
|
}
|
|
|
|
div.sbrowcorespell, div.sbrowdamage, div.sbrowspelltype, div.sbrowarea, div.sbrowduration, div.sbrowrange, div.sbrowmodifiers, div.sbmodifiersfill {
|
|
display: grid;
|
|
grid-template-columns: 60pt repeat(4, 90pt 20pt);
|
|
}
|
|
|
|
|
|
div.spellbuilder input[type="text"] {
|
|
font-family: 'Verdana';
|
|
height: 12.8pt;
|
|
font-size: 7.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_spellbuildername1"], input[name="attr_spellbuildername2"],
|
|
input[name="attr_spellbuildername3"],
|
|
input[name="attr_spellbuildername4"],
|
|
input[name="attr_spellbuilderlvl1"],
|
|
input[name="attr_spellbuilderlvl2"],
|
|
input[name="attr_spellbuilderlvl3"],
|
|
input[name="attr_spellbuilderlvl4"], .sbcorespell {
|
|
background-color: #404040;
|
|
color: blue;
|
|
}
|
|
|
|
div.sbtitlerow input[type="text"] {
|
|
color: white;
|
|
}
|
|
|
|
|
|
input[name="attr_sbcorespell1"], input[name="attr_sbcorelvl1"],
|
|
input[name="attr_sbcorespell2"],
|
|
input[name="attr_sbcorelvl2"],
|
|
input[name="attr_sbcorespell3"],
|
|
input[name="attr_sbcorelvl3"],
|
|
input[name="attr_sbcorespell4"],
|
|
input[name="attr_sbcorelvl4"], .sbcorespell, input[name="attr_sbmodifiers1"], input[name="attr_sbmodifierslvl1"],
|
|
input[name="attr_sbmodifiers2"],
|
|
input[name="attr_sbmodifierslvl2"],
|
|
input[name="attr_sbmodifiers3"],
|
|
input[name="attr_sbmodifierslvl3"],
|
|
input[name="attr_sbmodifiers4"],
|
|
input[name="attr_sbmodifierslvl4"] {
|
|
background-color: #dbdbdb;
|
|
color: black;
|
|
}
|
|
|
|
div.sbmodifiersfill input[name="attr_sbmodifierleft"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifiertext1"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifier1"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifiertext2"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifier2"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifiertext3"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifier3"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifiertext4"],
|
|
div.sbmodifiersfill input[name="attr_sbmodifier4"] {
|
|
background-color: #dbdbdb;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.sbdamage, .sbspelltype, .sbmodifiers {
|
|
background-color: gray;
|
|
}
|
|
|
|
.sbarea, .sbduration, .sbrange {
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
|
|
.sbdamage, .sbspelltype, .sbmodifiers {
|
|
color: black;
|
|
background-color: #dbdbdb;
|
|
}
|
|
|
|
.sbnameandlevel {
|
|
color: white;
|
|
background-color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* INVENTORY TABLE */
|
|
|
|
div.inventorytable {
|
|
font-family: 'Girassol';
|
|
width: 635pt;
|
|
margin-top: 12px;
|
|
margin-left: 0px;
|
|
margin-bottom: 8px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #b2b7b7;
|
|
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.inventorytabletoprow {
|
|
height: 19pt;
|
|
}
|
|
|
|
span.inventorytabletotalsword, span.inventorytableinventoryword {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.inventorytableamount, span.inventorytableweightword, span.inventorytablebulkword, span.inventorytablemobilityword, span.inventorytableapmodword, span.inventoryequippedword {
|
|
background-color: #D8D8D8;
|
|
color: black;
|
|
}
|
|
/*
|
|
span.inventorynotesword {
|
|
color: white;
|
|
}
|
|
*/
|
|
|
|
div.inventorytabletoprow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.inventorytabletoprow, div.inventorytotalsrow {
|
|
display: grid;
|
|
grid-template-columns: 144pt 32pt 32pt 32pt 32pt 32pt 32pt 302pt;
|
|
|
|
}
|
|
|
|
div.inventorytablerepeatinginputsrow,
|
|
div.inventorytablerepeatinginputsrow input[type="text"], div.inventorytablerepeatinginputsrow input[type="checkbox"] {
|
|
display: grid;
|
|
grid-template-columns: 144pt 32pt 32pt 32pt 32pt 32pt 32pt 302pt;
|
|
font-family: 'Verdana';
|
|
font-weight: 100;
|
|
height: 14pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
|
|
div.inventorytabletoprow span, div.inventorytotalsrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
|
|
.inventorytableinventoryword {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.inventorytablerepeatinginputsrow input.inventorytitlestyle {
|
|
background-color: #3a3636;
|
|
color: #ececec;
|
|
border: 1px solid #5d5d5d;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*roll buttons*/
|
|
|
|
.charsheet button[type=roll].derivedattributerollbutton::before {
|
|
content: '';
|
|
}
|
|
|
|
.charsheet button[type=roll].attributerollbutton::before {
|
|
content: '';
|
|
}
|
|
.charsheet button[type=roll].hidden {
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
/* -- STORY -- */
|
|
|
|
.storychunk {
|
|
border: 1px solid #554811;
|
|
font-family: Cambria;
|
|
padding: 0px 0px 0px 0px;
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
div.dodaslayout .storychunk textarea {
|
|
/* padding: 0px 0px 0px 0px; */
|
|
margin-bottom: 0pt;
|
|
}
|
|
|
|
.storyHeader {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: white;
|
|
background-color: black;
|
|
|
|
font-weight: bold;
|
|
font-size: 13pt;
|
|
}
|
|
|
|
.personalityrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
justify-content: center;
|
|
text-align: center;
|
|
background: #49453a;
|
|
color: #d6d6d4;
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
/*
|
|
.personalityrow2 {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
justify-content: center;
|
|
text-align: center;
|
|
background: #615e56;
|
|
color: #d6d6d4;
|
|
}
|
|
*/
|
|
|
|
.storyDescriptorHeader {
|
|
border: 1px solid #5e585800;
|
|
width: 97%;
|
|
}
|
|
|
|
.ui-dialog .charsheet textarea {
|
|
min-height: 1rem;
|
|
height: 4rem;
|
|
width: 90%;
|
|
font-style: normal;
|
|
font-family: Palatino;
|
|
background-color: #352719;
|
|
padding: 6px;
|
|
color: #d6d6d4;
|
|
border: 1px dotted #000000;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ----- ROLL TEMPLATES--------- */
|
|
|
|
/* custom roll templates */
|
|
.sheet-rolltemplate-dodas1 .sheet-container, .sheet-rolltemplate-dodasranged .sheet-container {
|
|
justify-content: space-between;
|
|
width:100%;
|
|
background-color: black;
|
|
font-family:"Palatino",Helvetica,sans-serif;
|
|
margin-bottom: 5pt;
|
|
border: 1px solid #c2cecf;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 .sheet-fakeheader, .sheet-rolltemplate-dodasranged .sheet-fakeheader {
|
|
background: linear-gradient(180deg, #dfe9eb, #93a3a2);
|
|
color: #d5e0e0;
|
|
bottom:0;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 .sheet-titleweapon, .sheet-rolltemplate-dodasranged .sheet-titleweapon {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
|
|
font-weight:300;
|
|
font-size:1.4em;
|
|
height: 12pt;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 .sheet-subheader, .sheet-rolltemplate-dodasranged .sheet-subheader {
|
|
color: black;
|
|
text-align: center;
|
|
font-weight:150;
|
|
font-size: .8em;
|
|
font-style: italic;
|
|
vertical-align: bottom;
|
|
height: 11pt;
|
|
}
|
|
|
|
/* td style */
|
|
.sheet-rolltemplate-dodas1 span, .sheet-rolltemplate-dodasranged span {
|
|
padding:1px;
|
|
line-height:1.2em;
|
|
color: #f3f3f3;
|
|
}
|
|
|
|
/* td:first-child */
|
|
.sheet-rolltemplate-dodas1 .sheet-tableevenrow {
|
|
font-weight:bold;
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #3e3e3e;
|
|
display: grid;
|
|
grid-template-columns: 83pt 122pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasranged .sheet-tableevenrow {
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #3e3e3e;
|
|
display: grid;
|
|
grid-template-columns: 83pt 122pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
/*td:nth-child(even) */
|
|
.sheet-rolltemplate-dodas1 .sheet-tableoddrow, .sheet-rolltemplate-dodasranged .sheet-tableoddrow {
|
|
background-color: #272727;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 83pt 122pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 .textchatcontainer .inlinerollresult, .sheet-rolltemplate-dodasranged .textchatcontainer .inlinerollresult {
|
|
background-color: #404040;
|
|
color: white;
|
|
border: 2px solid #4b7548;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 span.sheet-attackdodas1, .sheet-rolltemplate-dodas1 span.sheet-mosdodas1, .sheet-rolltemplate-dodas1 span.sheet-reachdodas1, .sheet-rolltemplate-dodas1 span.sheet-reachresultsdodas1, .sheet-rolltemplate-dodas1 span.sheet-notesdodas1, .sheet-rolltemplate-dodas1 span.sheet-notesresultsdodas1 {
|
|
padding: 3pt 0pt 0pt 3pt;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodasranged span.sheet-attackdodasranged, .sheet-rolltemplate-dodasranged span.sheet-incrementdodasranged, .sheet-rolltemplate-dodasranged span.sheet-incrementvaluedodasranged, .sheet-rolltemplate-dodasranged span.sheet-accuracydodasranged, .sheet-rolltemplate-dodasranged span.sheet-mosdodasranged, .sheet-rolltemplate-dodasranged span.sheet-pendodasranged, .sheet-rolltemplate-dodasranged span.sheet-notesdodasranged, .sheet-rolltemplate-dodasranged span.sheet-accuracydatadodasranged, .sheet-rolltemplate-dodasranged span.sheet-pendodasranged, .sheet-rolltemplate-dodasranged span.sheet-penvaluedodasranged, .sheet-rolltemplate-dodasranged span.sheet-notesresultsdodasrangednotesdodasranged, .sheet-rolltemplate-dodasranged span.sheet-notesresultsdodasranged {
|
|
padding: 3pt 0pt 0pt 3pt;
|
|
}
|
|
|
|
/* breaks buttons
|
|
.sheet-rolltemplate-dodasranged .sheet-tableevenrow span, .sheet-rolltemplate-dodasranged .sheet-tableoddrow span {
|
|
padding: 3pt 0pt 0pt 3pt;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-dodas1 span.sheet-attackdodas1, .sheet-rolltemplate-dodas1 span.sheet-reachdodas1, .sheet-rolltemplate-dodas1 span.sheet-notesdodas1 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasranged span.sheet-attackdodasranged, .sheet-rolltemplate-dodasranged span.sheet-mosdodasranged {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* DODAS DEFENSE */
|
|
.sheet-rolltemplate-dodasdefense .sheet-container {
|
|
justify-content: space-between;
|
|
width:100%;
|
|
background-color: black;
|
|
font-family:"Palatino",Helvetica,sans-serif;
|
|
margin-bottom: 5pt;
|
|
border: 1px solid #d7d8d9;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense .sheet-fakeheader {
|
|
background: linear-gradient(180deg, #ceb58a, #c59a57);
|
|
color: #d5e0e0;
|
|
bottom:0;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense .sheet-titleweapon {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
|
|
font-weight:300;
|
|
font-size:1.4em;
|
|
height: 12pt;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense .sheet-subheader {
|
|
color: black;
|
|
text-align: center;
|
|
font-weight:150;
|
|
font-size: .8em;
|
|
font-style: italic;
|
|
vertical-align: bottom;
|
|
height: 11pt;
|
|
}
|
|
|
|
/* td style */
|
|
.sheet-rolltemplate-dodasdefense span {
|
|
padding:1px;
|
|
line-height:1.2em;
|
|
color: #f3f3f3;
|
|
}
|
|
|
|
/* td:first-child */
|
|
.sheet-rolltemplate-dodasdefense .sheet-tableevenrow {
|
|
font-weight:bold;
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #3e3e3e;
|
|
display: grid;
|
|
grid-template-columns: 83pt 122pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
/*td:nth-child(even) */
|
|
.sheet-rolltemplate-dodasdefense .sheet-tableoddrow {
|
|
background-color: #272727;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 83pt 122pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense .textchatcontainer .inlinerollresult {
|
|
background-color: #404040;
|
|
color: white;
|
|
border: 2px solid #4b7548;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense span.sheet-attackdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-mosdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-reachdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-reachresultsdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-notesdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-notesresultsdodasdefense {
|
|
padding: 3pt 0pt 0pt 3pt;;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdefense span.sheet-attackdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-reachdodasdefense, .sheet-rolltemplate-dodasdefense span.sheet-notesdodasdefense {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
/*custom roll template dodas mos damage */
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-container {
|
|
justify-content: space-between;
|
|
width:100%;
|
|
background-color: black;
|
|
font-family:"Palatino",Helvetica,sans-serif;
|
|
margin-bottom: 5pt;
|
|
border: 1px solid #400f0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-fakeheader {
|
|
background: linear-gradient(180deg, #5b180c, #4e1313);
|
|
color: #d5e0e0;
|
|
bottom:0;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-titleweapon {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
|
|
font-weight:300;
|
|
font-size:1.4em;
|
|
height: 12pt;
|
|
color: #f2d2b3;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-subheader {
|
|
color: white;
|
|
text-align: center;
|
|
font-weight:150;
|
|
font-size: .8em;
|
|
font-style: italic;
|
|
vertical-align: bottom;
|
|
height: 11pt;
|
|
}
|
|
|
|
/* td style */
|
|
.sheet-rolltemplate-dodasmosdmg span {
|
|
padding:1px;
|
|
line-height:1.2em;
|
|
color: #f3f3f3;
|
|
}
|
|
|
|
/* td:first-child */
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-tableevenrow {
|
|
font-weight:bold;
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #3e3e3e;
|
|
display: grid;
|
|
grid-template-columns: 59pt 139pt;
|
|
justify-content: left;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
/*td:nth-child(even) */
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-tableoddrow {
|
|
background-color: #272727;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 71pt 66pt 66pt;
|
|
justify-content: left;
|
|
font-size: 9pt;
|
|
font-style: italic;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-tableoddrow {
|
|
background-color: #212121;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 49pt 147pt;
|
|
justify-content: left;;
|
|
font-size: 9pt;
|
|
padding-left: 13px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .sheet-tabledicerow {
|
|
background-color: #393939;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 71pt 66pt 66pt;
|
|
justify-content: left;
|
|
font-size: 9pt;
|
|
font-style: italic;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg .textchatcontainer .inlinerollresult {
|
|
background-color: #404040;
|
|
color: white;
|
|
border: 2px solid #4b7548;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasmosdmg .inlinerollresult {
|
|
background-color: #404040;
|
|
color: white;
|
|
border: 2px solid #4b7548;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg span.sheet-attackdodasdmg, .sheet-rolltemplate-dodasmosdmg span.sheet-mosdodasdmg, .sheet-rolltemplate-dodasmosdmg span.sheet-reachdodasdmg, .sheet-rolltemplate-dodasmosdmg span.sheet-reachresultsdodasdmg, .sheet-rolltemplate-dodasmosdmg span.sheet-notesdodasdmg, .sheet-rolltemplate-dodasmosdmg span.sheet-notesresultsdodasdmg {
|
|
padding: 3pt 0pt 0pt 3pt;;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmg span.sheet-attackdodas1, .sheet-rolltemplate-dodasdmg span.sheet-reachdodasdmg, .sheet-rolltemplate-dodasdmg span.sheet-notesdodasdmg {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* WHAT IS THIS FOR? */
|
|
|
|
button[type=roll].sheet-d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'F ';
|
|
}
|
|
|
|
/* roll extra dmg or MoS buttons */
|
|
.sheet-rolltemplate-dodas1 a[href^='!'], .sheet-rolltemplate-dodas1 a[href^='~'], .sheet-rolltemplate-dodasranged a[href^='!'], .sheet-rolltemplate-dodasranged a[href^='~'] {
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#828585));
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
border-radius: 4px;
|
|
/*
|
|
background-color: #6f120c;
|
|
*/
|
|
|
|
padding: 1px 0px 0px 0px;
|
|
color: black;
|
|
height: 17px;
|
|
width: 18px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid #d4d4d4;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasmosdmg a[href^='!'],.sheet-rolltemplate-dodasmosdmg a[href^='~'] {
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e5252), to(#3f0e0d));
|
|
/* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
|
|
border-radius: 4px;
|
|
/*
|
|
background-color: #6f120c;
|
|
*/
|
|
|
|
padding: 1px 0px 0px 0px;
|
|
color: #f1e69b;
|
|
height: 17px;
|
|
width: 28px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid #341010;
|
|
}
|
|
|
|
|
|
/*custom roll template dodas damage EXTRA */
|
|
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-container {
|
|
justify-content: space-between;
|
|
width:100%;
|
|
background-color: black;
|
|
font-family:"Palatino",Helvetica,sans-serif;
|
|
margin-bottom: 5pt;
|
|
border: 1px solid #400f0e;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-fakeheader {
|
|
background: linear-gradient(180deg, #dfe9eb, #93a3a2);
|
|
color: #d5e0e0;
|
|
bottom:0;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-titleweapon {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
|
|
font-weight:300;
|
|
font-size:1.4em;
|
|
height: 12pt;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-subheader {
|
|
color: black;
|
|
text-align: center;
|
|
font-weight:150;
|
|
font-size: .8em;
|
|
font-style: italic;
|
|
vertical-align: bottom;
|
|
height: 11pt;
|
|
}
|
|
|
|
/* td style */
|
|
.sheet-rolltemplate-dodasdmgextra span {
|
|
padding:1px;
|
|
line-height:1.2em;
|
|
color: #f3f3f3;
|
|
}
|
|
|
|
/* td:first-child */
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-tableevenrow {
|
|
font-weight:bold;
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #3e3e3e;
|
|
display: grid;
|
|
grid-template-columns: 104pt 104pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
/*wrong table oops
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-tableoddrow {
|
|
background-color: #272727;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 104pt 104pt;
|
|
justify-content: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmgextra .sheet-tabledicerow {
|
|
background-color: #3e3e3e;
|
|
color: black;
|
|
display: grid;
|
|
grid-template-columns: 70pt 70pt 60pt;
|
|
justify-content: left;
|
|
}
|
|
*/
|
|
|
|
|
|
.sheet-rolltemplate-dodasdmgextra span.sheet-damageMoSdodasdmg {
|
|
padding: 3pt 0pt 0pt 3pt;;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasdmgextra span.sheet-damageMoSdodasdmg {
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* roll extra dmg or MoS buttons */
|
|
.sheet-rolltemplate-dodasdmgextra a[href^='!'],.sheet-rolltemplate-dodas1 a[href^='~'] {
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#828585));
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
border-radius: 4px;
|
|
/*
|
|
background-color: #6f120c;
|
|
*/
|
|
|
|
padding: 1px 0px 0px 0px;
|
|
color: black;
|
|
height: 17px;
|
|
width: 18px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid #d4d4d4;
|
|
}
|
|
|
|
|
|
/* DARKMODE Rolll TEmplate */
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodas1 .inlinerollresult, .sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasmosdmg .inlinerollresult, .sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasdmgextra .inlinerollresult, .sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasranged .inlinerollresult {
|
|
background-color: #303030;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas1 .inlinerollresult, .sheet-rolltemplate-dodasmosdmg .inlinerollresult, .sheet-rolltemplate-dodasdmgextra .inlinerollresult, .sheet-rolltemplate-dodasranged .inlinerollresult {
|
|
background-color: #303030;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
/* original black gradiant header css, with repeateable rows. simple template */
|
|
.sheet-rolltemplate-dodas table {
|
|
width:100%;
|
|
background-color: white;
|
|
font-family:"Palatino",Helvetica,sans-serif;
|
|
border:1px solid rgba(112,32,130,1)
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-dodas caption {
|
|
background: linear-gradient(180deg, #000000, #524949);
|
|
color: #d5e0e0;
|
|
text-align: center;
|
|
bottom:0;
|
|
font-weight:300;
|
|
font-size:1.1em;
|
|
padding: 5px 5px 0px 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas td {
|
|
padding:2px;
|
|
line-height:1.4em;
|
|
color: #f3f3f3;
|
|
background-color: #4a4c4c;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas td:first-child {
|
|
font-weight:bold;
|
|
text-align:right;
|
|
min-width:50px;
|
|
padding-right:10px;
|
|
color: black;
|
|
background-color: #d5dbdc;
|
|
}
|
|
.sheet-rolltemplate-dodas tr:nth-child(even) {
|
|
background-color:#eee
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas .textchatcontainer .inlinerollresult {
|
|
background-color: #404040;
|
|
color: white;
|
|
border: 2px solid #4b7548;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'F ';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodas a[href^='!'],.sheet-rolltemplate-dodas a[href^='~'] {
|
|
background-color: #6f120c;
|
|
padding: 1px 0px 0px 0px;
|
|
color: white;
|
|
height: 17px;
|
|
width: 18px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodas .inlinerollresult {
|
|
background-color: #303030;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodas .inlinerollresult {
|
|
background-color: #303030;
|
|
color: white;
|
|
}
|
|
|
|
/* button restyling attempts */
|
|
.charsheet .btn, .btn.btn-default {
|
|
line-height: 11px;
|
|
font-size: 12px;
|
|
/*
|
|
font-family: Verdena;
|
|
*/
|
|
}
|
|
|
|
/* RANGED ATTACK TEMPLATE */
|
|
|
|
|
|
/* SKILL ROLL TEMPLATE */
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-container {
|
|
width: 173pt;
|
|
/*
|
|
background-color: #9c9696;
|
|
*/
|
|
background-color: #c5c3b8;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-family: Verdena;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplateheaderrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplatebottomrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 57pt;
|
|
margin-left: 42pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplateheader {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
border: 1px solid gray;
|
|
background-color: #3f3b3b;
|
|
color: #ebebeb;
|
|
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 13px 100%, 0 calc(100% - 10px), 0 0);
|
|
/*
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 12px, 100% 100%, 28px 100%, 0 calc(100% - 18px), 0 0);
|
|
*/
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-templateskillname {
|
|
font-family: Times New Roman, Verdena;
|
|
font-size: 15pt;
|
|
padding-top: 3px;
|
|
margin-left: 3pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-templateskillcharactername {
|
|
font-family: Times New Roman, Georgia;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
padding-bottom: 2px;
|
|
padding-top: 0px;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplaterollplus {
|
|
display: grid;
|
|
text-align: center;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplaterollplusname {
|
|
justify-content: center;
|
|
padding-top: 10px;
|
|
font-size: 12pt;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: #C5C3B6;
|
|
margin-left: -40px;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .textchatcontainer .inlinerollresult {
|
|
background-color: none;
|
|
border: none;
|
|
padding: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplatediceroll {
|
|
display: grid;
|
|
text-align: center;
|
|
border: 1px solid gray;
|
|
font-size: 20pt;
|
|
font-weight: 900;
|
|
padding-top: 0pt;
|
|
padding-bottom: 9pt;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills span.sheet-bignumber {
|
|
height: 8pt;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodasadventureskills .sheet-skilltemplatediceroll span.inlinerollresult {
|
|
background-color: black;
|
|
display: block;
|
|
padding-top: 4px;
|
|
padding-bottom: 2px;
|
|
width: 36px;
|
|
height: 18px;
|
|
margin-left: 13pt;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasadventureskills img {
|
|
position: absolute;
|
|
height: 18px;
|
|
width: 18px;
|
|
left: 50px;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasadventureskills .inlinerollresult {
|
|
background: unset;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasadventureskills .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasadventureskills .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasadventureskills .sheet-skilltemplatediceroll .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasadventureskills .sheet-skilltemplatediceroll .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* duplicate dodasadventureskills but for ATTRIBUTES */
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-container {
|
|
width: 173pt;
|
|
/*
|
|
background-color: #9c9696;
|
|
*/
|
|
background-color: #c5c3b8;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-family: Verdena;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplateheaderrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplatebottomrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 57pt;
|
|
margin-left: 42pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplateheader {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
border: 1px solid gray;
|
|
/*
|
|
background-color: #3f3b3b;
|
|
*/
|
|
color: black;
|
|
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 13px 100%, 0 calc(100% - 10px), 0 0);
|
|
/*
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 12px, 100% 100%, 28px 100%, 0 calc(100% - 18px), 0 0);
|
|
*/
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-templateskillname {
|
|
font-family: Times New Roman, Verdena;
|
|
font-size: 15pt;
|
|
padding-top: 3px;
|
|
margin-left: 3pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-templateskillcharactername {
|
|
font-family: Times New Roman, Georgia;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
padding-bottom: 2px;
|
|
padding-top: 0px;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplaterollplus {
|
|
display: grid;
|
|
text-align: center;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplaterollplusname {
|
|
justify-content: center;
|
|
padding-top: 10px;
|
|
font-size: 12pt;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: #C5C3B6;
|
|
margin-left: -40px;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .textchatcontainer .inlinerollresult {
|
|
background-color: none;
|
|
border: none;
|
|
padding: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplatediceroll {
|
|
display: grid;
|
|
text-align: center;
|
|
border: 1px solid gray;
|
|
font-size: 20pt;
|
|
font-weight: 900;
|
|
padding-top: 0pt;
|
|
padding-bottom: 9pt;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls span.sheet-bignumber {
|
|
height: 8pt;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodasattributerolls .sheet-skilltemplatediceroll span.inlinerollresult {
|
|
background-color: black;
|
|
display: block;
|
|
padding-top: 4px;
|
|
padding-bottom: 2px;
|
|
width: 36px;
|
|
height: 18px;
|
|
margin-left: 13pt;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasattributerolls img {
|
|
position: absolute;
|
|
height: 31px;
|
|
width: 31px;
|
|
left: 50px;
|
|
bottom: 52px;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasattributerolls .inlinerollresult {
|
|
background: unset;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasattributerolls .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasattributerolls .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasattributerolls .sheet-skilltemplatediceroll .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasattributerolls .sheet-skilltemplatediceroll .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
|
|
/* duplicate attributes for special rolls */
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-container {
|
|
width: 173pt;
|
|
/*
|
|
background-color: #9c9696;
|
|
*/
|
|
background-color: #c5c3b8;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-family: Verdena;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplateheaderrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplatebottomrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 57pt;
|
|
margin-left: 42pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplateheader {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
border: 1px solid gray;
|
|
/*
|
|
background-color: #3f3b3b;
|
|
*/
|
|
color: black;
|
|
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 13px 100%, 0 calc(100% - 10px), 0 0);
|
|
/*
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 12px, 100% 100%, 28px 100%, 0 calc(100% - 18px), 0 0);
|
|
*/
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-templateskillname {
|
|
font-family: Times New Roman, Verdena;
|
|
font-size: 15pt;
|
|
padding-top: 3px;
|
|
margin-left: 3pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-templateskillcharactername {
|
|
font-family: Times New Roman, Georgia;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
padding-bottom: 2px;
|
|
padding-top: 0px;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplaterollplus {
|
|
display: grid;
|
|
text-align: center;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplaterollplusname {
|
|
justify-content: center;
|
|
padding-top: 10px;
|
|
font-size: 12pt;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: #C5C3B6;
|
|
margin-left: -40px;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .textchatcontainer .inlinerollresult {
|
|
background-color: none;
|
|
border: none;
|
|
padding: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplatediceroll {
|
|
display: grid;
|
|
text-align: center;
|
|
border: 1px solid gray;
|
|
font-size: 20pt;
|
|
font-weight: 900;
|
|
padding-top: 0pt;
|
|
padding-bottom: 9pt;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls span.sheet-bignumber {
|
|
height: 8pt;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls .sheet-skilltemplatediceroll span.inlinerollresult {
|
|
background-color: black;
|
|
display: block;
|
|
padding-top: 4px;
|
|
padding-bottom: 2px;
|
|
width: 36px;
|
|
height: 18px;
|
|
margin-left: 13pt;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasspecialrolls img {
|
|
position: absolute;
|
|
height: 31px;
|
|
width: 31px;
|
|
left: 50px;
|
|
bottom: 52px;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasspecialrolls .inlinerollresult {
|
|
background: unset;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasspecialrolls .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasspecialrolls .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasspecialrolls .sheet-skilltemplatediceroll .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasspecialrolls .sheet-skilltemplatediceroll .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* duplicate attributes for BLOOD LOSS rolls */
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-container {
|
|
width: 173pt;
|
|
/*
|
|
background-color: #9c9696;
|
|
*/
|
|
background-color: #c5c3b8;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-family: Verdena;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplateheaderrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplatebottomrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 57pt;
|
|
margin-left: 42pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplateheader {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
border: 1px solid gray;
|
|
/*
|
|
background-color: #3f3b3b;
|
|
*/
|
|
color: black;
|
|
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 13px 100%, 0 calc(100% - 10px), 0 0);
|
|
/*
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 12px, 100% 100%, 28px 100%, 0 calc(100% - 18px), 0 0);
|
|
*/
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-templateskillname {
|
|
font-family: Times New Roman, Verdena;
|
|
font-size: 15pt;
|
|
padding-top: 3px;
|
|
margin-left: 3pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-templateskillcharactername {
|
|
font-family: Times New Roman, Georgia;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
padding-bottom: 2px;
|
|
padding-top: 0px;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplaterollplus {
|
|
display: grid;
|
|
text-align: center;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplaterollplusname {
|
|
justify-content: center;
|
|
padding-top: 10px;
|
|
font-size: 12pt;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: #C5C3B6;
|
|
margin-left: -40px;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .textchatcontainer .inlinerollresult {
|
|
background-color: none;
|
|
border: none;
|
|
padding: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplatediceroll {
|
|
display: grid;
|
|
text-align: center;
|
|
border: 1px solid gray;
|
|
font-size: 20pt;
|
|
font-weight: 900;
|
|
padding-top: 0pt;
|
|
padding-bottom: 9pt;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss span.sheet-bignumber {
|
|
height: 8pt;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodasbloodloss .sheet-skilltemplatediceroll span.inlinerollresult {
|
|
background-color: black;
|
|
display: block;
|
|
padding-top: 4px;
|
|
padding-bottom: 2px;
|
|
width: 36px;
|
|
height: 18px;
|
|
margin-left: 13pt;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodasbloodloss img {
|
|
position: absolute;
|
|
height: 31px;
|
|
width: 31px;
|
|
left: 50px;
|
|
bottom: 52px;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasbloodloss .inlinerollresult {
|
|
background: unset;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasbloodloss .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodasbloodloss .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasbloodloss .sheet-skilltemplatediceroll .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rollemplate-dodasbloodloss .sheet-skilltemplatediceroll .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* duplicate LUCKSANITY attribute template rolls */
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-container {
|
|
width: 173pt;
|
|
/*
|
|
background-color: #9c9696;
|
|
*/
|
|
background-color: #c5c3b8;
|
|
border: 0px solid #403635;
|
|
outline: 3px solid #9a9489;
|
|
outline-offset: 1px;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-family: Verdena;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplateheaderrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplatebottomrow {
|
|
display: grid;
|
|
grid-template-columns: 74pt 57pt;
|
|
margin-left: 42pt;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplateheader {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
border: 1px solid gray;
|
|
/*
|
|
background-color: #3f3b3b;
|
|
*/
|
|
|
|
-webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 13px 100%, 0 calc(100% - 10px), 0 0);
|
|
/*
|
|
clip-path: polygon(calc(100% - 0px) 0, 100% 12px, 100% 100%, 28px 100%, 0 calc(100% - 18px), 0 0);
|
|
*/
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-templateskillname {
|
|
font-family: Times New Roman, Verdena;
|
|
font-size: 15pt;
|
|
padding-top: 3px;
|
|
margin-left: 3pt;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-templateskillcharactername {
|
|
font-family: Times New Roman, Georgia;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
padding-bottom: 2px;
|
|
padding-top: 0px;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplaterollplus {
|
|
display: grid;
|
|
text-align: center;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplaterollplusname {
|
|
justify-content: center;
|
|
padding-top: 10px;
|
|
font-size: 12pt;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: #C5C3B6;
|
|
margin-left: -40px;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .textchatcontainer .inlinerollresult {
|
|
background-color: none;
|
|
border: none;
|
|
padding: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplatediceroll {
|
|
display: grid;
|
|
text-align: center;
|
|
border: 1px solid gray;
|
|
font-size: 20pt;
|
|
font-weight: 900;
|
|
padding-top: 0pt;
|
|
padding-bottom: 9pt;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls span.sheet-bignumber {
|
|
height: 8pt;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls .sheet-skilltemplatediceroll span.inlinerollresult {
|
|
background-color: black;
|
|
display: block;
|
|
padding-top: 4px;
|
|
padding-bottom: 2px;
|
|
width: 36px;
|
|
height: 18px;
|
|
margin-left: 13pt;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dodaslucksanityrolls img {
|
|
position: absolute;
|
|
height: 31px;
|
|
width: 31px;
|
|
left: 50px;
|
|
bottom: 52px;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodaslucksanityrolls .inlinerollresult {
|
|
background: unset;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodaslucksanityrolls .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dodaslucksanityrolls .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
.sheet-rollemplate-dodaslucksanityrolls .sheet-skilltemplatediceroll .inlinerollresult.fullfail {
|
|
border: 0px solid #901616a8;
|
|
background-color: #652e0e;
|
|
}
|
|
|
|
.sheet-rollemplate-dodaslucksanityrolls .sheet-skilltemplatediceroll .inlinerollresult.fullcrit {
|
|
border: 0px solid #901616a8;
|
|
background-color: #2e5545;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* fix margins and stuff. can move later to be more organized */
|
|
|
|
div.spelltable {
|
|
margin-top: 13px;
|
|
margin-bottom: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
div.rangedefensetable {
|
|
margin-top: 13px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
div.armortable {
|
|
margin-top: 13px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
div.weapontable {
|
|
margin-top: 13px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
div.rangedweapontable {
|
|
margin-top: 13px;
|
|
margin-right: 13px;
|
|
}
|
|
|
|
div.ATRTable {
|
|
margin-top: 11px;
|
|
}
|
|
|
|
div.resolvetable {
|
|
margin-top: 29px;
|
|
}
|
|
|
|
div.lucksanitytable {
|
|
margin-top: 29px;
|
|
}
|
|
|
|
div.storychunk {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
div.skilltable {
|
|
margin-top: 13px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* POPUP WINDOW */
|
|
|
|
|
|
.box {
|
|
/*
|
|
width: 90%;
|
|
margin: 0;
|
|
background: none;
|
|
padding: 35px;
|
|
border: 2px solid gray;
|
|
border-radius: 20px/50px;
|
|
background-clip: padding-box;
|
|
text-align: center;
|
|
*/
|
|
}
|
|
|
|
|
|
.button {
|
|
/*
|
|
font-size: 1em;
|
|
padding: 10px;
|
|
color: black;
|
|
background-color: orange;
|
|
border: 1px solid #06D85F;
|
|
border-radius: 20px/50px;
|
|
text-decoration: none;
|
|
*/
|
|
cursor: help;
|
|
|
|
}
|
|
|
|
.button:hover {
|
|
/*
|
|
background: gray;
|
|
*/
|
|
color: green;
|
|
}
|
|
|
|
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
transition: opacity 500ms;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 20;
|
|
}
|
|
|
|
.overlay:target {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.popup {
|
|
margin: 0px auto;
|
|
/* padding: 13px; */
|
|
background: #292328;
|
|
color: #deddd7;
|
|
border-radius: 5px;
|
|
border: 1px solid gray;
|
|
width: 37%;
|
|
position: relative;
|
|
left: 0px;
|
|
top: 56px;
|
|
font-family: georgia, palatino, times new roman;
|
|
/*
|
|
transition: all 5s ease-in-out;
|
|
*/
|
|
}
|
|
|
|
.popup h2 {
|
|
margin-top: 0px;
|
|
margin-bottom: 8pt;
|
|
padding-top: 6px;
|
|
padding-bottom: 2px;
|
|
color: white;
|
|
height: 22px;
|
|
font-family: Girassol, Garamond, Tahoma, Arial, sans-serif;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
background: black;
|
|
font-size: 12pt;
|
|
|
|
}
|
|
.popup .close {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 20px;
|
|
/*
|
|
transition: all 200ms;
|
|
*/
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #cc8c47;
|
|
opacity: .9;
|
|
}
|
|
div.popup .close:hover {
|
|
color: #ffffff;
|
|
}
|
|
.popup .content {
|
|
max-height: 30%;
|
|
overflow: auto;
|
|
}
|
|
|
|
@media screen and (max-width: 700px){
|
|
.box{
|
|
width: 70%;
|
|
}
|
|
.popup{
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
div.popup .content {
|
|
text-indent: 16px;
|
|
text-align: left;
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
margin-bottom: 12px;
|
|
font-size: .93rem;
|
|
font-family: Garamond, Georgia, Palatino;
|
|
}
|
|
|
|
b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* fix top tabs */
|
|
.nav-tabs>li {
|
|
font-family: helvetica;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.popup ul li {
|
|
margin-bottom: 9px;
|
|
margin-left: 19pt;
|
|
list-style-position: outside;
|
|
text-indent: 0px;
|
|
list-style: circle;
|
|
}
|
|
|
|
div.box a:hover {
|
|
color: inherit;
|
|
}
|