mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
1849 lines
46 KiB
CSS
1849 lines
46 KiB
CSS
/* COMMON SECTIONS & CLASSES */
|
|
@import url('https://fonts.googleapis.com/css?family=Courier+Prime&family=Cutive+Mono&display=swap');
|
|
|
|
.war-outer {
|
|
min-width: 750px;
|
|
font-family: 'Courier Prime', monospace;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.war-header {
|
|
background-color: white;
|
|
font-size: 26px;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
text-align: center;
|
|
border: 2px solid #000;
|
|
margin-bottom: -2px;
|
|
position: relative;
|
|
z-index: +1;
|
|
height: 120px;
|
|
}
|
|
.war-header .header-charname {
|
|
height: 70%;
|
|
text-align: left;
|
|
font-size: 1.6em;
|
|
margin: 1% 0% auto 1%;
|
|
line-height: 2.2em;
|
|
max-width: 65%;
|
|
overflow: hidden;
|
|
color: darkblue;
|
|
border: darkblue 1px solid;
|
|
border-radius: 5px;
|
|
padding-left: 1%;
|
|
pointer-events: none;
|
|
}
|
|
.war-header .header-logo {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 10%;
|
|
width: 220px;
|
|
}
|
|
.war-main {
|
|
display: grid;
|
|
grid-template-columns: 49% 49%;
|
|
column-gap: 2%;
|
|
background-color: lightgrey;
|
|
padding: 1% 1% 1% 1%;
|
|
border: 2px solid black;
|
|
position: relative;
|
|
}
|
|
|
|
.war-group {
|
|
position: relative;
|
|
padding: 2px;
|
|
margin: 1% 0px 1% 0px;
|
|
background-color: white;
|
|
border: 1px solid;
|
|
max-height: 100%;
|
|
}
|
|
.attribute, .group-label {
|
|
margin: 2% 1% 2% 1%;
|
|
width: 98%;
|
|
}
|
|
.attribute.input, .attribute.select, .attribute.span {
|
|
display: grid;
|
|
grid-template-columns: 40% 60%;
|
|
align-items: center;
|
|
position: relative;
|
|
height: auto;
|
|
margin: 1% 1% 1% 1%;
|
|
}
|
|
.war-group input[type="number"] {
|
|
text-align: center;
|
|
}
|
|
.attribute.input input[type="number"], .war-outer .skill-item input[type="number"] {
|
|
width: 4em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
height: 98%;
|
|
}
|
|
.attribute.span span,
|
|
.war-outer .war-group span.input-like {
|
|
border: 1px lightgrey solid;
|
|
border-radius: 4px;
|
|
font-weight: normal;
|
|
min-width: 2em;
|
|
min-height: 1.8em;
|
|
line-height: 1.8em;
|
|
height: 1.8em;
|
|
}
|
|
.war-group.basic-info .attribute.span span {
|
|
min-height: 1.8em;
|
|
line-height: 1.8em;
|
|
padding-left: 3%
|
|
}
|
|
|
|
.attribute.textarea {
|
|
margin-top: 3%;
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
.attribute textarea {
|
|
display:block;
|
|
width: 95%;
|
|
margin: auto;
|
|
resize: none;
|
|
height: auto;
|
|
box-sizing: content-box;
|
|
}
|
|
.attribute.textarea label {
|
|
position: relative;
|
|
background: white;
|
|
width: max-content;
|
|
}
|
|
.attribute select {
|
|
margin: 0px 0px 0px 0px;
|
|
width: 100%
|
|
}
|
|
.attribute input {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.war-group label {
|
|
margin: 0px 0px 0px 3%;
|
|
}
|
|
.group-label {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
margin: 1% 0% 1% 1%;
|
|
border-bottom: 1px solid lightgrey;
|
|
}
|
|
.table-header {
|
|
display: grid;
|
|
justify-items: center;
|
|
margin: 2% 0% 2% 0%;
|
|
width: 100%;
|
|
font-variant: small-caps;
|
|
border-bottom: solid 1px lightgrey;
|
|
}
|
|
.dicefontd6 {
|
|
font-family: 'dicefontd6';
|
|
}
|
|
|
|
.pictos-custom {
|
|
font-family:"pictos custom";
|
|
font-variant: none;
|
|
text-align: center;
|
|
padding: 0px;
|
|
}
|
|
.nodisplay {
|
|
display: none;
|
|
}
|
|
.war-group input[type="text"],
|
|
.war-group select {
|
|
font-size: 1.1em;
|
|
line-height: 1.1em;
|
|
padding-left: 1%;
|
|
height: 1.8em;
|
|
}
|
|
.war-group.basic-info input[type="text"] {
|
|
font-weight: bold;
|
|
padding-left: 3%;
|
|
}
|
|
.war-outer .war-group .repcontainer button.fold-button {
|
|
padding: 0.2rem 0.2rem 0.2rem 0.2rem;
|
|
min-height: 0px;
|
|
width: 1.3em;
|
|
height: 1.3em;
|
|
}
|
|
input[name*="options-flag"][value="1"] ~ button[name*="options-btn"] {
|
|
box-shadow: 0px 0px 3px 1px #1283dc;
|
|
}
|
|
/* DROP DOWN TRANSITION EFFECT */
|
|
.war-group button[name*="options-btn"] .cog img {
|
|
transition: transform 1s;
|
|
transform: rotate(0deg);
|
|
transition-timing-function: ease-out;
|
|
width: 1em;
|
|
}
|
|
input[name*="options-flag"][value="1"] ~ button[name*="options-btn"] .cog img {
|
|
transform: rotate(180deg)
|
|
}
|
|
.war-group .repitem button[type*="action"],
|
|
.war-group .row-like button {
|
|
background-image: linear-gradient(#fff, #efefef);
|
|
border: 1px solid lightgrey;
|
|
border-radius: 5px;
|
|
white-space: nowrap;
|
|
min-height: 1.7em;
|
|
}
|
|
|
|
/* TABS SECTION */
|
|
.war-tabs {
|
|
display:grid;
|
|
grid-template-columns: min-content min-content min-content;
|
|
grid-column-gap: 8px;
|
|
width: 28%;
|
|
justify-items: center;
|
|
margin: auto auto 0% 1%;
|
|
height: 30px;
|
|
align-content: end;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
}
|
|
.war-tabs .tab {
|
|
position:relative;
|
|
height: 30px;
|
|
padding: 0px;
|
|
margin: 0px -12px 0px -12px;
|
|
width: 90%;
|
|
}
|
|
.war-tabs button {
|
|
border-radius: 4px 4px 0px 0px;
|
|
border: 1px solid black;
|
|
background: darkgray;
|
|
border-bottom: 2px solid black;
|
|
padding: 0% 15px 0% 15px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
.war-header input[name*="activetab"][value*="character"] ~ .tab.character button,
|
|
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings button,
|
|
.war-header input[name*="activetab"][value*="help"] ~ .tab.help button {
|
|
background-color: lightgrey;
|
|
border-bottom: 2px solid lightgrey;
|
|
}
|
|
.war-character, .war-settings, .war-help {
|
|
display: none;
|
|
}
|
|
.war-outer input[name*="activetab"][value*="character"] ~ .war-character,
|
|
.war-outer input[name*="activetab"][value*="settings"] ~ .war-settings,
|
|
.war-outer input[name*="activetab"][value*="help"] ~ .war-help {
|
|
display: block;
|
|
}
|
|
.war-header input[name*="activetab"][value*="character"] ~ .tab.character,
|
|
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings,
|
|
.war-header input[name*="activetab"][value*="help"] ~ .tab.help {
|
|
z-index: 3;
|
|
}
|
|
war-header .tab.help {
|
|
z-index: 0;
|
|
}
|
|
.war-header .tab.settings {
|
|
z-index: 1;
|
|
}
|
|
.war-header .tab.character {
|
|
z-index: 2;
|
|
}
|
|
|
|
/* ICONS & COLOURS*/
|
|
|
|
i.ro img {
|
|
width: 1.3em;
|
|
max-width: 2em;
|
|
}
|
|
.war-group.stats i.ro img {
|
|
width: 1.2em;
|
|
}
|
|
i.ro.health {
|
|
filter: invert(12%) sepia(57%) saturate(4943%) hue-rotate(352deg) brightness(77%) contrast(89%);
|
|
}
|
|
i.ro.clover {
|
|
filter: invert(22%) sepia(99%) saturate(1924%) hue-rotate(99deg) brightness(75%) contrast(105%);
|
|
}
|
|
|
|
/* NPC SELECTION */
|
|
.war-character .war-character-pc,
|
|
.war-character .war-character-npc {
|
|
display:none;
|
|
}
|
|
.war-character input[name*="npc"][value="0"] ~ .war-character-pc,
|
|
.war-character input[name*="npc"][value="1"] ~ .war-character-npc {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* MAX NUMBER INPUTS AND REMOVE SPINNER BUTTONS */
|
|
.attribute.input.max {
|
|
justify-items: center;
|
|
grid-template-columns: 35% 25% 1% 14% 10%;
|
|
grid-column-gap: 3%;
|
|
width: 65%;
|
|
margin: 2% auto 2% auto;
|
|
}
|
|
.attribute.input.max input {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
opacity: 1.0;
|
|
}
|
|
.no-spinner::-webkit-outer-spin-button,
|
|
.no-spinner::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
display:none;
|
|
}
|
|
.no-spinner {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/* BASIC INFO SELECTORS */
|
|
.war-group.basic-info .attribute.career,
|
|
.war-group.basic-info .attribute.community {
|
|
display:none;
|
|
}
|
|
.war-group.basic-info input[name*="unlocked"][value="0"] ~ .select.career,
|
|
.war-group.basic-info input[name*="unlocked"][value="1"] ~ .input.career,
|
|
.war-group.basic-info input[name*="unlocked"][value="0"] ~ .select.community,
|
|
.war-group.basic-info input[name*="unlocked"][value="1"] ~ .input.community {
|
|
display:grid;
|
|
}
|
|
|
|
|
|
|
|
/* STATS SECTION + DICE ROLLERS */
|
|
.war-outer .war-group.stats .input-like {
|
|
width: max-content;
|
|
text-align: center;
|
|
padding: 0% 5px 0% 5px;
|
|
height: 2em;
|
|
line-height: 2.1em;
|
|
font-size: 1.1em;
|
|
max-width: 0em;
|
|
overflow: hidden;
|
|
cursor: help;
|
|
}
|
|
.war-group.stats .foldable {
|
|
font-size: 1em;
|
|
grid-template-columns: max-content 20% 10% 15%;
|
|
width: 65%;
|
|
align-items: center;
|
|
margin: 2% auto 2% auto;
|
|
border-bottom: 1px solid grey;
|
|
padding: 0% 0% 2% 0%;
|
|
justify-items: center;
|
|
}
|
|
.war-group.stats .attribute.input.max {
|
|
justify-items: center;
|
|
grid-template-columns: 15% 25% 15% 2% 8% 10%;
|
|
grid-column-gap: 2%;
|
|
width: 85%;
|
|
margin: 2% 0% 2% 10%;
|
|
}
|
|
.war-group.stats .foldable.stamina {
|
|
grid-template-columns: max-content 15% 5% 10% 5% 10%;
|
|
width: 85%;
|
|
margin: 2% auto 4% auto;
|
|
border-bottom: 1px solid grey;
|
|
}
|
|
.war-group.stats .attribute.input.max .stats-btn {
|
|
background: none;
|
|
border: none;
|
|
line-height: 1em;
|
|
font-size: 1.5em;
|
|
color: darkred;
|
|
}
|
|
.war-group.stats .attribute.input.max button[name*="luck"].stats-btn {
|
|
color: #b48e09;
|
|
}
|
|
.war-group.stats .foldable.stats-options:nth-child(5) {
|
|
border: none;
|
|
}
|
|
.war-group.stats .fold-button,
|
|
.group-label .fold-button {
|
|
position:absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
}
|
|
div.stamina-up {
|
|
margin: 5% 0px 0px 0px;
|
|
height: 88%;
|
|
}
|
|
.war-group.stats input[type="number"] {
|
|
margin: 1% 0% 2% 0%;
|
|
padding: 0% 0% 0% 0%;
|
|
height: 2em;
|
|
}
|
|
|
|
input[name*="_base"] ~ .btn.dicefontd6 {
|
|
font-size: 2.5em;
|
|
display: none;;
|
|
background: none;
|
|
border:none;
|
|
color: #9a8315;
|
|
box-shadow: none;
|
|
top: -5%;
|
|
position: relative;
|
|
}
|
|
input[name*="_base"][value="0"] ~ .btn.dicefontd6 {
|
|
display:inline-flex;
|
|
}
|
|
.war-group.stats .stamina-up input[name*="unlocked"][value="1"] ~ .custom,
|
|
.war-group.stats .stamina-up input[name*="unlocked"][value="0"] ~ .auto {
|
|
display: inline-block
|
|
}
|
|
.war-group.stats .stamina-up input[name*="unlocked"][value="0"] ~ .custom,
|
|
.war-group.stats .stamina-up input[name*="unlocked"][value="1"] ~ .auto {
|
|
display: none
|
|
}
|
|
|
|
/* ADVENTURE SKILL SECTION */
|
|
/* Fix for repeating buttons not firing */
|
|
.repitem .skill-item.repeating {
|
|
position: static;
|
|
}
|
|
.skill-item .btn.ui-draggable {
|
|
box-shadow: none;
|
|
}
|
|
.attribute.table-header {
|
|
grid-template-columns: 50% 28% 10%;
|
|
grid-column-gap: 1%;
|
|
justify-items: left;
|
|
margin: 1% 0% 1% 4%;
|
|
}
|
|
.war-outer .skill-item {
|
|
display: grid;
|
|
grid-template-columns: 50% 20% 10% 10%;
|
|
position: relative;
|
|
height: 1.7em;
|
|
grid-column-gap: 1%;
|
|
align-items: center;
|
|
justify-items:center;
|
|
font-size: 1em;
|
|
margin: 1% 2% 1% 2%;
|
|
border-radius: 5px;
|
|
background-image: linear-gradient(#fff, #efefef);
|
|
}
|
|
.adventuring-skills .group-label {
|
|
min-height: 1.8em
|
|
}
|
|
.war-group.adventuring-skills .attribute.table-header span:nth-child(1), .war-group.adventuring-skills .skill-item button {
|
|
justify-self: left;
|
|
margin-left:13%
|
|
}
|
|
.war-outer .war-group .skill-item button {
|
|
color: #005003;
|
|
border: none;
|
|
background: none;
|
|
font-size: 1.4em;
|
|
font-variant: all-small-caps;
|
|
letter-spacing: 1px;
|
|
display: inline-flex;
|
|
white-space: nowrap;
|
|
word-spacing: -35%;
|
|
}
|
|
input[name*="_prof"][value="1"] ~ button {
|
|
color: #00a800;
|
|
}
|
|
input[name*="_prof"][value="1"] ~ input {
|
|
border: #09b509 solid 1px;
|
|
}
|
|
/* DISABLE NON-PROF SKILL INPUTS */
|
|
.skill-item input[name*="unlocked"][value="0"] ~ input[type="hidden"][name*="prof"][value="0"] ~ input[type="number"] {
|
|
opacity: 0.7;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* SKILLS MAX FOR CUSTOM SHEET */
|
|
.war-group.adventuring-skills .skill-item .skill-limit {
|
|
display:none;
|
|
}
|
|
.war-group.adventuring-skills .skill-item input[name*="unlocked"][value="0"] ~ span.skill-limit,
|
|
.war-group.adventuring-skills .skill-item input[name*="unlocked"][value="1"] ~ input.skill-limit {
|
|
display: inline-block;
|
|
}
|
|
|
|
.war-group.adventuring-skills .skill-item input.skill-limit {
|
|
width: 2em;
|
|
border: grey solid 1px;
|
|
}
|
|
|
|
/* ADVENTURING SKILL FLAGS */
|
|
/* COMMON */
|
|
.skill-item .skill-flag, .skill-item .skill-cmax-flag {
|
|
position:absolute;
|
|
top: 8%;
|
|
font-size: 0.9em;
|
|
cursor: help;
|
|
display: none;
|
|
}
|
|
/* PAST CAREER BOOST FLAG */
|
|
.skill-item [name$="_boosted"][value="1"] ~ .skill-cmax-flag,
|
|
.skill-item [name*="unlocked"][value="1"] ~ input[type="checkbox"] {
|
|
display:block;
|
|
}
|
|
.skill-item [name$="_prof"][value="1"] ~ .skill-cmax-flag,
|
|
.war-group.adventuring-skills .skill-item [name*="unlocked"][value="1"] ~ .skill-flag,
|
|
.skill-item [name*="unlocked"][value="0"] ~ input[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
.skill-item .skill-cmax-flag {
|
|
color: darkgreen;
|
|
right: 5%;
|
|
top: 5%;
|
|
}
|
|
/* CURRENT PROFICIENCY FLAG */
|
|
.skill-item input[type="checkbox"] {
|
|
position: absolute;
|
|
left: 2%;
|
|
margin-left: 0px;
|
|
}
|
|
.skill-item .skill-flag {
|
|
display: none;
|
|
}
|
|
.skill-item [name*="_prof"][value="1"] ~ .skill-flag {
|
|
display: block;
|
|
left: 3%;
|
|
color: #00a800;
|
|
}
|
|
/* Skill is over max value */
|
|
.skill-item [name$="_overmax"][value="1"] ~ span[name$="_max"] {
|
|
color: red;
|
|
}
|
|
.skill-item [name$="_overmax"][value="1"] ~ input[type="number"] {
|
|
outline: red 1px solid
|
|
}
|
|
/* Skill is boosted by an item */
|
|
.skill-bonus {
|
|
color: #138e96;
|
|
cursor: help;
|
|
justify-self: left;
|
|
margin-left: -20%;
|
|
}
|
|
|
|
.skill-item input[name*="_bonus"][value="0"] ~ .skill-bonus {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* TRAITS GROUP */
|
|
.war-group.traits textarea {
|
|
resize: vertical;
|
|
min-height: 5em;
|
|
}
|
|
|
|
/* SPECIFIC WAR-GROUP CHANGES */
|
|
.war-group.basic-info {
|
|
height: min-content;
|
|
}
|
|
.war-group.basic-info .attribute.select {
|
|
height: 2.4em;
|
|
}
|
|
.war-group.basic-info .attribute.input label, .war-group.basic-info .attribute.select label {
|
|
margin-left: 2%;
|
|
}
|
|
.war-group.basic-info .attribute.input input, .war-group.basic-info .attribute.select select {
|
|
width: 95%
|
|
}
|
|
.war-group.basic-info .attribute.button {
|
|
justify-self:right;
|
|
margin: 1% 5% 1% auto;
|
|
width: 55%;
|
|
text-align: center;
|
|
}
|
|
.war-group.basic-info span {
|
|
width: 93%;
|
|
height: auto;
|
|
}
|
|
.war-group.basic-info button {
|
|
line-height: 1em;
|
|
vertical-align: middle;
|
|
}
|
|
.war-group.background {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 3;
|
|
}
|
|
.war-group.stats {
|
|
padding: 0% 0% 0% 0%;
|
|
}
|
|
.war-group.career-advances .group-label label {
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
.war-group.career-advances .attribute {
|
|
grid-template-columns: 60% 20%;
|
|
width: 70%;
|
|
margin: 2% auto 2% auto;
|
|
}
|
|
.war-group.career-advances .attribute :nth-child(1) {
|
|
justify-self: center;
|
|
width: auto;
|
|
}
|
|
.war-group.career-advances .attribute :nth-child(2) {
|
|
justify-self: left;
|
|
width: fit-content;
|
|
}
|
|
|
|
/* SPECIFIC ATTRIBUTE TWEAKS */
|
|
.attribute.textarea textarea[name*="background"] {
|
|
margin-top: 1%;
|
|
height: auto;
|
|
min-height: 8em;
|
|
resize: vertical;
|
|
}
|
|
.attribute.textarea textarea[name*="trait"] {
|
|
margin-top: 1%;
|
|
height: auto;
|
|
min-height: 1em;
|
|
resize: vertical;
|
|
}
|
|
|
|
/* CAREER TOGGLE BUTTON */
|
|
.career-toggle {
|
|
color: #b5b5b5;
|
|
}
|
|
input[name="attr_career_toggle"][value="1"] ~ .career-toggle {
|
|
outline: #08b1ff69 solid 2px;
|
|
outline-offset: -1px;
|
|
border-radius: 15%;
|
|
color: #005eff;
|
|
}
|
|
|
|
/* COMMUNITY/CAREER SELECTION */
|
|
.basic-career-select, .advanced-career-select {
|
|
display:none;
|
|
grid-column: 1 / 3;
|
|
grid-template-columns: 40% 60%;
|
|
align-items: center;
|
|
max-height: 20px;
|
|
}
|
|
input[name="attr_career_toggle"][value="0"] ~ .basic-career-select, input[name="attr_career_toggle"][value="1"] ~ .advanced-career-select
|
|
{
|
|
display:grid;
|
|
}
|
|
|
|
input[name="attr_community"] ~ .career {
|
|
display:none;
|
|
}
|
|
input[name="attr_community"][value="none"] ~ .career.blank,
|
|
input[value="human"] ~ .career.human,
|
|
input[value="dwarf"] ~ .career.dwarf,
|
|
input[value="elf"] ~ .career.elf,
|
|
input[value="goblin"] ~ .career.goblin,
|
|
input[value="halfling"] ~ .career.halfling {
|
|
display:block;
|
|
}
|
|
|
|
/* REPEATING SECTIONS */
|
|
|
|
/* COMMON ITEMS */
|
|
input[name*="options-flag"][value="0"] ~ .foldable {
|
|
display: none;
|
|
}
|
|
input[name*="options-flag"][value="1"] ~ .foldable {
|
|
display: grid;
|
|
}
|
|
.war-group.adventuring-skills input[type="number"] {
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 2px 0px;
|
|
}
|
|
.repcontainer .repitem input[type="number"] {
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
.war-group .repcontainer .repitem select {
|
|
margin: 0%;
|
|
width: min-content;
|
|
}
|
|
.war-group .repcontainer .repitem input[type="text"] {
|
|
width: 100%;
|
|
height: 1.8em;
|
|
margin: 1% 0% 1% 0%;
|
|
padding: 1% 0% 0% 5px;
|
|
}
|
|
.war-group .repcontainer .repitem .foldable.weapon-options textarea[name="attr_description"] {
|
|
min-height: 1em;
|
|
width: auto;
|
|
resize: vertical;
|
|
}
|
|
.war-group .repitem .foldable label {
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
.war-group .foldable {
|
|
width: 95%;
|
|
margin: 0% 0% 4% 2%;
|
|
padding: 0% 0% 8% 0%;
|
|
grid-row-gap: 1%;
|
|
border-bottom: 1px solid lightgray;
|
|
align-items: center;
|
|
}
|
|
.foldable textarea {
|
|
height: auto;
|
|
max-width: 98%;
|
|
resize: vertical;
|
|
width: auto;
|
|
margin: 0% 0% 0% 0%;
|
|
}
|
|
.foldable .repeating.option {
|
|
display: grid;
|
|
width: 95%;
|
|
grid-template-columns: 35% 65%;
|
|
grid-column-gap: 1%;
|
|
margin: 1% 0% 1% 0%;
|
|
position: relative;
|
|
align-items: center;
|
|
}
|
|
.war-group .repeating.option.sub {
|
|
grid-template-columns: 49% 49%;
|
|
grid-column-gap: 2%;
|
|
width: 95%;
|
|
}
|
|
.war-group .sub-option {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
width: 100%;
|
|
grid-column-gap: 5%;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
.war-group .sub-option {
|
|
display: grid;
|
|
grid-template-columns: min-content min-content;
|
|
grid-column-gap: 5%;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.war-group input[type="text"] {
|
|
min-width: 5em;
|
|
}
|
|
.war-group input[type="text"][name*="damage"] {
|
|
min-width: 5em;
|
|
}
|
|
.repeating.option.double {
|
|
grid-column: 1 / 3;
|
|
margin: 2% 0% 2% 0%;
|
|
}
|
|
.repeating.option.sub div:nth-child(2) label {
|
|
text-align:right;
|
|
}
|
|
.war-group .repitem .foldable input[type="checkbox"] {
|
|
justify-self: left;
|
|
}
|
|
.war-group .repitem .maingrid {
|
|
display: grid;
|
|
grid-column-gap: 3%;
|
|
align-items:center;
|
|
}
|
|
.war-group .repcontrol {
|
|
min-height: 27px;
|
|
width: 70%;
|
|
margin: 3% auto 0% auto;
|
|
transform: scale(0.8);
|
|
-moz-transform: scale(0.8);
|
|
-webkit-transform: scale(0.8);
|
|
}
|
|
.war-group.possessions, .war-group.spells, .war-group.weapons {
|
|
height: min-content;
|
|
}
|
|
.war-group.possessions .maingrid input[type="text"] {
|
|
color:darkblue;
|
|
border:darkblue 1px solid;
|
|
}
|
|
.war-group .itemcontrol {
|
|
z-index: +10;
|
|
}
|
|
|
|
/* CAREER SKILLS REP SEC */
|
|
/* Unlocked sheet toggle for active career skill */
|
|
.war-group.career-skills .skill-item.repeating.auto,
|
|
.war-group.career-skills .skill-item.repeating.custom{
|
|
display:none;
|
|
}
|
|
|
|
.war-group.career-skills input[name*="unlocked"][value="1"] ~ .custom,
|
|
.war-group.career-skills input[name*="unlocked"][value="0"] ~ .auto {
|
|
display: grid;
|
|
}
|
|
.war-group.career-skills .repeating.custom input {
|
|
margin-left: 12%;
|
|
padding-left: 12%
|
|
}
|
|
.career-skills .repeating .btn {
|
|
box-shadow: none;
|
|
display: inline-flex;
|
|
height: 1.3em;
|
|
line-height: 1.3em;
|
|
}
|
|
.skill-item.repeating {
|
|
grid-template-columns: 60% 20%;
|
|
}
|
|
.war-group.career-skills .table-header {
|
|
grid-template-columns: 59% 20%;
|
|
grid-column-gap: 1%
|
|
}
|
|
.war-group.career-skills input[name*="unlocked"][value="0"] ~ .repcontrol {
|
|
display: none;
|
|
}
|
|
.war-group.career-skills .repcontainer button {
|
|
min-height: 0px;
|
|
}
|
|
|
|
/* POSESSIONS REP SEC */
|
|
.war-group.possessions .repitem .maingrid {
|
|
grid-template-columns: 8% 52% 12% 8% 6%;
|
|
margin: 1% 0% 1% 3%
|
|
}
|
|
.possession.table-header {
|
|
grid-template-columns: 8% 55% 14% 10% 6%;
|
|
margin: 0% 0% 0% 3%;
|
|
}
|
|
.possession.table-header span:nth-child(2) {
|
|
justify-self: start;
|
|
margin-left: 10%;
|
|
}
|
|
.foldable.possession-options {
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
/* ITEM FLAGS */
|
|
.itemflags {
|
|
white-space: nowrap;
|
|
justify-self: center;
|
|
padding: 0px;
|
|
}
|
|
.itemflags i {
|
|
display: none;
|
|
margin: -4px;
|
|
}
|
|
.itemflags input[value*="B"] ~ i.shield,
|
|
.itemflags input[value*="A"] ~ i.armour,
|
|
.itemflags input[value*="W"] ~ i.weapon ,
|
|
.itemflags input[value*="S"] ~ i.stats {
|
|
display: inline;
|
|
}
|
|
.war-group.weapons .itemflags input[value*="C"] ~ i.crushing,
|
|
.war-group.weapons .itemflags input[value*="P"] ~ i.piercing,
|
|
.war-group.weapons .itemflags input[value*="S"] ~ i.slashing,
|
|
.war-group.weapons .itemflags input[value*="B"] ~ i.blast,
|
|
.war-group.weapons .itemflags input[value*="R"] ~ i.ranged {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
/* Currency Section */
|
|
|
|
.possession.currency {
|
|
border: 1px #887b59 solid;
|
|
border-radius: 15%;
|
|
background-color: #fdfcf6;
|
|
margin: 2% 3% 2% 3%;
|
|
padding: 2% 2% 2% 2%;
|
|
width: 90%;
|
|
display: grid;
|
|
grid-template-columns: max-content auto max-content auto max-content;
|
|
align-items: center;
|
|
}
|
|
.possession.currency-header {
|
|
text-align: center;
|
|
display: block;
|
|
margin: 2% auto -1% auto;
|
|
border-top: 1px lightgray solid;
|
|
width: 70%;
|
|
font-size: 1.1em;
|
|
font-style: italic;
|
|
padding-top: 2%;
|
|
}
|
|
.possession.currency button {
|
|
height: 10px;
|
|
line-height: 10px;
|
|
background: none;
|
|
color: #8e7b00;
|
|
border: none;
|
|
font-size: 1.3em;
|
|
}
|
|
.war-group.possessions .possession.currency input {
|
|
width: 55px;
|
|
}
|
|
|
|
/* EFFECTS REP SEC */
|
|
|
|
.war-group.effects .group-label.sub {
|
|
font-size: 1.1em;
|
|
font-style: normal;
|
|
margin: 1% 0% 0% 1%;
|
|
}
|
|
.war-group.effects .effects-passive .table-header {
|
|
display: grid;
|
|
grid-template-columns: 30% 60%;
|
|
justify-items: center;
|
|
}
|
|
.war-group.effects .effects-passive .maingrid-like .row-like {
|
|
display: grid;
|
|
grid-template-columns: 30% 70%;
|
|
grid-column-gap: 4%;
|
|
margin: 0% 0% 0% 2%;
|
|
padding: 0% 0% 1% 0%;
|
|
min-height: 2.4em;
|
|
align-items: center;
|
|
width: 95%;
|
|
}
|
|
.war-group.effects .effects-passive .maingrid-like .row-like div span,
|
|
.war-group.effects .effects-passive .maingrid-like .row-like div label {
|
|
display:inline;
|
|
font-size: 1.1em;
|
|
font-weight: normal;
|
|
padding: 0% 2% 0% 0%;
|
|
margin: 0%;
|
|
}
|
|
.war-sub-group.effects-active {
|
|
border-top: 1px solid grey;
|
|
margin: 2% 0% 0% 0%;
|
|
}
|
|
.war-group.effects .effects-active .table-header {
|
|
display: grid;
|
|
grid-template-columns: 40% 15% 20% 12% 10%;
|
|
grid-column-gap: 1%;
|
|
justify-items: center;
|
|
}
|
|
.war-group.effects .effects-active .maingrid {
|
|
display: grid;
|
|
grid-template-columns: 40% 15% 20% 12% 10%;
|
|
grid-column-gap: 1%;
|
|
margin: 1% 0% 0% 2%;
|
|
}
|
|
.war-group.effects .effects-active .maingrid span {
|
|
justify-self: center;
|
|
}
|
|
.war-group.effects button {
|
|
color: #1d6561;
|
|
}
|
|
.war-group.effects .effects-active .foldable .repeating.option {
|
|
grid-template-columns: 25% 75%;
|
|
}
|
|
.war-group.effects .effects-active .repeating.option.sub {
|
|
grid-template-columns: 40% 60%;
|
|
}
|
|
.war-group.effects .effects-active .repeating.option.sub .sub-sub-option {
|
|
justify-self: right;
|
|
}
|
|
|
|
.war-group.effects .sub-option input[name*="duration"] {
|
|
justify-self: right;
|
|
width: 4em;
|
|
}
|
|
|
|
|
|
/* TOOLTIP */
|
|
.war-hover {
|
|
cursor: help;
|
|
font-size:1.5em;
|
|
color: blue;
|
|
position: absolute;
|
|
right: -7%;
|
|
}
|
|
|
|
.war-tt {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.7s;
|
|
width: 110%;
|
|
position: absolute;
|
|
background: #e7e9b0ed;
|
|
padding: 5%;
|
|
border-radius: 10px;
|
|
border: 2px black solid;
|
|
bottom: -100px;
|
|
left: 110%;
|
|
z-index: +100;
|
|
}
|
|
.war-tt span {
|
|
white-space: pre-line;
|
|
}
|
|
.war-hover-text {
|
|
cursor: help;
|
|
}
|
|
.war-tt.item-types,
|
|
.war-tt.effect-types,
|
|
.war-tt.weapon-types {
|
|
width: max-content;
|
|
padding: 3%;
|
|
font-size:1.1em;
|
|
line-height: 1.4em;
|
|
}
|
|
.war-tt.item-types {
|
|
height: 7em;
|
|
top: -7em;
|
|
left: 59%;
|
|
}
|
|
.war-tt.effect-types {
|
|
top: 9em;
|
|
height: max-content;
|
|
left: 35%;
|
|
}
|
|
.war-tt.weapon-types {
|
|
height: 8em;
|
|
top: -8em;
|
|
left: 69%;
|
|
}
|
|
|
|
.war-hover.item-mods:hover ~ .war-tt.item-mods,
|
|
.war-hover.effect-mods:hover ~ .war-tt.effect-mods,
|
|
.war-hover-text:hover ~ .war-tt.item-types,
|
|
.war-hover-text:hover ~ .war-tt.effect-types,
|
|
.war-hover-text:hover ~ .war-tt.weapon-types {
|
|
visibility: visible;
|
|
opacity: 1.0;
|
|
}
|
|
|
|
/* WEAPONS REP SEC */
|
|
|
|
.war-group.weapons .repitem .maingrid {
|
|
grid-template-columns: 3% 45% 6% 23% 12% 6%;
|
|
grid-column-gap: 1%;
|
|
margin: 1% 2% 1% 1%
|
|
}
|
|
.weapon.table-header {
|
|
grid-template-columns: 2% 45% 6% 24% 11% 6%;
|
|
grid-column-gap: 0%;
|
|
margin: 0% 0% 0% 2%;
|
|
}
|
|
.war-group.weapons .repitem button[name*="roll"] {
|
|
padding: 0% 0% 0% 0%;
|
|
color: #b30621;;
|
|
}
|
|
|
|
.war-group.weapons .repcontainer select {
|
|
width: min-content;
|
|
margin: 0%;
|
|
}
|
|
.war-group .repcontainer .attack-skill-select input[type="text"] {
|
|
width: 20%
|
|
}
|
|
.war-group.weapons .attack-damage-select {
|
|
width: 95%;
|
|
grid-column: 1 / 4;
|
|
display: grid;
|
|
grid-template-columns: 35% min-content 2% 20%;
|
|
align-items: center;
|
|
grid-column-gap: 1%;
|
|
}
|
|
.war-group.weapons .repeating.option.sub {
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
.war-group.weapons .sub-option {
|
|
display: grid;
|
|
grid-template-columns: min-content min-content;
|
|
grid-column-gap: 5%;
|
|
align-items: center;
|
|
}
|
|
/* Readied Weapon */
|
|
|
|
.war-group.weapons .table-header span[title*="Read"] {
|
|
margin: 0% 0% 0% 1%;
|
|
cursor: help;
|
|
}
|
|
.main-weapon-options label {
|
|
font-size: .9em;
|
|
margin: 3% 0% 0% 0%;
|
|
}
|
|
.war-header input[name*="activetab"][value*="character"] ~ .tab.character button,
|
|
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings button,
|
|
.war-header input[name*="activetab"][value*="help"] ~ .tab.help button {
|
|
background-color: lightgrey;
|
|
border-bottom: 2px solid lightgrey;
|
|
z-index: +1;
|
|
}
|
|
.war-group.weapons .repitem .attack-damage-select input[name*="damage_custom"] {
|
|
pointer-events: none;
|
|
color: lightgrey;
|
|
}
|
|
.war-group.weapons .repitem .foldable input[name*="damage_base"][value*="custom"] ~ input[name*="damage_custom"] {
|
|
pointer-events: all;
|
|
color: black;
|
|
}
|
|
.war-group.weapons .repitem .maingrid input[name*="w_readied"][value="0"] ~ input[name*="r_readied"],
|
|
.war-group.weapons .table-header input[name*="react"][value="0"] ~ span[title*="Read"] {
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
/* SPELLS REP SEC */
|
|
.war-group.spells .repitem .maingrid {
|
|
grid-template-columns: 45% 20% 10% 8% 6%;
|
|
grid-column-gap: 2%;
|
|
margin: 1% 2% 1% 3%;
|
|
text-align: center;
|
|
}
|
|
.spell.table-header {
|
|
grid-template-columns: 45% 20% 10% 8% 6%;
|
|
grid-column-gap: 1%;
|
|
margin: 0% 0% 0% 1%;
|
|
}
|
|
.war-group.spells button[name*="roll"] {
|
|
color: #b40fb4;
|
|
}
|
|
.spells .repcontainer .repitem input[type="number"],
|
|
.effects .repcontainer .repitem input[type="number"] {
|
|
text-align: center;
|
|
width: 3.5em;
|
|
}
|
|
.war-group.spells .repitem button[name*="link"] img {
|
|
width: 1.1em;
|
|
}
|
|
.war-group.spells .repitem button[name*="link"] {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
.war-group.spells input[type="text"][name*="duration"] {
|
|
width: 5em;
|
|
}
|
|
|
|
|
|
/* Attack only options */
|
|
.war-group.spells .repeating.option.attack-only {
|
|
display:none;
|
|
}
|
|
.war-group.spells .spell-options input[value="Attack"] ~ .attack-only {
|
|
display: grid;
|
|
}
|
|
|
|
/* CHARACTER CREATION TUTORIAL */
|
|
|
|
[name="attr_disable_tutorial"][value="1"] ~ .tutorial,
|
|
[name="attr_disable_tutorial"][value="1"] ~ .tutorial.initial-skillpoints {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.tutorial {
|
|
background: #ffe88c;
|
|
border: 2px solid #84720a;
|
|
border-radius: 5px;
|
|
vertical-align: middle;
|
|
line-height: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.initial-skillpoints {
|
|
display:none;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
top: -1%;
|
|
left: 4%;
|
|
width: 90%;
|
|
}
|
|
.initial-skillpoints * {
|
|
margin: 0% 2px 0% 0%;
|
|
}
|
|
.initial-skillpoints span[name*="attr"] {
|
|
font-weight: bold;
|
|
}
|
|
[name*="tutorial_flag"][value="1"] ~ .phase1,
|
|
[name*="tutorial_flag"][value="2"] ~ .phase2,
|
|
[name*="tutorial_flag"][value="3"] ~ .phase3 {
|
|
display: block;
|
|
}
|
|
[name*="disable_career_flag"][value="0"] ~ .disable-career {
|
|
display: none;
|
|
}
|
|
.disable-career {
|
|
position: absolute;
|
|
z-index: +1;
|
|
width: 55%;
|
|
height: 73%;
|
|
right: 4%;
|
|
top: 20%;
|
|
opacity: 0.9;
|
|
padding-top: 2%;
|
|
}
|
|
.disable-career button {
|
|
margin: 2% auto auto auto;
|
|
height: 0.9em;
|
|
border-width: 1px;
|
|
font-size: 15px;
|
|
background-color: #ddc623;
|
|
border-color: #84720a #caad00 #caad00 #84720a;
|
|
font-weight: bold;
|
|
padding: 1% 5% 1% 5%
|
|
}
|
|
|
|
/* NPC SHEET */
|
|
.war-character-npc input[type="text"] {
|
|
width: min-content
|
|
}
|
|
.war-character-npc input[type="number"] {
|
|
max-height: 1.8em;
|
|
}
|
|
.war-character-npc .attribute.input {
|
|
grid-template-columns: 33% 66%
|
|
}
|
|
.war-character-npc .attribute.input.max {
|
|
grid-template-columns: 18% 15% 2% 15%;
|
|
margin: 3% 3% 3% 3%;
|
|
padding: 0% 0% 3% 0%;
|
|
border-bottom: 1px lightgrey solid;
|
|
width: 95%;
|
|
}
|
|
.war-character-npc .repeating.custom {
|
|
width: 90%;
|
|
margin: 0% auto 3% auto;
|
|
}
|
|
.war-group.npc-description {
|
|
grid-row: 0 / 3;
|
|
grid-column: 2 / 3;
|
|
}
|
|
.war-group.npc-description textarea {
|
|
min-height: 10em;
|
|
resize: vertical;
|
|
}
|
|
.war-group.effects {
|
|
height: min-content;
|
|
padding-bottom: 3%;
|
|
}
|
|
.war-group.npc-stats .attribute {
|
|
grid-template-columns: 38% 60%;
|
|
grid-column-gap: 2%;
|
|
}
|
|
.war-character-npc .weapons .weapon-options input[name*="mod"] {
|
|
width: 4em
|
|
}
|
|
|
|
/* MONSTER ABILITY REP SEC */
|
|
.monster-ability.wizard {
|
|
text-align: center;
|
|
margin: 2% 0% 0% 0%;
|
|
}
|
|
.monster-ability.wizard select {
|
|
width: min-content;
|
|
}
|
|
.war-group.monster-abilities .table-header {
|
|
grid-template-columns: 30% 55% 10%;
|
|
margin: 0% 0% 2% 2%;
|
|
padding: 1% 0% 0% 0%;
|
|
border-top: 1px solid lightgrey;
|
|
width: 96%
|
|
}
|
|
.war-group.monster-abilities .repitem {
|
|
margin: 2% 0% 3% 0%;
|
|
}
|
|
.war-group.monster-abilities .maingrid {
|
|
grid-template-columns: 30% 55% 10%;
|
|
margin: 0% 0% 0% 2%;
|
|
}
|
|
.war-group.monster-abilities .maingrid button[name*="link"] {
|
|
color: #c38104;
|
|
}
|
|
.war-group.monster-abilities .maingrid span[name*="detail"] {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
font-style: italic;
|
|
font-size:0.9em;
|
|
overflow: hidden;
|
|
padding: 1px 2px 1px 2px;
|
|
}
|
|
.war-group.monster-abilities .foldable textarea {
|
|
height: 8em;
|
|
}
|
|
|
|
/* SETTINGS TAB */
|
|
|
|
.war-group.settings .settings.option {
|
|
border: 1px solid grey;
|
|
margin: 8px 5px 8px 5px;
|
|
padding: 5px 2px 5px 2px;
|
|
border-radius: 5px;
|
|
}
|
|
.war-group.settings select {
|
|
padding: 0px;
|
|
margin: 2px;
|
|
}
|
|
.war-group.settings .settings-heading {
|
|
text-align:center;
|
|
margin-top: 1%
|
|
}
|
|
|
|
.war-group.settings .settings.tip {
|
|
display:block;
|
|
font-size:1em;
|
|
font-style: italic;
|
|
margin-top: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* DOCUMENTATION TAB */
|
|
.war-group.help {
|
|
grid-column: 1 / 3;
|
|
}
|
|
.war-group.help .attribute {
|
|
width: 30%;
|
|
}
|
|
.war-group.help .group-label span {
|
|
white-space: pre-line;
|
|
font-size: 0.7em;
|
|
}
|
|
.war-group.help .group-label span img {
|
|
width: 20px;
|
|
}
|
|
.war-group.help {
|
|
font-size: 1.3em;
|
|
background-color: #fff;
|
|
cursor: default;
|
|
user-select: none;
|
|
}
|
|
.war-help .help.grid {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
width: 33%;
|
|
align-items: center;
|
|
margin-top: 2% 0% 0% 2%;
|
|
font-size: .9em;
|
|
}
|
|
.war-help .help-main .help-section {
|
|
margin: 15px 0% 15px 0%;
|
|
border-top: 1px solid lightgrey;
|
|
padding: 1% 3% 0% 2%;
|
|
}
|
|
.war-help .help-main h3,
|
|
.war-help .help-main h4 {
|
|
margin: 10px 0px 0px 0px;
|
|
}
|
|
.war-help .help-main span {
|
|
display:block;
|
|
padding: 0% 0% 0% 1%;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.war-help .important-text,
|
|
.war-help .important-text h3,
|
|
.war-help .important-text h4 {
|
|
color: #001975;
|
|
background: #d1eff9;
|
|
}
|
|
|
|
.war-help .important-text {
|
|
padding: 3% 5% 3% 5%;
|
|
margin: 5% 0% 5% 0%;
|
|
border: darkblue 3px solid;
|
|
border-radius: 15px;
|
|
}
|
|
.war-help .important-text span {
|
|
white-space: pre-line;
|
|
}
|
|
.war-help .example-block {
|
|
background-color: #9cd7ea;
|
|
padding: 1% 5% 1% 5%;
|
|
margin: 1% 2% 3% 2%;
|
|
border: 2px solid #0f0f0f;
|
|
border-radius: 25px;
|
|
}
|
|
.war-help .example-block u {
|
|
display: block;
|
|
font-style: italic;
|
|
}
|
|
.war-help .example-mod {
|
|
border: 1px solid grey;
|
|
border-radius: 5px;
|
|
background-color: #e8e8e8;
|
|
cursor: text;
|
|
user-select: text;
|
|
font-size: 0.9em;
|
|
color: black;
|
|
margin-bottom: 1%;
|
|
width: 90%;
|
|
}
|
|
|
|
/* ROLL TEMPLATES */
|
|
/* WART-ROLL && COMMON */
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer {
|
|
font-family: 'Courier Prime', monospace;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll,
|
|
.sheet-rolltemplate-wart-damage {
|
|
text-align: center;
|
|
margin: auto 5% auto -10%;
|
|
padding: 0% 0% 0% 0%;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer {
|
|
background: whitesmoke;
|
|
padding: 5% 0% 5% 0%;
|
|
border-radius: 20px 0px 20px 0px;
|
|
z-index: +1;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-header,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-footer,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-header,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-footer,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-header,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-footer {
|
|
border-bottom: 1px solid grey;
|
|
color: white;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-title,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-title {
|
|
font-size: 1.1em;
|
|
line-height: 1.1em;
|
|
margin: 0% -4% 0% -1%;
|
|
outline: black 2px solid;
|
|
padding: 1% 4% 0% 0%;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-subheader,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subheader,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-subheader {
|
|
padding: 1% 0% 0% 0%;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
min-height: 1.3em;
|
|
line-height:1.3em;
|
|
background: #5f5f5f;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-double,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-double,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-double {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-subheader-right,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subheader-right,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-subheader-right {
|
|
border-left: 1px solid white;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-rolls .sheet-right {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
border-left: 1px solid grey;
|
|
}
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-rolls .sheet-right.sheet-wart-result {
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-rolls.sheet-flat {
|
|
grid-template-columns: auto auto;
|
|
display:grid;
|
|
align-items: center;
|
|
border-top: 1px solid grey;
|
|
}
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-rolls.sheet-flat .sheet-wart-rollname {
|
|
border-bottom: none;
|
|
}
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-body .sheet-wart-rollname .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-body .sheet-wart-rollname .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
font-size:1em;
|
|
}
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-header .sheet-wart-subheader .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-header .sheet-wart-subheader .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
font-size:1em;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-rollname,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-rollname,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-rollname {
|
|
padding: 0% 3% 0% 3%;
|
|
border-bottom: 1px solid grey;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
line-height: 1.3em;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-result,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-result,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-result {
|
|
min-height: 3em;
|
|
line-height: 3em;
|
|
font-size: 1.1em
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .inlinerollresult {
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-rolls .inlinerollresult {
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult {
|
|
border-width: 10px;
|
|
border-style: solid;
|
|
border-image: radial-gradient(#d5c001c4 10px, whitesmoke 22px);
|
|
border-image-slice: 33%;
|
|
border-radius:11px;
|
|
outline: 0px #c1bd83a1 solid;
|
|
box-shadow: inset 0px 0px 4px 2px #c1bd83;
|
|
background-color: #f2e5ca;
|
|
min-width: 40px;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit {
|
|
border-image: radial-gradient(#17a219 7px, whitesmoke 22px);
|
|
border-image-slice: 33%;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail {
|
|
border-image: radial-gradient(#bc1313fc 5px, whitesmoke 22px);
|
|
border-image-slice: 33%;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-footer,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-footer,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-footer {
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link {
|
|
border-bottom: 2px solid black;
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
border-top: 1px grey solid;
|
|
padding: 4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link .inlinerollresult,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link a,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link a,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link a,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link a,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link a,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link a {
|
|
font-size: 1.1em;
|
|
background: none;
|
|
color: blue;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-notes,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-notes-header,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-notes,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-notes-header,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-notes,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-notes-header {
|
|
font-family: corbel;
|
|
font-size: 1.0em;
|
|
line-height: 1.0em;
|
|
background-color: #ece8d7;
|
|
color: #4d4d4d;
|
|
padding: 3% 5% 3% 5%;
|
|
border-bottom: 2px solid black;
|
|
border-collapse: collapse;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-notes .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-notes .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-notes .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
color: blue;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-charname,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-charname,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-charname {
|
|
min-height: 0.7em;
|
|
line-height: 1.1em;
|
|
font-variant: small-caps;
|
|
font-size: 1.1em;
|
|
letter-spacing: 1px;
|
|
padding: 1% 0% 1% 3%;
|
|
margin: 0% -1% 0% -4%;
|
|
outline: 2px solid black;
|
|
}
|
|
|
|
/* DAMAGE TEMPLATE */
|
|
|
|
.sheet-rolltemplate-wart-damage {
|
|
text-align: center;
|
|
margin: auto 5% auto -10%;
|
|
padding: 0% 0% 0% 0%;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer {
|
|
border-radius: 0% 0% 0% 0%;
|
|
padding: 4% 0% 4% 0%;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll {
|
|
line-height: 1em;
|
|
font-size: 1em;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outcome {
|
|
font-size: 1.1em;
|
|
line-height: 1.3em;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult {
|
|
color: #d23131;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll .inlinerollresult {
|
|
color: #9f290f;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-outcome .inlinerollresult {
|
|
color: blue;
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damagename,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defencename {
|
|
border-bottom: 1px solid lightgrey;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult {
|
|
font-size: 1.1em;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defenceresult {
|
|
border-bottom: 1px solid grey;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll {
|
|
line-height: 1.3em;
|
|
border-bottom: 1px solid grey;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defence {
|
|
background-color: beige
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defence *,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outcome *,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll * {
|
|
padding: 2% 0% 1% 0%;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-defencename .inlinerollresult
|
|
{
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-outcome .inlinerollresult {
|
|
background:none;
|
|
font-size: 1em;
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult.fullfail {
|
|
color: #bf0000;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult.fullcrit {
|
|
color: #087700;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-mighty {
|
|
background-color: #087700;
|
|
}
|
|
.sheet-rolltemplate-wart-damage .sheet-mighty-three {
|
|
color: #087700;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* REACTIVE ROLL SYSTEM */
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-outer,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-outer,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-outer {
|
|
background-color: #94b1cc;
|
|
width: 92%;
|
|
margin: auto;
|
|
border: #4f4f4f solid 2px;
|
|
border-radius: 10px;
|
|
font-family: corbel;
|
|
margin-top: -4%;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-header,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-header,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-header {
|
|
font-size: 1.3em;
|
|
line-height: 1.3em;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
color: #1f1f4f;
|
|
margin: 0% 0% 0% 0%;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-button,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-button {
|
|
margin-top: -3px;
|
|
margin-bottom: -3px;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: center;
|
|
font-size: 0.9em;
|
|
line-height: 0.9em;
|
|
width: 90%;
|
|
margin: auto;
|
|
border-top: 1px black solid;
|
|
padding: 2% 0% 2% 0%
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row .inlinerollresult,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row .inlinerollresult,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
color: #2c324f;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a,
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row a,
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row a {
|
|
font-family: dicefontd20;
|
|
font-weight: 900;
|
|
color: #0038ac;
|
|
border: 2px solid #305679;
|
|
background-color: #f2fffe;
|
|
border-radius: 10px;
|
|
font-size: 1.6em;
|
|
padding: 0% 6px 0% 6px;
|
|
line-height:1.1em;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a[href*="apply"],
|
|
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row a[href*="apply"],
|
|
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row a[href*="apply"] {
|
|
font-family: 'pictos';
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* DESCRIPTION TEMPLATE */
|
|
|
|
/* Trick to stop the double-template getting cut by the avatar on 6th/7th post */
|
|
.sheet-rolltemplate-wart-description:not(:first-child) {
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-wart-description:not(:first-child) .sheet-wart-outer.sheet-sheet-bottom,
|
|
.sheet-rolltemplate-wart-description:not(:first-child) .sheet-wart-outer.sheet-bottom {
|
|
position: relative;
|
|
margin-top: -28px;
|
|
}
|
|
.sheet-rolltemplate-wart-description {
|
|
text-align: center;
|
|
margin: -2px 5% -7px -10%;
|
|
padding: 0% 0% 0% 0%;
|
|
background: #f4f4da;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-outer {
|
|
border: #3e4006 1px solid;
|
|
border-width: 1px 5px 1px 5px;
|
|
padding: 0% 0% 0% 0%;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-spacer {
|
|
min-height: 8px;
|
|
background-color: #D3E5F5;
|
|
z-index: 1;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-spacer.sheet-footer {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-title,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-charname {
|
|
background-color: #121101;
|
|
border: 2px solid #363905;
|
|
color: whitesmoke;
|
|
font-size: 1.1em;
|
|
line-height: 1.1em;
|
|
padding: 0% 0% 0% 0%;
|
|
margin: -2% -5% 0% -5%;
|
|
border-radius: 10px 10px 1px 1px;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-charname {
|
|
font-size: 1.1em;
|
|
padding: 0px;
|
|
margin: 0% -5% -3% -5%;
|
|
outline: none;
|
|
border-radius: 1px 1px 10px 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-rolltable,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-desc {
|
|
background-color: #c1c1af;
|
|
border-bottom: 1px solid grey;
|
|
line-height: 1.3em;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-rolltable .inlinerollresult,
|
|
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-desc .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-row {
|
|
font-size: 1.2em;
|
|
line-height:1.2em;
|
|
font-style: italic;
|
|
padding: 1% 0% 1% 0%;
|
|
margin: 0% 0% 0% 0%;
|
|
font-family: corbel;
|
|
border-bottom: 1px solid grey;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-body .sheet-wart-row .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
font-size: 1em;
|
|
font-weight: bold
|
|
}
|
|
|
|
.sheet-rolltemplate-wart-description .sheet-wart-body .sheet-crit {
|
|
color: #960000;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-desc .sheet-wart-row.sheet-allprops:last-child {
|
|
border-top: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-row.sheet-allprops {
|
|
display: grid;
|
|
grid-template-columns: 1fr 60%;
|
|
line-height:1.2em;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-allprops .sheet-allprops:nth-child(2) {
|
|
background-color: #f9f9ee
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-allprop.sheet-key {
|
|
font-weight: bold;
|
|
justify-self: right;
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row .inlinerollresult {
|
|
pointer-events: none;
|
|
color: darkblue;
|
|
}
|
|
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a {
|
|
font-size: 1em;
|
|
font-style: normal;
|
|
line-height: 1.3em;
|
|
} |