mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Self-Help-dev
af9680b94d
This update matches the new 2.0 version of the game, with a number of new changes for auto-calculation of STAB, Typing, and other features.
1047 lines
24 KiB
CSS
1047 lines
24 KiB
CSS
.charsheet, .sheet-rolltemplate-PMD {
|
|
font-family: 'Calibri', 'Arial', sans-serif;
|
|
}
|
|
|
|
.charsheet, .sheet-rolltemplate-PMD{
|
|
--background:#faf3d7;
|
|
--section:#cfccb8;
|
|
--section-highlight:#a5a599;
|
|
--foreground:#cd583c;
|
|
--foreground-highlight:#e55035;
|
|
--border:#3a3326;
|
|
|
|
--blue:#00b2c2;
|
|
--red:#e55035;
|
|
--pink:#CE7999;
|
|
|
|
--special:#f6e593;
|
|
--strength:#f9ad8e;
|
|
--spirit:#afc5df;
|
|
--dexterity:#aed495;
|
|
--endurance:#f7b2c5;
|
|
|
|
--normal:#988f73;
|
|
--bug:#9eae31;
|
|
--dark:#614b38;
|
|
--dragon:#65407d;
|
|
--electric:#eeb134;
|
|
--fairy:#df9ca7;
|
|
--fighting:#9a4f34;
|
|
--fire:#e45735;
|
|
--flying:#8792a4;
|
|
--ghost:#585b86;
|
|
--grass:#70ac4c;
|
|
--ground:#c59e4a;
|
|
--ice:#4eafa4;
|
|
--poison:#9d5279;
|
|
--psychic:#dc6778;
|
|
--rock:#a18743;
|
|
--steel:#8b8680;
|
|
--water:#457689;
|
|
}
|
|
|
|
.charsheet, .sheet-rolltemplate-PMD{
|
|
--section:#cfccb8;
|
|
}
|
|
|
|
div.sheet-battle.sheet-special {
|
|
background-color:var(--special);
|
|
}
|
|
div.sheet-battle.sheet-strength {
|
|
background-color:var(--strength);
|
|
}
|
|
div.sheet-battle.sheet-spirit {
|
|
background-color:var(--spirit);
|
|
}
|
|
div.sheet-battle.sheet-dexterity {
|
|
background-color:var(--dexterity);
|
|
}
|
|
div.sheet-battle.sheet-endurance {
|
|
background-color:var(--endurance);
|
|
}
|
|
|
|
.sheet-tab-core,
|
|
.sheet-tab-settings{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-view[value='0'] ~ .sheet-tab-core,
|
|
.sheet-view[value='1'] ~ .sheet-tab-settings{
|
|
display:block;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-container{
|
|
width:233px;
|
|
color:black;
|
|
}
|
|
.sheet-rolltemplate-PMD .sheet-roll-container > .sheet-roll-row{
|
|
background-color: #cfccb8;
|
|
padding:2px 0;
|
|
border:1px solid black;
|
|
margin:2px 0;
|
|
}
|
|
.sheet-rolltemplate-PMD .sheet-roll-container > .sheet-roll-row:nth-child(1){
|
|
background: var(--foreground-highlight);
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-row > span{
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-container .sheet-roll-name{
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
color:whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-PMD .sheet-roll-container .sheet-roll-small{
|
|
font-size:8pt;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-PMD .sheet-roll-container .sheet-roll-grey{
|
|
color:whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-type{
|
|
font-size:8pt;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-value{
|
|
font-size:16pt;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-PMD .sheet-roll-pool{
|
|
margin: 2px 0 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-value .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
padding: 5px 0px;
|
|
border: 2px solid rgba(167, 168, 170,1);
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-value .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-value .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-value .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-PMD .sheet-roll-description{
|
|
padding:7px;
|
|
text-align:left !important;
|
|
white-space:pre-line;
|
|
}
|
|
|
|
.sheet-toggle-header{
|
|
position:relative;
|
|
display:block;
|
|
width:100%;
|
|
margin-bottom:20px;
|
|
}
|
|
.sheet-toggle-header .sheet-view-toggle{
|
|
float:right;
|
|
margin-left:2px;
|
|
}
|
|
.sheet-toggle{
|
|
display:inline-block;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-toggle input{
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height:100%;
|
|
opacity:0;
|
|
}
|
|
.sheet-toggle span{
|
|
display:block;
|
|
padding:2px 15px;
|
|
border:1px solid black;
|
|
border-radius:10px;
|
|
background:var(--section);
|
|
color:black;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-toggle input:checked ~ span{
|
|
background-color:var(--blue);
|
|
color:black;
|
|
}
|
|
|
|
div.sheet-section{
|
|
position:relative;
|
|
width:100%;
|
|
padding:10px;
|
|
border:3px solid var(--border);
|
|
border-radius:10px;
|
|
border-color:var(-border);
|
|
margin-bottom:10px;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
|
|
.sheet-type-toggle[value="trainer"] ~ .sheet-character-header strong{ color:var(--border) !important; text-shadow: 0px 0px 3px var(--background) !important;}
|
|
/* PRIMARY TYPE (type_1) BACKGROUND COLORS - Complete List */
|
|
.sheet-type-toggle[value="trainer"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--section);
|
|
}
|
|
.sheet-type-toggle[value="normal"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--normal);
|
|
}
|
|
.sheet-type-toggle[value="bug"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--bug);
|
|
}
|
|
.sheet-type-toggle[value="dark"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--dark);
|
|
}
|
|
.sheet-type-toggle[value="dragon"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--dragon);
|
|
}
|
|
.sheet-type-toggle[value="electric"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--electric);
|
|
}
|
|
.sheet-type-toggle[value="fairy"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--fairy);
|
|
}
|
|
.sheet-type-toggle[value="fighting"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--fighting);
|
|
}
|
|
.sheet-type-toggle[value="fire"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--fire);
|
|
}
|
|
.sheet-type-toggle[value="flying"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--flying);
|
|
}
|
|
.sheet-type-toggle[value="ghost"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--ghost);
|
|
}
|
|
.sheet-type-toggle[value="grass"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--grass);
|
|
}
|
|
.sheet-type-toggle[value="ground"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--ground);
|
|
}
|
|
.sheet-type-toggle[value="ice"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--ice);
|
|
}
|
|
.sheet-type-toggle[value="poison"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--poison);
|
|
}
|
|
.sheet-type-toggle[value="psychic"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--psychic);
|
|
}
|
|
.sheet-type-toggle[value="rock"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--rock);
|
|
}
|
|
.sheet-type-toggle[value="steel"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--steel);
|
|
}
|
|
.sheet-type-toggle[value="water"] ~ .sheet-tab-core div.sheet-section {
|
|
background-color: var(--water);
|
|
}
|
|
|
|
/* SECONDARY TYPE (type_2) BORDER COLORS - Complete List */
|
|
.sheet-type2-toggle[value="trainer"] ~ .sheet-tab-core div.sheet-section,
|
|
.sheet-type2-toggle[value=""] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--border);
|
|
}
|
|
.sheet-type2-toggle[value="normal"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--normal);
|
|
}
|
|
.sheet-type2-toggle[value="bug"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--bug);
|
|
}
|
|
.sheet-type2-toggle[value="dark"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--dark);
|
|
}
|
|
.sheet-type2-toggle[value="dragon"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--dragon);
|
|
}
|
|
.sheet-type2-toggle[value="electric"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--electric);
|
|
}
|
|
.sheet-type2-toggle[value="fairy"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--fairy);
|
|
}
|
|
.sheet-type2-toggle[value="fighting"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--fighting);
|
|
}
|
|
.sheet-type2-toggle[value="fire"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--fire);
|
|
}
|
|
.sheet-type2-toggle[value="flying"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--flying);
|
|
}
|
|
.sheet-type2-toggle[value="ghost"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--ghost);
|
|
}
|
|
.sheet-type2-toggle[value="grass"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--grass);
|
|
}
|
|
.sheet-type2-toggle[value="ground"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--ground);
|
|
}
|
|
.sheet-type2-toggle[value="ice"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--ice);
|
|
}
|
|
.sheet-type2-toggle[value="poison"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--poison);
|
|
}
|
|
.sheet-type2-toggle[value="psychic"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--psychic);
|
|
}
|
|
.sheet-type2-toggle[value="rock"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--rock);
|
|
}
|
|
.sheet-type2-toggle[value="steel"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--steel);
|
|
}
|
|
.sheet-type2-toggle[value="water"] ~ .sheet-tab-core div.sheet-section {
|
|
border-color: var(--water);
|
|
}
|
|
input[type="checkbox"]{
|
|
display:inline;
|
|
}
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type="number"],select{
|
|
|
|
-webkit-appearance:textfield;
|
|
-moz-appearance:textfield;
|
|
appearance:textfield;
|
|
text-align:center;
|
|
}
|
|
textarea{
|
|
resize:vertical;
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
button[type=roll].sheet-blank-roll-button::before
|
|
{
|
|
content: '';
|
|
background:none;
|
|
border:none;
|
|
}
|
|
button[type="roll"]{
|
|
border-radius:15px;
|
|
min-width:18px;
|
|
border-color:var(--border);
|
|
vertical-align: middle;
|
|
}
|
|
label{
|
|
display:inline-block;
|
|
width:auto;
|
|
margin:0;
|
|
vertical-align: middle;
|
|
padding:0px;
|
|
}
|
|
select{
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
-moz-text-align-last:center;
|
|
text-align-last:center;
|
|
}
|
|
|
|
input, select, textarea{
|
|
background-color: var(--background);
|
|
border-color:#3a3326;
|
|
}
|
|
|
|
.sheet-wrapper{
|
|
display:block;
|
|
width:800px;
|
|
margin:50px auto 0;
|
|
}
|
|
|
|
.sheet-creature-toggle-wrapper{
|
|
position: absolute;
|
|
right: -50px;
|
|
}
|
|
.sheet-creature-toggle-wrapper input[type="checkbox"]{
|
|
position:relative;
|
|
display:inline-block;
|
|
width:50px;
|
|
height:50px;
|
|
opacity:0;
|
|
z-index:1;
|
|
}
|
|
.sheet-creature-toggle-wrapper img{
|
|
position:relative;
|
|
left:-50px;
|
|
width:50px;
|
|
height:50px;
|
|
}
|
|
|
|
.sheet-creature-toggle[value="1"] ~ .sheet-pokemon-only,
|
|
.sheet-creature-toggle[value="0"] ~ .sheet-trainer-only{
|
|
display:none !important;
|
|
}
|
|
|
|
.sheet-PMD-toggle[value="1"] ~ .sheet-Core-only,
|
|
.sheet-PMD-toggle[value="0"] ~ .sheet-PMD-only{
|
|
display:none !important;
|
|
}
|
|
|
|
.sheet-options-toggle[value="1"] ~ .sheet-no-options,
|
|
.sheet-options-toggle[value="0"] ~ .sheet-use-options{
|
|
display:none !important;
|
|
}
|
|
.sheet-contest-toggle[value="1"] ~ .sheet-battle-mode,
|
|
.sheet-contest-toggle[value="0"] ~ .sheet-contest-mode{
|
|
display:none !important;
|
|
}
|
|
|
|
|
|
/***************************
|
|
Fields
|
|
***************************/
|
|
|
|
.sheet-field-labeled{
|
|
position:relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.sheet-field-labeled > span:first-child{
|
|
border: 1px solid;
|
|
border-radius: 10px;
|
|
padding: 10px 15px 2px 15px;
|
|
text-align: inherit;
|
|
width: 100% !important;
|
|
color: black;
|
|
background-color: var(--background);
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.sheet-field-labeled > select{
|
|
display:inline-block;
|
|
text-align:center;
|
|
width:100% ;
|
|
padding-top: 7px;
|
|
margin: 0;
|
|
padding-bottom: 2px;
|
|
padding-top: 8px;
|
|
}
|
|
.sheet-field-labeled > input{
|
|
border:1px solid;
|
|
border-radius:10px;
|
|
padding:10px 15px 2px 15px;
|
|
text-align:inherit;
|
|
width:100% !important;
|
|
height:100% !important;
|
|
color:black;
|
|
}
|
|
.sheet-field-labeled > textarea{
|
|
border:1px solid;
|
|
border-radius:10px;
|
|
padding:10px 15px 2px 15px;
|
|
text-align:inherit;
|
|
width:100% !important;
|
|
color:black;
|
|
}
|
|
.sheet-field-labeled > select + span,
|
|
.sheet-field-labeled > input + span,
|
|
.sheet-field-labeled > span:first-child + span{
|
|
position:absolute;
|
|
top:0px;
|
|
left:10px;
|
|
font-size:xx-small;
|
|
font-weight:bold;
|
|
color:grey;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-field-labeled > input[disabled="true"],
|
|
.sheet-field-labeled > span:first-child{
|
|
border-radius:5px;
|
|
border:1px black solid;
|
|
background-color:#e8e1c5;
|
|
}
|
|
|
|
.sheet-field-labeled > input[disabled="true"] + span,
|
|
.sheet-field-labeled > span:first-child + span{
|
|
width:100%;
|
|
left:0px;
|
|
text-align:center;
|
|
color:black;
|
|
}
|
|
|
|
|
|
/***************************
|
|
Character Info
|
|
***************************/
|
|
|
|
div.sheet-character-header{
|
|
position: -webkit-sticky !important;
|
|
position: sticky !important;
|
|
top: 0;
|
|
z-index: 10 !important;
|
|
background-color: var(--section);
|
|
width:100%;
|
|
padding:10px;
|
|
border:3px solid var(--border);
|
|
border-radius:10px;
|
|
border-color:var(-border);
|
|
margin-bottom:10px;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
div.sheet-character-header strong{
|
|
color: var(--background);
|
|
text-shadow: 0px 0px 3px var(--border)
|
|
}
|
|
|
|
|
|
.sheet-character-info .sheet-header input{
|
|
border:2px solid #3a3326;
|
|
}
|
|
.sheet-character-info .sheet-left-col,
|
|
.sheet-character-info .sheet-right-col{
|
|
display:block;
|
|
}
|
|
.sheet-character-info .sheet-right-col{
|
|
background-color:var(--border);
|
|
border-radius:10px;
|
|
padding:15px 10px;
|
|
}
|
|
|
|
.sheet-character-info .sheet-grid{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns: 400px 10px auto;
|
|
grid-template-columns: 400px auto;
|
|
-webkit-column-gap: 10px;
|
|
-moz-column-gap: 10px;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
/***************************
|
|
Trainer Character Info
|
|
***************************/
|
|
|
|
.sheet-party-pokeball{
|
|
position: relative;
|
|
}
|
|
.sheet-party-pokeball > input[type="radio"]{
|
|
position:absolute;
|
|
top:-5px;
|
|
left:0px;
|
|
width:30px !important;
|
|
height:30px !important;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
.sheet-party-pokeball > input[type="text"]{
|
|
border-radius: 20px;
|
|
padding-left: 30px;
|
|
width: 170px;
|
|
}
|
|
|
|
.sheet-party-pokeball > img{
|
|
position:absolute;
|
|
top:-6px;
|
|
left:0px;
|
|
width:30px !important;
|
|
height:30px !important;
|
|
margin:0;
|
|
|
|
}
|
|
|
|
.sheet-pokeball-state[value="0"] ~ .sheet-pokeball-state-opened,
|
|
.sheet-pokeball-state[value="0"] ~ .sheet-pokeball-state-locked,
|
|
.sheet-pokeball-state[value="1"] ~ .sheet-pokeball-state-locked,
|
|
.sheet-pokeball-state[value="1"] ~ .sheet-pokeball-state-closed,
|
|
.sheet-pokeball-state[value="2"] ~ .sheet-pokeball-state-closed,
|
|
.sheet-pokeball-state[value="2"] ~ .sheet-pokeball-state-opened{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-pokeball-state[value="0"] ~ .sheet-pokeball-state-closed,
|
|
.sheet-pokeball-state[value="1"] ~ .sheet-pokeball-state-opened,
|
|
.sheet-pokeball-state[value="2"] ~ .sheet-pokeball-state-locked{
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-trainer-party{
|
|
display:inline-block;
|
|
width:auto;
|
|
margin: 5px auto 0px;
|
|
}
|
|
|
|
/***************************
|
|
Pokemon Character Info
|
|
***************************/
|
|
.sheet-name-wrapper{
|
|
position:relative;
|
|
top:-25px;
|
|
}
|
|
|
|
/***************************
|
|
Attributes
|
|
***************************/
|
|
|
|
.sheet-attributes .sheet-grid{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns:auto 5px 300px;
|
|
grid-template-columns:auto 300px;
|
|
-webkit-column-gap:5px;
|
|
-moz-column-gap:5px;
|
|
column-gap:5px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-attribute-row{
|
|
display:block;
|
|
margin-bottom:13px;
|
|
}
|
|
.sheet-attributes .sheet-battle,
|
|
.sheet-attributes .sheet-social{
|
|
display:inline-block;
|
|
padding:5px;
|
|
border:2px solid;
|
|
border-radius:10px;
|
|
}
|
|
.sheet-attributes .sheet-battle > label {
|
|
width: 70px;
|
|
text-align: right;
|
|
}
|
|
.sheet-attributes .sheet-social > label {
|
|
width: 50px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-attributes .sheet-battle .sheet-field-labeled,
|
|
.sheet-attributes .sheet-social .sheet-field-labeled{
|
|
width:55px;
|
|
text-align:center;
|
|
}
|
|
.sheet-attributes .sheet-battle{
|
|
background-color:var(--blue);
|
|
}
|
|
|
|
.sheet-attributes .sheet-right{
|
|
border-radius:10px;
|
|
background-color:var(--border);
|
|
padding:5px;
|
|
|
|
}
|
|
.sheet-attributes .sheet-hp-will{
|
|
color:var(--section);
|
|
padding: 0 5px;
|
|
}
|
|
.sheet-attributes .sheet-hp-will .sheet-field-labeled{
|
|
width:70px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-hp-will strong{
|
|
font-size: 15pt;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sheet-attributes .sheet-bonuses{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns: 60% 5px auto;
|
|
grid-template-columns: 60% auto;
|
|
-webkit-column-gap:5px;
|
|
-moz-column-gap:5px;
|
|
column-gap:5px;
|
|
padding:5px 10px;
|
|
}
|
|
.sheet-attributes .sheet-bonuses strong{
|
|
color:var(--section);
|
|
font-size: 9pt;
|
|
}
|
|
.sheet-attributes .sheet-bonuses button{
|
|
padding:2px 5px;
|
|
width:90px;
|
|
}
|
|
|
|
|
|
.sheet-attributes .sheet-bonuses{
|
|
margin-top:5px;
|
|
border-radius:10px;
|
|
background-color:var(--border);
|
|
padding:5px 10px;
|
|
|
|
}
|
|
.sheet-generic-roll{
|
|
margin:auto;
|
|
}
|
|
.sheet-generic-roll strong{color:var(--section);}
|
|
.sheet-generic-roll button[type="roll"]{
|
|
width:70px;
|
|
padding:2px 10px;
|
|
}
|
|
|
|
/***************************
|
|
Conditions
|
|
***************************/
|
|
.sheet-conditions{
|
|
margin-top:10px;
|
|
}
|
|
.sheet-conditions .sheet-conditions-row{
|
|
background-color:var(--section);
|
|
padding:2px 10px;
|
|
margin-bottom:2px;
|
|
border-radius:10px;
|
|
}
|
|
|
|
.sheet-conditions .sheet-condition-collapse{padding-left:5px;}
|
|
.sheet-conditions .sheet-condition-collapse label{
|
|
font-size: 9pt;
|
|
}
|
|
.sheet-conditions .sheet-collapse-input[value="1"] ~ .sheet-condition-collapse{
|
|
display:inline-block;
|
|
|
|
}
|
|
.sheet-conditions .sheet-collapse-input[value="0"] ~ .sheet-condition-collapse{
|
|
display:none;
|
|
}
|
|
|
|
/***************************
|
|
Attitude
|
|
***************************/
|
|
.sheet-attitudes{
|
|
position:relative;
|
|
margin-top:20px;
|
|
}
|
|
.sheet-attitude-grid{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns:auto 10px auto 10px auto;
|
|
grid-template-columns:auto auto auto auto;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-column-gap:10px;
|
|
-moz-column-gap:10px;
|
|
column-gap:10px;
|
|
|
|
}
|
|
.sheet-PMD-swap-wrapper{
|
|
position:absolute;
|
|
top:-30px;
|
|
left: calc(50% - 25px);
|
|
}
|
|
.sheet-PMD-swap-wrapper input{
|
|
display:inline-block;
|
|
width:50px;
|
|
height:50px;
|
|
position:relative;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
.sheet-PMD-swap-wrapper img{
|
|
display:inline-block;
|
|
width:50px;
|
|
height:50px;
|
|
position:relative;
|
|
left:-50px;
|
|
}
|
|
|
|
/***************************
|
|
Skills
|
|
***************************/
|
|
|
|
.sheet-skills .sheet-skills-main{
|
|
display:block;
|
|
width:-webkit-max-content;
|
|
width:-moz-max-content;
|
|
width:max-content;
|
|
margin:0 auto 2px;
|
|
border-radius:10px;
|
|
background-color:var(--blue);
|
|
padding: 5px 0px;
|
|
text-shadow: 0px 0px 2px var(--background);
|
|
}
|
|
.sheet-skills .sheet-skills-sub{
|
|
display:block;
|
|
width:-webkit-max-content;
|
|
width:-moz-max-content;
|
|
width:max-content;
|
|
margin:0 auto;
|
|
background-color:var(--foreground-highlight);
|
|
border-radius:10px;
|
|
padding:5px 0px;
|
|
color: var(--background);
|
|
text-shadow: 0px 0px 5px var(--border);
|
|
}
|
|
|
|
.sheet-skills .sheet-skills-title{
|
|
display:block;
|
|
width:-webkit-max-content;
|
|
width:-moz-max-content;
|
|
width: 730px;
|
|
margin: 2px auto;
|
|
margin-top: 10px;
|
|
border-radius:10px;
|
|
background-color:var(--pink);
|
|
padding: 5px 0px;
|
|
text-shadow: 0px 0px 2px var(--background);
|
|
}
|
|
|
|
.sheet-skills .sheet-skills-contest{
|
|
display:block;
|
|
width:-webkit-max-content;
|
|
width:-moz-max-content;
|
|
width:max-content;
|
|
margin:2px auto;
|
|
border-radius:10px;
|
|
background-color:var(--pink);
|
|
padding: 5px 0px;
|
|
color: var(--background);
|
|
}
|
|
|
|
.sheet-skills .sheet-skills-contest strong{
|
|
text-shadow: 0px 0px 5px var(--border);
|
|
}
|
|
|
|
.sheet-skills .sheet-skills-col > *{
|
|
margin-top:3px;
|
|
}
|
|
.sheet-skills .sheet-skills-col{
|
|
display:inline-block;
|
|
width:180px;
|
|
}
|
|
.sheet-skills .sheet-skills-col strong{
|
|
display:inline-block;
|
|
width:100px;
|
|
text-align:right;
|
|
}
|
|
.sheet-skills .sheet-skills-col label,
|
|
.sheet-skills .sheet-skills-title label{
|
|
display:block;
|
|
text-align:center
|
|
}
|
|
.sheet-skills .sheet-skills-col .sheet-field-labeled{
|
|
display:block;
|
|
width:100px;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
}
|
|
|
|
/***************************
|
|
Inventory
|
|
***************************/
|
|
|
|
.sheet-inventory label,
|
|
.sheet-inventory strong{
|
|
color:var(--background);
|
|
}
|
|
.sheet-inventory .sheet-header{
|
|
display:block;
|
|
text-align:center;
|
|
border-width:0 0 3px;
|
|
border-radius:10px;
|
|
border-style:solid;
|
|
border-color:var(--background);
|
|
margin-bottom:5px;
|
|
}
|
|
.sheet-inventory-divide{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns: 350px 10px auto;
|
|
grid-template-columns: 350px auto;
|
|
-webkit-column-gap:10px;
|
|
-moz-column-gap:10px;
|
|
column-gap:10px;
|
|
margin-bottom:10px;
|
|
}
|
|
.sheet-achievements-divide{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-ms-grid-columns: 200px 10px auto;
|
|
grid-template-columns: 200px auto;
|
|
-webkit-column-gap:10px;
|
|
-moz-column-gap:10px;
|
|
column-gap:10px;
|
|
}
|
|
.sheet-inventory .sheet-PMD-gear,
|
|
.sheet-inventory .sheet-inventory-potions,
|
|
.sheet-inventory .sheet-inventory-quick,
|
|
.sheet-inventory .sheet-inventory-large,
|
|
.sheet-inventory .sheet-inventory-notes,
|
|
.sheet-inventory .sheet-inventory-badges{
|
|
display:block;
|
|
background-color:var(--border);
|
|
padding:5px;
|
|
border-radius:10px;
|
|
}
|
|
.sheet-inventory .sheet-inventory-potions input{
|
|
text-align:center;
|
|
}
|
|
.sheet-inventory .sheet-inventory-quick{
|
|
min-height:70px;
|
|
}
|
|
|
|
.sheet-inventory .sheet-inventory-item{
|
|
display:block;
|
|
width:90%;
|
|
margin:0 auto 2px;
|
|
}
|
|
.sheet-inventory input.sheet-item-name{
|
|
display:inline-block;
|
|
}
|
|
.sheet-inventory input.sheet-item-count{
|
|
display:inline-block;
|
|
width: 40px;
|
|
margin-right:5px;
|
|
border-radius:15px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-inventory .sheet-inventory-badges{
|
|
margin-top:0px;
|
|
}
|
|
|
|
|
|
|
|
/***************************
|
|
Move
|
|
***************************/
|
|
|
|
.sheet-moves label,
|
|
.sheet-moves strong{
|
|
color:var(--background);
|
|
background-color: var(--border);
|
|
}
|
|
|
|
.sheet-moves .sheet-move-item{
|
|
background-color: none;
|
|
position:relative;
|
|
}
|
|
.sheet-moves .sheet-header{
|
|
display:block;
|
|
margin:10px auto;
|
|
text-align:center;
|
|
border: solid var(--background);
|
|
border-width:0 0 3px 0;
|
|
border-radius:10px;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-item{
|
|
display:block;
|
|
width: 700px;
|
|
margin: 0px auto 3px;
|
|
}
|
|
|
|
.sheet-moves select{
|
|
display:inline-block;
|
|
width:120px;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-header{
|
|
border-radius:10px 10px 0 0;
|
|
background-color:var(--foreground-highlight);
|
|
padding:3px 10px ;
|
|
}
|
|
.sheet-moves .sheet-move-body{
|
|
border-radius:0 0 10px 10px;
|
|
background-color:var(--border);
|
|
padding: 3px 15px;
|
|
|
|
}
|
|
.sheet-moves .sheet-move-known-wrapper{
|
|
position: absolute;
|
|
left: -35px;
|
|
top: 42px
|
|
}
|
|
.sheet-moves .sheet-move-known-wrapper input{
|
|
position:relative;
|
|
display:inline-block;
|
|
width:20px;
|
|
height:20px;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
.sheet-moves .sheet-move-known-wrapper input+ span{
|
|
position:relative;
|
|
left: -25px;
|
|
top: 7px;
|
|
display:inline-block;
|
|
width:20px;
|
|
height:20px;
|
|
border-radius:50%;
|
|
background-color:lightgrey;
|
|
border:1px solid;
|
|
}
|
|
.sheet-moves .sheet-move-known-wrapper input:checked + span {
|
|
background-color:var(--red);
|
|
}
|
|
|
|
|
|
.sheet-moves .sheet-move-display-mode[value="1"] ~ .sheet-move-edit,
|
|
.sheet-moves .sheet-move-display-mode[value="0"] ~ .sheet-move-display{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-move-display span.sheet-move-accuracy,
|
|
.sheet-move-display span.sheet-move-damage{
|
|
display:inline-block;
|
|
width:100px;
|
|
font-size:10pt;
|
|
}
|
|
.sheet-move-display span.sheet-move-effect{
|
|
display:inline-block;
|
|
width:50px;
|
|
border-bottom:2px solid black;
|
|
}
|
|
.sheet-move-display span.sheet-move-effect-chance{
|
|
display:inline-block;
|
|
text-align:center;
|
|
width:20px;
|
|
}
|
|
.sheet-move-body{
|
|
position:relative;
|
|
}
|
|
.sheet-move-body .sheet-move-display{
|
|
color: var(--background);
|
|
}
|
|
.sheet-move-body .sheet-move-edit .sheet-move-experience{
|
|
position:absolute;
|
|
top:0px;
|
|
right:40px;
|
|
}
|
|
.sheet-move-body .sheet-move-display .sheet-move-experience{
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
.sheet-move-display span.sheet-move-descr{
|
|
color: var(--background);
|
|
display:block;
|
|
width:80%;
|
|
height:auto;
|
|
min-height:25px;
|
|
margin:0 auto;
|
|
padding: 1em 5em;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
background-color: #ffffff20;
|
|
}
|
|
|
|
.sheet-move-display-toggle[value="1"] ~ .sheet-move-edit,
|
|
.sheet-move-display-toggle[value="0"] ~ .sheet-move-display{
|
|
display:none;
|
|
} |