Files

1297 lines
40 KiB
CSS

/* ~~~~~~~~~ Warhammer 40k Wrath & Glory ~~~~~~~~~ */s
/* --- Colors ---
Near Black : #111518;
Light Gray : #7c7c7c;
Red : #7b1915;
Wrath Die Yellow: #FFD700;
*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: GLOBAL SETTINGS :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
* {
box-sizing : border-box;
font-family: sans-serif;}
button {
background-color: transparent;
background-image: none;
border-color : transparent;
border : none;
box-shadow : none;
font-family : Helvetica, Arial, sans-serif;
font-size : 0.8em;
text-shadow : none;}
button:before {
display: none;}
button[type="roll"]:hover,
button[type="action"]:hover {
background-color: transparent;
color : #fff;
outline : none;
text-shadow : 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d;}
button[type="roll"],
button[type="action"] {
font-size : 1.3em;
margin : 0px;
padding : 0px;}
button[type="action"] {
text-align : left;
text-transform: capitalize;}
div {
background-color : transparent;}
fieldset {
background: transparent;}
h1, h2 {
font-variant : small-caps;
line-height : inherit;
text-transform: capitalize;}
h1 {
color : #fff;
font-size : 1.5em;
padding-left : 2%;}
h2 {
display : inline;
font-size : 1.3em;}
input[type="text"],
input[type="number"] {
background-color: transparent;
border : none;
border-bottom : 1px solid #000;
border-radius : 0px;
box-shadow : 0px 1px #888888;
color : #111518;
font-weight : bold;
margin-bottom : 2%;
padding-bottom : 0px;
padding-top : 2%;
text-shadow : 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;}
input[type="number"] {
text-align: center;}
input[type="number"]:hover,
input[type="text"]:hover {
background-color: #7c7c7c7d;}
input[type="number"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
outline-color: #7b1915;
outline-style: inset;}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + span,
input[type="radio"] + span {
position: relative;}
input[type="checkbox"],
input[type="radio"] {
opacity: 0;
z-index: 2;}
label {
display : inline-block;
font-family : sans-serif;
font-size : 1.3em;
font-weight : normal;
margin-bottom : 0px;
text-transform: capitalize;}
select {
background : transparent;
border : none;
color : #111518;
text-transform: capitalize;}
span {
word-break: break-word;}
textarea {
background : transparent;
border : 1px solid #000;
box-shadow : 0px 1px #88888;
font-size : 12px;
font-weight : bold;
line-height : 18px;
overflow-wrap : break-word;
padding : 2px;
text-align : left;
text-shadow : 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;
vertical-align : top;
white-space : pre-line;
box-shadow : inset 0px 0px 3px 1px #333;
background-color: #7c7c7c42;
resize : none;}
.charsheet {
background-color: #111518;
min-height : 800px;
padding-right : 0.2% !important;
width : 850px;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: Generic Customizations :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
div.sheet-container {
background-color: #dadfd8;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Warhammer40k-WrathandGlory/background2.jpg");
background-size : cover;
border : 1px solid #111518;
border-radius : 70px 0px 0px 70px;
box-shadow : inset 0px 0px 3px 1px #7c7c7c;
margin-top : -1%;
margin-left : 2%;
min-height : 1000px;
width : 98%;}
input.sheet-sheet_background[value="off"] ~ div.sheet-container {
background-image: none;}
div.sheet-section-body {
margin: 0% 1% 2% 2%;}
.sheet-section-body div {
display : inline-block;
vertical-align: top;
width : 100%;}
input.sheet-settings-toggle {
height: 25px;
width : 25px;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: TOGGLES & TABS :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
div.sheet-tabs button:hover {
background-color: #fff;}
div.sheet-tabs button {
background-color: #fff;
border : 1px solid #000;
border-radius : 2px;
box-shadow : inset 0px 0px 3px 1px #7c7c7c;
padding : 5px;
width : max-content;}
div.sheet-tabs button[name*="npc"] {
margin-left: 3%;}
/* Wrath & Glory Logo */
img.sheet-logo {
margin-left: 25%;
width : 50%;}
/* SHOW AND HIDE FOR TABS*/
div.sheet-core,
div.sheet-info,
div.sheet-pc,
div.sheet-npc {
display: none;}
input.sheet-type[value="core"] ~ .sheet-pc,
input.sheet-type[value="info"] ~ .sheet-pc,
input.sheet-type[value="core"] ~ .sheet-pc .sheet-core,
input.sheet-type[value="info"] ~ .sheet-pc .sheet-info,
input.sheet-type[value="npc"] ~ .sheet-npc {
display : inline-block;
min-height: 850px;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: PC :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
/* CUSTOMIZED THE LEFT & RIGHT COLUMNS */
div.sheet-col-left {
margin-right: 1%;
width : 45%;}
div.sheet-col-right {
width: 53%;}
div.sheet-2col-left {
margin-right: 2%;
width: 45%;}
div.sheet-2col-right {
width: 52%;}
div.sheet-info div.sheet-col-left {
width: 48%}
div.sheet-info div.sheet-col-right {
width: 49%;}
div.sheet-info textarea {
margin-top: 1%;}
/* HEADER BACKGROUNDS */
div.sheet-col-left h1,
div.sheet-col-right h1 {
background : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Warhammer40k-WrathandGlory/shortheader.png);
background-position: center;
background-repeat : no-repeat;
background-size : cover;}
div.sheet-skills h1,
div.sheet-weapons h1 {
background : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Warhammer40k-WrathandGlory/longheader.png);
background-position: center;
background-repeat : no-repeat;
background-size : cover;}
/* PERSONAL INFO ROWS */
div.sheet-personal-info label {
border : none;
display : inline;
font-variant : small-caps;
font-weight : bolder;
font-family : monospace;
padding-right: 1%;}
div.sheet-personal-info input + label {
margin-left: 1%;}
div.sheet-personal-info input[type="text"] {
width: 84%;}
div.sheet-personal-info input[type="number"] {
width : 24%;}
/* FRAMEWORK COLUMN */
div.sheet-2col-left div:nth-of-type(1) input[type="text"] {
width: 56%;}
div.sheet-2col-left div:nth-of-type(2) input[type="text"] {
width: 64%;}
div.sheet-2col-left div:nth-of-type(3) textarea {
height: 180px;}
div.sheet-2col-left div:nth-of-type(4) textarea {
height: 110px;}
/* ARCHTYPE ABILITY COLUMN ; */
div.sheet-2col-right .sheet-personal-info textarea {
height: 380px;}
/* ATTRIBUTES ROW */
div.sheet-attributes button[type="action"] {
width: 24%;}
div.sheet-attributes h2:nth-child(2) {
margin-right: 3%;}
div.sheet-attributes h2:nth-child(3) {
margin-right: 8%;}
div.sheet-attributes input[type="number"] {
width : 20%;}
div.sheet-attributes input[type="number"] + input[type="number"] {
margin-left: 5%;
width : 40%;}
/* COMBAT TRAITS ROW */
div.sheet-combat-traits button[type="action"] {
width : 30%;}
div.sheet-combat-traits label {
width : 27%;}
div.sheet-combat-traits h2:nth-child(2) {
margin-right: 19%;}
div.sheet-combat-traits h2:nth-child(3) {
margin-right: 25%;}
div.sheet-combat-traits input[type="number"] {
width: 41%;}
/* RESILIENCE & WOUNDS ROW */
div.sheet-combat-split input[type="number"] {
width: 13.5%;}
div.sheet-combat-split span input[type="number"],
div.sheet-combat-split span label {
box-shadow: none;
border : none;}
div.sheet-combat-split span:nth-of-type(2),
div.sheet-combat-split span:nth-of-type(2) {
border-bottom: 1px solid black;
box-shadow : 0px 1px #888888;}
div.sheet-combat-split span > label {
font-size : 0.8em;
line-height : 11px;
text-transform: unset;}
/** SHOCK & WOUNDS ROW */
div.sheet-combat-traits input[name*="current"] {
margin-left: 2%;
width : 20%;}
/* RESILIENCE ROW */
div.sheet-combat-traits div:nth-of-type(2) input[type="number"]:last-child {
margin-left: -4%;}
div.sheet-combat-traits div:nth-of-type(2) span > label {
width: 11%;}
/* WOUNDS ROW */
div.sheet-wounds span:nth-of-type(2) label {
width: 15%;}
div.sheet-wounds span:nth-of-type(2) input {
margin-left: -4%;
width : 10%;}
/* MENTAL TRAITS & SOCIAL TRAITSROW */
div.sheet-other-traits h2:nth-of-type(1) {
margin-right: 35%;}
div.sheet-other-traits input[type="number"],
div.sheet-other-traits label {
width: 45%;}
div.sheet-other-traits input[type="text"],
div.sheet-other-traits button[type="action"] {
width: 48%;}
/* DEFIANCE & RELOADS ROW */
div.sheet-defiance button[type="roll"] {
font-family: dicefontd6;
font-size : 2em;
margin : 2% 5%;}
div.sheet-defiance input[type="checkbox"],
div.sheet-reloads input[type="checkbox"] {
height : 20px;
width : 20px;}
div.sheet-defiance input[type="checkbox"] {
left : 5.5%;}
div.sheet-reloads input[type="checkbox"] {
left : 24%;}
div.sheet-defiance input[type="checkbox"]:checked + span::before,
div.sheet-reloads input[type="checkbox"]:checked + span::before {
background-color: #7b1915;
color : #fff;
content : "*";
display : inline-block;
font-family : pictos;
font-size : 1.2em;
height : 20px;
text-align : center;
width : 20px;}
div.sheet-defiance input[type="checkbox"] + span,
div.sheet-reloads input[type="checkbox"] + span {
background : #fff;
border : 1px solid #000;
border-radius : 3px;
box-shadow : inset 0px 0px 3px 1px #7c7c7c;
display : inline-block;
height : 20px;
vertical-align: middle;
width : 20px;}
div.sheet-defiance input[type="checkbox"] + span {
margin-right: 12%;}
div.sheet-reloads input[type="checkbox"] + span {
margin-left : 18%;
margin-right: -6%;
margin-top : 2%;}
/* DICE Roller ROW */
div.sheet-dieroller button[type="roll"] {
font-family: dicefontd6;
font-size : 2em;
margin : 0;}
div.sheet-dieroller button[name*="Roll"] {
float: right;}
div.sheet-dieroller button[name*="whisper"] {
float : right;
font-family : pictos;
height : 20px;
margin-left : 5%;
padding : 2px;
text-align : center;
text-transform: lowercase;
width : 6%;}
div.sheet-dieroller label {
padding-right: 0px;
width : 23%;}
div.sheet-dieroller label:first-child {
width : 17%;}
div.sheet-dieroller label:nth-of-type(3),
div.sheet-dieroller label:nth-of-type(4),
div.sheet-dieroller label:nth-of-type(5) {
display: none;}
div.sheet-dieroller input {
margin-right: 3%;}
div.sheet-dieroller label:last-child {
font-family: sans-serif;}
div.sheet-dieroller span {
font-size : 1.3em;
font-weight : bold;
text-transform: capitalize;}
/* SKILLS ROW */
div.sheet-skills div input[type="number"] {
margin-bottom: 0px;
width : 13%;}
div.sheet-skills div:nth-of-type(2n+2) {
background-color: #7c7c7c42;}
div.sheet-skills h2:nth-of-type(1) {
margin-right: 18%;}
div.sheet-skills h2:nth-of-type(2),
div.sheet-skills h2:nth-of-type(3) {
margin-right: 4%;}
div.sheet-skills button[type="action"] {
width : 29%;}
div.sheet-skills select {
margin-bottom: 0%;
margin-left : 5%;
margin-right : 6%;
width : 30%;}
/* WEAPONS ROW */
div.sheet-weapons {
margin-top: 5px;}
div.sheet-npc button.sheet-chat-output,
div.sheet-weapons button[type="roll"] {
font-family: "pictos";}
div.sheet-weapons h2:nth-of-type(1) {
margin-right: 21%;
margin-left : 1%;}
/* DAMAGE HEADER */
div.sheet-weapons h2:nth-of-type(2){
margin-right: 2.7%;}
/* AP HEADER */
div.sheet-weapons h2:nth-of-type(3) {
margin-right: 2%;}
/* SALVO HEADER */
div.sheet-weapons h2:nth-of-type(4) {
margin-right: 1%;}
/* RANGE HEADER */
div.sheet-weapons h2:nth-of-type(5) {
margin-right: 15%;}
div.sheet-weapons input[type="checkbox"].sheet-settings-toggle,
div.sheet-weapons input[type="checkbox"].sheet-settings-toggle + span {
left : 96%;
position: absolute;}
div.sheet-weapons input.sheet-settings-toggle ~ div.sheet-settings {
height : 0px;
transition: height 2s;
-webkit-transition: height 2s; /* Safari */}
div.sheet-weapons div.sheet-display,
div.sheet-weapons div.sheet-settings {
margin-left: 1%;
overflow : hidden;
width : 98%;}
div.sheet-weapons div.sheet-display div {
border-bottom: 2px solid #000;
color : #000;
font-weight : bold;
height : 20px;
text-align : center;
text-shadow : 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;}
div.sheet-weapons div.sheet-display div:nth-of-type(1n+2){
margin-left: 1%;}
div.sheet-weapons div.sheet-settings label {
width: fit-content;
font-size: 1em;
font-weight: bold;
text-shadow: 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;
vertical-align: top;}
div.sheet-weapons div.sheet-settings label:nth-of-type(1n+2) {
margin-left: 1.5%;}
div.sheet-weapons input.sheet-settings-toggle:checked ~ div.sheet-settings {
border-bottom: 3px dotted #FFD700;
height : 80px;
margin-top : 2%;
maring-bottom: 2%;}
div.sheet-weapons div.sheet-settings input[type=text] {
height : 25px;
padding : 0%;}
/* NAME INPUT */
div.sheet-weapons div.sheet-settings div:nth-of-type(1) input[type="text"]:nth-of-type(1) {
width: 19%;}
/* AP, SALVO, and RANGE inputs */
div.sheet-weapons div.sheet-settings input[type="text"]:nth-of-type(2),
div.sheet-weapons div.sheet-settings input[type="text"]:nth-of-type(3),
div.sheet-weapons div.sheet-settings input[type="text"]:nth-of-type(4) {
text-align: center;
width: 6%;}
/* TRAITS INPUT */
div.sheet-weapons div.sheet-settings div:nth-of-type(2) input[type="text"] {
width: 92%;}
div.sheet-weapons div.sheet-display div:nth-of-type(1) {
text-align: left;
width: 25%;}
div.sheet-weapons div.sheet-display div:nth-of-type(6) {
text-align: left;
width: 36%;}
div.sheet-weapons div.sheet-display div:nth-of-type(2) {
width: 8%;}
div.sheet-weapons div.sheet-display div:nth-of-type(3),
div.sheet-weapons div.sheet-display div:nth-of-type(4),
div.sheet-weapons div.sheet-display div:nth-of-type(5) {
width: 5%;}
/* Customize the Damage area */
div.sheet-damage {
border-bottom: 1px solid #000;
box-shadow : 0px 1px #888888;
width : 20%;}
div.sheet-damage span {
font-weight: bold;
text-transform: uppercase;
vertical-align: bottom;}
div.sheet-damage input[type="number"] {
border : none;
box-shadow: none;
margin : 0px;}
/* INFO PAGE */
div.sheet-keywords textarea {
height: 80px;}
div.sheet-talents textarea,
div.sheet-ascension textarea {
min-height: 200px;}
div.sheet-background textarea,
div.sheet-malignancies textarea {
height: 150px;}
div.sheet-gear textarea {
height: 300px;}
div.sheet-objectives textarea {
height: 450px;}
div.sheet-pc div.sheet-section-body .sheet-wrathglory {
width : 60%;}
div.sheet-pc div.sheet-section-body .sheet-wrath {
margin-right: 2%;
height : 45px;
width : 37%;}
div.sheet-wrath input[type="number"] {
background: #fff;
border : 1px solid #111518;
height : 45px;
width : 100%;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: NPC :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
div.sheet-npc input:placeholder-shown {
background-color: #7c7c7c7d;}
div.sheet-npc div.sheet-col-left input[type="text"],
div.sheet-npc div.sheet-col-left input[type="number"] {
border : none;
box-shadow: none;
height : 30px;
margin : 1%;}
div.sheet-npc h1 > input {
color : #fff;
font-size : 1.5em;
font-variant: small-caps;
line-height : inherit;
padding : 0%;
text-shadow : none;
width : 100%;}
div.sheet-npc h2 {
background-image: none;
border-bottom : 2px solid #7b1915;
color : #7b1915;
display : inline-block;}
div.sheet-npc div.sheet-npc-stats label,
div.sheet-npc button[type="action"] {
font-weight : bold;
margin-left : 1%;
margin-right: -1%;}
div.sheet-npc .sheet-col-right {
margin-left: 2%;
width : 45%;}
div.sheet-npc .sheet-col-left {
width : 50%;}
div.sheet-npc div.sheet-dieroller label:nth-of-type(1) {
width: 19%;}
div.sheet-npc div.sheet-dieroller input {
margin-right: 0%;}
/* THREATS AREA FOR NPCS*/
div.sheet-npc-threat {
margin-top: 5px;}
div.sheet-npc-threat textarea {
height: 50px;}
/* NPC STATS */
div.sheet-npc-stats input[type="number"] {
box-shadow: none;
width : 32%;}
div.sheet-stat-row:nth-of-type(2n+0) {
background-color: transparent;}
div.sheet-stat-row {
background-color: #c6c8ca;}
div.sheet-stat-row div:first-child {
border-right: 1px solid #7c7c7c;}
div.sheet-npc-2col div.sheet-stat-row:nth-of-type(1n+7),
div.sheet-npc-1col div.sheet-stat-row:nth-of-type(1n+1) {
border-bottom: 1px solid #111518;}
/* 2 COLUMN STAT ROWS */
div.sheet-npc-2col div.sheet-stat-row div {
width: 48%;}
div.sheet-npc-2col div.sheet-stat-row label,
div.sheet-npc-2col div.sheet-stat-row button[type="action"] {
padding: 1%;
margin : 3%;
width: 55%;}
div.sheet-npc-2col div.sheet-stat-row label + input[type="number"] {
margin-left: 2.5%;}
div.sheet-npc-2col div.sheet-stat-row:last-child label,
div.sheet-npc-2col div.sheet-stat-row:last-child input[type="number"] {
width: 100%;} /* PASSIVE AWAREMESS LABEL */
/* Resilience, Size, Keywords rows */
div.sheet-stat-long-row label {
margin: 3% 0.5%;
width: 23%;}
div.sheet-stat-long-row input[type="text"] {
box-shadow : none;
margin-left : 2%;
padding-bottom: 10px;
width : 72%;}
/* COL LEFT - ATTACKS & SPECIAL ABILITIES */
div.sheet-col-right h2 {
width: 100%;}
div.sheet-npc button.sheet-chat-output {
margin-bottom: 0px;
padding : 0px;}
div.sheet-npc div.sheet-col-right div.sheet-settings input[type="text"] {
border-bottom: 2px solid #000;
width : 100%;}
div.sheet-npc div.sheet-col-right div.sheet-settings div {
margin-bottom: 3%;}
div.sheet-npc div.sheet-col-right div.sheet-settings div > div {
margin-right: 2%;
width : 18%;}
div.sheet-npc div.sheet-col-right div.sheet-settings div.sheet-damage {
border-bottom: 2px solid #000;
width : 35%;}
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle ~ div.sheet-settings {
height : 0px;
overflow : hidden;
transition : height 2s;
-webkit-transition: height 2s; /* Safari */}
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle:checked ~ div.sheet-settings {
border-bottom: 3px dotted #FFD700;
height : 200px;}
div.sheet-npc div.sheet-col-right span:nth-of-type(1) {
font-weight: bolder;}
div.sheet-repeat-indent {
padding-left: 1.6em;
text-indent : -1.5em;
width : 95%;}
div.sheet-repeat-indent span {
margin-right: 2%;}
div.sheet-npc div.sheet-col-right button.sheet-chat-output,
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle,
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle + span {
left : 100%;
position: absolute;
top : 0%;}
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle,
div.sheet-npc div.sheet-col-right input.sheet-settings-toggle + span {
top : 55%;}
/* RESILIENCE, SIZE, and KEYWORDS ARE SPECIAL */
div.sheet-stat-row:nth-of-type(1n+9) label {
margin-left: 1%;}
div.sheet-stat-row:nth-of-type(9) input[type="text"],
div.sheet-stat-row:nth-of-type(11) input[type="text"],
div.sheet-stat-row:nth-of-type(12) input[type="text"] {
box-shadow: none;
width : 67%;}
/* TOGGLE FOR HIDING */
input[type="checkbox"].sheet-settings-toggle + span {
font-family: pictos;
text-align : center;}
input[type="checkbox"].sheet-settings-toggle:hover + span,
input[type="checkbox"].sheet-settings-toggle:checked + span {
background-color: #333;
border : 2px solid #333;
border-radius : 20px;
color : #fff;
display : inline-block;
height : 20px;
padding-left : 0.3%;
width : 20px;}
/* THE ACTIVE SKILL LIST */
div.sheet-npc-skills-active {
margin-top: -5%;
width : 100%;}
div.sheet-npc-skills-active div,
div.sheet-npc-skills-active label {
display: inline;}
div.sheet-npc-skills-active button {
font-size : 1em;
text-transform: capitalize;
font-weight : bold;}
div.sheet-npc-skills-active button[type="action"] {
display: none;}
input.sheet-skill-list[value*="default"] ~ button[name*="default"],
input.sheet-skill-list[value*="athletics"] ~ button[name*="athletics"],
input.sheet-skill-list[value*="awareness"] ~ button[name*="awareness"],
input.sheet-skill-list[value*="ballistic"] ~ button[name*="ballistic"],
input.sheet-skill-list[value*="cunning"] ~ button[name*="cunning"],
input.sheet-skill-list[value*="deception"] ~ button[name*="deception"],
input.sheet-skill-list[value*="insight"] ~ button[name*="insight"],
input.sheet-skill-list[value*="intimidation"] ~ button[name*="intimidation"],
input.sheet-skill-list[value*="investigation"] ~ button[name*="investigation"],
input.sheet-skill-list[value*="leadership"] ~ button[name*="leadership"],
input.sheet-skill-list[value*="medicae"] ~ button[name*="medicae"],
input.sheet-skill-list[value*="persuasion"] ~ button[name*="persuasion"],
input.sheet-skill-list[value*="pilot"] ~ button[name*="pilot"],
input.sheet-skill-list[value*="psychic"] ~ button[name*="psychic"],
input.sheet-skill-list[value*="scholar"] ~ button[name*="scholar"],
input.sheet-skill-list[value*="stealth"] ~ button[name*="stealth"],
input.sheet-skill-list[value*="survival"] ~ button[name*="survival"],
input.sheet-skill-list[value*="tech"] ~ button[name*="tech"],
input.sheet-skill-list[value*="weapon"] ~ button[name*="weapon"] {
display: inline;}
/* MAKE THE BUTTONS PRETTY! */
/* THE HIDDEN SKILL LIST */
div.sheet-npc-skill-list {
height : 0px;
margin-left : 2%;
overflow : hidden;
width : 100% !important;
-webkit-transition: height 2s; /* Safari */
transition : height 2s;}
div.sheet-npc-stats input[type="checkbox"]:checked ~ .sheet-npc-skill-list {
height: 360px;}
div.sheet-npc-skill-list div span:nth-of-type(2n+2) {
background-color: #7c7c7c42;
display : inline-block;}
div.sheet-npc-skill-list div {
border-right: none;
width : 45%;}
div.sheet-npc-skill-list div:last-child {
margin-left: 5%;}
div.sheet-npc-skill-list h2 {
font-size: 1.1em;}
div.sheet-npc-skill-list h2:nth-of-type(1),
div.sheet-npc-skill-list h2:nth-of-type(3) {
margin-right: 25%;}
div.sheet-npc-skill-list h2:nth-of-type(2) {
margin-right: 10%;}
div.sheet-npc-skill-list input {
width: 14%;}
div.sheet-npc-skill-list input[type="number"] {
width : 28%;}
div.sheet-npc-skill-list label {
font-size: 1.1em;
margin : 0%;
width : 63%;}
/* CUSTOMIZATIONS FOR HIDING SKILLS */
div.sheet-npc-class input[type="checkbox"].sheet-settings-toggle {
left : 95%;}
div.sheet-npc-class input[type="checkbox"].sheet-settings-toggle + span {
left : 90%;}
div.sheet-npc-class div.sheet-npc-skills-active input[type="checkbox"][value="0"],
div.sheet-npc-class div.sheet-npc-skills-active input[type="checkbox"][value="0"] ~ span,
div.sheet-npc-class div.sheet-npc-skills-active input[type="checkbox"][value="0"] ~ span + span {
display: none;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: OPTIONS :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: FOOTER :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
div.sheet-footer {
border : none;
font-size : 1em;
line-height: 15px;
margin-top : 15px;
margin-left: 20%;
text-align : left;
width : 80%;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: REPEATING SECTIONS :+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
.repcontainer .repitem {};
.repcontrol .repcontrol_add,
.repcontrol .repcontrol_edit {
color: transparent;}
button.btn.repcontrol_add,
button.btn.repcontrol_edit {
color: transparent;}
button.btn.repcontrol_add:hover,
button.btn.repcontrol_edit:hover {
background-color: transparent;}
.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
color : #111518;
font-family : pictos;
font-size : 2.5em;}
.repcontrol .repcontrol_edit:after {
content: '(';}
.repcontrol .repcontrol_add:after {
content: '&';}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: ')';}
.itemcontrol {z-index: 10;}
.itemcontrol .repcontrol_del,
.itemcontrol .repcontrol_move {
font-size : 1em;
margin-top: 0px;
padding : 0px;
width : 20px;}
.itemcontrol .repcontrol_del {
background-color: darkred;
font-family: pictos;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: ROLL TEMPLATE :+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
.sheet-rolltemplate-rolls {
border: 3px solid #111518;
border-radius: 3px 3px 3px 3px;}
.sheet-rolltemplate-rolls div.sheet-template-body {
border: 1px solid #111518;}
.sheet-rolltemplate-rolls div.sheet-template-header {
background-color: #c1c1c1;
border-bottom : 2px solid #000;
box-shadow : inset 0px 0px 3px 3px #111518;
color : #fff;
font-size : 1.5em;
font-variant : small-caps;
font-weight : bold;
letter-spacing : 2px;
padding : 8px 2px;
text-align : center;
text-shadow : 1px 1px 2px #111518, 0 0 25px #111518, 0 0 5px #111518;
text-transform : capitalize;}
.sheet-rolltemplate-rolls div.sheet-template-header span {
color : #111518;
font-size : 0.5em;
font-variant: none;
text-shadow : none;}
.sheet-rolltemplate-rolls div.sheet-template-row {
background-color: #111518;
border-radius : 0px;
color : #fff;
font-family : "helvetica";
font-size : 18px;
font-weight : normal;
line-height : 1.1em;
padding : 5px;
text-align : center;
vertical-align : middle;}
.sheet-rolltemplate-rolls div.sheet-template-desc {
word-break: break-all;
text-align: left;}
.sheet-rolltemplate-rolls div.sheet-template-wea {
font-size : 1.2em;
text-align : left;
text-transform: capitalize;}
.sheet-rolltemplate-rolls div.sheet-template-wea a[href^="~"] {
background-color: #c1c1c1 !important;
border : 1px solid #000 !important;
border-radius : 2px !important;
box-shadow : inset 0px 0px 3px 1px #7c7c7c !important;
color : #0f1517;
font-family : "dicefontd6";
font-size : 1.5em;
margin-left : 15% !important;}
.sheet-rolltemplate-rolls div.sheet-template-shift {
border : 1px solid #242629;
margin-left: -0.5%;
margin-top : -4%;
width : 96%;}
.sheet-rolltemplate-rolls div.sheet-template-shift div.sheet-template-wea {
text-align: center;}
/*not( using yet. This would change fonts to dice but the roll template needs to subsitute numbers for letters */
.sheet-rolltemplate-rolls .sheet-dice-font {
font-family: dicefontd6;}
/* Use this to alternate the background colors for each row */
.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
background-color: #242629;}
/* Remove some fo the built in styles around rolls */
.sheet-rolltemplate-rolls .inlinerollresult {
background-color: transparent;
border : none;
display : inline-block;
font-size : 1.5em;
padding : 4px;
text-shadow : 1px 1px 2px #7b1915, 0 0 25px #7b1915, 0 0 5px #7b1915;
height : 25px;
width : 20px;}
.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls .inlinerollresult.importantroll {
border: none;}
/* Change the colors of Full Fails & Full Crits from their built in defaults */
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls .inlinerollresult.fullfail {
color : #fff;}
.sheet-rolltemplate-rolls .sheet-template-defiance .inlinerollresult.fullfail {
color: #e31715;}
.sheet-rolltemplate-rolls .sheet-template-wea .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls .sheet-template-defiance .inlinerollresult.fullcrit {
color: #FFD700;}
/* Critical Fails harder to see */
.sheet-rolltemplate-rolls .sheet-template-dice .inlinerollresult.fullfail,
.sheet-rolltemplate-rolls .sheet-template-wea .inlinerollresult.fullfail{
opacity : 0.2;}
/* Make the Wrath dice bigger and a different color */
.sheet-rolltemplate-rolls .sheet-template-wrath .inlinerollresult {
color : #FFD700;
font-size: 2em;
opacity : 0.1;}
.sheet-rolltemplate-rolls .sheet-template-wrath .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls .sheet-template-wrath .inlinerollresult.fullfail {
opacity : 1;}
.sheet-rolltemplate-rolls .sheet-template-desc {
font-size: 1em;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: FIREFOX :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
/* input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin : 0;} */
input[type=number] {
-moz-appearance :textfield;}
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+: HIGHLIGHTING BUTTONS :+::+::+::+::+::+::+::+::+:*/
/*:+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+::+:**/
input.sheet-whisper-toggle[value*="gm"] + button[name*="whisper"],
input.sheet-type[value="core"] ~ div.sheet-tabs button[name*="core"],
input.sheet-type[value="npc"] ~ div.sheet-tabs button[name*="npc"],
input.sheet-type[value="info"] ~ div.sheet-tabs button[name*="info"] {
color : #fff;
background-color: #7b1915;
box-shadow : inset 0px 0px 3px 1px #e31715;}
input.sheet-highlight[value="strength"] ~ div > button[name*="strength"],
input.sheet-highlight[value="agility"] ~ div > button[name*="agility"],
input.sheet-highlight[value="toughness"] ~ div > button[name*="toughness"],
input.sheet-highlight[value="intellect"] ~ div > button[name*="intellect"],
input.sheet-highlight[value="willpower"] ~ div > button[name*="willpower"],
input.sheet-highlight[value="fellowship"] ~ div > button[name*="fellowship"],
input.sheet-highlight[value="initiative"] ~ div > button[name*="initiative"],
input.sheet-highlight[value="defence"] ~ div > button[name*="defence"],
input.sheet-highlight[value="resilience"] ~ div > button[name*="resilience"],
input.sheet-highlight[value="soak"] ~ div > button[name*="soak"],
input.sheet-highlight[value="resolve"] ~ div > button[name*="resolve"],
input.sheet-highlight[value="conviction"] ~ div > button[name*="conviction"],
input.sheet-highlight[value="influence"] ~ div > button[name*="influence"],
input.sheet-highlight[value="athletics"] ~ div > button[name*="athletics"],
input.sheet-highlight[value="awareness"] ~ div > button[name*="awareness"],
input.sheet-highlight[value="ballistic"] ~ div > button[name*="ballistic"],
input.sheet-highlight[value="cunning"] ~ div > button[name*="cunning"],
input.sheet-highlight[value="deception"] ~ div > button[name*="deception"],
input.sheet-highlight[value="insight"] ~ div > button[name*="insight"],
input.sheet-highlight[value="intimidation"] ~ div > button[name*="intimidation"],
input.sheet-highlight[value="investigation"] ~ div > button[name*="investigation"],
input.sheet-highlight[value="leadership"] ~ div > button[name*="leadership"],
input.sheet-highlight[value="medicae"] ~ div > button[name*="medicae"],
input.sheet-highlight[value="persuasion"] ~ div > button[name*="persuasion"],
input.sheet-highlight[value="pilot"] ~ div > button[name*="pilot"],
input.sheet-highlight[value="psychic"] ~ div > button[name*="psychic"],
input.sheet-highlight[value="scholar"] ~ div > button[name*="scholar"],
input.sheet-highlight[value="stealth"] ~ div > button[name*="stealth"],
input.sheet-highlight[value="survival"] ~ div > button[name*="survival"],
input.sheet-highlight[value="tech"] ~ div > button[name*="tech"],
input.sheet-highlight[value="weapon"] ~ div > button[name*="weapon"],
input.sheet-highlight[value="athletics"] ~ button[name*="athletics"],
input.sheet-highlight[value="awareness"] ~ button[name*="awareness"],
input.sheet-highlight[value="ballistic"] ~ button[name*="ballistic"],
input.sheet-highlight[value="cunning"] ~ button[name*="cunning"],
input.sheet-highlight[value="deception"] ~ button[name*="deception"],
input.sheet-highlight[value="insight"] ~ button[name*="insight"],
input.sheet-highlight[value="intimidation"] ~ button[name*="intimidation"],
input.sheet-highlight[value="investigation"] ~ button[name*="investigation"],
input.sheet-highlight[value="leadership"] ~ button[name*="leadership"],
input.sheet-highlight[value="medicae"] ~ button[name*="medicae"],
input.sheet-highlight[value="persuasion"] ~ button[name*="persuasion"],
input.sheet-highlight[value="pilot"] ~ button[name*="pilot"],
input.sheet-highlight[value="psychic"] ~ button[name*="psychic"],
input.sheet-highlight[value="scholar"] ~ button[name*="scholar"],
input.sheet-highlight[value="stealth"] ~ button[name*="stealth"],
input.sheet-highlight[value="survival"] ~ button[name*="survival"],
input.sheet-highlight[value="tech"] ~ button[name*="tech"],
input.sheet-highlight[value="weapon"] ~ button[name*="weapon"],
input.sheet-highlight[value="default"] ~ button[name*="default"] {
background-color: transparent;
color : #fff;
outline : none;
text-shadow : 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d;}
/********************************************************************************************/
/***************** Spanish & French Adjustments ********************************/
/*******************************************************************************************/
.charsheet.lang-es {}
.charsheet.lang-es img.sheet-logo {
margin-right: -5%}
.charsheet.lang-es div.sheet-tabs button[name*="npc"] {
margin-left: 1%}
.charsheet.lang-es div.sheet-personal-info input[type="text"] {
width: 80%;}
.charsheet.lang-es div.sheet-personal-info input + label {
margin-left: 0px;}
.charsheet.lang-es div.sheet-attributes h2:nth-child(3),
.charsheet.lang-es div.sheet-weapons h2:nth-of-type(2),
.charsheet.lang-fr div.sheet-attributes h2:nth-child(2) {
margin-right: 5%;}
.charsheet.lang-es div.sheet-combat-traits h2:nth-child(3) {
margin-right: 18%;}
.charsheet.lang-es div.sheet-2col-left div:nth-of-type(2) input[type="text"] {
width: 60%;}
.charsheet.lang-es .sheet-personal-info div:nth-of-type(3) label,
.charsheet.lang-es div.sheet-dieroller label,
.charsheet.lang-fr div.sheet-dieroller label {
font-size: 1.1em;}
.charsheet.lang-es div.sheet-skills h2:nth-of-type(1) {
margin-right: 10%;}
.charsheet.lang-es div.sheet-weapons h2:nth-of-type(1) {
margin-right: 14%;}
.charsheet.lang-es div.sheet-weapons h2:nth-of-type(3) {
margin-right: 2%;}
.charsheet.lang-es div.sheet-weapons div.sheet-display div:nth-of-type(3){
width: 6%;}
.charsheet.lang-es div.sheet-weapons div.sheet-display div:nth-of-type(4),
.charsheet.lang-es div.sheet-weapons div.sheet-display div:nth-of-type(5),
.charsheet.lang-es div.sheet-weapons div.sheet-display div:nth-of-type(2) {
width: 8%;}
.charsheet.lang-es div.sheet-weapons div.sheet-display div:nth-of-type(1) {
width: 20%;}
.charsheet.lang-es div.sheet-npc-skill-list h2:nth-of-type(1),
.charsheet.lang-es div.sheet-npc-skill-list h2:nth-of-type(3) {
width: 5%;}
.charsheet.lang-es .sheet-npc div.sheet-dieroller label {
width: 26%;}
.charsheet.lang-es .sheet-npc div.sheet-dieroller button[type="roll"],
.charsheet.lang-fr .sheet-npc div.sheet-dieroller button[type="roll"] {
margin-left: -0.5%;}
.charsheet.lang-es div.sheet-npc div.sheet-col-right div.sheet-settings div > div {
margin-right: 1%;}
/********************************************************************************************/
/***************** French Adjustments ********************************/
/*******************************************************************************************/
.charsheet.lang-fr {}
.charsheet.lang-fr .sheet-wrath h1 {
font-size: 1.3em;}
.charsheet.lang-fr div.sheet-personal-info input[type="number"] {
width: 22%;}
.charsheet.lang-fr div.sheet-attributes input[type="number"] + input[type="number"] {
width: 30%;}
.charsheet.lang-fr div.sheet-attributes button[type="action"] {
width: 34%;}
.charsheet.lang-fr div.sheet-combat-traits h2:nth-child(2) {
margin-right: 32%;}
.charsheet.lang-fr div.sheet-other-traits h2:nth-of-type(1) {
margin-right: 52%;}
.charsheet.lang-fr div.sheet-2col-right .sheet-personal-info textarea {
height: 400px;}
.charsheet.lang-fr div.sheet-skills h2:nth-of-type(1) {
margin-right: 8%;}
.charsheet.lang-fr div.sheet-skills h2:nth-of-type(2),
.charsheet.lang-fr div.sheet-skills h2:nth-of-type(3) {
margin-right: 12%;}
.charsheet.lang-fr div.sheet-weapons h2:nth-of-type(1) {
margin-right: 22%;}
.charsheet.lang-fr div.sheet-stat-long-row input[type="text"] {
width: 68%;}
.charsheet.lang-fr div.sheet-npc-skill-list h2:nth-of-type(1),
.charsheet.lang-fr div.sheet-npc-skill-list h2:nth-of-type(3) {
margin-right: 11%;}
.charsheet.lang-fr div.sheet-npc div.sheet-dieroller label {
width: 24%;}
.charsheet.lang-fr div.sheet-npc div.sheet-dieroller input {
width: 3em;}