mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1844 lines
39 KiB
CSS
1844 lines
39 KiB
CSS
/* latin */
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZw.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* Set the min-width and max-width so that when the window is resized the character sheet stays the same */
|
|
.charsheet {
|
|
background-color: #fff;
|
|
min-width: 900px;
|
|
max-width: 900px;
|
|
font-family: 'Montserrat', 'Arial';
|
|
}
|
|
|
|
/* Universal styling applied to all elements of these types */
|
|
h2 {
|
|
font-size: 2em;
|
|
margin-bottom: 10px;
|
|
text-align: left;
|
|
color: #009eda;
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 6px;
|
|
color: #c1912e;
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
width: 90px;
|
|
}
|
|
|
|
input {
|
|
display: inline-block;
|
|
width: calc(100% - 100px);
|
|
}
|
|
|
|
img.sheet-shieldicon {
|
|
position: relative;
|
|
top: -3px;
|
|
left: 0.5px;
|
|
}
|
|
|
|
img.sheet-focusicon {
|
|
position: relative;
|
|
top: -3px;
|
|
left: 0.5px;
|
|
}
|
|
|
|
textarea {
|
|
height: 36px;
|
|
resize: vertical;
|
|
min-height: 18px;
|
|
}
|
|
|
|
.sheet-inv textarea {
|
|
height: 250px;
|
|
resize: vertical;
|
|
}
|
|
|
|
div.sheet-inset {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
/* Targetted styling that only effects elements with these classes */
|
|
input.sheet-short {
|
|
width: 17%;
|
|
}
|
|
|
|
label.sheet-short {
|
|
width: 20px;
|
|
}
|
|
|
|
input[type=number].sheet-expand {
|
|
width: calc(100% - 100px);
|
|
}
|
|
|
|
input.sheet-full {
|
|
width: 100%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
vertical-align: top;
|
|
width: 60px;
|
|
}
|
|
|
|
input[type=text]::placeholder {
|
|
font-style: italic;
|
|
color: #AAA;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 99;
|
|
}
|
|
|
|
.sheet-3colrowx,
|
|
.sheet-2colrowx {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.sheet-3colrowx .sheet-colx {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(33.3% - 4px);
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-3colrowx .sheet-colx input[type=number] {
|
|
position: relative;
|
|
left: -10px;
|
|
width: 45px;
|
|
}
|
|
|
|
.sheet-2colrowx .sheet-colx {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(50% - 4px);
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-2colrow .sheet-col1 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(65% - 29px);
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.sheet-2colrow .sheet-col2 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(35% - 4px);
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-2colrow .sheet-col1 {
|
|
width: calc(25% - 29px);
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-2colrow .sheet-col2 {
|
|
width: calc(75% - 4px);
|
|
}
|
|
|
|
.sheet-gmunits .sheet-2colrow .sheet-col1 .sheet-btn {
|
|
width: 86%;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattacklist {
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattackentry {
|
|
margin-right: 8px;
|
|
margin-bottom: 8px;
|
|
padding: 8px;
|
|
border-radius: 8px;
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattackentry label {
|
|
width: 80px;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattackentry input[type=text] {
|
|
width: calc(100% - 88px);
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattackentry select {
|
|
position: relative;
|
|
right: 0px;
|
|
width: calc(100% - 88px);
|
|
}
|
|
|
|
.sheet-res label {
|
|
width: 120px;
|
|
}
|
|
|
|
.sheet-2colrow .sheet-col1 label {
|
|
width: 120px;
|
|
}
|
|
|
|
.sheet-atk .sheet-col2 h3 {
|
|
margin-top:12px;
|
|
}
|
|
|
|
.sheet-attrcol1 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(22%);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.sheet-attrcol2 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(50%);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.sheet-attrcol3 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: calc(22%);
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-attrvalue {
|
|
display: inline-block;
|
|
width: 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-attrtotal {
|
|
border-radius: 5px;
|
|
border: 2px solid #c1912e;
|
|
}
|
|
|
|
.sheet-iconlabel {
|
|
display: inline-block;
|
|
width: 20px;
|
|
text-align: center;
|
|
margin-right: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-gmtools select,
|
|
.sheet-res select,
|
|
.sheet-atk select {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: inline-block;
|
|
width: calc(100% - 130px);
|
|
position: relative;
|
|
right: 3px;
|
|
}
|
|
|
|
.sheet-tracker .repitem {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-tracker input[type=text] {
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-tracker input[type=number] {
|
|
width: 18%;
|
|
}
|
|
|
|
button.sheet-btn,
|
|
button.sheet-btn[type=roll],
|
|
button.sheet-addbtn,
|
|
button.sheet-removebtn,
|
|
button.repcontrol_add,
|
|
button.repcontrol_edit {
|
|
float: right;
|
|
background-color: #EEE;
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 10px 14px;
|
|
font-weight: bold;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
margin: 0px 0px 0px 8px;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
}
|
|
|
|
button.sheet-selected {
|
|
background-color: #852419;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-attacklabel {
|
|
float: right;
|
|
/*background-color: #EEE;*/
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 10px 14px;
|
|
font-weight: bold;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
margin: 0px 0px 0px 8px !important;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
width: auto !important;
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#ffe3e0,
|
|
#ffe3e0 10px,
|
|
#ffd1cc 10px,
|
|
#ffd1cc 20px
|
|
);
|
|
}
|
|
|
|
a.repcontrol_move,
|
|
button.repcontrol_del {
|
|
border: none;
|
|
color: #777;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
margin: 0px 0px 0px 0px;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button.sheet-addbtn,
|
|
button.sheet-removebtn,
|
|
button.repcontrol_add,
|
|
button.repcontrol_edit {
|
|
width: auto;
|
|
padding: 4px 14px;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-col1 .repcontrol_add {
|
|
display: none;
|
|
width: 0px;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-overflow: clip;
|
|
visibility: hidden;
|
|
}
|
|
|
|
button.sheet-addbtn {
|
|
float: left;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-enemyattacklist button.sheet-addbtn {
|
|
float: right;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
button.sheet-skillbtn {
|
|
background-color: #EEE;
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 4px 14px;
|
|
font-weight: bold;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
margin: 0px 0px 0px 8px;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
button:hover,
|
|
button[type=roll]:hover {
|
|
background-color: #DDD;
|
|
}
|
|
|
|
button:active,
|
|
button[type=roll]:active {
|
|
background-color: #CCC;
|
|
}
|
|
|
|
button.sheet-selected:hover {
|
|
background-color: #963126;
|
|
}
|
|
|
|
button.sheet-selected:active {
|
|
background-color: #a83e32;
|
|
}
|
|
|
|
button:disabled,
|
|
button[disabled] {
|
|
color: #999;
|
|
background-color: #CCC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
button.repcontrol_del {
|
|
background-color: #f26257;
|
|
color: white;
|
|
}
|
|
|
|
button.repcontrol_del:hover {
|
|
background-color: #d4544a;
|
|
}
|
|
|
|
button.repcontrol_del:active {
|
|
background-color: #ab423a;
|
|
}
|
|
|
|
div.itemcontrol {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
rgba(255, 253, 222, 0.6),
|
|
rgba(255, 253, 222, 0.6) 10px,
|
|
rgba(255, 254, 240, 0.6) 10px,
|
|
rgba(255, 254, 240, 0.6) 20px
|
|
);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
button:disabled,
|
|
button[disabled] {
|
|
color: #999;
|
|
background-color: #CCC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
button.repcontrol_del {
|
|
background-color: #f26257;
|
|
color: white;
|
|
}
|
|
|
|
button.repcontrol_del:hover {
|
|
background-color: #d4544a;
|
|
}
|
|
|
|
button.repcontrol_del:active {
|
|
background-color: #ab423a;
|
|
}
|
|
|
|
div.itemcontrol {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
rgba(255, 253, 222, 0.6),
|
|
rgba(255, 253, 222, 0.6) 10px,
|
|
rgba(255, 254, 240, 0.6) 10px,
|
|
rgba(255, 254, 240, 0.6) 20px
|
|
);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.sheet-eba .sheet-short {
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-gmunits textarea,
|
|
.sheet-eqp textarea,
|
|
.sheet-pab textarea,
|
|
.sheet-aab textarea {
|
|
float: right;
|
|
display: inline-block;
|
|
width: calc(100% - 110px);
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-gmunits .sheet-enemyattackentry textarea {
|
|
width: calc(100% - 97px);
|
|
margin-right: -3px;
|
|
}
|
|
|
|
.sheet-eqp select,
|
|
.sheet-pab select,
|
|
.sheet-aab select {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: inline-block;
|
|
width: calc(100% - 100px);
|
|
position: relative;
|
|
right: 3px;
|
|
}
|
|
|
|
.sheet-eqp .sheet-eit select {
|
|
top: 1px;
|
|
}
|
|
|
|
.sheet-aaa select {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: inline-block;
|
|
width: 172px;
|
|
position: relative;
|
|
right: 3px;
|
|
top: 1px;
|
|
}
|
|
|
|
.sheet-attack {
|
|
display: block;
|
|
margin-top: 4px;
|
|
padding: 4px;
|
|
padding-left: 10px;
|
|
border-radius: 8px;
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-willattack {
|
|
border-color: #8a58ad;
|
|
}
|
|
|
|
.sheet-paneltracker {
|
|
display: block;
|
|
margin-top: 4px;
|
|
margin-bottom: 8px;
|
|
padding: 4px;
|
|
padding-left: 10px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.sheet-dodgeroller {
|
|
border: 2px solid #009eda;
|
|
}
|
|
|
|
.sheet-ammotrack {
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-revealed {
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-concealed {
|
|
border: 2px solid #3d3d3d;
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#4d4d4d,
|
|
#4d4d4d 10px,
|
|
#5c5c5c 10px,
|
|
#5c5c5c 20px);
|
|
}
|
|
|
|
.sheet-concealed label {
|
|
color: white !important;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-concealed .sheet-btn {
|
|
color: white;
|
|
background-color: #666;
|
|
}
|
|
|
|
.sheet-concealed .sheet-btn:hover {
|
|
background-color: #777;
|
|
}
|
|
|
|
.sheet-concealed .sheet-btn:active {
|
|
background-color: #888;
|
|
}
|
|
|
|
.sheet-skillroller {
|
|
border: 2px solid #c1912e;
|
|
}
|
|
|
|
.sheet-attack label,
|
|
.sheet-paneltracker label {
|
|
vertical-align: middle;
|
|
margin-top: 11px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-customattack input[type=text] {
|
|
width: 50px;
|
|
margin-top:-10px;
|
|
margin-bottom:-10px;
|
|
}
|
|
|
|
.sheet-customattack label input[type=text],
|
|
.sheet-customattack label input[type=number] {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.sheet-customattack input[type=number] {
|
|
width: 40px;
|
|
margin-top:-10px;
|
|
margin-bottom:-10px;
|
|
}
|
|
|
|
.sheet-paneltracker input[type=number] {
|
|
margin-top:-14px;
|
|
margin-bottom:-10px;
|
|
}
|
|
|
|
.sheet-usableeffects {
|
|
color: #888;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
max-height: 39px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.sheet-bottomfilledinset {
|
|
color: white;
|
|
margin-left: -12px;
|
|
padding-left: 12px;
|
|
margin-right: -6px;
|
|
padding-right: 6px;
|
|
margin-bottom: -6px;
|
|
padding-bottom: 4px;
|
|
margin-top: 2px;
|
|
padding-top: 2px;
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
|
|
.sheet-specialammo {
|
|
background-color: #AAA;
|
|
}
|
|
|
|
.sheet-eit .sheet-btn,
|
|
.sheet-eit .sheet-attacklabel {
|
|
float:none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-flexcontainer {
|
|
display: flex;
|
|
white-space: normal;
|
|
}
|
|
|
|
.sheet-flexcontainer .sheet-left {
|
|
width: auto;
|
|
margin-right: 8px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-flexcontainer .sheet-center {
|
|
flex-grow: 1;
|
|
overflow-wrap: normal;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-flexcontainer .sheet-right {
|
|
width: auto;
|
|
margin-left: 8px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-aaa input[type=text] {
|
|
width: 175px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.sheet-aaa input[type=number] {
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
|
|
.sheet-eqp input[type=number] {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.sheet-aaa .sheet-rangeselect {
|
|
width: 101px;
|
|
}
|
|
|
|
.sheet-aaa .sheet-2colrow .sheet-col1 label {
|
|
width: 90px;
|
|
}
|
|
|
|
.sheet-main input {
|
|
position: relative;
|
|
bottom: 3px;
|
|
}
|
|
|
|
.sheet-attributes input[type=number] {
|
|
position: relative;
|
|
bottom: 3px;
|
|
}
|
|
|
|
.sheet-nowrap {
|
|
white-space: nowrap;
|
|
text-overflow: clip;
|
|
}
|
|
|
|
.sheet-wrap {
|
|
white-space: normal;
|
|
overflow: visible;
|
|
text-overflow: clip;
|
|
}
|
|
|
|
.sheet-money {
|
|
font-size: 24px;
|
|
position: relative;
|
|
top: 4px;
|
|
left: 8px;
|
|
}
|
|
|
|
.sheet-pockets select {
|
|
width: 120px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.sheet-pockets input {
|
|
display: inline-block;
|
|
width: calc(100% - 130px);
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.sheet-labellike {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
color: #333;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.sheet-icontooltip {
|
|
color: #AAA;
|
|
line-height: 18px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
.sheet-readonly .repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-gmunits button.sheet-btn {
|
|
float: none;
|
|
width: 90%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.sheet-selectedunit {
|
|
width: 98%;
|
|
padding-bottom: 8px;
|
|
padding-top: 6px;
|
|
border-radius: 8px;
|
|
border: 2px solid #852419;
|
|
margin-bottom: 8px;
|
|
line-height: 1.25em;
|
|
font-size: 1.05em;
|
|
}
|
|
|
|
.sheet-selectedunit div.sheet-nameplate {
|
|
background-color: #852419;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 4px 8px 4px 8px;
|
|
position: relative;
|
|
top: -6px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.sheet-selectedunit div.sheet-content {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.sheet-selectedunit div.sheet-content .sheet-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-selectedunit div.sheet-content .sheet-label2 {
|
|
font-weight: 500;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-selectedunit .sheet-attackinfo {
|
|
margin-left: 0px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.sheet-selectedunit .sheet-attackinfo .sheet-stats {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.sheet-selectedunit .sheet-notes {
|
|
color: #555;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-selectedunit .sheet-unitsectionlabel {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: #852419;
|
|
display: box;
|
|
margin-bottom: 4px;
|
|
width: 100%;
|
|
border-bottom: 1px solid #AAA;
|
|
}
|
|
|
|
.sheet-avaluehider[value="active"] + div {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-valuehider[value=""] + div {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideifzero[value="0"] + div,
|
|
.sheet-hideifzero[value="0"] + button,
|
|
.sheet-hideifzero[value="0"] + span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideifone[value="1"] + div,
|
|
.sheet-hideifone[value="1"] + button,
|
|
.sheet-hideifone[value="1"] + span {
|
|
display: none;
|
|
}
|
|
|
|
/* haha I fuckin hate CSS */
|
|
.sheet-hideifnotzero[value="1"] + div,
|
|
.sheet-hideifnotzero[value="1"] + button,
|
|
.sheet-hideifnotzero[value="1"] + span,
|
|
.sheet-hideifnotzero[value="2"] + div,
|
|
.sheet-hideifnotzero[value="2"] + button,
|
|
.sheet-hideifnotzero[value="2"] + span,
|
|
.sheet-hideifnotzero[value="3"] + div,
|
|
.sheet-hideifnotzero[value="3"] + button,
|
|
.sheet-hideifnotzero[value="3"] + span,
|
|
.sheet-hideifnotzero[value="4"] + div,
|
|
.sheet-hideifnotzero[value="4"] + button,
|
|
.sheet-hideifnotzero[value="4"] + span,
|
|
.sheet-hideifnotzero[value="5"] + div,
|
|
.sheet-hideifnotzero[value="5"] + button,
|
|
.sheet-hideifnotzero[value="5"] + span,
|
|
.sheet-hideifnotzero[value="6"] + div,
|
|
.sheet-hideifnotzero[value="6"] + button,
|
|
.sheet-hideifnotzero[value="6"] + span,
|
|
.sheet-hideifnotzero[value="7"] + div,
|
|
.sheet-hideifnotzero[value="7"] + button,
|
|
.sheet-hideifnotzero[value="7"] + span,
|
|
.sheet-hideifnotzero[value="8"] + div,
|
|
.sheet-hideifnotzero[value="8"] + button,
|
|
.sheet-hideifnotzero[value="8"] + span,
|
|
.sheet-hideifnotzero[value="9"] + div,
|
|
.sheet-hideifnotzero[value="9"] + button,
|
|
.sheet-hideifnotzero[value="9"] + span {
|
|
display: none;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
width: auto;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-condensedpronouns {
|
|
color: #333;
|
|
font-size: 12px;
|
|
vertical-align: baseline;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-condensed h2 {
|
|
line-height: normal;
|
|
}
|
|
|
|
.sheet-condensed h2.sheet-name {
|
|
border-bottom: 2px solid #c1912e;
|
|
}
|
|
|
|
.sheet-condensed label,
|
|
.sheet-condensed .sheet-labellike {
|
|
font-size: 1.2em;
|
|
line-height: 1.1em;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-condensed .sheet-status input[type=number] {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
top: -1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-condensed .sheet-baseattr .sheet-attrvalue {
|
|
color: #009eda;
|
|
}
|
|
|
|
.sheet-condensed .sheet-combatattr .sheet-attrvalue {
|
|
color: #c1912e;
|
|
}
|
|
|
|
.sheet-weaponhider[value="Special Equipment"] ~ div.sheet-weapon,
|
|
.sheet-weaponhider[value="Weapon"] ~ div.sheet-specialequipment {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-weaponhider[value="Weapon"] ~ div.sheet-weapon,
|
|
.sheet-weaponhider[value="Special Equipment"] ~ div.sheet-specialequipment {
|
|
display: block;
|
|
}
|
|
|
|
/* Tooltip container */
|
|
.sheet-tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Tooltip text */
|
|
.sheet-tooltip .sheet-tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 10px;
|
|
border-radius: 6px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 1.1;
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 100%;
|
|
left: 40%;
|
|
margin-left: -60px;
|
|
margin-bottom: 6px;
|
|
white-space: normal;
|
|
overflow: visible;
|
|
}
|
|
|
|
.sheet-combatattr .sheet-tooltiptext {
|
|
left: 10%;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext b {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext em {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext hr {
|
|
margin-top: 2px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* Show the tooltip text when you mouse over the tooltip container */
|
|
.sheet-tooltip:hover .sheet-tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 100%; /* At the bottom of the tooltip */
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: black transparent transparent transparent;
|
|
}
|
|
|
|
/*Configure the tab content*/
|
|
.sheet-charactersheet,
|
|
.sheet-gmtools,
|
|
.sheet-atk,
|
|
.sheet-aab,
|
|
.sheet-pab,
|
|
.sheet-eqp,
|
|
.sheet-res,
|
|
.sheet-inv,
|
|
.sheet-oth,
|
|
.sheet-set,
|
|
.sheet-epw,
|
|
.sheet-esw,
|
|
.sheet-eba,
|
|
.sheet-ehg,
|
|
.sheet-eit,
|
|
.sheet-aaa,
|
|
.sheet-apa,
|
|
.sheet-cwp,
|
|
.sheet-cgn,
|
|
.sheet-cwl,
|
|
.sheet-cit,
|
|
.sheet-gmcombat,
|
|
.sheet-gmunits {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="charactersheet"] ~ div.sheet-charactersheet,
|
|
.sheet-tabstoggle[value="gmtools"] ~ div.sheet-gmtools {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="gmcombat"] ~ div.sheet-gmcombat,
|
|
.sheet-tabstoggle[value="gmunits"] ~ div.sheet-gmunits {
|
|
display: block;
|
|
}
|
|
|
|
/* show the selected tab content */
|
|
.sheet-tabstoggle[value="atk"] ~ div.sheet-atk,
|
|
.sheet-tabstoggle[value="aab"] ~ div.sheet-aab,
|
|
.sheet-tabstoggle[value="eqp"] ~ div.sheet-eqp,
|
|
.sheet-tabstoggle[value="res"] ~ div.sheet-res,
|
|
.sheet-tabstoggle[value="inv"] ~ div.sheet-inv,
|
|
.sheet-tabstoggle[value="oth"] ~ div.sheet-oth,
|
|
.sheet-tabstoggle[value="set"] ~ div.sheet-set {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="epw"] ~ div.sheet-epw,
|
|
.sheet-tabstoggle[value="esw"] ~ div.sheet-esw,
|
|
.sheet-tabstoggle[value="eba"] ~ div.sheet-eba,
|
|
.sheet-tabstoggle[value="ehg"] ~ div.sheet-ehg,
|
|
.sheet-tabstoggle[value="eit"] ~ div.sheet-eit {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="aaa"] ~ div.sheet-aaa,
|
|
.sheet-tabstoggle[value="apa"] ~ div.sheet-apa {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="cwp"] ~ div.sheet-cwp,
|
|
.sheet-tabstoggle[value="cgn"] ~ div.sheet-cgn,
|
|
.sheet-tabstoggle[value="cwl"] ~ div.sheet-cwl,
|
|
.sheet-tabstoggle[value="cit"] ~ div.sheet-cit {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-aablStandard,
|
|
div.sheet-aablWeapon,
|
|
div.sheet-aablArea,
|
|
div.sheet-aablWill {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="Standard"] ~ div.sheet-aablStandard,
|
|
.sheet-tabstoggle[value="Weapon"] ~ div.sheet-aablWeapon,
|
|
.sheet-tabstoggle[value="Area"] ~ div.sheet-aablArea,
|
|
.sheet-tabstoggle[value="Will"] ~ div.sheet-aablWill {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-nothing,
|
|
div.sheet-primaryweapon,
|
|
div.sheet-secondaryweapon,
|
|
div.sheet-weapon {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="Nothing"] ~ div.sheet-nothing,
|
|
.sheet-tabstoggle[value="Primary"] ~ div.sheet-primaryweapon,
|
|
.sheet-tabstoggle[value="Secondary"] ~ div.sheet-secondaryweapon,
|
|
.sheet-tabstoggle[value="Primary"] ~ div.sheet-weapon,
|
|
.sheet-tabstoggle[value="Secondary"] ~ div.sheet-weapon {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-itemUtility,
|
|
div.sheet-itemGrenade,
|
|
div.sheet-itemSpecialAmmo,
|
|
div.sheet-itemHeavyWeapon {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="Utility"] ~ div.sheet-itemUtility,
|
|
.sheet-tabstoggle[value="Grenade"] ~ div.sheet-itemGrenade,
|
|
.sheet-tabstoggle[value="SpecialAmmo"] ~ div.sheet-itemSpecialAmmo,
|
|
.sheet-tabstoggle[value="HeavyWeapon"] ~ div.sheet-itemHeavyWeapon {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-itemPassive,
|
|
div.sheet-itemUsable {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="Passive"] ~ div.sheet-itemPassive,
|
|
.sheet-tabstoggle[value="Usable"] ~ div.sheet-itemUsable {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="Passive"] ~ div.sheet-itemNotPassive {
|
|
display: none;
|
|
}
|
|
|
|
button.sheet-atkbtn,
|
|
button.sheet-aabbtn,
|
|
button.sheet-pabbtn,
|
|
button.sheet-eqpbtn,
|
|
button.sheet-resbtn,
|
|
button.sheet-invbtn,
|
|
button.sheet-othbtn,
|
|
button.sheet-setbtn,
|
|
button.sheet-gmcombatbtn,
|
|
button.sheet-gmunitsbtn {
|
|
background-color: #EEE;
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 10px 14px;
|
|
font-weight: bold;
|
|
border-bottom: 2px solid #555;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
position: relative;
|
|
top: 2px;
|
|
margin: 0px 2px 0px 2px;
|
|
outline: none;
|
|
}
|
|
|
|
button.sheet-atkbtn:hover,
|
|
button.sheet-aabbtn:hover,
|
|
button.sheet-pabbtn:hover,
|
|
button.sheet-eqpbtn:hover,
|
|
button.sheet-resbtn:hover,
|
|
button.sheet-invbtn:hover,
|
|
button.sheet-othbtn:hover,
|
|
button.sheet-setbtn:hover,
|
|
button.sheet-epwbtn:hover,
|
|
button.sheet-eswbtn:hover,
|
|
button.sheet-ebabtn:hover,
|
|
button.sheet-ehgbtn:hover,
|
|
button.sheet-eitbtn:hover,
|
|
button.sheet-aaabtn:hover,
|
|
button.sheet-apabtn:hover,
|
|
button.sheet-cwpbtn:hover,
|
|
button.sheet-cgnbtn:hover,
|
|
button.sheet-cwlbtn:hover,
|
|
button.sheet-citbtn:hover,
|
|
button.sheet-gmcombatbtn:hover,
|
|
button.sheet-gmunitsbtn:hover {
|
|
background-color: #DDD;
|
|
}
|
|
|
|
button.sheet-atkbtn:active,
|
|
button.sheet-aabbtn:active,
|
|
button.sheet-pabbtn:active,
|
|
button.sheet-eqpbtn:active,
|
|
button.sheet-resbtn:active,
|
|
button.sheet-invbtn:active,
|
|
button.sheet-othbtn:active,
|
|
button.sheet-setbtn:active,
|
|
button.sheet-epwbtn:active,
|
|
button.sheet-eswbtn:active,
|
|
button.sheet-ebabtn:active,
|
|
button.sheet-ehgbtn:active,
|
|
button.sheet-eitbtn:active,
|
|
button.sheet-aaabtn:active,
|
|
button.sheet-apabtn:active,
|
|
button.sheet-cwpbtn:active,
|
|
button.sheet-cgnbtn:active,
|
|
button.sheet-cwlbtn:active,
|
|
button.sheet-citbtn:active,
|
|
button.sheet-gmcombatbtn:active,
|
|
button.sheet-gmunitsbtn:active {
|
|
background-color: #CCC;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="atk"] ~ div button.sheet-atkbtn,
|
|
.sheet-tabstoggle[value="aab"] ~ div button.sheet-aabbtn,
|
|
.sheet-tabstoggle[value="pab"] ~ div button.sheet-pabbtn,
|
|
.sheet-tabstoggle[value="eqp"] ~ div button.sheet-eqpbtn,
|
|
.sheet-tabstoggle[value="res"] ~ div button.sheet-resbtn,
|
|
.sheet-tabstoggle[value="inv"] ~ div button.sheet-invbtn,
|
|
.sheet-tabstoggle[value="oth"] ~ div button.sheet-othbtn,
|
|
.sheet-tabstoggle[value="set"] ~ div button.sheet-setbtn,
|
|
.sheet-tabstoggle[value="gmcombat"] ~ div button.sheet-gmcombatbtn,
|
|
.sheet-tabstoggle[value="gmunits"] ~ div button.sheet-gmunitsbtn {
|
|
background-color: white;
|
|
color: #009eda;
|
|
border-top: 2px solid #555;
|
|
border-left: 2px solid #555;
|
|
border-right: 2px solid #555;
|
|
border-bottom: 2px solid #FFF;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
button.sheet-epwbtn,
|
|
button.sheet-eswbtn,
|
|
button.sheet-ebabtn,
|
|
button.sheet-ehgbtn,
|
|
button.sheet-eitbtn,
|
|
button.sheet-aaabtn,
|
|
button.sheet-apabtn,
|
|
button.sheet-cwpbtn,
|
|
button.sheet-cgnbtn,
|
|
button.sheet-cwlbtn,
|
|
button.sheet-citbtn {
|
|
background-color: #EEE;
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 8px 12px;
|
|
font-weight: bold;
|
|
border-bottom: 2px solid #AAA;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
position: relative;
|
|
top: 2px;
|
|
margin: 0px 2px 0px 2px;
|
|
outline: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="epw"] ~ div button.sheet-epwbtn,
|
|
.sheet-tabstoggle[value="esw"] ~ div button.sheet-eswbtn,
|
|
.sheet-tabstoggle[value="eba"] ~ div button.sheet-ebabtn,
|
|
.sheet-tabstoggle[value="ehg"] ~ div button.sheet-ehgbtn,
|
|
.sheet-tabstoggle[value="eit"] ~ div button.sheet-eitbtn,
|
|
.sheet-tabstoggle[value="aaa"] ~ div button.sheet-aaabtn,
|
|
.sheet-tabstoggle[value="apa"] ~ div button.sheet-apabtn,
|
|
.sheet-tabstoggle[value="cwp"] ~ div button.sheet-cwpbtn,
|
|
.sheet-tabstoggle[value="cgn"] ~ div button.sheet-cgnbtn,
|
|
.sheet-tabstoggle[value="cwl"] ~ div button.sheet-cwlbtn,
|
|
.sheet-tabstoggle[value="cit"] ~ div button.sheet-citbtn {
|
|
background-color: white;
|
|
color: #c1912e;
|
|
border-top: 2px solid #AAA;
|
|
border-left: 2px solid #AAA;
|
|
border-right: 2px solid #AAA;
|
|
border-bottom: 2px solid #FFF;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-tabrow {
|
|
text-align: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 2px solid #555;
|
|
}
|
|
|
|
.sheet-atk .sheet-tabrow,
|
|
.sheet-eqp .sheet-tabrow,
|
|
.sheet-aab .sheet-tabrow,
|
|
.sheet-gmcombat .sheet-tabrow {
|
|
border-bottom: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-tabrow h2,
|
|
.sheet-tabrow h3 {
|
|
display:inline;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
/* Clearfix */
|
|
.repitem::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
.sheet-clearfix::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
.sheet-help {
|
|
position:relative;
|
|
right: 340px;
|
|
top: 1px;
|
|
float:right;
|
|
width: 4px;
|
|
color: #AAA;
|
|
}
|
|
|
|
/* Dice icon for roll buttons */
|
|
button[type=roll].sheet-btn::before {
|
|
/*font-family: 'dicefontd6';*/
|
|
content: '0 ';
|
|
}
|
|
|
|
/* // Roll Template /////////////////////////////////////////////*/
|
|
|
|
.sheet-rolltemplate-zafir div.sheet-template-container,
|
|
.sheet-rolltemplate-zafirwillattack div.sheet-template-container,
|
|
.sheet-rolltemplate-zafirskillaction div.sheet-template-container,
|
|
.sheet-rolltemplate-zafirdodge div.sheet-template-container,
|
|
.sheet-rolltemplate-zafirgrenade div.sheet-template-container {
|
|
border: 2px solid #777;
|
|
border-radius: 8px;
|
|
padding-top: 6px;
|
|
padding-bottom: 8px;
|
|
background-color: white;
|
|
font-family: "Montserrat", "Arial"
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir div.sheet-template-nameplate,
|
|
.sheet-rolltemplate-zafirwillattack div.sheet-template-nameplate,
|
|
.sheet-rolltemplate-zafirskillaction div.sheet-template-nameplate,
|
|
.sheet-rolltemplate-zafirdodge div.sheet-template-nameplate,
|
|
.sheet-rolltemplate-zafirgrenade div.sheet-template-nameplate {
|
|
background-color: #777;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 4px 8px 4px 8px;
|
|
position: relative;
|
|
top: -6px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack div.sheet-template-nameplate {
|
|
background-color: #8a58ad;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirskillaction div.sheet-template-nameplate {
|
|
background-color: #c1912e;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirdodge div.sheet-template-nameplate {
|
|
background-color: #009eda;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-enemy div.sheet-template-nameplate,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-enemy div.sheet-template-nameplate {
|
|
background-color: #852419;
|
|
/*background: repeating-linear-gradient(
|
|
-45deg,
|
|
#852419,
|
|
#852419 10px,
|
|
#4a130d 10px,
|
|
#4a130d 20px
|
|
);*/
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack .sheet-enemy div.sheet-template-nameplate {
|
|
background-color: #472d59;
|
|
/*background: repeating-linear-gradient(
|
|
-45deg,
|
|
#472d59,
|
|
#472d59 10px,
|
|
#271633 10px,
|
|
#271633 20px
|
|
);*/
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirdodge .sheet-enemy div.sheet-template-nameplate {
|
|
background-color: #00597a;
|
|
/*background: repeating-linear-gradient(
|
|
-45deg,
|
|
#00597a,
|
|
#00597a 10px,
|
|
#002f40 10px,
|
|
#002f40 20px
|
|
);*/
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-enemy div.sheet-template-container,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-enemy div.sheet-template-container {
|
|
border: 2px solid #852419;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack .sheet-enemy div.sheet-template-container {
|
|
border: 2px solid #472d59;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack div.sheet-template-container {
|
|
border: 2px solid #8a58ad;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirskillaction div.sheet-template-container {
|
|
border: 2px solid #c1912e;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirdodge div.sheet-template-container {
|
|
border: 2px solid #009eda;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirdodge .sheet-enemy div.sheet-template-container {
|
|
border: 2px solid #00597a;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-template-header,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-template-header,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-template-header,
|
|
.sheet-rolltemplate-zafirdodge .sheet-template-header,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-template-header {
|
|
color: #555;
|
|
font-weight: bold;
|
|
margin: 0px 8px 0px 8px;
|
|
border-bottom: 1px solid #AAA
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack .sheet-template-header {
|
|
color: #8a58ad;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirskillaction .sheet-template-header {
|
|
color: #c1912e;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirdodge .sheet-template-header {
|
|
color: #009eda;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-template-row,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-template-row,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-template-row,
|
|
.sheet-rolltemplate-zafirdodge .sheet-template-row,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-template-row {
|
|
line-height: 2em;
|
|
margin: 8px 0px 0px 0px;
|
|
padding: 0px 8px 0px 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirskillaction .sheet-responsibility {
|
|
text-transform: capitalize;
|
|
text-align: right;
|
|
font-style: italic;
|
|
color: gray;
|
|
margin-top: 0px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-hit,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-hit,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-hit,
|
|
.sheet-rolltemplate-zafirdodge .sheet-hit,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-hit {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#dbffe1,
|
|
#dbffe1 10px,
|
|
#bfffc9 10px,
|
|
#bfffc9 20px
|
|
);
|
|
color: #1c752a;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirgrenade .sheet-damage {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#e8e8e8,
|
|
#e8e8e8 10px,
|
|
#d4d4d4 10px,
|
|
#d4d4d4 20px
|
|
);
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirgrenade .sheet-damage,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack .sheet-critsuccess {
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-crit-hit,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-crit-hit,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-crit-hit,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit {
|
|
color: white;
|
|
font-weight: bolder;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000,
|
|
-1px 0px 0 #000,
|
|
1px 0px 0 #000,
|
|
0px -1px 0 #000,
|
|
0px 1px 0 #000;
|
|
/*background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);*/
|
|
/*background: linear-gradient(124deg, #ff9685, #eb7a7a, #e0c675, #fcff82, #7aff91, #6dd8de, #a099ff, #f28dfc, #f28dfc);*/
|
|
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#ffc1b3,
|
|
#ffc1b3 10px,
|
|
#ffd1b0 10px,
|
|
#ffd1b0 20px,
|
|
#feffb3 20px,
|
|
#feffb3 30px,
|
|
#adffb1 30px,
|
|
#adffb1 40px,
|
|
#abf9ff 40px,
|
|
#abf9ff 50px,
|
|
#abb6ff 50px,
|
|
#abb6ff 60px,
|
|
#e3abff 60px,
|
|
#e3abff 70px
|
|
);
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-enemy .sheet-crit-hit,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-enemy .sheet-crit-hit,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-enemy .sheet-crit-hit {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#737019,
|
|
#737019 10px,
|
|
#4a4a4a 10px,
|
|
#4a4a4a 20px);
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafir .sheet-miss .inlinerollresult,
|
|
.sheet-rolltemplate-zafir .sheet-crit-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-miss .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-crit-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-miss .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-crit-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-miss .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-crit-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-hit .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit .inlinerollresult {
|
|
color: black;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-miss,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-miss,
|
|
.sheet-rolltemplate-zafirdodge .sheet-miss {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#ffe3e0,
|
|
#ffe3e0 10px,
|
|
#ffd1cc 10px,
|
|
#ffd1cc 20px
|
|
);
|
|
color: #852419;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirwillattack .sheet-miss {
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#f4e3ff,
|
|
#f4e3ff 10px,
|
|
#e2b8ff 10px,
|
|
#e2b8ff 20px
|
|
);
|
|
color: #4e1573;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-notes,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-notes {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
color: gray;
|
|
padding-left: 20px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafirgrenade .sheet-notes {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
color: gray;
|
|
padding-left: 20px;
|
|
margin-top: 4px;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .inlinerollresult {
|
|
display: inline;
|
|
min-width: 1em;
|
|
line-height: 1.3em;
|
|
text-align: center;
|
|
border: 2px solid #AAA;
|
|
float: right;
|
|
margin-top: 2px;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-zafirwillattack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-zafirskillaction .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-zafirdodge .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-zafirgrenade .inlinerollresult.fullcrit {
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-zafirwillattack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-zafirskillaction .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-zafirdodge .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-zafirgrenade .inlinerollresult.fullfail {
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-zafirwillattack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-zafirskillaction .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-zafirdodge .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-zafirgrenade .inlinerollresult.importantroll {
|
|
border: 2px solid #AAA;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-aimroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-aimroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-aimroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-aimroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-aimroll .inlinerollresult {
|
|
border: 2px solid #a83131;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-critroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-critroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-critroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-critroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-critroll .inlinerollresult {
|
|
border: 2px solid #d6c44b;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-resistroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-resistroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-resistroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-resistroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-resistroll .inlinerollresult {
|
|
border: 2px solid #6e2999;
|
|
}
|
|
|
|
.sheet-rolltemplate-zafir .sheet-dodgeroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirwillattack .sheet-dodgeroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirskillaction .sheet-dodgeroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirdodge .sheet-dodgeroll .inlinerollresult,
|
|
.sheet-rolltemplate-zafirgrenade .sheet-dodgeroll .inlinerollresult {
|
|
border: 2px solid #009eda;
|
|
}
|
|
|
|
/* // Charactermancer /////////////////////////////////////////// */
|
|
.sheet-popup-bg {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0.5;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-popup {
|
|
position: absolute;
|
|
width: 300px;
|
|
height: auto;
|
|
background-color: white;
|
|
border: 2px solid #555;
|
|
border-radius: 8px;
|
|
margin: auto;
|
|
left: calc(50% - 150px);
|
|
top: calc(50% - 100px);
|
|
}
|
|
|
|
.sheet-popup-header {
|
|
height: 50px;
|
|
padding-left: 16px;
|
|
line-height: 50px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
background-color: #555;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-popup-content {
|
|
padding: 8px 16px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-charmancer {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-charmancer p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-content img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cbtn {
|
|
background-color: #EEE;
|
|
border: none;
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding: 8px 10px;
|
|
font-weight: bold;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
margin: 0px 8px 0px 2px;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cbtn:hover {
|
|
background-color: #DDD;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cbtn:active {
|
|
background-color: #CCC;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-here {
|
|
background-color: white;
|
|
color: #c1912e;
|
|
border: 2px solid #555;
|
|
margin: 0px 6px 0px 0px;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cancel {
|
|
color: white;
|
|
background-color: #d17462;
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cancel:hover {
|
|
background-color: #b36252;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-cancel:active {
|
|
background-color: #945043;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-finish {
|
|
color: white;
|
|
background-color: #469c47;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-finish:hover {
|
|
background-color: #377a38;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-finish:active {
|
|
background-color: #285929;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-steps {
|
|
position: sticky;
|
|
padding: 6px 0px;
|
|
background-color: white;
|
|
z-index: 100;
|
|
top: 0;
|
|
border-bottom: 2px solid #AAA;
|
|
flex: 100%;
|
|
margin: 0 0 8px 0;
|
|
display: flex;
|
|
flex-flow: row;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-bottomnav {
|
|
position: sticky;
|
|
bottom: -1px;
|
|
border-top: 2px solid #AAA;
|
|
padding: 0.5em 0;
|
|
background: white;
|
|
flex: 100%;
|
|
margin-top: 16px;
|
|
margin-bottom: 0px;
|
|
display: flex;
|
|
flex-flow: row;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-bottomnav .sheet-next {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-bottomnav .sheet-back {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-charmancer select {
|
|
width: calc(100% - 100px);
|
|
}
|
|
|
|
.sheet-charmancer select option:disabled {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-charmancer hr {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.sheet-charmancer h2.sheet-subtitle {
|
|
text-align: center
|
|
}
|
|
|
|
.sheet-charmancer .sheet-weaponlabel {
|
|
width: 100%;
|
|
background-color: #ffe3a0;
|
|
padding:4px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-weaponlabel em {
|
|
font-size: 13px;
|
|
font-weight: initial;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-abilitylabel {
|
|
width: 100%;
|
|
background-color: #aadcef;
|
|
padding:4px;
|
|
margin-bottom: 2px;
|
|
}
|