improve ui and function

This commit is contained in:
zeteticl
2018-06-21 15:11:48 +08:00
parent 510b62b4f9
commit e3a40404dc
2 changed files with 454 additions and 269 deletions
@@ -1208,11 +1208,11 @@ input.sheet-tabconf:checked + span{
.sheet-statblock .sheet-npcatk.sheet-spells .repcontainer {max-width: 540px;}
/* ===== ROLL TEMPLATES ===== */
.sheet-rolltemplate-pc,
.sheet-rolltemplate-Ninpo,
.sheet-rolltemplate-npc {font-family: sans-serif;}
/* API buttons */
.sheet-rolltemplate-pc a[href^="~"] {
.sheet-rolltemplate-Ninpo a[href^="~"] {
background-color: transparent;
padding: 0px 0px 0px 0px;
color: #182C4A;
@@ -1226,10 +1226,10 @@ input.sheet-tabconf:checked + span{
white-space: pre;
font-weight: bold;
}
.sheet-rolltemplate-pc a:hover {color: #BE202E;}
.sheet-rolltemplate-Ninpo a:hover {color: #BE202E;}
/* Rolls */
.sheet-rolltemplate-pc .inlinerollresult,
.sheet-rolltemplate-Ninpo .inlinerollresult,
.sheet-rolltemplate-npc .inlinerollresult {
background-color: transparent;
border: none;
@@ -1239,96 +1239,96 @@ input.sheet-tabconf:checked + span{
font-size: 1.25em;
padding: 2px;
}
.sheet-rolltemplate-pc .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-Ninpo .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}
.sheet-rolltemplate-pc .sheet-resright .inlinerollresult,
.sheet-rolltemplate-Ninpo .sheet-resright .inlinerollresult,
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
font-size: 1.6em;
line-height: 1.45em;
}
.sheet-rolltemplate-pc .sheet-success,
.sheet-rolltemplate-Ninpo .sheet-success,
.sheet-rolltemplate-npc .sheet-success {
color: #247305;
}
.sheet-rolltemplate-pc .sheet-failure,
.sheet-rolltemplate-Ninpo .sheet-failure,
.sheet-rolltemplate-npc .sheet-failure {
color: #BE202E;
}
.sheet-rolltemplate-pc .inlinerollresult.fullcrit,
.sheet-rolltemplate-Ninpo .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
border: none;
color: #247305;
}
.sheet-rolltemplate-pc .inlinerollresult.importantroll,
.sheet-rolltemplate-Ninpo .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
border: none;
color: #4A57ED;
}
.sheet-rolltemplate-pc .inlinerollresult.fullfail,
.sheet-rolltemplate-Ninpo .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
border: none;
color: #BE202E;
}
/* flex */
.sheet-rolltemplate-pc .sheet-flexatk,
.sheet-rolltemplate-Ninpo .sheet-flexatk,
.sheet-rolltemplate-npc .sheet-flexatk {
display: flex;
justify-content: space-between;
align-items: center;
}
.sheet-rolltemplate-pc .sheet-flexatk {border-top: 1px dotted #182C4A;}
.sheet-rolltemplate-Ninpo .sheet-flexatk {border-top: 1px dotted #182C4A;}
.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;}
.sheet-rolltemplate-pc .sheet-spacer,
.sheet-rolltemplate-Ninpo .sheet-spacer,
.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;}
.sheet-rolltemplate-pc .sheet-flexdmg,
.sheet-rolltemplate-Ninpo .sheet-flexdmg,
.sheet-rolltemplate-npc .sheet-flexdmg {
display: flex;
align-items: center;
}
/* classes */
.sheet-rolltemplate-pc div,
.sheet-rolltemplate-pc span,
.sheet-rolltemplate-pc img,
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-Ninpo span,
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc div,
.sheet-rolltemplate-npc span,
.sheet-rolltemplate-npc img {
box-sizing: border-box;
}
.sheet-rolltemplate-pc div,
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-npc div {
margin: 0px;
padding: 0px;
}
.sheet-rolltemplate-pc img,
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc img {
margin: 0px;
padding: 0px;
}
.sheet-rolltemplate-pc .sheet-center,
.sheet-rolltemplate-Ninpo .sheet-center,
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
.sheet-rolltemplate-pc .sheet-right,
.sheet-rolltemplate-Ninpo .sheet-right,
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
.sheet-rolltemplate-pc .sheet-ital,
.sheet-rolltemplate-Ninpo .sheet-ital,
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
.sheet-rolltemplate-pc .sheet-inl,
.sheet-rolltemplate-Ninpo .sheet-inl,
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
.sheet-rolltemplate-pc .sheet-bold,
.sheet-rolltemplate-Ninpo .sheet-bold,
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
.sheet-rolltemplate-pc .sheet-vtop,
.sheet-rolltemplate-Ninpo .sheet-vtop,
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}
.sheet-rolltemplate-pc .sheet-myrow,
.sheet-rolltemplate-Ninpo .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
padding: 0px 1px 0px 2px;
}
.sheet-rolltemplate-pc .sheet-bordered .sheet-myrow:nth-child(odd) {background: linear-gradient(to left,white,#D8DBE6);}
.sheet-rolltemplate-Ninpo .sheet-bordered .sheet-myrow:nth-child(odd) {background: linear-gradient(to left,white,#D8DBE6);}
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);}
.sheet-rolltemplate-pc div.sheet-charname {
.sheet-rolltemplate-Ninpo div.sheet-charname {
border-style: solid;
border-width: 1px 1px 0px 1px;
padding: 1px 1px 1px 2px;
@@ -1343,7 +1343,7 @@ input.sheet-tabconf:checked + span{
font-size: 1em;
}
.sheet-rolltemplate-pc div.sheet-notes,
.sheet-rolltemplate-Ninpo div.sheet-notes,
.sheet-rolltemplate-npc div.sheet-notes {
max-height: 220px;
overflow-y: auto;
@@ -1354,7 +1354,7 @@ input.sheet-tabconf:checked + span{
background-color: #DDD;
border-color: #BBB;
}
.sheet-rolltemplate-pc div.sheet-desc,
.sheet-rolltemplate-Ninpo div.sheet-desc,
.sheet-rolltemplate-npc div.sheet-desc {
max-height: 220px;
overflow-y: auto;
@@ -1363,7 +1363,7 @@ input.sheet-tabconf:checked + span{
margin-top: 2px;
padding: 1px 1px 1px 2px;
}
.sheet-rolltemplate-pc div.sheet-desc {
.sheet-rolltemplate-Ninpo div.sheet-desc {
background-color: white;
border-color: #182C4A;
}
@@ -1372,14 +1372,14 @@ input.sheet-tabconf:checked + span{
background-color: white;
}
.sheet-rolltemplate-pc span.sheet-notes,
.sheet-rolltemplate-Ninpo span.sheet-notes,
.sheet-rolltemplate-npc span.sheet-notes {
font-family: sans-serif;
font-size: 0.9em;
color: black;
}
.sheet-rolltemplate-pc .sheet-lbl,
.sheet-rolltemplate-Ninpo .sheet-lbl,
.sheet-rolltemplate-npc .sheet-lbl {
text-align: left;
font-family: sans-serif;
@@ -1388,10 +1388,10 @@ input.sheet-tabconf:checked + span{
text-transform: capitalize;
white-space: pre;
}
.sheet-rolltemplate-pc .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-Ninpo .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}
.sheet-rolltemplate-pc .sheet-bordered,
.sheet-rolltemplate-Ninpo .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
border-style: solid;
border-width: 1px;
@@ -1401,7 +1401,7 @@ input.sheet-tabconf:checked + span{
}
/* ICONS */
.sheet-rolltemplate-pc .sheet-icon,
.sheet-rolltemplate-Ninpo .sheet-icon,
.sheet-rolltemplate-npc .sheet-icon {
position: absolute;
top: 6px;
@@ -1409,60 +1409,60 @@ input.sheet-tabconf:checked + span{
width: 40px;
text-align: center;
}
.sheet-rolltemplate-pc .sheet-icon::after,
.sheet-rolltemplate-Ninpo .sheet-icon::after,
.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;}
.sheet-rolltemplate-pc .sheet-icon::after {color: #182C4A;}
.sheet-rolltemplate-Ninpo .sheet-icon::after {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;}
.sheet-rolltemplate-pc .sheet-icon.sheet-initiative::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-initiative::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
font-family: "Pictos";
content: 'g';
font-size: 2em;
}
.sheet-rolltemplate-pc .sheet-icon.sheet-skill::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-skill::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
font-family: "Pictos";
content: 'x';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-hp::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-hp::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
font-family: "Pictos";
content: 'k';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-save::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-save::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
font-family: "Pictos Custom";
content: 'e';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-attackdamage::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attackdamage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
font-family: "Pictos Custom";
font-weight: bold;
content: '⚔t';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-attack::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attack::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
font-family: "Pictos Custom";
font-weight: bold;
content: '⚔';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-damage::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-damage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
font-family: "Pictos Custom";
font-weight: bold;
content: 't';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-ability::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-ability::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
font-family: "Pictos";
content: 'U';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-feat::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-feat::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
font-family: "Pictos";
content: 'E';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-spell::after,
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-spell::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
font-family: "Pictos Three";
content: 'j';
@@ -1470,7 +1470,7 @@ input.sheet-tabconf:checked + span{
}
.sheet-rolltemplate-pc .sheet-bordered {
.sheet-rolltemplate-Ninpo .sheet-bordered {
background-color: white;
border-color: #182C4A;
}
@@ -1479,33 +1479,33 @@ input.sheet-tabconf:checked + span{
border-color: #3C2517;
}
.sheet-rolltemplate-pc .sheet-symbol,
.sheet-rolltemplate-Ninpo .sheet-symbol,
.sheet-rolltemplate-npc .sheet-symbol {
font-family: "Pictos Custom";
font-size: 1.3em;
font-weight: bold;
line-height: 1em;
}
.sheet-rolltemplate-pc .sheet-smallname,
.sheet-rolltemplate-Ninpo .sheet-smallname,
.sheet-rolltemplate-npc .sheet-smallname {
font-family: sans-serif;
font-size: 0.9em;
}
.sheet-rolltemplate-pc .sheet-smallname {color: #182C4A;}
.sheet-rolltemplate-Ninpo .sheet-smallname {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}
/* top bands */
.sheet-rolltemplate-pc img.sheet-brdright,
.sheet-rolltemplate-pc img.sheet-brdleft {
.sheet-rolltemplate-Ninpo img.sheet-brdright,
.sheet-rolltemplate-Ninpo img.sheet-brdleft {
display: inline-block;
position: absolute;
vertical-align: top;
top: 0px;
}
.sheet-rolltemplate-pc img.sheet-brdleft {left: 0px;}
.sheet-rolltemplate-pc img.sheet-brdright {right: 0px;}
.sheet-rolltemplate-Ninpo img.sheet-brdleft {left: 0px;}
.sheet-rolltemplate-Ninpo img.sheet-brdright {right: 0px;}
.sheet-rolltemplate-pc .sheet-blacklabel,
.sheet-rolltemplate-Ninpo .sheet-blacklabel,
.sheet-rolltemplate-npc .sheet-blacklabel {
display: inline-block;
vertical-align: top;
@@ -1513,7 +1513,7 @@ input.sheet-tabconf:checked + span{
position: relative;
font-size: 0.9em;
}
.sheet-rolltemplate-pc .sheet-blacklabel {
.sheet-rolltemplate-Ninpo .sheet-blacklabel {
background-color: #182C4A;
color: white;
}
@@ -1523,7 +1523,7 @@ input.sheet-tabconf:checked + span{
font-weight: bold;
}
/* top */
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top {
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top {
height: 36px;
width: 85%;
max-width: 85%;
@@ -1538,13 +1538,13 @@ input.sheet-tabconf:checked + span{
padding-right: 27px;
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top img.sheet-brdright,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
width: 26px;
height: 36px;
}
/* med */
.sheet-rolltemplate-pc span.sheet-med {
.sheet-rolltemplate-Ninpo span.sheet-med {
font-weight: normal;
font-size: 0.9em;
}
@@ -1555,7 +1555,7 @@ input.sheet-tabconf:checked + span{
font-weight: bold;
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
height: 20px;
vertical-align: top;
@@ -1563,7 +1563,7 @@ input.sheet-tabconf:checked + span{
line-height: 1.5em;
font-weight: bold;
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med {
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med {
min-width: 75px;
padding: 0px 20px 0px 2px;
}
@@ -1572,7 +1572,7 @@ input.sheet-tabconf:checked + span{
padding: 0px 2px 0px 2px;
background: linear-gradient(to right,#c3996b7a,white);
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-right {
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-right {
padding: 0px 2px 0px 20px;
text-align: right;
}
@@ -1580,7 +1580,7 @@ input.sheet-tabconf:checked + span{
text-align: right;
background: linear-gradient(to left,#c3996b7a,white);
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-yellow {
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-yellow {
color: #E6DD94;
font-weight: normal;
}
@@ -1589,9 +1589,9 @@ input.sheet-tabconf:checked + span{
font-weight: normal;
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
height: 20px;
}
@@ -1677,7 +1677,7 @@ input.sheet-tabconf:checked + span{
}
.sheet-rolltemplate-pc .sheet-blacklabel .sheet-big,
.sheet-rolltemplate-Ninpo .sheet-blacklabel .sheet-big,
.sheet-rolltemplate-npc .sheet-big {
display: inline;
font-family: sans-serif;
@@ -1689,12 +1689,16 @@ input.sheet-tabconf:checked + span{
}
.sheet-rolltemplate-npc .sheet-big {color: #3C2517;}
.sheet-rolltemplate-pc .sheet-resright,
.sheet-rolltemplate-Ninpo .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
display: inline;
float: right;
margin-right: 3px;
clear: both;
font-size: 1.3em;
text-transform: uppercase;
line-height: 1.0em;
}
button[type=roll].sheet-old-roll {
color: #BEBEBE;
File diff suppressed because it is too large Load Diff