mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Roland T. Lichti
96a67ccf68
* HTML fixups, a missing translation * Revert "HTML fixups, a missing translation" This reverts commit 74f11c9f * Fixed tab display bug. The sanitizing of CSS removed everything after google font import. A small work around from GMMatt solved this. Additionally the invalid HTML that has been accepted by Roll20 in the past was having some issues so it needed to be fixed, too. Signed-off-by: klenkes74 <rlichti@kaiserpfalz-edv.de> * Removed the legacy marker by accident. Signed-off-by: klenkes74 <rlichti@kaiserpfalz-edv.de>
1748 lines
44 KiB
CSS
1748 lines
44 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Aldrich&display=swap');
|
|
.buffer {
|
|
color:black;
|
|
} /* quick fix for tab problem, thanks Matt! */
|
|
/*------------------------------------*\
|
|
#TABS
|
|
\*------------------------------------*/
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
margin: 2px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2 {
|
|
display: grid;
|
|
min-height: 300px;
|
|
}
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5,
|
|
input.sheet-tab6:checked ~ div.sheet-tab6
|
|
{
|
|
display: block;
|
|
min-height: 300px;
|
|
}
|
|
|
|
div.sheet-coming-soon {
|
|
width: 70%;
|
|
text-align: center;
|
|
}
|
|
input.sheet-tab
|
|
{
|
|
width: 150px;
|
|
height: 43px;
|
|
position: relative;
|
|
left: 6px;
|
|
margin: -1.5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-tab + span::before
|
|
{
|
|
content: attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: transparent;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Torg%20Eternity/images/TE_tab-inactive.png");
|
|
background-size: contain;
|
|
position: absolute;
|
|
width: 150px;
|
|
height: 40px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
font-family: Aldrich;
|
|
color:white;
|
|
text-transform: uppercase;
|
|
line-height: 45px;
|
|
text-shadow: 3px 3px 3px black;
|
|
}
|
|
|
|
input.sheet-tab:checked + span::before
|
|
{
|
|
background: transparent;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Torg%20Eternity/images/TE_tab-active.png");
|
|
background-size: contain;
|
|
position: absolute;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child) + span::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
input.sheet-tab1 + span::before { left: 35px; }
|
|
input.sheet-tab2 + span::before { left: 185px; }
|
|
input.sheet-tab3 + span::before { left: 335px; }
|
|
input.sheet-tab4 + span::before { left: 485px; }
|
|
|
|
input[type="checkbox"].sheet-settings-checkbox {
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
.sheet-settings-checkbox {
|
|
position: relative;
|
|
float: right;
|
|
background-color: #ffffea;
|
|
width: 20px;
|
|
}
|
|
|
|
span.sheet-settings-checkbox {
|
|
position: relative;
|
|
float: right;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
padding: 5px;
|
|
margin-right: -25px;
|
|
color: black;
|
|
}
|
|
span.sheet-settings-checkbox::before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
input[type="checkbox"].sheet-settings-checkbox:checked + span.sheet-settings-checkbox::before {
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
.charsheet div.sheet-settings.sheet-grid-settings {
|
|
display: none;
|
|
grid-template-columns: 25px auto;
|
|
column-gap: 5px;
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
input.sheet-settings-checkbox:checked ~ div.sheet-settings{
|
|
display: grid;
|
|
float: right;
|
|
position: relative;
|
|
top: 0px;
|
|
right: 1px;
|
|
min-height: 20px;
|
|
border: solid 1px #a8a8a8;
|
|
text-align: left;
|
|
padding: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
div.sheet-settings input[type=checkbox] {
|
|
text-align: right;
|
|
margin-left: 10px;
|
|
}
|
|
.charsheet div.sheet-settings select {
|
|
width: auto;
|
|
border: 0;
|
|
text-align: center;
|
|
margin-bottom: 2px;
|
|
margin-left: -3px;
|
|
}
|
|
span.sheet-trained {
|
|
text-decoration: underline;
|
|
}
|
|
button.sheet-hidden {
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-announcements {
|
|
display: none;
|
|
}
|
|
div.sheet-announcements h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.sheet-announcements p.sheet-announcements-list input[type=checkbox] {
|
|
margin-top: -5px;
|
|
}
|
|
div.sheet-announcements p,
|
|
div.sheet-announcements li {
|
|
line-height: 12px;
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
div.sheet-announcements h3.sheet-title {
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
input.sheet-toggle-top:not([value="0"]) ~ div.sheet-personal-data {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-updates-toggle:not([value="1"])~div.sheet-updates-old {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-announcements[value="1"] ~ div.sheet-announcements {
|
|
display: block;
|
|
width: 96.7%;
|
|
margin-left: 10px;
|
|
}
|
|
button[type=action].sheet-announcements {
|
|
width: 95%;
|
|
margin-left: 5px;
|
|
}
|
|
div.sheet-announcements .sheet-important {
|
|
color: red;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
div.sheet-announcements input[type=text].sheet-weblink {
|
|
width: 380px;
|
|
border: 1pt solid;
|
|
font-weight: bold;
|
|
margin-left: 50px;
|
|
margin-bottom: 10px;
|
|
}
|
|
p.sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
/*------------------------------------*\
|
|
#GENERAL STYLING
|
|
\*------------------------------------*/
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local('Play-Bold'), url(http://themes.googleusercontent.com/static/fonts/play/v4/ZzUearZLklGfoL18Ti0GaQ.woff) format('woff');
|
|
}
|
|
|
|
.charsheet {
|
|
background-image: url("");
|
|
background-color: white;
|
|
}
|
|
|
|
.charsheet h3 {
|
|
margin-bottom:0;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
font-family: Aldrich;
|
|
}
|
|
|
|
.charsheet label {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size:14px;
|
|
width: auto;
|
|
}
|
|
|
|
.charsheet input {
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet input.sheet-header {
|
|
width: 160px;
|
|
}
|
|
|
|
.charsheet input.sheet-skills {
|
|
width:42px !important;
|
|
}
|
|
|
|
.charsheet select {
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.charsheet select.sheet-modtype {
|
|
width: 65px;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
width: 98%;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
margin-bottom:0;
|
|
}
|
|
.charsheet textarea.sheet-atkNotes {
|
|
font-size: 12px;
|
|
height: 30px;
|
|
}
|
|
.charsheet textarea.sheet-ActionNotes {
|
|
font-size: 12px;
|
|
height:60px;
|
|
}
|
|
.charsheet div.sheet-clear { clear:both; }
|
|
|
|
.charsheet button[type=roll] {
|
|
background-color: #C4C4C4;
|
|
font-weight: bold;
|
|
text-shadow: 0;
|
|
color: #000000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.charsheet select{
|
|
margin:0;
|
|
}
|
|
|
|
|
|
/*
|
|
=================================
|
|
NEW SHEET LAYOUT
|
|
=================================
|
|
*/
|
|
div.sheet-container {
|
|
width:850px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Torg%20Eternity/images/TE_background.png");
|
|
border-radius: 15px;
|
|
|
|
}
|
|
/* CSS RESET */
|
|
.charsheet input,
|
|
.charsheet select {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.charsheet input[type=text] {
|
|
width: auto;
|
|
}
|
|
.charsheet select {
|
|
height: 18px;
|
|
}
|
|
.charsheet button[type=roll] {
|
|
padding: 0 !important;
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
/* TURNOFF SPINNERS */
|
|
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Firefox */
|
|
input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
/* PERSONAL DATA */
|
|
div.sheet-top {
|
|
display: grid;
|
|
grid-template-columns: 255px 595px;
|
|
height: 80px;
|
|
}
|
|
img.sheet-logo {
|
|
width: 250px;
|
|
margin-top:5px;
|
|
margin-left:5px;
|
|
}
|
|
|
|
div.sheet-personal-data {
|
|
display: grid;
|
|
align-content: start;
|
|
grid-template-columns: 65px 40px 35px 40px 35px 55px 35px 40px 35px 25px 70px 60px;;
|
|
column-gap: 5px;
|
|
text-align:right;
|
|
padding: 5px;
|
|
background-color: rgb(255,255,255,0.1);
|
|
border-radius: 15px;
|
|
margin-left: -10px;
|
|
}
|
|
div.sheet-personal-data img {
|
|
grid-row-start: 1;
|
|
grid-row-end: span 3;
|
|
height: 100%;
|
|
}
|
|
|
|
div.sheet-personal-data input,
|
|
div.sheet-personal-data input[type=number],
|
|
div.sheet-personal-data select {
|
|
width: 100%;
|
|
border: 0;
|
|
border-bottom: 1pt solid #000;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
color: black;
|
|
font-size: 1.1em;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
div.sheet-personal-data select {
|
|
height: 22px;
|
|
}
|
|
div.sheet-personal-data input[type="text"].sheet-charname,
|
|
div.sheet-personal-data input[type="text"].sheet-race {
|
|
text-align:left;
|
|
padding-left: 5px;
|
|
}
|
|
div.sheet-personal-data span {
|
|
font-weight: bold;
|
|
color: black;
|
|
font-size: 1.1em;
|
|
margin-top: 3px;
|
|
}
|
|
div.sheet-personal-data span.sheet-axioms {
|
|
padding-right: 5px;
|
|
}
|
|
div.sheet-personal-data input.sheet-charname {
|
|
font-size: 1.2em;
|
|
}
|
|
div.sheet-personal-data .sheet-race {
|
|
grid-column-start: 2;
|
|
grid-column-end: span 4;
|
|
}
|
|
div.sheet-personal-data .sheet-cosm {
|
|
grid-column-start: 7;
|
|
grid-column-end: span 4;
|
|
}
|
|
div.sheet-personal-data .sheet-charname {
|
|
grid-column-start: 2;
|
|
grid-column-end: span 9;
|
|
}
|
|
div.sheet-personal-data .sheet-clearance {
|
|
grid-column-start: 10;
|
|
grid-column-end: span 2;
|
|
}
|
|
div.sheet-personal-data div.sheet-possibilities {
|
|
grid-column-start: 1;
|
|
grid-column-end: span 10;
|
|
grid-row-start: 4;
|
|
grid-row-end: span 2;
|
|
display: grid;
|
|
grid-template-columns: 40px 80px repeat(8,40px);
|
|
column-gap: 5px;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
/*
|
|
====================
|
|
ROLL TEMPLATE
|
|
====================
|
|
*/
|
|
|
|
.sheet-rolltemplate-damage .sheet-template-wrapper,
|
|
.sheet-rolltemplate-torg .sheet-template-wrapper {
|
|
width: 209px;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
background-color: #ffffff !important;
|
|
display: block;
|
|
border-radius: 10px;
|
|
background-color: lightgrey;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-header,
|
|
.sheet-rolltemplate-torg .sheet-template-header {
|
|
color: rgb(100, 100, 100);
|
|
padding-left: 5px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
text-decoration: underline;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-subtitle,
|
|
.sheet-rolltemplate-torg .sheet-template-subtitle {
|
|
color: rgb(100, 100, 100);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1.1em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-row.sheet-right,
|
|
.sheet-rolltemplate-torg .sheet-template-row.sheet-right {
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet.subheader,
|
|
.sheet-rolltemplate-torg .sheet.subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-arrow-right,
|
|
.sheet-rolltemplate-torg .sheet-arrow-right {
|
|
border-top: 3px solid black;
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-arrow-left,
|
|
.sheet-rolltemplate-torg .sheet-arrow-left {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-right: 180px solid rgb(90, 90, 90);
|
|
}
|
|
|
|
.sheet-rolltemplate-damage .sheet-template-label,
|
|
.sheet-rolltemplate-torg .sheet-template-label {
|
|
font-weight: bold;
|
|
display:inline-block;
|
|
background-color: lightgrey;
|
|
padding-left: 4px;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-label {
|
|
width: 100px;
|
|
}
|
|
.sheet-rolltemplate-torg .sheet-template-label {
|
|
width: 85px;
|
|
}
|
|
.sheet-rolltemplate-damage div.sheet-highlight,
|
|
.sheet-rolltemplate-torg div.sheet-highlight {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
background-color: gold;
|
|
margin-left: 5px;
|
|
padding-left: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-rolltemplate-damage div.sheet-buttons.sheet-template-row,
|
|
.sheet-rolltemplate-torg div.sheet-buttons.sheet-template-row {
|
|
padding-left: 0;
|
|
text-align: center;
|
|
|
|
}
|
|
.sheet-rolltemplate-damage div.sheet-highlight.sheet-result,
|
|
.sheet-rolltemplate-torg div.sheet-highlight.sheet-result {
|
|
background-color: gold;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage div.sheet-highlight.sheet-result span.sheet-template-value,
|
|
.sheet-rolltemplate-damage div.sheet-highlight.sheet-bonus span.sheet-template-value,
|
|
.sheet-rolltemplate-torg div.sheet-highlight.sheet-result span.sheet-template-value,
|
|
.sheet-rolltemplate-torg div.sheet-highlight.sheet-bonus span.sheet-template-value {
|
|
|
|
display:inline-block;
|
|
}
|
|
.sheet-rolltemplate-damage div.sheet-highlight.sheet-result span.sheet-template-value.sheet-damage {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-value,
|
|
.sheet-rolltemplate-torg .sheet-template-value {
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-rolltemplate-damage .sheet-template-width,
|
|
.sheet-rolltemplate-torg .sheet-template-width {
|
|
grid-column: 1 /-1;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage .sheet-template-row,
|
|
.sheet-rolltemplate-torg .sheet-template-row {
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-rolltemplate-damage span.sheet-template-note,
|
|
.sheet-rolltemplate-torg span.sheet-template-note {
|
|
text-align: center;
|
|
display:block;
|
|
|
|
}
|
|
.sheet-rolltemplate-torg span.sheet-template-label.sheet-template-extras {
|
|
display: block;
|
|
width: 96%;
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
border-top: 2pt solid black;
|
|
border-bottom: 1pt solid black;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage .sheet-template-row .sheet-template-value .inlinerollresult,
|
|
.sheet-rolltemplate-torg .sheet-template-row .sheet-template-value .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-torg .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-torg .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-damage a[href^="!"],
|
|
.sheet-rolltemplate-damage a[href^="~"],
|
|
.sheet-rolltemplate-torg div.sheet-buttons a[href^="!"],
|
|
.sheet-rolltemplate-torg div.sheet-buttons a[href^="~"] {
|
|
background-color: transparent;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Torg%20Eternity/images/TE_tab-active.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
width:85px;
|
|
text-align: center;
|
|
line-height: 16px;
|
|
|
|
padding: 5px;
|
|
display: inline-block;
|
|
color:white;
|
|
text-shadow: 1px 1px 1px black;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-torg a[href^="!"],
|
|
.sheet-rolltemplate-torg a[href^="~"] {
|
|
background-color: rgb(230,180,120); /* #ce0f69;*/
|
|
/* padding: 3px; */
|
|
margin: 1px;
|
|
color: black;
|
|
display: inline-block;
|
|
border: 1px solid grey;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
min-width:20px;
|
|
font-style: normal;
|
|
font-size: 12px;
|
|
line-height: 10px;
|
|
/* possibly create a separate template for chat buttons
|
|
could also hard code specific names - Attacks, Skills, Attributes, Buttons, and so on
|
|
with css, yo can seek out rules containing a word, so can have allprops add the key to the style name
|
|
and use a css rule that targets word, like "Buttons" */
|
|
/* clip-path: polygon(8% 0, 92% 0, 98% 28%, 96% 51%, 100% 77%, 96% 100%, 3% 100%, 0 72%, 5% 49%, 2% 28%); */
|
|
}
|
|
|
|
/* ========================== NEW ============== */
|
|
/* TAB 1 */
|
|
.charsheet div.sheet-tab1 {
|
|
grid-template-columns: 285px 240px 190px 100px;
|
|
grid-template-rows: 203px 80px auto; /* auto auto; */
|
|
column-gap: 5px;
|
|
grid-template-areas:
|
|
"left stats defenses sidebar"
|
|
"left derived defenses sidebar"
|
|
"left bottom bottom bottom"
|
|
}
|
|
|
|
|
|
/* STATS & SKILLS */
|
|
|
|
.charsheet div.sheet-grid button[type=roll].sheet-ability-roll {
|
|
background-image: none;
|
|
background-color: transparent;
|
|
padding: 0! important;
|
|
-webkit-border-radius: 0! important;
|
|
-moz-border-radius: 0! important;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
border: 0;
|
|
text-align: left;
|
|
box-shadow: 0;
|
|
-moz-box-shadow: 0;
|
|
-webkit-box-shadow: 0;
|
|
text-shadow: 0;
|
|
}
|
|
.charsheet div.sheet-grid button[type=roll].sheet-ability-roll.sheet-invisibutton {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.charsheet button[type=roll].sheet-ability-roll::before {
|
|
background-image: none;
|
|
content: "";
|
|
}
|
|
.charsheet div.sheet-grid button[type=roll].sheet-repeating {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-top: 2px;
|
|
|
|
}
|
|
|
|
div.sheet-grid {
|
|
background-color: rgb(255,255,255,0.75);
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
div.sheet-grid-container {
|
|
background-color: rgb(255,255,255,0.75);
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
div.sheet-grid-contents {
|
|
display: grid;
|
|
}
|
|
div.sheet-grid-contents h3,
|
|
div.sheet-defenses div.sheet-grid-contents hr,
|
|
div.sheet-possibilities button[type=action].sheet-possibilities-toggle,
|
|
div.sheet-settings span.sheet-head {
|
|
grid-column: 1 / -1;
|
|
}
|
|
/*.charsheet div.sheet-defenses div.sheet-banding :nth-child(-n+12) {
|
|
color:blue;
|
|
background:grey;
|
|
}*/
|
|
div.sheet-defenses span.sheet-armour-stats {
|
|
font-size: 0.8em;
|
|
text-align: right;
|
|
width: 80px;
|
|
margin-left: -40px;
|
|
margin-top: 4px;
|
|
}
|
|
div.sheet-defenses div.sheet-grid-contents hr {
|
|
margin-top: -1px;
|
|
margin-bottom: 0px;
|
|
width: 90%;
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
div.sheet-stats {
|
|
grid-area: stats;
|
|
grid-template-columns: 80px repeat(3,50px);
|
|
width: 230px;
|
|
|
|
}
|
|
div.sheet-repeating-skills,
|
|
div.sheet-repeating-skills .repcontrol {
|
|
grid-column: 1/-1;
|
|
}
|
|
div.sheet-repeating-skills .sheet-repeating-skills-label {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
div.sheet-topbar {
|
|
grid-area: topbar;
|
|
|
|
|
|
grid-template-columns: auto;
|
|
width: auto;
|
|
|
|
}
|
|
div.sheet-defenses {
|
|
grid-area: defenses;
|
|
width: 180px;
|
|
}
|
|
div.sheet-derived {
|
|
grid-area: derived;
|
|
width: 230px;
|
|
min-height: auto;
|
|
grid-template-columns: 40px 40px 65px 40px 5px 40px;
|
|
grid-template-rows: auto auto auto;
|
|
grid-auto-flow: row;
|
|
}
|
|
div.sheet-derived hr {
|
|
grid-column: 1 / -1;
|
|
margin: 0;
|
|
}
|
|
.charsheet div.sheet-derived.sheet-grid input[type="number"] {
|
|
background: transparent;
|
|
width: auto;
|
|
border: 0;
|
|
border-bottom: 1pt solid black;
|
|
height: 22px;
|
|
margin-top: 0;
|
|
|
|
}
|
|
.charsheet div.sheet-derived.sheet-grid span {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
height: 22px;
|
|
line-height: 26px;
|
|
vertical-align: bottom;
|
|
}
|
|
div.sheet-defenses div.sheet-grid-contents {
|
|
grid-template-columns: 80px repeat(2,50px);
|
|
}
|
|
|
|
div.sheet-front-left {
|
|
grid-area: left;
|
|
}
|
|
|
|
.charsheet div.sheet-bottom {
|
|
grid-area: bottom;
|
|
}
|
|
div.sheet-skills {
|
|
grid-template-columns: 105px repeat(2,40px) 50px 40px;
|
|
width: 275px;
|
|
|
|
}
|
|
div.sheet-repeating-skill {
|
|
grid-template-columns: 25px 80px repeat(2,40px) 50px 40px;
|
|
width: 275px;
|
|
|
|
}
|
|
div.sheet-weapons,
|
|
div.sheet-perks,
|
|
div.sheet-armor {
|
|
width: 530px;
|
|
}
|
|
|
|
div.sheet-perks-titles {
|
|
grid-template-columns: 130px 400px;
|
|
}
|
|
div.sheet-perks-details {
|
|
grid-template-columns: 130px 385px 15px;
|
|
}
|
|
div.sheet-perks-details textarea {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .repcontainer .repitem {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.charsheet div.sheet-repeating-skills .repcontainer .repitem {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
div.sheet-perks-details textarea {
|
|
height: 30px;
|
|
width: 515px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.sheet-gear {
|
|
grid-area: gear;
|
|
width: 275px;
|
|
min-height: 150px;
|
|
}
|
|
div.sheet-gear-titles {
|
|
grid-template-columns: 190px 85px ;
|
|
|
|
}
|
|
div.sheet-gear-details {
|
|
grid-template-columns: 190px 75px 10px;
|
|
|
|
}
|
|
|
|
div.sheet-deeds-details {
|
|
grid-template-columns: 470px 25px;
|
|
|
|
}
|
|
div.sheet-deeds-details textarea {
|
|
display: none;
|
|
border-bottom: 0;
|
|
width: 480px;
|
|
}
|
|
div.sheet-glories textarea,
|
|
div.sheet-connections textarea {
|
|
display: none;
|
|
width: 300px;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-glories input[type=text],
|
|
.charsheet div.sheet-tab2 div.sheet-connections input[type=text] {
|
|
width: 94%;
|
|
border: 0;
|
|
}
|
|
|
|
.sheet-gear-details input[type="text"],
|
|
.sheet-perks-details input[type="text"],
|
|
.sheet-deeds-details input[type="text"],
|
|
.sheet-armor-details input[type="text"],
|
|
.charsheet .sheet-armor .sheet-armor-details input[type="number"] {
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
font-size: 13px;
|
|
border: 0;
|
|
margin-top:3px;
|
|
background: transparent
|
|
|
|
}
|
|
.sheet-gear-details input[type="text"].sheet-center {
|
|
text-align: center;
|
|
|
|
}
|
|
.charsheet div.sheet-gear-titles span.sheet-left.sheet-head {
|
|
text-align:left;
|
|
padding-left: 10px;
|
|
}
|
|
.charsheet .sheet-armor-details input[type="text"] {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-armor .sheet-armor-details input[type="number"] {
|
|
text-align: center;
|
|
height: 18px;
|
|
width:auto;
|
|
}
|
|
textarea.sheet-gear-description,
|
|
textarea.sheet-armor-description {
|
|
display: none;
|
|
height: 30px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[value="1"].sheet-toggle-gear ~ textarea.sheet-gear-description,
|
|
input[value="1"].sheet-toggle-perk ~ textarea,
|
|
input:checked.sheet-toggle-deed ~ textarea,
|
|
input:checked.sheet-toggle-glory ~ textarea,
|
|
input:checked.sheet-toggle-connection ~ textarea,
|
|
input[value="1"].sheet-toggle-armor ~ textarea {
|
|
display: block;
|
|
grid-column: 1 / -1;
|
|
background: transparent;
|
|
}
|
|
div.sheet-gear-details textarea {
|
|
width: 265px;
|
|
}
|
|
div.sheet-armor-details input[type=checkbox] {
|
|
margin-top: 6px;
|
|
}
|
|
textarea.sheet-armor-description {
|
|
width: 515px;
|
|
}
|
|
div.sheet-armor-titles {
|
|
grid-template-columns: 115px 15px 80px 50px 50px 50px 170px;
|
|
}
|
|
div.sheet-armor-details {
|
|
grid-template-columns: 115px 15px 80px 50px 50px 50px 155px 15px;
|
|
}
|
|
div.sheet-armor-description {
|
|
display: none;
|
|
|
|
}
|
|
|
|
input[value="1"].sheet-toggle-armor ~ div.sheet-armor-description {
|
|
display: block;
|
|
grid-column: 1 / -1;
|
|
}
|
|
div.sheet-armor-description textarea {
|
|
height: 40px;
|
|
margin-left: 10px;
|
|
width: 390px;
|
|
}
|
|
|
|
.charsheet input[type=checkbox] {
|
|
margin-top: 4px;
|
|
}
|
|
div.sheet-weapons-details {
|
|
grid-template-columns: 125px 20px 120px 90px 40px 70px 25px 25px 15px;
|
|
}
|
|
div.sheet-weapons-titles {
|
|
grid-template-columns: 125px 20px 120px 85px 45px 70px 20px 30px 15px;
|
|
}
|
|
.charsheet div.sheet-grid-contents.sheet-weapons-details span.sheet-weapon {
|
|
text-align: center;
|
|
}
|
|
.charsheet div.sheet-grid-contents.sheet-weapons-details input[type=number].sheet-weapon {
|
|
width: 20px;
|
|
border: 0;
|
|
background-color: transparent;
|
|
height: auto;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: black;
|
|
margin-top: 0;
|
|
}
|
|
.charsheet div.sheet-grid-contents.sheet-weapons-details input[type=number].sheet-weapon.sheet-weapon-ammo {
|
|
width: auto;
|
|
}
|
|
div.sheet-weapons-edit {
|
|
border-radius: 10px;
|
|
border: 1pt solid black;
|
|
padding: 5px;
|
|
margin-bottom: 15px;
|
|
padding-bottom: 0;
|
|
|
|
display: none;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-powers {
|
|
display: none;
|
|
}
|
|
input[value="1"].sheet-weapon-powers-toggle ~ div.sheet-powers {
|
|
display:contents;
|
|
}
|
|
.charsheet div.sheet-weapons-details button[type=roll].sheet-ability-roll {
|
|
text-align: center;
|
|
}
|
|
.charsheet div.sheet-weapons-details button[type=roll].sheet-ability-roll.sheet-weapon-name {
|
|
text-align: left;
|
|
}
|
|
.charsheet div.sheet-weapons-details button[type=roll].sheet-ability-roll.sheet-name {
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
}
|
|
.sheet-upper {
|
|
text-transform: uppercase;
|
|
}
|
|
input[value="1"].sheet-toggle-weapons ~ div.sheet-weapons-edit {
|
|
display: grid;
|
|
grid-template-columns: 50px 75px 25px 50px 140px 55px 50px 45px 25px;
|
|
margin-bottom: auto;
|
|
border-bottom: 0;
|
|
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type="number"].sheet-weapon-ammo {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-description,
|
|
div.sheet-weapons-edit textarea.sheet-description {
|
|
grid-column: 1 / -1;
|
|
}
|
|
div.sheet-weapons-edit select.sheet-weapon-skill {
|
|
grid-column: 7 / span 2;
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-description span {
|
|
display: inline-block;
|
|
width: 90px;
|
|
}
|
|
|
|
div.sheet-weapons-edit div.sheet-description input[type=text] {
|
|
width: 419px;
|
|
}
|
|
div.sheet-weapons-edit input.sheet-weapon-duration {
|
|
grid-column: 7 / span 3;
|
|
}
|
|
.charsheet div.sheet-weapons-edit span.sheet-title.sheet-weapon-success {
|
|
grid-column: 1 / span 3;
|
|
width:auto;
|
|
}
|
|
.charsheet div.sheet-weapons-edit input.sheet-weapon-success.sheet-weapon-value {
|
|
grid-column: 4 / -1;
|
|
}
|
|
.charsheet div.sheet-weapons-edit input.sheet-wide.sheet-weapon-value {
|
|
grid-column: 2 / span 2;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-value input[type=text],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-value input[type=number],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=text],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=number],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-value select,
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit select,
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-value span {
|
|
border: 0;
|
|
font-size: 10px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
div.sheet-weapons-edit span.sheet-title {
|
|
width: 50px;
|
|
font-weight: bold;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding-left: 2px;
|
|
}
|
|
div.sheet-weapons-edit span.sheet-title.sheet-wide {
|
|
width: 55px;
|
|
}
|
|
div.sheet-weapons-edit span.sheet-title.sheet-narrow {
|
|
width: 45px;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-axiom select {
|
|
width: auto;
|
|
font-size: 10px;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-axiom,
|
|
div.sheet-weapons-edit div.sheet-difficulty,
|
|
div.sheet-weapons-edit div.sheet-damage {
|
|
display: grid;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-axiom {
|
|
grid-template-columns: 50px 20px 50px 20px ;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-difficulty {
|
|
grid-template-columns: 70px 25px ;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-damage {
|
|
grid-template-columns: 70px 25px ;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=number],
|
|
.charsheet div.sheet-weapons-edit input[type=text],
|
|
.charsheet div.sheet-weapons-edit select,
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit select.sheet-weapon-value,
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=checkbox],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit label.sheet-weapon-power,
|
|
.charsheet div.sheet-weapons-edit div.sheet-weapon-skill input[type=number],
|
|
.charsheet div.sheet-weapons-edit div.sheet-weapon-difficulty select,
|
|
.charsheet div.sheet-weapons-edit div.sheet-weapon-difficulty input[type=text],
|
|
.charsheet div.sheet-weapons-edit div.sheet-weapon-damage select,
|
|
.charsheet div.sheet-weapons-edit div.sheet-weapon-damage input[type=number] {
|
|
font-size: 10px;
|
|
height: 18px;
|
|
border: 0;
|
|
border-bottom: 1px solid black;
|
|
width: auto;
|
|
background-color: transparent;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
padding-left: 3px;
|
|
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-value input[type=number],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=number].sheet-skill {
|
|
text-align: center;
|
|
padding-left: 0;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit label.sheet-weapon-power {
|
|
text-align: center;
|
|
padding: 0;
|
|
margin-top: -1px;
|
|
margin-left: -5px;
|
|
width: 25px;
|
|
padding-left: 5px;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-weapon-value,
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=text],
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=number] {
|
|
border-radius: 0;
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit input[type=text] {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.sheet-weapons-edit input[type="text"] {
|
|
width: auto;
|
|
}
|
|
div.sheet-weapons-edit div.sheet-weapons input[type="number"] {
|
|
width: 60px;
|
|
}
|
|
|
|
|
|
div.sheet-weapons-edit select {
|
|
width: 100px;
|
|
height: 22px;
|
|
}
|
|
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-difficulty select {
|
|
width: 100%;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-difficulty input[type=text] {
|
|
width: 40px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-damage select {
|
|
width: 75px;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-damage input[type=number] {
|
|
width: 40px;
|
|
padding-left: 5px;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-skill select {
|
|
width: 100px;
|
|
font-size: 10px;
|
|
}
|
|
.charsheet div.sheet-weapons div.sheet-weapons-edit div.sheet-weapon-skill input[type=number] {
|
|
width: 10px;
|
|
|
|
}
|
|
|
|
div.sheet-weapons-edit textarea {
|
|
font-size: 10px;
|
|
background-color: transparent;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
|
|
width: 510px;
|
|
height: 30px;
|
|
font-size: 10px;
|
|
border: 0;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
div.sheet-sidebar {
|
|
grid-area: sidebar;
|
|
}
|
|
div.sheet-sidebar-contents {
|
|
display: grid;
|
|
grid-template-columns: repeat(1, 90px);
|
|
text-align: center
|
|
|
|
}
|
|
div.sheet-sidebar-contents div.sheet-spinner {
|
|
margin-top: 3px;
|
|
display: grid;
|
|
grid-template-columns: 25% 50% 25%;
|
|
grid-template-rows: 18px 20px;
|
|
|
|
}
|
|
|
|
|
|
div.sheet-sidebar-contents span.sheet-head {
|
|
grid-column: 1/-1;
|
|
}
|
|
div.sheet-sidebar-contents div.sheet-spinner button[type=action] {
|
|
border-radius: 3px;
|
|
}
|
|
div.sheet-sidebar-contents div.sheet-spinner button[type=action] span {
|
|
line-height: 14px;
|
|
}
|
|
|
|
@-moz-document url-prefix() {
|
|
div.sheet-sidebar-contents div.sheet-spinner button[type=action] span {
|
|
margin-left: -3px;
|
|
}
|
|
}
|
|
@-moz-document url-prefix() {
|
|
@supports (animation: calc(0s)) {
|
|
/* Stylo */
|
|
div.sheet-sidebar-contents div.sheet-spinner button[type=action] span {
|
|
margin-left: -3px;
|
|
}
|
|
}
|
|
}
|
|
.charsheet div.sheet-sidebar div.sheet-sidebar-contents span.sheet-head {
|
|
font-weight: bold;
|
|
font-variant-caps: small-caps;
|
|
margin:0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: 80px;
|
|
display:block;
|
|
border-radius: 5px;
|
|
}
|
|
div.sheet-sidebar-contents h3 {
|
|
margin-bottom: 3px;
|
|
}
|
|
.charsheet div.sheet-sidebar div.sheet-sidebar-contents span.sheet-head {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.charsheet div.sheet-sidebar div.sheet-sidebar-contents .sheet-skills-toggle {
|
|
margin: 0;
|
|
}
|
|
.charsheet div.sheet-sidebar-contents span {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
margin:0;
|
|
height: 18px;
|
|
line-height: 20px;
|
|
}
|
|
.charsheet div.sheet-sidebar-contents span.sheet-spinner {
|
|
height: 18px;
|
|
display:block;
|
|
}
|
|
.charsheet div.sheet-grid div.sheet-sidebar-contents span.sheet-head {
|
|
line-height: 18px;
|
|
}
|
|
.charsheet div.sheet-sidebar-contents span.sheet-cosms {
|
|
height: 22px;
|
|
}
|
|
div.sheet-notplaced {
|
|
grid-area: notplaced;
|
|
display: none;
|
|
}
|
|
div.sheet-grid span.sheet-head {
|
|
margin-top:3px;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
width: 100%;
|
|
line-height: 22px;
|
|
}
|
|
div.sheet-grid span.sheet-name {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-top: 8px;
|
|
margin-left: -5px;
|
|
|
|
|
|
}
|
|
div.sheet-stats span.sheet-name {
|
|
padding-left: 5px;
|
|
}
|
|
div.sheet-grid input[type=number] {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
height: 24px;
|
|
margin-top: 4px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
width: 3em;
|
|
}
|
|
div.sheet-skills input[type=number],
|
|
div.sheet-repeating-skill input[type=number],
|
|
div.sheet-repeating-skill select,
|
|
div.sheet-skills select,
|
|
div.sheet-defenses input[type=number] {
|
|
font-size: 14px;
|
|
height: 18px;
|
|
border: 0;
|
|
border-bottom: 1px solid black;
|
|
background-color: transparent;
|
|
}
|
|
|
|
div.sheet-defenses input[type=number].sheet-nounderline {
|
|
border-bottom: 0;
|
|
}
|
|
.charsheet div.sheet-defenses span.sheet-head {
|
|
height: 18px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.charsheet div.sheet-defenses input[type=number] {
|
|
height: 14px;
|
|
width: 3.5em;
|
|
}
|
|
.charsheet div.sheet-defenses input[type=number] {
|
|
font-size: 13px;
|
|
}
|
|
div.sheet-defenses span {
|
|
font-weight: bold;
|
|
font-size: 13px; /*14px */
|
|
height: 15px; /*16px */
|
|
}
|
|
|
|
div.sheet-repeating-skill select {
|
|
width: 3.5em;
|
|
height: 22px;
|
|
vertical-align: bottom;
|
|
}
|
|
.charsheet div.sheet-repeating-skill input[type=text].sheet-repeating {
|
|
width: auto;
|
|
text-align: left;
|
|
border: 0;
|
|
border-bottom: 1px solid black;
|
|
background-color: transparent;
|
|
margin-top: 4px;
|
|
font-size:12px;
|
|
font-weight: bold;
|
|
color:black;
|
|
}
|
|
.charsheet span.sheet-repeating-skills-label {
|
|
font-size:12px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin-left: 4px;
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
.charsheet div.sheet-front-left div.sheet-skills select {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.sheet-skills select {
|
|
height: 22px;
|
|
width: 4em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-align-last: center;
|
|
}
|
|
|
|
/* skills toggle */
|
|
button[type=action].sheet-skills-toggle,
|
|
button[type=action].sheet-possibilities-toggle {
|
|
background-color: black;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
button[type=action].sheet-skills-toggle {
|
|
margin-top: 3px;
|
|
}
|
|
button[type=action].sheet-invisibutton {
|
|
grid-column: 1 / -1;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
border: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
button[type=action].sheet-skills-toggle span,
|
|
button[type=action].sheet-possibilities-toggle span,
|
|
button[type=action].sheet-invisibutton span {
|
|
padding: 0;
|
|
}
|
|
button[type=action].sheet-possibilities span.sheet-head {
|
|
margin-top: 3px;
|
|
}
|
|
div.sheet-grid div.sheet-skill,
|
|
div.sheet-possibilities-selection,
|
|
div.sheet-derived-selection {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 999;
|
|
border-radius: 15px;
|
|
border: 1pt solid black;
|
|
background-color: white;
|
|
box-shadow: 1px 1px 1px black;
|
|
}
|
|
div.sheet-derived-selection {
|
|
top: 280px;
|
|
left: 460px;
|
|
column-gap: 5px;
|
|
}
|
|
div.sheet-derived-selection hr {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
div.sheet-possibilities-selection {
|
|
top: 270px;
|
|
left: 759px;
|
|
}
|
|
.charsheet div.sheet-possibilities-selection input[type=number] {
|
|
width: auto;
|
|
height: 16px;
|
|
border: 0;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
input[value="1"].sheet-possibilities-toggle ~ div.sheet-possibilities-selection {
|
|
display: grid;
|
|
grid-template-columns: 75px 25px;
|
|
|
|
}
|
|
input[value="1"].sheet-invisibutton ~ div.sheet-derived-selection {
|
|
display: grid;
|
|
grid-template-columns: 70px 25px;
|
|
}
|
|
div.sheet-possibilities-selection .sheet-head,
|
|
div.sheet-derived-selection .sheet-head {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.charsheet div.sheet-skills-selection input[type=checkbox] {
|
|
margin-top: 2px;
|
|
vertical-align: top;
|
|
}
|
|
input.sheet-skills-airvehicles[value="1"] ~ div.sheet-airvehicles,
|
|
input.sheet-skills-alteration[value="1"] ~ div.sheet-alteration,
|
|
input.sheet-skills-apportation[value="1"] ~ div.sheet-apportation,
|
|
input.sheet-skills-beastriding[value="1"] ~ div.sheet-beastriding,
|
|
input.sheet-skills-computers[value="1"] ~ div.sheet-computers,
|
|
input.sheet-skills-conjuration[value="1"] ~ div.sheet-conjuration,
|
|
input.sheet-skills-custom[value="1"] ~ div.sheet-custom,
|
|
input.sheet-skills-divination[value="1"] ~ div.sheet-divination,
|
|
input.sheet-skills-dodge[value="1"] ~ div.sheet-dodge,
|
|
input.sheet-skills-energyweapons[value="1"] ~ div.sheet-energyweapons,
|
|
input.sheet-skills-evidenceanalysis[value="1"] ~ div.sheet-evidenceanalysis,
|
|
input.sheet-skills-faith[value="1"] ~ div.sheet-faith,
|
|
input.sheet-skills-find[value="1"] ~ div.sheet-find,
|
|
input.sheet-skills-firecombat[value="1"] ~ div.sheet-firecombat,
|
|
input.sheet-skills-firstaid[value="1"] ~ div.sheet-firstaid,
|
|
input.sheet-skills-heavyweapons[value="1"] ~ div.sheet-heavyweapons,
|
|
input.sheet-skills-intimidation[value="1"] ~ div.sheet-intimidation,
|
|
input.sheet-skills-kinesis[value="1"] ~ div.sheet-kinesis,
|
|
input.sheet-skills-landvehicles[value="1"] ~ div.sheet-landvehicles,
|
|
input.sheet-skills-language[value="1"] ~ div.sheet-language,
|
|
input.sheet-skills-lockpicking[value="1"] ~ div.sheet-lockpicking,
|
|
input.sheet-skills-maneuver[value="1"] ~ div.sheet-maneuver,
|
|
input.sheet-skills-medicine[value="1"] ~ div.sheet-medicine,
|
|
input.sheet-skills-meleeweapons[value="1"] ~ div.sheet-meleeweapons,
|
|
input.sheet-skills-missileweapons[value="1"] ~ div.sheet-missileweapons,
|
|
input.sheet-skills-persuasion[value="1"] ~ div.sheet-persuasion,
|
|
input.sheet-skills-precognition[value="1"] ~ div.sheet-precognition,
|
|
input.sheet-skills-profession[value="1"] ~ div.sheet-profession,
|
|
input.sheet-skills-reality[value="1"] ~ div.sheet-reality,
|
|
input.sheet-skills-scholar[value="1"] ~ div.sheet-scholar,
|
|
input.sheet-skills-science[value="1"] ~ div.sheet-science,
|
|
input.sheet-skills-stealth[value="1"] ~ div.sheet-stealth,
|
|
input.sheet-skills-streetwise[value="1"] ~ div.sheet-streetwise,
|
|
input.sheet-skills-survival[value="1"] ~ div.sheet-survival,
|
|
input.sheet-skills-taunt[value="1"] ~ div.sheet-taunt,
|
|
input.sheet-skills-telepathy[value="1"] ~ div.sheet-telepathy,
|
|
input.sheet-skills-tracking[value="1"] ~ div.sheet-tracking,
|
|
input.sheet-skills-trick[value="1"] ~ div.sheet-trick,
|
|
input.sheet-skills-unarmedcombat[value="1"] ~ div.sheet-unarmedcombat,
|
|
input.sheet-skills-watervehicles[value="1"] ~ div.sheet-watervehicles,
|
|
input.sheet-skills-willpower[value="1"] ~ div.sheet-willpower {
|
|
display:contents;
|
|
}
|
|
|
|
/* hide in repeating sections */
|
|
input.sheet-toggle-notes:not(:checked) ~ div.sheet-toggle-notes {
|
|
display:none;
|
|
}
|
|
div.sheet-skills-selection {
|
|
display: none;
|
|
position: absolute;
|
|
top: 250px;
|
|
left: 130px;
|
|
z-index: 999;
|
|
margin-left: 20px;
|
|
padding: 10px;
|
|
width: auto;
|
|
border-radius: 15px;
|
|
background-color: white;
|
|
border: 1pt solid black;
|
|
}
|
|
div.sheet-skills-selection span.sheet-head,
|
|
div.sheet-skills-selection span.sheet-description {
|
|
grid-column: 1 / -1;
|
|
line-height: 16px;
|
|
border-radius: 5px;
|
|
width: auto;
|
|
text-align:center
|
|
}
|
|
input[value="1"].sheet-skills-toggle ~ div.sheet-skills-selection {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
column-gap: 10px;
|
|
/* grid-auto-flow: column; */
|
|
/* grid-template-rows: repeat(18,1fr); */
|
|
align-items: start;
|
|
}
|
|
div.sheet-skills-selection-column {
|
|
display: grid;
|
|
grid-template-columns: 15px 1fr;
|
|
grid-auto-flow: row;
|
|
/*grid-template-rows: repeat(18,1fr); */
|
|
|
|
}
|
|
div.sheet-sort-container {
|
|
display: contents;
|
|
}
|
|
/* repeating skills section */
|
|
div.sheet-skill-group {
|
|
width: 275px;
|
|
display: grid;
|
|
grid-template-columns: 80px 25px repeat(2,40px) 50px 40px;
|
|
}
|
|
|
|
div.sheet-skill-group input[type=text] {
|
|
width: 80px;
|
|
border: 0;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.charsheet button.btn.repcontrol_edit,
|
|
.charsheet button.btn.repcontrol_add,
|
|
.charsheet button.btn.repcontrol_del {
|
|
padding: 2px;
|
|
margin-top: 2px;
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
|
|
}
|
|
div[data-groupname=repeating_skills].repcontrol {
|
|
z-index: 999 ;
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 1200px;
|
|
}
|
|
/* WEAPONS AND POWERS */
|
|
div.sheet-powers {
|
|
background-color: white;
|
|
|
|
}
|
|
div.sheet-powergrid-labels,
|
|
div.sheet-powergrid-details {
|
|
display:grid;
|
|
grid-template-columns: 100px 60px 50px 50px 180px 40px;
|
|
|
|
}
|
|
div.sheet-powergrid-details input[type=text] {
|
|
width: 100px;
|
|
}
|
|
|
|
|
|
|
|
/* powers section */
|
|
div.sheet-power-details span,
|
|
div.sheet-powers span {
|
|
display: inline-block;
|
|
width: 75px;
|
|
}
|
|
div.sheet-powers select.sheet-power-type {
|
|
width:75px;
|
|
}
|
|
div.sheet-power-details select.sheet-power-target {
|
|
width:140px;
|
|
padding-left:0;
|
|
}
|
|
div.sheet-power-details input.sheet-power-target {
|
|
width:70px;
|
|
}
|
|
div.sheet-power-details {
|
|
display:inline-block;
|
|
}
|
|
div.sheet-power-details textarea {
|
|
width:420px;
|
|
height:270px;
|
|
}
|
|
div.sheet-power-details div {
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
margin-right:20px;
|
|
}
|
|
|
|
/* ==========================
|
|
TAB 2
|
|
========================== */
|
|
.charsheet div.sheet-tab2 {
|
|
grid-template-columns: 500px 325px;
|
|
/* grid-template-rows: 203px 80px auto auto auto; */
|
|
align-items: start;
|
|
column-gap: 5px;
|
|
grid-template-areas:
|
|
"promo promo"
|
|
"left right"
|
|
|
|
/*
|
|
left right
|
|
|
|
|
|
have advancement be a single column (not double as on the character sheet)
|
|
and assign it the entire right side of the sheet. Add Glory above it.
|
|
For the left side, put all of the background, description, history, etc.
|
|
Crisis: background and Moment of Crisis
|
|
In order: Section 1:
|
|
Description, Quote, Background and crisis
|
|
section 2: Exploits and Travel / Adventuring History
|
|
|
|
*/
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-promo {
|
|
grid-area: promo;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-left {
|
|
grid-area: left;
|
|
min-height: 75px;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-right {
|
|
grid-area: right;
|
|
min-height: 75px;
|
|
}
|
|
|
|
|
|
.charsheet div.sheet-tab2 span.sheet-head.sheet-title {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.charsheet div.sheet-tab2 textarea {
|
|
height: 50px;
|
|
}
|
|
.charsheet div.sheet-tab2 textarea.sheet-quote {
|
|
height: 18px;
|
|
}
|
|
|
|
.charsheet div.sheet-tab2 div.sheet-advance-titles,
|
|
.charsheet div.sheet-tab2 div.sheet-advances {
|
|
display: grid;
|
|
grid-template-columns: 85% 15%;
|
|
width: 100%;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-advance-totals {
|
|
display: grid;
|
|
grid-template-columns: 25% 17% 10% 16% 10% 10% 11%;
|
|
width: 100%;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-advance-titles,
|
|
.charsheet div.sheet-tab2 div.sheet-advance-totals {
|
|
background-color: black;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-advances input {
|
|
border: 0;
|
|
line-height: normal;
|
|
margin: 0;
|
|
height: 20px;
|
|
}
|
|
|
|
.charsheet div.sheet-tab2 div.sheet-glories input[type=text],
|
|
.charsheet div.sheet-tab2 div.sheet-connections input[type=text] {
|
|
background: transparent;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-advances input[type=text],
|
|
.charsheet div.sheet-tab2 div.sheet-advance-titles span.sheet-advance,
|
|
.charsheet div.sheet-tab2 div.sheet-glories input[type=text],
|
|
.charsheet div.sheet-tab2 div.sheet-connections input[type=text] {
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
}
|
|
.charsheet div.sheet-tab2 div.sheet-advance-totals span.sheet-advance {
|
|
text-align: right;
|
|
}
|
|
|
|
/* ================== */
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-custom {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-custom {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: rgba(112,32,130,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-custom .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3),
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n) {
|
|
background:#EEE;
|
|
}
|
|
|