mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Chevron Allen
3396f0161e
* Fixed Import Issue Fixed error importing blank fields. Fixed empty string replacing character_name. Added Multistrike macro and selector to PTU rolltemplate. Added character_name to all rolls. Moved most rolltemplate use to the PTU template. The PTU_move rolltemplate is now considered deprecated. Added Jakob's custom rolltemplate * Update PTUv2.html skip all empty string or null values
1261 lines
26 KiB
CSS
1261 lines
26 KiB
CSS
.charsheet{
|
|
min-width:840px;
|
|
max-width:900px;
|
|
margin: 0 auto;
|
|
background: #d6d5c9;
|
|
--field-color:lightgrey;
|
|
}
|
|
|
|
.sheet-main-block{
|
|
display:grid;
|
|
grid-template-columns: 59% 39%;
|
|
gap:2%;
|
|
}
|
|
|
|
.sheet-move-button{
|
|
float:right;
|
|
}
|
|
.sheet-move-cat ~ .sheet-move-physical,
|
|
.sheet-move-cat ~ .sheet-move-special,
|
|
.sheet-move-cat ~ .sheet-move-status{
|
|
display:none;
|
|
}
|
|
.sheet-move-cat[value='Physical'] ~ .sheet-move-physical,
|
|
.sheet-move-cat[value='Special'] ~ .sheet-move-special,
|
|
.sheet-move-cat[value='Status'] ~ .sheet-move-status{
|
|
display:block;
|
|
}
|
|
|
|
.sheet-multistrike-container{
|
|
float: right;
|
|
position: relative;
|
|
margin-right: 55px;
|
|
}
|
|
.sheet-multistrike-container > input{
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
}
|
|
.sheet-multistrike-container > img{
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.sheet-move-multistrike ~ .sheet-a,
|
|
.sheet-move-multistrike ~ .sheet-b,
|
|
.sheet-move-multistrike ~ .sheet-c{
|
|
display: none;
|
|
|
|
}
|
|
|
|
.sheet-move-multistrike[value="0"] ~ .sheet-a,
|
|
.sheet-move-multistrike[value="2"] ~ .sheet-b,
|
|
.sheet-move-multistrike[value="5"] ~ .sheet-c{
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
|
|
button[type="roll"]{
|
|
margin:0px;
|
|
}
|
|
|
|
*{
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
select, input[type="number"]{
|
|
text-align-last:center;
|
|
display:inline-block;
|
|
}
|
|
input[type='number']{
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
input:not(.sheet-buttons)::-webkit-inner-spin-button,
|
|
input:not(.sheet-buttons)::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
.sheet-label{
|
|
color:black;
|
|
font-weight:bold;
|
|
font-size:10pt;
|
|
padding-left:5px;
|
|
}
|
|
|
|
span.sheet-field{
|
|
display:inline-block;
|
|
min-height:25px;
|
|
min-width:50px;
|
|
width:auto;
|
|
padding:2px 5px;
|
|
text-align-last:center;
|
|
vertical-align: middle;
|
|
border:1px solid black;
|
|
background-color:var(--field-color);
|
|
font-weight:bold;
|
|
}
|
|
|
|
textarea{
|
|
margin:0;
|
|
resize:vertical;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-creature[value="1"] ~ .sheet-pokemon,
|
|
.sheet-creature[value="0"] ~ .sheet-trainer{
|
|
display:none !important;
|
|
}
|
|
|
|
/*
|
|
.sheet-creature[value='0'] ~ .sheet-oldtab1,
|
|
.sheet-creature[value='0'] ~ .sheet-oldtab2,
|
|
.sheet-creature[value='0'] ~ .sheet-oldtab3,
|
|
.sheet-creature[value='0'] ~ .sheet-oldtab4,
|
|
.sheet-creature[value='0'] ~ .sheet-oldtab5{
|
|
background: #d6d5c9;
|
|
}
|
|
*/
|
|
.sheet-creature[value='1'] ~ .sheet-oldtab1,
|
|
.sheet-creature[value='1'] ~ .sheet-oldtab2,
|
|
.sheet-creature[value='1'] ~ .sheet-oldtab3,
|
|
.sheet-creature[value='1'] ~ .sheet-oldtab4,
|
|
.sheet-creature[value='1'] ~ .sheet-oldtab5{
|
|
background: #98b2d555;
|
|
}
|
|
|
|
.sheet-oldtab1,
|
|
.sheet-oldtab2,
|
|
.sheet-oldtab3,
|
|
.sheet-oldtab4,
|
|
.sheet-oldtab5{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-oldtab[value="1"] ~ .sheet-oldtab1,
|
|
input.sheet-oldtab[value="2"] ~ .sheet-oldtab2,
|
|
input.sheet-oldtab[value="3"] ~ .sheet-oldtab3,
|
|
input.sheet-oldtab[value="4"] ~ .sheet-oldtab4,
|
|
input.sheet-oldtab[value="5"] ~ .sheet-oldtab5{
|
|
display:block !important;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
|
|
table.sheet-status-table td{
|
|
position:relative;
|
|
}
|
|
table.sheet-status-table td input[type="checkbox"]{
|
|
display:inline-block;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height:100%;
|
|
opacity:0;
|
|
}
|
|
table.sheet-status-table td span{
|
|
display:block;
|
|
color:black;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
background:lightgrey;
|
|
}
|
|
table.sheet-status-table td input:checked + span{
|
|
|
|
background-color:black;
|
|
color:white;
|
|
}
|
|
.sheet-custom-status{
|
|
background-color: #6c6c6c;
|
|
}
|
|
.sheet-custom-status .sheet-custom-status-item{
|
|
display: block;
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet-custom-status .sheet-custom-status-item .sheet-custom-status-name{
|
|
display: inline-block;
|
|
width:90%;
|
|
}
|
|
.sheet-custom-status .sheet-custom-status-item .sheet-custom-status-check{
|
|
display: inline-block;
|
|
width:10%;
|
|
}
|
|
.sheet-custom-status .sheet-custom-status-check{
|
|
padding: 0 10px ;
|
|
}
|
|
.sheet-custom-status .sheet-custom-status-item {
|
|
padding: 0 10px ;
|
|
}
|
|
|
|
input.sheet-oldtab1 {
|
|
margin-left: 1px;
|
|
}
|
|
div.sheet-oldtab-group{
|
|
margin-bottom:-2px;
|
|
}
|
|
div.sheet-oldtab{
|
|
display:inline-block;
|
|
position:relative;
|
|
margin-top:3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
div.sheet-oldtab > input.sheet-oldtab {
|
|
display:block;
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
cursor: pointer;
|
|
opacity:0;
|
|
z-index: 1;
|
|
}
|
|
div.sheet-oldtab > input.sheet-oldtab + span{
|
|
display:inline;
|
|
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
background: #fff;
|
|
border: solid 1px #a8a8a8;
|
|
border-radius: 4px;
|
|
padding:2px 6px;
|
|
min-width:100px;
|
|
|
|
}
|
|
div.sheet-oldtab > input.sheet-oldtab + span::before {
|
|
content: attr(title);
|
|
}
|
|
div.sheet-oldtab > input.sheet-oldtab:checked + span {
|
|
background-color:#444;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-oldtab-br {
|
|
border-bottom: 1px solid #a8a8a8;
|
|
margin-bottom: 5px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.sheet-tabs {
|
|
position: relative;
|
|
min-height: 200px; /* This part sucks */
|
|
clear: both;
|
|
margin: 25px 0;
|
|
}
|
|
|
|
.sheet-tab label {
|
|
background: #eee;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
margin-left: -1px;
|
|
position: relative;
|
|
left: 1px;
|
|
width: 80px;
|
|
display: block;
|
|
}
|
|
|
|
/*.sheet-clear { clear: both; }*/
|
|
|
|
.sheet-tab [type=radio] {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-content {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 102px;
|
|
background: whitesmoke;
|
|
overflow: auto;
|
|
height: auto;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 20px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.sheet-tab [type=radio]:checked ~ label {
|
|
background: whitesmoke;
|
|
border-bottom: 1px solid white;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-tab [type=radio]:checked ~ label ~ .sheet-content {
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-background.sheet-hide-container{
|
|
position:relative;
|
|
display:block;
|
|
width:30px;
|
|
height:30px;
|
|
}
|
|
|
|
.sheet-background-row{
|
|
padding-left:10%;
|
|
}
|
|
.sheet-background-row > span{
|
|
font-weight: bold;
|
|
font-size:1.4rem;
|
|
display: inline-block;
|
|
width: 15%;
|
|
}
|
|
.sheet-background-row > input,
|
|
.sheet-background-row > textarea{
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* Moves */
|
|
.sheet-generic-rolls > div{
|
|
display:block;
|
|
width:max-content;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.sheet-movesList .sheet-move-item{
|
|
position:relative;
|
|
display:block;
|
|
width:700px;
|
|
margin:0 auto 2px;
|
|
border:1px solid black;
|
|
}
|
|
.sheet-movesList .sheet-movesKnown-Add{
|
|
display:block;
|
|
position:absolute;
|
|
top:0;
|
|
left:-40px;
|
|
width:30px;
|
|
height:70px;
|
|
}
|
|
|
|
.sheet-movesKnown .itemcontrol{
|
|
z-index:1;
|
|
}
|
|
|
|
|
|
.sheet-move-item{
|
|
padding:2px;
|
|
}
|
|
.sheet-move-item .sheet-row > div{
|
|
padding:0 2px;
|
|
}
|
|
|
|
.sheet-movesKnown{
|
|
position:relative;
|
|
width:100%;
|
|
min-height:100px;
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
.sheet-movesKnown .repcontainer{
|
|
display:grid;
|
|
grid-template-columns:270px 270px 270px;
|
|
grid-row-gap:5px;
|
|
justify-content:space-around;
|
|
}
|
|
|
|
.sheet-movesKnown input[value="1"] ~ .repcontrol{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-cat{
|
|
display:block;
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
width:60px;
|
|
height:30px;
|
|
background-repeat:no-repeat;
|
|
background-size:contain;
|
|
}
|
|
|
|
span.sheet-uses{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 10px;
|
|
}
|
|
.sheet-uses input{
|
|
font-weight:bold;
|
|
font-size:10pt;
|
|
width:30px !important;
|
|
border-width:1px !important;
|
|
color:black;
|
|
background-color: whitesmoke !important;
|
|
}
|
|
span.sheet-freq{
|
|
position: absolute;
|
|
right: 90px;
|
|
}
|
|
|
|
|
|
.sheet-moveKnown-item {
|
|
position:relative;
|
|
|
|
}
|
|
.sheet-moveKnown-item .sheet-name{
|
|
position:relative;
|
|
display:inline-block;
|
|
margin-right:10px;
|
|
max-width:120px;
|
|
width:120px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-move-item{
|
|
background:#ddd;
|
|
font-weight:bold;
|
|
color:black;
|
|
}
|
|
.sheet-move-item input,
|
|
.sheet-move-item select{
|
|
font-weight:bold;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-move-item .sheet-movesKnown-Add > input[type="checkbox"]{
|
|
width:100%;
|
|
height:100%;
|
|
position: absolute;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
.sheet-move-item .sheet-movesKnown-Add > div{
|
|
width:100%;
|
|
height:100%;
|
|
border:1px solid black;
|
|
background:#888;
|
|
}
|
|
.sheet-move-item .sheet-movesKnown-Add > input:checked + div{
|
|
background:red;
|
|
}
|
|
.sheet-move-uses{
|
|
text-align: center;
|
|
}
|
|
input[value="At-Will"] + .sheet-move-uses,
|
|
input[value="EOT"] + .sheet-move-uses,
|
|
input[value="Static"] + .sheet-move-uses{
|
|
display:none;
|
|
}
|
|
|
|
input[value=""] + .sheet-move-AC,
|
|
input[value="0"] + .sheet-move-AC,
|
|
input[value=""] + .sheet-move-DB,
|
|
input[value="0"] + .sheet-move-DB{
|
|
display:none;
|
|
}
|
|
/*
|
|
*/
|
|
|
|
.sheet-move-item .sheet-field{
|
|
min-width:80px;
|
|
}
|
|
|
|
|
|
.sheet-move-item .sheet-move-header{
|
|
position:relative;
|
|
background-color:#d6d6c4;
|
|
padding:5px;
|
|
color:black;
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-moveKnown-item .sheet-move-header{
|
|
background-color:#d6d6c4;
|
|
padding:5px;
|
|
color:black;
|
|
font-weight:bold;
|
|
border:solid black;
|
|
border-width: 1px 1px 0px;
|
|
}
|
|
.sheet-move-item .sheet-move-header select,
|
|
.sheet-move-item .sheet-move-header input{
|
|
color:black;
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-move-type[value="Normal"] + .sheet-move-header{ background-color:#a9a878;}
|
|
.sheet-move-type[value="Bug"] + .sheet-move-header{ background-color:#a8b839;}
|
|
.sheet-move-type[value="Dark"] + .sheet-move-header{ background-color:#6b5b52;}
|
|
.sheet-move-type[value="Dragon"] + .sheet-move-header{ background-color:#6559a5;}
|
|
.sheet-move-type[value="Electric"] + .sheet-move-header{ background-color:#f7d031;}
|
|
.sheet-move-type[value="Fairy"] + .sheet-move-header{ background-color:#ec99ac;}
|
|
.sheet-move-type[value="Fighting"] + .sheet-move-header{ background-color:#bd3226;}
|
|
.sheet-move-type[value="Fire"] + .sheet-move-header{ background-color:#ed802f;}
|
|
.sheet-move-type[value="Flying"] + .sheet-move-header{ background-color:#a08ec3;}
|
|
.sheet-move-type[value="Ghost"] + .sheet-move-header{ background-color:#715999;}
|
|
.sheet-move-type[value="Grass"] + .sheet-move-header{ background-color:#7cc252;}
|
|
.sheet-move-type[value="Ground"] + .sheet-move-header{ background-color:#dfc069;}
|
|
.sheet-move-type[value="Ice"] + .sheet-move-header{ background-color:#97d4d5;}
|
|
.sheet-move-type[value="Poison"] + .sheet-move-header{ background-color:#9e449a;}
|
|
.sheet-move-type[value="Psychic"] + .sheet-move-header{ background-color:#f05887;}
|
|
.sheet-move-type[value="Rock"] + .sheet-move-header{ background-color:#b79e37;}
|
|
.sheet-move-type[value="Steel"] + .sheet-move-header{ background-color:#b8b8d0;}
|
|
.sheet-move-type[value="Water"] + .sheet-move-header{ background-color:#6c8ec4;}
|
|
|
|
|
|
.sheet-move-body>div{
|
|
position:relative;
|
|
min-height:28px;
|
|
}
|
|
.sheet-moveKnown-item .sheet-move-body{
|
|
position:relative;
|
|
border:solid black;
|
|
border-width: 0px 1px 1px;
|
|
background: #ddd;
|
|
}
|
|
|
|
.sheet-moveKnown-item .sheet-btn-show,
|
|
.sheet-move-body .sheet-btn-accuracy,
|
|
.sheet-moveKnown-item .sheet-btn-damage{
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:1;
|
|
background:none;
|
|
border:0px;
|
|
margin:0px !important;
|
|
box-shadow: none;
|
|
}
|
|
.sheet-btn-show:hover,
|
|
.sheet-btn-accuracy:hover,
|
|
.sheet-btn-damage:hover{
|
|
background:#00000066;
|
|
}
|
|
|
|
button[type=roll].sheet-blank-roll-button::before { content: ''; }
|
|
|
|
|
|
.sheet-db-breakdown{
|
|
padding:0 15px;
|
|
}
|
|
|
|
|
|
|
|
/* Abilities Features Edges */
|
|
.sheet-ability-features-edges{
|
|
position:relative;
|
|
display:grid;
|
|
grid-template-areas: "edges features abilities";
|
|
grid-template-columns: 30% 38% 30%;
|
|
grid-column-gap: 1%;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
/* Edit Repcontrol */
|
|
.sheet-ability-features-edges .repcontrol_del{
|
|
position:relative;
|
|
z-index:3;
|
|
}
|
|
.sheet-ability-features-edges .repcontrol_move{
|
|
position:relative;
|
|
z-index:3;
|
|
}
|
|
|
|
|
|
|
|
|
|
.sheet-edges{
|
|
position:relative;
|
|
grid-area:edges;
|
|
}
|
|
.sheet-features{
|
|
position:relative;
|
|
grid-area:features;
|
|
}
|
|
.sheet-abilities{
|
|
position:relative;
|
|
grid-area:abilities;
|
|
}
|
|
|
|
.sheet-ability-features-edges .repitem{
|
|
position:relative;
|
|
display:block;
|
|
border:1px solid #6c6c6c;
|
|
margin:0 0 1px;
|
|
|
|
}
|
|
.sheet-ability-features-edges input{
|
|
color:black;
|
|
font-weight: bold;
|
|
font-size:9pt;
|
|
padding:0 2px;
|
|
}
|
|
.sheet-ability-features-edges textarea{
|
|
height: 60px;
|
|
}
|
|
|
|
|
|
.sheet-ability-features-edges .sheet-minihead{
|
|
height:25px;
|
|
}
|
|
.sheet-ability-features-edges .sheet-minihead input.sheet-ability-name{
|
|
font-size:10pt;
|
|
}
|
|
|
|
.sheet-ability{
|
|
position:relative;
|
|
}
|
|
.sheet-ability button{
|
|
|
|
}
|
|
|
|
.sheet-ability.sheet-minihead > .sheet-hide-swap[value='1'] ~ button{
|
|
position:absolute;
|
|
left:30px;
|
|
top: 0px;
|
|
width: calc(100% - 30px);
|
|
height:100%;
|
|
opacity:0;
|
|
}
|
|
.sheet-ability.sheet-minihead > .sheet-hide-swap[value='0'] ~ button{
|
|
position:absolute;
|
|
right:0px;
|
|
top: 0px;
|
|
width: 30px;
|
|
height:100%;
|
|
opacity:1;
|
|
}
|
|
.sheet-contest-inventory > div{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 50%;
|
|
}
|
|
.sheet-contest-inventory .sheet-label{
|
|
display: inline-block;
|
|
width:30%;
|
|
}
|
|
|
|
.sheet-contest-inventory .itemcontrol{
|
|
z-index:1;
|
|
}
|
|
|
|
.sheet-inventory-item{
|
|
display:block;
|
|
position:relative;
|
|
margin:2px auto;
|
|
padding:3px;
|
|
border-width:2px;
|
|
border-color: #838174;
|
|
border-style: groove;
|
|
background-color: #b1af9e;
|
|
}
|
|
.sheet-inventory-item .sheet-inventory-header{
|
|
width:100%;
|
|
}
|
|
.sheet-inventory-item input[type="number"]{
|
|
display:inline-block;
|
|
width:50px;
|
|
height:30px;
|
|
border-radius:20px;
|
|
}
|
|
.sheet-inventory-item input[type="text"]{
|
|
display:inline-block;
|
|
}
|
|
.sheet-contest-inventory textarea,
|
|
.sheet-inventory-item textarea{
|
|
display:block;
|
|
height:80px;
|
|
resize:vertical;
|
|
}
|
|
.sheet-inventory-item .sheet-hide-container{
|
|
display:block;
|
|
position:absolute;
|
|
top:0px;
|
|
right:10px;
|
|
width:30px;
|
|
height:30px;
|
|
}
|
|
.sheet-hide-container input{
|
|
display:inline-block;
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
.sheet-hide-container img{
|
|
display:inline-block;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-hide-swap[value="1"] ~ .sheet-a,
|
|
.sheet-hide-swap[value="0"] ~ .sheet-b{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-inventory-money{
|
|
display:inline-block;
|
|
margin-left:20px;
|
|
}
|
|
.sheet-inventory-money span{
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
color:black;
|
|
}
|
|
.sheet-inventory-money input{
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
width:100px !important;
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"] {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 4px;
|
|
width:24px;
|
|
height:23px;
|
|
z-index:1;
|
|
opacity:0;
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"] + span::before{
|
|
display:inline-block;
|
|
position:absolute;
|
|
left:4px;
|
|
font-size:20px;
|
|
vertical-align: middle;
|
|
|
|
color: #E0E0E0;
|
|
content: "▼";
|
|
|
|
}
|
|
input.sheet-arrow[type="checkbox"]:not(:checked) + span::before
|
|
{
|
|
transform: rotate(-90deg);
|
|
}
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
|
transform: rotate(0deg) !important;
|
|
}
|
|
|
|
/*
|
|
input.sheet-arrow:checked ~ table div.sheet-checklist {
|
|
display: block;
|
|
}
|
|
*/
|
|
|
|
tr.sheet-featlist {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ table tr.sheet-featlist {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-PTU .sheet-spacing,
|
|
.sheet-rolltemplate-PTU_Move .sheet-spacing{
|
|
white-space:pre-line;
|
|
}
|
|
.sheet-rolltemplate-PTU table,
|
|
.sheet-rolltemplate-PTU_Move table,
|
|
.sheet-rolltemplate-PTU_FiveStrike table{
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
.sheet-rolltemplate-PTU th,
|
|
.sheet-rolltemplate-PTU_Move th,
|
|
.sheet-rolltemplate-PTU_FiveStrike th{
|
|
background: url(http://i.imgur.com/5aRtcpq.png) left top no-repeat, url(http://i.imgur.com/yyzOMmI.png);
|
|
/* url("http://i.imgur.com/yyzOMmI.png") top no-repeat*/;
|
|
color: #ffffff;
|
|
padding: 2px 2px 2px 45px;
|
|
border-bottom: 1px solid black;
|
|
/* line-height: 1.6em; */
|
|
font-size: 1.2em;
|
|
height:25px;
|
|
}
|
|
.sheet-rolltemplate-PTU th > span,
|
|
.sheet-rolltemplate-PTU_Move th > span,
|
|
.sheet-rolltemplate-PTU_FiveStrike th > span{
|
|
display: inline-block;
|
|
width:100%;
|
|
}
|
|
.sheet-rolltemplate-PTU th > span:first-of-type.sheet-owner,
|
|
.sheet-rolltemplate-PTU_Move th > span:first-of-type.sheet-owner,
|
|
.sheet-rolltemplate-PTU_FiveStrike th > span:first-of-type.sheet-owner{
|
|
font-size: 0.8em;
|
|
margin-bottom: 5px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .sheet-tcat,
|
|
.sheet-rolltemplate-PTU_Move .sheet-tcat{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU td,
|
|
.sheet-rolltemplate-PTU_Move td,
|
|
.sheet-rolltemplate-PTU_FiveStrike td{
|
|
padding: 5px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .sheet-label
|
|
.sheet-rolltemplate-PTU_Move .sheet-label{
|
|
font-weight:bold;
|
|
font-size:10pt;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU tr:nth-child(odd),
|
|
.sheet-rolltemplate-PTU_Move tr:nth-child(odd),
|
|
.sheet-rolltemplate-PTU_FiveStrike tr:nth-child(odd){
|
|
background-color: rgba(217, 217, 214,1);
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU tr:nth-child(even),
|
|
.sheet-rolltemplate-PTU_Move tr:nth-child(even),
|
|
.sheet-rolltemplate-PTU_FiveStrike tr:nth-child(even){
|
|
background-color: rgba(233, 233, 233,1);
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .inlinerollresult,
|
|
.sheet-rolltemplate-PTU_Move .inlinerollresult,
|
|
.sheet-rolltemplate-PTU_FiveStrike .inlinerollresult{
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-PTU_Move .inlinerollresult.fullcrit ,
|
|
.sheet-rolltemplate-PTU_FiveStrike .inlinerollresult.fullcrit{
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-PTU_Move .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-PTU_FiveStrike .inlinerollresult.fullfail{
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-PTU_Move .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-PTU_FiveStrike .inlinerollresult.importantroll{
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .sheet-hit,
|
|
.sheet-rolltemplate-PTU_Move .sheet-hit {
|
|
background-color: #3ADF00;
|
|
text-align: center;
|
|
font-size: 150%;
|
|
font-family: Serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .sheet-miss,
|
|
.sheet-rolltemplate-PTU_Move .sheet-miss {
|
|
background-color: #DF0101;
|
|
text-align: center;
|
|
font-size: 150%;
|
|
font-family: "Courier New",Serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU tr:nth-child(odd),
|
|
.sheet-rolltemplate-PTU_Move tr:nth-child(odd),
|
|
.sheet-rolltemplate-PTU_FiveStrike tr:nth-child(odd){
|
|
background-color: #E5E5E5;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU tr:nth-child(even),
|
|
.sheet-rolltemplate-PTU_Move tr:nth-child(even),
|
|
.sheet-rolltemplate-PTU_FiveStrike tr:nth-child(even){
|
|
background-color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-PTU .sheet-owner,
|
|
.sheet-rolltemplate-PTU_Move .sheet-owner,
|
|
.sheet-rolltemplate-PTU_FiveStrike .sheet-owner{
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-PTU_FiveStrike tr{
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-PTU a[href^="!"]{
|
|
width:100%;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Jakob's Default Rolltemplate */
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-custom {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-custom {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: rgba(112,32,130,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-custom .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3),
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n) {
|
|
background:#EEE;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* End of Jakob's Rolltemplate */
|
|
|
|
table.sheet-big-table tr:nth-child(even),
|
|
table.sheet-left-half-table tr:nth-child(even),
|
|
table.sheet-right-half-table tr:nth-child(even){
|
|
background-color: #E5E5E5;
|
|
}
|
|
table.sheet-big-table tr:nth-child(odd),
|
|
table.sheet-left-half-table tr:nth-child(odd),
|
|
table.sheet-right-half-table tr:nth-child(odd){
|
|
background-color: whitesmoke;
|
|
}
|
|
|
|
div.sheet-table{
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
div.sheet-table div.sheet-row{
|
|
display:block;
|
|
min-height:28px;
|
|
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
div.sheet-table.sheet-basic-info .sheet-row:nth-child(even),
|
|
table.sheet-table.sheet-basic-info tr:nth-child(even){
|
|
background-color: #E5E5E5;
|
|
}
|
|
div.sheet-table.sheet-basic-info .sheet-row:nth-child(odd),
|
|
table.sheet-table.sheet-basic-info tr:nth-child(odd){
|
|
background-color: whitesmoke;
|
|
}
|
|
.sheet-basic-info th{
|
|
text-align: center;
|
|
}
|
|
/*
|
|
.sheet-table tr:nth-child(even),
|
|
.sheet-table .sheet-row:nth-child(even){
|
|
background-color: #E5E5E5;
|
|
}
|
|
.sheet-table tr:nth-child(odd),
|
|
.sheet-table .sheet-row:nth-child(odd){
|
|
|
|
background-color: white;
|
|
}
|
|
*/
|
|
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(1){
|
|
width:30%;
|
|
}
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(2),
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(6){
|
|
width:20%;
|
|
}
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(3){
|
|
width:10%;
|
|
}
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(4){
|
|
width:15%;
|
|
}
|
|
.sheet-basic-info.sheet-evasions .sheet-row > div:nth-child(5){
|
|
width:5%;
|
|
}
|
|
|
|
div.sheet-table .sheet-row div{
|
|
display:inline-block;
|
|
width:100%;
|
|
}
|
|
div.sheet-table input,
|
|
div.sheet-table select{
|
|
display:inline-block;
|
|
border:solid black;
|
|
border-width:0 0 1px 0;
|
|
background:none;
|
|
max-width:100%;
|
|
}
|
|
div.sheet-table textarea{
|
|
resize:vertical;
|
|
height:70px;
|
|
}
|
|
|
|
.sheet-ap-item,
|
|
.sheet-injury-item,
|
|
.sheet-cap-item{
|
|
display:block;
|
|
width:90%;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.sheet-ap-item input,
|
|
.sheet-injury-item input,
|
|
.sheet-cap-item input{
|
|
display:inline-block;
|
|
color:black;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-ap-item > div{
|
|
display:inline-block;
|
|
}
|
|
/*
|
|
.sheet-page-import{
|
|
display:block;
|
|
position:relative;
|
|
}
|
|
*/
|
|
textarea.sheet-import{
|
|
border:1px solid black;
|
|
height: 400px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-shortfield{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-shortfield2{
|
|
width:4em;
|
|
}
|
|
|
|
.sheet-shortfield3{
|
|
width:62%;
|
|
}
|
|
|
|
.sheet-shortfield4{
|
|
width:32%;
|
|
}
|
|
|
|
.sheet-shortfield5{
|
|
width:85%;
|
|
}
|
|
|
|
.sheet-shortfield6{
|
|
width:20%;
|
|
}
|
|
|
|
.sheet-shortfield7{
|
|
width: 70%;
|
|
}
|
|
|
|
.sheet-shortfield8{
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-header{
|
|
position:relative;
|
|
color: white;
|
|
background: black;
|
|
text-align: center;
|
|
}
|
|
.sheet-header > input[type='checkbox']{
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:2;
|
|
opacity:0;
|
|
}
|
|
|
|
.sheet-table-header{
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-table-header-1{
|
|
font-weight: bold;
|
|
width: 39%;
|
|
}
|
|
|
|
.sheet-banded{
|
|
background: #E5E5E5;
|
|
}
|
|
|
|
.sheet-table,
|
|
.sheet-big-table{
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-1{
|
|
width: 33%;
|
|
}
|
|
|
|
.sheet-left-half-table{
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.sheet-right-half-table{
|
|
width: 48%;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-main-header{
|
|
width:100%;
|
|
}
|
|
|
|
|
|
|
|
div.sheet-center-img{
|
|
display:block;
|
|
width:100px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-minihead{
|
|
color: white;
|
|
background: gray;
|
|
text-align: center;
|
|
}
|
|
.sheet-minihead input.sheet-ability-name{
|
|
font-size: 8pt;
|
|
height: 100%;
|
|
display: inline-block;
|
|
width: calc( 80% - 30px) !important;
|
|
background: none;
|
|
border: none;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-bold{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-allign-1{
|
|
float:left;
|
|
margin-top: .5%;
|
|
margin-bottom: .5%;
|
|
margin-right: 24.2%;
|
|
}
|
|
|
|
.sheet-allign-2{
|
|
float:left;
|
|
margin-top: .5%;
|
|
margin-bottom: .5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.sheet-allign{
|
|
float:left;
|
|
margin-top: .5%;
|
|
margin-bottom: .5%;
|
|
margin-right: .2%;
|
|
}
|
|
|
|
.sheet-textarea{
|
|
resize: none;
|
|
border: none;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */
|
|
-moz-box-sizing: border-box; /* FF1+ */
|
|
box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
|
|
}
|
|
|
|
.sheet-textarea-b{
|
|
resize: none;
|
|
border-width: 1px;
|
|
border-color: black;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */
|
|
-moz-box-sizing: border-box; /* FF1+ */
|
|
box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
|
|
}
|
|
|
|
select { margin-bottom: 0; }
|
|
|
|
|
|
|
|
|
|
|