LeeRhodes
e085d9c166
* Added companion assets and improved styling * added 3rd set of assets * cleaned up some duplication * added ritual assets * added ritual logic and stylign * fixed typo * updated attributes for companions * removed bonds * fixed armor type and margin * cleaned up css duplicates * added back in bond css * pushung rececnt * added all static templates * updated companions * fall back to 'arial' instead of 'fantasy' This allows the sheet to render on linux in Firefox in a readable manner (instead of being unreadable wingdings) * (assets) update companion html and tweak styling * (assets) triage Kindred asset * (assets) further fine-tune Companion asset styles * (assets) fix some double-replaced html * (assets) italicize Move names & tweak styles * added new changes * added path assets * included all assets * added formatting for divs * added missing div tags * cleaned up lists in assets * fixed face danger * (assets) standardize html, especially around asset descriptions * (assets) font size & line height tweaks * (assets) standardize & style tracks * (assets) correct minor content errors * (assets) ensure first ability is properly checked or unchecked and namespace checkboxes * added momentum checks * added fixed momentum * updated burdens to tormented * updated css colours to new accessible ones * updated supply and health to use the new momentum
841 lines
20 KiB
CSS
841 lines
20 KiB
CSS
.charsheet {
|
|
width: 842px !important;
|
|
margin: 0 auto !important;
|
|
padding: 15px;
|
|
}
|
|
|
|
select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
text-overflow: '';
|
|
}
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
h1 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 10;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h2 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 18px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3.sheet-divide::after, h3.sheet-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid black;
|
|
top: 0;
|
|
width: 220px;
|
|
}
|
|
|
|
h4 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h4.sheet-tab-title {
|
|
display: inline-block
|
|
}
|
|
|
|
h5 {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
button[type="roll"]{
|
|
align-items: left;
|
|
color: black;
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
text-decoration:none;
|
|
background:none;
|
|
background-image:none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
button[type="roll"]:hover{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-heading-left {
|
|
text-align: left;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
height: 1px;
|
|
background: #ccc;
|
|
background-image: linear-gradient(to right, #ccc, #333, #ccc);
|
|
}
|
|
|
|
.sheet-page1tab,
|
|
.sheet-page2tab,
|
|
.sheet-page3tab,
|
|
.sheet-page4tab {
|
|
display: none;
|
|
}
|
|
|
|
input[type=radio].sheet-page1:checked ~ div.sheet-page1tab,
|
|
input[type=radio].sheet-page2:checked ~ div.sheet-page2tab,
|
|
input[type=radio].sheet-page3:checked ~ div.sheet-page3tab,
|
|
input[type=radio].sheet-page4:checked ~ div.sheet-page4tab {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-pages + .sheet-page-label,
|
|
input.sheet-clear-vow + .sheet-vow-clear-label {
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.sheet-vow-clear-label {
|
|
border: 1px solid #ccc;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.sheet-pages:checked + .sheet-page-label {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-page-label:hover,
|
|
.sheet-vow-clear-label:hover {
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
background-color: #ccc;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-vertleft {
|
|
border-left: 2px solid black;
|
|
height: 1000px;
|
|
margin-left: 20px;
|
|
-webkit-border-image:
|
|
-webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
|
|
-webkit-border-image:
|
|
-webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-moz-border-image:
|
|
-moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-o-border-image:
|
|
-o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
border-image:
|
|
linear-gradient(to bottom, rgba(0, 0, 0, 0), black, rgba(0, 0, 0, 0)) 1 100%;
|
|
}
|
|
.sheet-vertright {
|
|
border-right: 2px solid black;
|
|
height: 1000px;
|
|
margin-right: 20px;
|
|
-webkit-border-image:
|
|
-webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
|
|
-webkit-border-image:
|
|
-webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-moz-border-image:
|
|
-moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
-o-border-image:
|
|
-o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
|
|
border-image:
|
|
linear-gradient(to bottom, rgba(0, 0, 0, 0), black, rgba(0, 0, 0, 0)) 1 100%;
|
|
}
|
|
|
|
.sheet-stats {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-stat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-bonds {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-bond {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-vows {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-vows-header, .sheet-progress-header {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-vow, .sheet-progress {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-debilities {
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet-debility {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: top;
|
|
}
|
|
|
|
.sheet-flex-container {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-flex-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-momentum-box {
|
|
width: 80px;
|
|
height: 45px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-momentum-input-box {
|
|
width: 80px;
|
|
height: 60px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-resources-title-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-top: 20px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-resources-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-pc-name {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-debil-desc {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-vow-name,
|
|
.sheet-progress-name,
|
|
.sheet-page-label,
|
|
.sheet-vow-clear-label {
|
|
width: 100%;
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-border {
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
textarea.sheet-full-width {
|
|
width: 95%;
|
|
resize: vertical;
|
|
}
|
|
|
|
.sheet-page-label, .sheet-vow-clear-label {
|
|
display: inline
|
|
}
|
|
|
|
input.sheet-filler[type="radio"],
|
|
input[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio/checkbox */
|
|
input[type="radio"] + span::before,
|
|
input[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
input[type="checkbox"] + span::before,
|
|
input.sheet-filler[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input[type="checkbox"]:checked + span::before
|
|
{
|
|
content: "■";
|
|
}
|
|
|
|
input.sheet-zeroxp[type="radio"] + span::before
|
|
{
|
|
content: "0" !important;
|
|
}
|
|
input.sheet-filler[type="radio"] + span::before
|
|
{
|
|
content: "■";
|
|
}
|
|
/* Remove dot from all radios _after_ selected one */
|
|
input.sheet-filler[type="radio"]:checked ~ input.sheet-filler[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
.sheet-momentum-input {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 40px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-stats-title {
|
|
width: 100px;
|
|
}
|
|
|
|
.sheet-stats-input {
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
line-height: 40px;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-progress-input {
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2px 0px 0px 12px;
|
|
}
|
|
|
|
.sheet-progress-input:hover {
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2px 0px 0px 12px;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
|
|
div.sheet-showhide{
|
|
display: none;
|
|
}
|
|
|
|
span.sheet-showhide:checked {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.sheet-showhide {
|
|
display: inline;
|
|
border: 1px solid #ccc;
|
|
margin-right: 11px;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
span.sheet-showhide:hover {
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
background-color: #ccc;
|
|
color: black;
|
|
}
|
|
|
|
div.sheet-showhide,
|
|
.sheet-hidden-flex {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-showhide:checked ~ div.sheet-showhide,
|
|
input[type="checkbox"].sheet-asset-companion:checked ~ div.sheet-companion,
|
|
input[type="checkbox"].sheet-asset-path:checked ~ div.sheet-path,
|
|
input[type="checkbox"].sheet-asset-combat-talent:checked ~ div.sheet-combat-talent,
|
|
input[type="checkbox"].sheet-asset-ritual:checked ~ div.sheet-ritual {
|
|
display: block;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cave-lion:checked ~ div.sheet-cave-lion,
|
|
input[type="checkbox"].sheet-giant-spider:checked ~ div.sheet-giant-spider,
|
|
input[type="checkbox"].sheet-hawk:checked ~ div.sheet-hawk,
|
|
input[type="checkbox"].sheet-horse:checked ~ div.sheet-horse,
|
|
input[type="checkbox"].sheet-hound:checked ~ div.sheet-hound,
|
|
input[type="checkbox"].sheet-kindred:checked ~ div.sheet-kindred,
|
|
input[type="checkbox"].sheet-mammoth:checked ~ div.sheet-mammoth,
|
|
input[type="checkbox"].sheet-owl:checked ~ div.sheet-owl,
|
|
input[type="checkbox"].sheet-raven:checked ~ div.sheet-raven,
|
|
input[type="checkbox"].sheet-young-wyvern:checked ~ div.sheet-young-wyvern,
|
|
input[type="checkbox"].sheet-alchemist:checked ~ div.sheet-alchemist,
|
|
input[type="checkbox"].sheet-animal-kin:checked ~ div.sheet-animal-kin,
|
|
input[type="checkbox"].sheet-banner-sworn:checked ~ div.sheet-banner-sworn,
|
|
input[type="checkbox"].sheet-battle-scarred:checked ~ div.sheet-battle-scarred,
|
|
input[type="checkbox"].sheet-blade-bound:checked ~ div.sheet-blade-bound,
|
|
input[type="checkbox"].sheet-bonded:checked ~ div.sheet-bonded,
|
|
input[type="checkbox"].sheet-dancer:checked ~ div.sheet-dancer,
|
|
input[type="checkbox"].sheet-devotant:checked ~ div.sheet-devotant,
|
|
input[type="checkbox"].sheet-empowered:checked ~ div.sheet-empowered,
|
|
input[type="checkbox"].sheet-fortune-hunter:checked ~ div.sheet-fortune-hunter,
|
|
input[type="checkbox"].sheet-herbalist:checked ~ div.sheet-herbalist,
|
|
input[type="checkbox"].sheet-honorbound:checked ~ div.sheet-honorbound,
|
|
input[type="checkbox"].sheet-improviser:checked ~ div.sheet-improviser,
|
|
input[type="checkbox"].sheet-infiltrator:checked ~ div.sheet-infiltrator,
|
|
input[type="checkbox"].sheet-loyalist:checked ~ div.sheet-loyalist,
|
|
input[type="checkbox"].sheet-masked:checked ~ div.sheet-masked,
|
|
input[type="checkbox"].sheet-oathbreaker:checked ~ div.sheet-oathbreaker,
|
|
input[type="checkbox"].sheet-outcast:checked ~ div.sheet-outcast,
|
|
input[type="checkbox"].sheet-pretender:checked ~ div.sheet-pretender,
|
|
input[type="checkbox"].sheet-revenant:checked ~ div.sheet-revenant,
|
|
input[type="checkbox"].sheet-rider:checked ~ div.sheet-rider,
|
|
input[type="checkbox"].sheet-ritualist:checked ~ div.sheet-ritualist,
|
|
input[type="checkbox"].sheet-shadow-kin:checked ~ div.sheet-shadow-kin,
|
|
input[type="checkbox"].sheet-sighted:checked ~ div.sheet-sighted,
|
|
input[type="checkbox"].sheet-slayer:checked ~ div.sheet-slayer,
|
|
input[type="checkbox"].sheet-spirit-bound:checked ~ div.sheet-spirit-bound,
|
|
input[type="checkbox"].sheet-storyweaver:checked ~ div.sheet-storyweaver,
|
|
input[type="checkbox"].sheet-trickster:checked ~ div.sheet-trickster,
|
|
input[type="checkbox"].sheet-veteran:checked ~ div.sheet-veteran,
|
|
input[type="checkbox"].sheet-waterborn:checked ~ div.sheet-waterborn,
|
|
input[type="checkbox"].sheet-wayfinder:checked ~ div.sheet-wayfinder,
|
|
input[type="checkbox"].sheet-weapon-master:checked ~ div.sheet-weapon-master,
|
|
input[type="checkbox"].sheet-wildblood:checked ~ div.sheet-wildblood,
|
|
input[type="checkbox"].sheet-wright:checked ~ div.sheet-wright,
|
|
input[type="checkbox"].sheet-archer:checked ~ div.sheet-archer,
|
|
input[type="checkbox"].sheet-berserker:checked ~ div.sheet-berserker,
|
|
input[type="checkbox"].sheet-brawler:checked ~ div.sheet-brawler,
|
|
input[type="checkbox"].sheet-cutthroat:checked ~ div.sheet-cutthroat,
|
|
input[type="checkbox"].sheet-duelist:checked ~ div.sheet-duelist,
|
|
input[type="checkbox"].sheet-fletcher:checked ~ div.sheet-fletcher,
|
|
input[type="checkbox"].sheet-ironclad:checked ~ div.sheet-ironclad,
|
|
input[type="checkbox"].sheet-long-arm:checked ~ div.sheet-long-arm,
|
|
input[type="checkbox"].sheet-shield-bearer:checked ~ div.sheet-shield-bearer,
|
|
input[type="checkbox"].sheet-skirmisher:checked ~ div.sheet-skirmisher,
|
|
input[type="checkbox"].sheet-slinger:checked ~ div.sheet-slinger,
|
|
input[type="checkbox"].sheet-sunderer:checked ~ div.sheet-sunderer,
|
|
input[type="checkbox"].sheet-swordmaster:checked ~ div.sheet-swordmaster,
|
|
input[type="checkbox"].sheet-thunder-bringer:checked ~ div.sheet-thunder-bringer,
|
|
input[type="checkbox"].sheet-augur:checked ~ div.sheet-augur,
|
|
input[type="checkbox"].sheet-awakening:checked ~ div.sheet-awakening,
|
|
input[type="checkbox"].sheet-bind:checked ~ div.sheet-bind,
|
|
input[type="checkbox"].sheet-communion:checked ~ div.sheet-communion,
|
|
input[type="checkbox"].sheet-divination:checked ~ div.sheet-divination,
|
|
input[type="checkbox"].sheet-invoke:checked ~ div.sheet-invoke,
|
|
input[type="checkbox"].sheet-keen:checked ~ div.sheet-keen,
|
|
input[type="checkbox"].sheet-leech:checked ~ div.sheet-leech,
|
|
input[type="checkbox"].sheet-lightbearer:checked ~ div.sheet-lightbearer,
|
|
input[type="checkbox"].sheet-scry:checked ~ div.sheet-scry,
|
|
input[type="checkbox"].sheet-shadow-walk:checked ~ div.sheet-shadow-walk,
|
|
input[type="checkbox"].sheet-sway:checked ~ div.sheet-sway,
|
|
input[type="checkbox"].sheet-talisman:checked ~ div.sheet-talisman,
|
|
input[type="checkbox"].sheet-tether:checked ~ div.sheet-tether,
|
|
input[type="checkbox"].sheet-totem:checked ~ div.sheet-totem,
|
|
input[type="checkbox"].sheet-visage:checked ~ div.sheet-visage,
|
|
input[type="checkbox"].sheet-ward:checked ~ div.sheet-ward {
|
|
display: block;
|
|
}
|
|
|
|
select.sheet-path-dropdown option[value="alchemist"] ~ .sheet-alchemist {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-asset-description {
|
|
margin: 0 12px 5px 12px;
|
|
}
|
|
|
|
div.sheet-asset-ability {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px 12px 6px 10px;
|
|
}
|
|
div.sheet-asset-ability ul {
|
|
margin-left: 15px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.sheet-asset-write-in
|
|
{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-asset-ability-write-in {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-asset-write-in ,
|
|
.sheet-asset-ability-write-in {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-asset input.sheet-border-bottom {
|
|
border-bottom-color: #414042;
|
|
}
|
|
|
|
.sheet-asset-write-in input,
|
|
.sheet-asset-ability-write-in input {
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
input[type="checkbox"].sheet-asset-ability {
|
|
opacity: 1;
|
|
margin: -5px 5px 0 5px;
|
|
}
|
|
|
|
.sheet-asset {
|
|
display: inline-block;
|
|
width: 320px;
|
|
max-width: 320px;
|
|
border: 2px solid #414042;
|
|
margin-left: 44px;
|
|
margin-bottom: 20px;
|
|
font-size: 14.3px;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
div.sheet-assets{
|
|
display: block !important;
|
|
text-align: left;
|
|
}
|
|
|
|
div.sheet-assets .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
div.sheet-assets .repcontainer .repitem {
|
|
float: left !important;
|
|
}
|
|
|
|
.sheet-asset-header {
|
|
background: #414042;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-asset-type-selection {
|
|
background: #414042;
|
|
color: white;
|
|
border:0;
|
|
}
|
|
|
|
.sheet-asset-type-dropdown {
|
|
color: white;
|
|
background: #414042;
|
|
font-family: Copperplate, "Copperplate Gothic Light", arial;
|
|
width: auto;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
-webkit-appearance: menulist;
|
|
margin: 6px 4px;
|
|
}
|
|
|
|
.sheet-sub-dropdown {
|
|
-webkit-appearance: menulist;
|
|
width: auto;
|
|
margin: 7px 4px;
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
div.sheet-assets .repitem {
|
|
width: 421px
|
|
}
|
|
|
|
div.sheet-assets .repcontrol{
|
|
display: block !important;
|
|
max-width: 320px !important;
|
|
}
|
|
|
|
.sheet-asset-track-wrapper {
|
|
margin: 10px;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-asset-track-box {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid #414042;
|
|
padding: 5px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-asset-track-wrapper-wordy {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-asset-track-wrapper-wordy .sheet-asset-track-box {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.sheet-asset-track-box-display {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-no-border {
|
|
border: 0;
|
|
}
|
|
|
|
.sheet-requirement-area {
|
|
height: auto;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
input.sheet-border-bottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
/* ROLL TEMPLATE */
|
|
.sheet-rolltemplate-ironsworn table>thead>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>tbody>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>tfoot>tr>th,
|
|
.sheet-rolltemplate-ironsworn table>thead>tr>td,
|
|
.sheet-rolltemplate-ironsworn table>tbody>tr>td,
|
|
.sheet-rolltemplate-ironsworn table>tfoot>tr>td {
|
|
padding: 4px;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-ironsworn table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: Verdana, arial, sans-serif;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn th {
|
|
|
|
background-color: #434b4d;
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
/*border-bottom: 1px solid black;*/
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-subheader {
|
|
background-color: #434b4d;
|
|
color: #ffffff;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Verdana, arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-subfooter {
|
|
background-color: #b9b9b6;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Verdana, arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-alert {
|
|
color: white;
|
|
background-color: #761818;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-opportunity {
|
|
color: white;
|
|
background-color: #0B3F0B;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-strong-hit {
|
|
color: white;
|
|
background-color: #125812;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-weak-hit {
|
|
color: white;
|
|
background-color: #186251;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-miss {
|
|
color: white;
|
|
background-color: #7D2B1D;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .sheet-complication {
|
|
color: white;
|
|
background-color: #761818;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .userscript-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn td {
|
|
padding: 5px;
|
|
/*border-bottom: 1px solid black;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn tr:nth-child(odd) {
|
|
background-color: #d9d9d6;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn tr:nth-child(even) {
|
|
background-color: #e9e9e6;
|
|
}
|
|
|
|
.sheet-rolltemplate-ironsworn .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid #434b4d;
|
|
background: transparent;
|
|
}
|