mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-06 07:02:28 +00:00
G-G-G
2727a2b97c
* Torg Eternity - translation update Added translation tags and some minor sheet worker fixes. * Torg Eternity Sheet 4.03 Some more tweaks * Update Torg Eternity.html * Update Torg Eternity.html * Update Torg Eternity.css * update * final css tweaks hopefully * final fix * really this time * apparnetly not finished
1746 lines
44 KiB
CSS
1746 lines
44 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Aldrich&display=swap');
|
|
|
|
/*------------------------------------*\
|
|
#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;
|
|
}
|
|
|