mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1889 lines
37 KiB
CSS
1889 lines
37 KiB
CSS
/* ======================================== */
|
|
/* ========== START SHEET STYLES ========== */
|
|
/* ======================================== */
|
|
|
|
/* Palette */
|
|
/*
|
|
Dark Red - #781114
|
|
Turquoise - #74cddd
|
|
Bluish Grey - #354457
|
|
Grungy Green - #52644c
|
|
Dull Tangerine- #C88C50
|
|
Weird Flesh - #C38D8D
|
|
Burnt Orange - #BC3F13
|
|
Tan - #E9E9E7
|
|
Darker Tan - #D0D0CE
|
|
Grey Green - #97ABA9
|
|
*/
|
|
|
|
/* Fonts */
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
|
|
|
|
|
|
/* ==================== GLOBAL STYLES ==================== */
|
|
|
|
.sheet-character_sheet {
|
|
line-height: 1.15; /* 1 */
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
font-family: 'Nunito', sans-serif;
|
|
margin-bottom: 2em;
|
|
min-width: 800px;
|
|
}
|
|
|
|
/* Font size selector */
|
|
|
|
input[name="attr_settings_font_size"][value="8"] + .sheet-character_sheet {
|
|
font-size: 8px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="10"] + .sheet-character_sheet {
|
|
font-size: 10px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="12"] + .sheet-character_sheet {
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="14"] + .sheet-character_sheet {
|
|
font-size: 14px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="16"] + .sheet-character_sheet {
|
|
font-size: 16px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="18"] + .sheet-character_sheet {
|
|
font-size: 18px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="20"] + .sheet-character_sheet {
|
|
font-size: 20px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="22"] + .sheet-character_sheet {
|
|
font-size: 22px;
|
|
}
|
|
|
|
input[name="attr_settings_font_size"][value="24"] + .sheet-character_sheet {
|
|
font-size: 24px;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Selectbox styles */
|
|
.sheet-character_sheet select {
|
|
display: block;
|
|
font-size: 1em;
|
|
line-height: 1.3;
|
|
padding: .5em;
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
border-radius: .25em;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: #fff;
|
|
background-repeat: no-repeat, repeat;
|
|
background-position: right .7em top 50%, 0 0;
|
|
background-size: .65em auto, 100%;
|
|
}
|
|
.sheet-character_sheet select::-ms-expand {
|
|
display: none;
|
|
}
|
|
.sheet-character_sheet selects:hover {
|
|
border-color: #888;
|
|
}
|
|
|
|
.sheet-character_sheet select option {
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-select_wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-select_wrapper:after {
|
|
content: '▼';
|
|
font-size: 0.75em;
|
|
position: absolute;
|
|
top:1em;
|
|
right: 0.5em;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Headings - h1, h2, h3, h4, h5 */
|
|
|
|
.sheet-character_sheet h2 {
|
|
display: grid;
|
|
grid-template-columns: 1fr max-content;
|
|
align-items: center;
|
|
font-size: 1.5em;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
background-color: #354457;
|
|
color: #ffffff;
|
|
padding: 0.25em 0;
|
|
border: 1px solid #354457;
|
|
border-radius: 1em 1em 0 0;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.sheet-character_sheet h3 {
|
|
display: grid;
|
|
grid-template-columns: 1fr max-content;
|
|
align-items: center;
|
|
font-size: 1.2em;
|
|
font-weight: 700;
|
|
margin: 0 -0.85em 0 -0.75em;
|
|
padding: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
/* The section boxes, topped by an h2 */
|
|
|
|
.sheet-character_sheet .sheet-section {
|
|
background-color: #eaeaea;
|
|
border-radius: 0 0 1em 1em;
|
|
margin-bottom: 3em;
|
|
padding: 1em;
|
|
}
|
|
|
|
/* Global inputs and labels */
|
|
|
|
.sheet-character_sheet label {
|
|
display: block;
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-character_sheet input {
|
|
width: 100%;
|
|
padding: 0.5em;
|
|
font-size: 1em;
|
|
margin: 0;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
.sheet-character_sheet input[type="number"] {
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 0.5em;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-character_sheet input[type="checkbox"]
|
|
{
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-character_sheet input[type="checkbox"]:checked {
|
|
background-color: #7CC48A;
|
|
}
|
|
|
|
.sheet-centered_heading {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Show/Hide sections */
|
|
|
|
h2 button,
|
|
h3 button {
|
|
border-radius: 0.5em;
|
|
border-width: 2px;
|
|
background: transparent;
|
|
width: max-content;
|
|
height: max-content;
|
|
margin-right: 2em;
|
|
}
|
|
|
|
input.sheet-show_section[value="true"] + .sheet-section {
|
|
display: grid;
|
|
}
|
|
|
|
input.sheet-show_section[value="false"] + .sheet-section {
|
|
display: none;
|
|
}
|
|
|
|
/* Grid styles */
|
|
|
|
.sheet-cell_width_2 {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.sheet-cell_width_3 {
|
|
grid-column: span 3;
|
|
}
|
|
|
|
.sheet-cell_width_4 {
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.sheet-cell_width_5 {
|
|
grid-column: span 5;
|
|
}
|
|
|
|
.sheet-cell_width_6 {
|
|
grid-column: span 6;
|
|
}
|
|
|
|
/* List headings for repeating sections */
|
|
.sheet-list_heading {
|
|
padding-bottom: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-list_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
|
|
/* ==================== SECTION STYLES ==================== */
|
|
|
|
|
|
/* Pools - Dice and Destiny */
|
|
|
|
.sheet-pools {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
|
|
column-gap: 5em;
|
|
}
|
|
|
|
.sheet-dice_pool_grid {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 2fr;
|
|
background-color: #333333;
|
|
padding: 0 1em;
|
|
border-radius: 0 0 1em 1em;
|
|
column-gap: 2em;
|
|
}
|
|
|
|
.sheet-dice_pool input {
|
|
width: auto;
|
|
font-size: 1.25em;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-dice_pool img {
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.sheet-three_dice {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
column-gap: 1.25em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.sheet-three_dice div {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2fr;
|
|
}
|
|
|
|
.sheet-upgrade_downgrade {
|
|
display: grid;
|
|
grid-template-columns: 3fr 2fr 2fr 3fr;
|
|
column-gap: 0.5em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-upgrade_downgrade label {
|
|
color: #ffffff;
|
|
font-size: 0.85em;
|
|
padding: 0;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-upgrade_label {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-force_dice_dice_roll {
|
|
padding: 1em 0;
|
|
}
|
|
|
|
.sheet-force_dice {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2fr;
|
|
padding: 0 2em;
|
|
}
|
|
|
|
.sheet-dice_roll {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 0.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-dice_roll button.roll_DicePool,
|
|
.sheet-character_sheet .sheet-dice_roll button.roll_ResetDicePool {
|
|
margin: 0;
|
|
height: 100%;
|
|
font-size: 2.5em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-dice_roll button.roll_DicePool::before {
|
|
font-family: "dicefontd12";
|
|
content: "L";
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-dice_roll button.roll_ResetDicePool::before {
|
|
font-family: "Pictos";
|
|
content: "r";
|
|
}
|
|
|
|
/* Hide GM Destiny Buttons */
|
|
input[name="attr_gmdicepool"][value="1"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .sheet-update_player_points,
|
|
input[name="attr_gmdicepool"][value="1"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .sheet-clear_pool,
|
|
input[name="attr_gmdicepool"][value="1"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .sheet-use_dark_side
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* Hide Player Destiny Buttons */
|
|
input[name="attr_gmdicepool"][value="2"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .sheet-sync_pool_with_gm,
|
|
input[name="attr_gmdicepool"][value="2"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .roll_destiny,
|
|
input[name="attr_gmdicepool"][value="2"]:checked ~ .sheet-character_sheet .sheet-destiny_pool .sheet-use_light_side
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-destiny_pool {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 5em;
|
|
padding: 1em;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"] {
|
|
display: block;
|
|
padding: 0.5em;
|
|
border-radius: 0.5em;
|
|
font-size: 1em;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 3px solid #354457;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-use_dark_side {
|
|
background: #333333;
|
|
color: #ffffff;
|
|
border-color: #aaaaaa;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-use_light_side::before {
|
|
content: '✧';
|
|
color: #BC3F13;
|
|
margin-right: 0.25em;
|
|
font-size: 1.2em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-use_dark_side::before {
|
|
content: '☃';
|
|
margin-right: 0.25em;
|
|
font-size: 1em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-sync_pool_with_gm::before,
|
|
.sheet-destiny_pool button[type="roll"].sheet-update_player_points::before
|
|
{
|
|
content: '⟳';
|
|
margin-right: 0.25em;
|
|
font-size: 1.5em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-sync_pool_with_gm,
|
|
.sheet-destiny_pool button[type="roll"].sheet-update_player_points
|
|
{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].sheet-clear_pool::before
|
|
{
|
|
content: '♺';
|
|
margin-right: 0.25em;
|
|
font-size: 1.5em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-destiny_pool button[type="roll"].roll_destiny::before {
|
|
font-family: 'dicefontd12';
|
|
content: '0';
|
|
margin-right: 0.25em;
|
|
font-size: 1.5em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-destiny_inputs {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
column-gap: 2em;
|
|
}
|
|
|
|
.sheet-destiny_inputs input {
|
|
font-size: 1.25em;
|
|
padding: 0.5em;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-destiny_inputs label {
|
|
text-align: center;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-destiny_inputs .sheet-destiny_dark {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Sheet Nagivation Tabs */
|
|
|
|
.sheet-tab_navigation {
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
margin: 2em 0;
|
|
}
|
|
|
|
.sheet-tab_navigation button {
|
|
width: 100%;
|
|
font-size: 1.25em;
|
|
padding: 1em;
|
|
color: #ffffff;
|
|
border: 1px solid #a3bedf;
|
|
border-top-width: 0;
|
|
border-left-width: 0;
|
|
border-bottom-width: 0;
|
|
background: rgb(188,63,19);
|
|
background: linear-gradient(180deg, rgba(188,63,19,1) 38%, rgba(168,44,0,1) 100%);
|
|
}
|
|
|
|
.sheet-tab_navigation div:last-child button {
|
|
border-radius: 0 2em 2em 0;
|
|
border-color: #354457;
|
|
}
|
|
|
|
.sheet-tab_navigation div:first-child button {
|
|
border-radius: 2em 0 0 2em;
|
|
}
|
|
|
|
.sheet-tab_navigation span {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tab_navigation button:hover {
|
|
background: rgb(84,105,131);
|
|
background: radial-gradient(circle, rgba(84,105,131,1) 0%, rgba(53,68,87,1) 100%);
|
|
}
|
|
|
|
.sheet-tab_navigation span:hover {
|
|
text-shadow: 0px 0px 8px #ffffff;
|
|
}
|
|
|
|
.sheet-bio,
|
|
.sheet-skills,
|
|
.sheet-combat,
|
|
.sheet-equipment,
|
|
.sheet-talents,
|
|
.sheet-force,
|
|
.sheet-settings,
|
|
.sheet-settings-gm {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="bio"] ~ div.sheet-bio,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.sheet-tabstoggle[value="talents"] ~ div.sheet-talents,
|
|
.sheet-tabstoggle[value="force"] ~ div.sheet-force,
|
|
.sheet-tabstoggle[value="settings"] ~ div.sheet-settings {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tab_navigation [type="radio"] {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tab_navigation [type="radio"]:checked ~ button {
|
|
background: rgb(96,124,159);
|
|
background: radial-gradient(circle, rgba(96,124,159,1) 0%, rgba(53,68,87,1) 100%);
|
|
}
|
|
|
|
/* Bio */
|
|
.sheet-name {
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr 2fr 3fr;
|
|
column-gap: 3em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-bio label {
|
|
padding: 0.5em 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-bio label::after {
|
|
content: ":";
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-name .sheet-specialization_trees_container select {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.sheet-xp_grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1em 1fr;
|
|
column-gap: 1em;
|
|
align-items: center;
|
|
text-align: center;
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-xp_credits {
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr 2fr 3fr;
|
|
column-gap: 3em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-motivations_grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
|
column-gap: 5em;
|
|
}
|
|
|
|
.sheet-obligation_total_grid,
|
|
.sheet-duty_total_grid,
|
|
.sheet-morality_total_grid {
|
|
display: grid;
|
|
grid-template-columns: max-content max-content;
|
|
column-gap: 1em;
|
|
align-items: center;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-morality {
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr 2fr 3fr;
|
|
column-gap: 3em;
|
|
row-gap: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-obligation_item {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 2fr 4fr;
|
|
column-gap: 1em;
|
|
}
|
|
|
|
.sheet-duty_item {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 6fr;
|
|
column-gap: 1em;
|
|
}
|
|
|
|
.sheet-obligation_item textarea,
|
|
.sheet-duty_item textarea {
|
|
padding: 1em;
|
|
height: 5em;
|
|
}
|
|
|
|
/* Body Stats - Wounds, Strain, Soak, Defense */
|
|
|
|
.sheet-vital_stats {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 2em;
|
|
padding: 1em;
|
|
}
|
|
|
|
.sheet-vital_stats label {
|
|
padding: 0.5em;
|
|
margin: 0;
|
|
font-size: 0.75em;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-vital_stats input,
|
|
.sheet-vital_stats span {
|
|
font-size: 1.5em;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-vital_stats span {
|
|
text-align: center;
|
|
padding: 0.5em;
|
|
background-color: #ffffff;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-vital_stats span.sheet-encumbrance_threshold {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-vital_stats_column {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: auto;
|
|
column-gap: 0.5em;
|
|
}
|
|
|
|
.sheet-vital_stats input,
|
|
.sheet-vital_stats span {
|
|
width: 100%;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-vital_stats .sheet-stat_label {
|
|
background: rgb(120,17,20);
|
|
background: radial-gradient(circle, rgba(120,17,20,1) 0%, rgba(103,0,3,1) 62%);
|
|
color: #ffffff;
|
|
padding: 0.25em;
|
|
margin: 0.5em 0;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 4px solid #354457;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
.sheet-vital_stats input.sheet-wounds_threshold,
|
|
.sheet-vital_stats input.sheet-strain_threshold {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-vital_stats input.sheet-wounds_current {
|
|
box-shadow: inset 0 0 0 5px #7CC48A;
|
|
}
|
|
|
|
.sheet-vital_stats input.sheet-strain_current {
|
|
box-shadow: inset 0 0 0 5px #B31D1D;
|
|
}
|
|
|
|
.sheet-stat_label span {
|
|
display: inline;
|
|
font-size: 1em;
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-stat_label .sheet-help_info {
|
|
position: absolute;
|
|
color: #000000;
|
|
right: 3em;
|
|
max-width: 50em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h2 .sheet-help_info {
|
|
position: absolute;
|
|
color: #000000;
|
|
right: 40%;
|
|
max-width: 50em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Characteristics - Brawn, Agility, Intellect, Cunning, Willpower, Presence */
|
|
|
|
.sheet-characteristics {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 1em;
|
|
background-color: #eaeaea;
|
|
padding: 1em;
|
|
border-radius: 0 0 1em 1em;
|
|
}
|
|
|
|
.sheet-characteristics input {
|
|
width: 100%;
|
|
padding: 1em;
|
|
font-size: 1.5em;
|
|
border: 4px solid #354457;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.sheet-characteristics label {
|
|
background-color: #C88C50;
|
|
color: #ffffff;
|
|
padding: 0.25em;
|
|
margin: 0.5em 0;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 4px solid #354457;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
/* Skills */
|
|
|
|
.sheet-skills_body {
|
|
background-color: #eaeaea;
|
|
padding: 0 1em;
|
|
border-radius: 0 0 1em 1em;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
|
|
column-gap: 5em;
|
|
}
|
|
|
|
.sheet-skill {
|
|
display: grid;
|
|
grid-template-columns: 1fr 8em 4em 4em 10em 10em 3em;
|
|
column-gap: 1em;
|
|
padding: 0.5em 0;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
}
|
|
|
|
.sheet-skill label,
|
|
.sheet-skill div,
|
|
.sheet-skill input,
|
|
.sheet-skill button {
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-skill_heading {
|
|
padding-top: 1em;
|
|
}
|
|
|
|
.sheet-skill_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-skill_rank_boxes {
|
|
display: flex;
|
|
background-color: #ffffff;
|
|
padding: 0.15em 0.25em;
|
|
}
|
|
|
|
.sheet-gd + span {
|
|
color: #00b300;
|
|
font-size: 1.5em;
|
|
letter-spacing: 3px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-gd[value="0"] + span::after
|
|
{
|
|
content: "";
|
|
}
|
|
|
|
.sheet-gd[value="1"] + span::after
|
|
{
|
|
content: "♦";
|
|
}
|
|
|
|
.sheet-gd[value="2"] + span::after
|
|
{
|
|
content: "♦♦";
|
|
}
|
|
|
|
.sheet-gd[value="3"] + span::after
|
|
{
|
|
content: "♦♦♦";
|
|
}
|
|
|
|
.sheet-gd[value="4"] + span::after
|
|
{
|
|
content: "♦♦♦♦";
|
|
}
|
|
|
|
.sheet-gd[value="5"] + span::after
|
|
{
|
|
content: "♦♦♦♦♦";
|
|
}
|
|
|
|
.sheet-gd[value="6"] + span::after
|
|
{
|
|
content: "♦♦♦♦♦♦";
|
|
}
|
|
|
|
.sheet-gd[value="7"] + span::after
|
|
{
|
|
content: "♦♦♦♦♦♦♦";
|
|
}
|
|
|
|
.sheet-yd + span {
|
|
color: #c9cc00;
|
|
font-size: 1.5em;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.sheet-yd[value="0"] + span::after
|
|
{
|
|
content: "";
|
|
}
|
|
|
|
.sheet-yd[value="1"] + span::after
|
|
{
|
|
content: "◈";
|
|
}
|
|
|
|
.sheet-yd[value="2"] + span::after
|
|
{
|
|
content: "◈◈";
|
|
}
|
|
|
|
.sheet-yd[value="3"] + span::after
|
|
{
|
|
content: "◈◈◈";
|
|
}
|
|
|
|
.sheet-yd[value="4"] + span::after
|
|
{
|
|
content: "◈◈◈◈";
|
|
}
|
|
|
|
.sheet-yd[value="5"] + span::after
|
|
{
|
|
content: "◈◈◈◈◈";
|
|
}
|
|
|
|
.sheet-yd[value="6"] + span::after
|
|
{
|
|
content: "◈◈◈◈◈◈";
|
|
}
|
|
|
|
.sheet-yd[value="7"] + span::after
|
|
{
|
|
content: "◈◈◈◈◈◈◈";
|
|
}
|
|
|
|
.sheet-skill input[type="checkbox"],
|
|
.sheet-skill input[type="number"]
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-skill select {
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-skills_general .sheet-skill:last-child,
|
|
.sheet-skills_combat .sheet-skill:last-child,
|
|
.sheet-skills_knowledge .sheet-skill:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* Roll button */
|
|
|
|
.sheet-character_sheet button.roll_button {
|
|
font-size: 1.5em;
|
|
font-family: "dicefontd12";
|
|
color: #555555;
|
|
padding: 0.25em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-character_sheet button.roll_button::before {
|
|
font-family: "dicefontd12";
|
|
content: "L";
|
|
}
|
|
|
|
/* Combat */
|
|
|
|
.sheet-criticals {
|
|
background-color: #eaeaea;
|
|
padding: 0 1em 1em 1em;
|
|
border-radius: 0 0 1em 1em;
|
|
}
|
|
|
|
.sheet-rolla_critical {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 3fr;
|
|
column-gap: 1em;
|
|
padding: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-rolla_critical label {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-rolla_critical label::after {
|
|
content: ':';
|
|
}
|
|
|
|
.sheet-rolla_critical button[type="roll"] {
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.sheet-rolla_critical button[type="roll"]::before {
|
|
font-family: 'dicefontd10';
|
|
content: 'CC';
|
|
font-size: 1.5em;
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
.sheet-criticals h3 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-current_crit {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
padding: 1em;
|
|
align-items: center;
|
|
border-radius: 0.5em;
|
|
margin: 2em 0;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-disabled_option {
|
|
font-style: italic;
|
|
color: #cccccc;
|
|
}
|
|
|
|
.sheet-current_crit_severity_input[value="Easy (1 ♦)"] + .sheet-current_crit {
|
|
background: rgb(168,54,57);
|
|
background: radial-gradient(circle, rgba(168,54,57,0.1) 38%, rgba(120,17,20,0.1) 100%);
|
|
border: 3px solid #781114;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-current_crit_severity_input[value="Average (2 ♦♦)"] + .sheet-current_crit {
|
|
background: rgb(168,54,57);
|
|
background: radial-gradient(circle, rgba(168,54,57,0.3) 38%, rgba(120,17,20,0.3) 100%);
|
|
border: 3px solid #781114;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-current_crit_severity_input[value="Hard (3 ♦♦♦)"] + .sheet-current_crit {
|
|
background: rgb(168,54,57);
|
|
background: radial-gradient(circle, rgba(168,54,57,0.7) 38%, rgba(120,17,20,0.7) 100%);
|
|
border: 3px solid #781114;
|
|
}
|
|
|
|
.sheet-current_crit_severity_input[value="Daunting (4 ♦♦♦♦)"] + .sheet-current_crit {
|
|
background: rgb(168,54,57);
|
|
background: radial-gradient(circle, rgba(168,54,57,1) 38%, rgba(120,17,20,1) 100%);
|
|
border: 3px solid #781114;
|
|
}
|
|
|
|
.sheet-current_crit_severity_input[value="DEAD"] + .sheet-current_crit {
|
|
background: #000000;
|
|
border: 3px solid #000000;
|
|
color: #ccc;
|
|
}
|
|
|
|
.sheet-current_crit_container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 3fr;
|
|
column-gap: 2em;
|
|
row-gap: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-current_crit .sheet-current_crit_type {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-current_crit .sheet-current_crit_description {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-current_crit button {
|
|
border: 5px solid #2c3947;
|
|
font-size: 1em;
|
|
border-radius: 0.5em;
|
|
height: 100%;
|
|
background: rgb(35,140,0);
|
|
background: radial-gradient(circle, rgba(35,140,0,1) 38%, rgba(82,100,76,1) 100%);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Weapons */
|
|
|
|
.sheet-weapons .repcontainer {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
|
|
column-gap: 10em;
|
|
}
|
|
|
|
.sheet-weapon {
|
|
padding-bottom: 1em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.sheet-weapon_stats {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 2em;
|
|
padding: 1em;
|
|
}
|
|
|
|
.sheet-character_sheet h3.sheet-weapon_name {
|
|
background: rgb(82,100,76);
|
|
background: radial-gradient(circle, rgba(82,100,76,1) 38%, rgba(54,64,51,1) 100%);
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-weapon_stats label {
|
|
background: rgb(82,100,76);
|
|
background: radial-gradient(circle, rgba(82,100,76,1) 38%, rgba(54,64,51,1) 100%);
|
|
color: #ffffff;
|
|
padding: 0.25em;
|
|
margin: 0.5em 0;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 4px solid #354457;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
.sheet-weapon_stats input {
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 0.5em;
|
|
border-radius: 0.5em;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-weapon_stats button[type="roll"] {
|
|
place-self: center;
|
|
font-size: 2.5em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-weapon_stats button[type="roll"]::before {
|
|
font-family: "dicefontd12";
|
|
content: "L";
|
|
}
|
|
|
|
.sheet-weapon_critical_bonus,
|
|
.sheet-weapon_damage_bonus {
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr;
|
|
column-gap: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-weapon_bonus_text {
|
|
text-align: right;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.sheet-critical_damage_cell {
|
|
align-self: start;
|
|
}
|
|
|
|
.sheet-weapon_critical_bonus_vicious,
|
|
.sheet-weapon_damage_bonus_superior,
|
|
.sheet-weapon_damage_bonus_inferior {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-weapon_critical_bonus_vicious:not([value="0"]) + div,
|
|
.sheet-weapon_quality_superior_bonus_damage:not([value="0"]) + div,
|
|
.sheet-weapon_quality_inferior_penalty_damage:not([value="0"]) + div {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-weapon_critical_bonus_total,
|
|
.sheet-weapon_damage_bonus_total {
|
|
border-top: 1px dotted #aaaaaa;
|
|
margin-top: 0.5em;
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
.sheet-from_vicious_text,
|
|
.sheet-from_superior_inferior_text {
|
|
font-size: 0.85em;
|
|
padding: 0 0.25em;
|
|
}
|
|
|
|
.sheet-weapon_info {
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr 2fr 3fr;
|
|
column-gap: 1em;
|
|
row-gap: 0.5em;
|
|
padding: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-weapon_info input[type="number"] {
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-weapon_qualities_cell {
|
|
grid-column: span 3;
|
|
}
|
|
|
|
.sheet-character_sheet .sheet-weapon_qualities_header {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-weapon_mods_negative_message {
|
|
margin: 1em 0;
|
|
background-color: #B31D1D;
|
|
color: #ffffff;
|
|
padding: 1em;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-weapon_mods_negative_message::before {
|
|
font-family: 'Pictos';
|
|
content: '!';
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.sheet-weapon_mods_negative[value='true'] + .sheet-weapon_mods_negative_message {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-weapon_mods_table_header {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr 8fr;
|
|
column-gap: 1em;
|
|
padding: 1em 0 0.5em 0;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
}
|
|
|
|
.sheet-weapon_mods_table_header > * {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-weapon_mod {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr 8fr;
|
|
column-gap: 1em;
|
|
padding: 1em 0 0.5em 0;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
}
|
|
|
|
.sheet-weapon_mod:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.sheet-weapon_mod > * {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-weapon_mod > textarea {
|
|
padding: 1em;
|
|
height: 6em;
|
|
}
|
|
|
|
.sheet-weapon_mod > input,
|
|
.sheet-weapon_mod > select {
|
|
height: max-content;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-character_sheet h3 span.sheet-weapon_qualities_activation_icon {
|
|
background-image: url('https://imgsrv.roll20.net/?src=https%3A//i.imgur.com/Gav94H2.png');
|
|
background-repeat: repeat-x;
|
|
background-size: 1em;
|
|
width: 2em;
|
|
height: 1em;
|
|
display: block;
|
|
margin: 0 0.25em 0 1.5em;
|
|
}
|
|
|
|
.sheet-character_sheet h3 span.sheet-weapon_qualities_activation {
|
|
font-size: 0.75em;
|
|
font-weight: 500;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-weapon_qualities {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr 4em);
|
|
column-gap: 1em;
|
|
row-gap: 0.5em;
|
|
margin-top: 1em;
|
|
padding: 1em;
|
|
align-items: center;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-weapon_qualities input,
|
|
.sheet-weapon_qualities select {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0.25em;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-weapon_info label,
|
|
.sheet-weapon_qualities label {
|
|
text-align: right;
|
|
position: relative;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.sheet-weapon_info label::after,
|
|
.sheet-weapon_qualities label::after {
|
|
content: ":";
|
|
}
|
|
|
|
.sheet-weapon_notes {
|
|
padding: 1em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.sheet-weapon_carried_grid {
|
|
display: grid;
|
|
grid-template-columns: max-content max-content;
|
|
column-gap: 0.5em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-weapon_carried_grid input {
|
|
width: max-content;
|
|
}
|
|
|
|
/* Armor */
|
|
|
|
.sheet-armor_item {
|
|
display: grid;
|
|
grid-template-columns: 3fr repeat(5, 5em) 2fr;
|
|
column-gap: 1em;
|
|
row-gap: 0.5em;
|
|
margin-bottom: 1em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-armor_heading {
|
|
margin-top: 1em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.sheet-armor_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-armor_item label {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-armor_item label::after {
|
|
content: ':';
|
|
}
|
|
|
|
.sheet-armor_item textarea {
|
|
height: 4em;
|
|
padding: 0.5em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-armor strong {
|
|
color: #c9cc00;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Gear */
|
|
|
|
.sheet-gear_containers_grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
|
|
column-gap: 5em;
|
|
}
|
|
|
|
.sheet-gear_item {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr minmax(5em, 1fr) 8fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-gear_heading {
|
|
padding-bottom: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-gear_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-gear_item input {
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-gear_item textarea {
|
|
padding: 1em;
|
|
height: 5em;
|
|
}
|
|
|
|
/* Containers */
|
|
|
|
.sheet-container {
|
|
display: grid;
|
|
grid-template-columns: 3fr 3fr 8fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-container_heading {
|
|
padding-bottom: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-container_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-container input {
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-container textarea {
|
|
padding: 1em;
|
|
height: 5em;
|
|
}
|
|
|
|
/* Cybernetics */
|
|
|
|
.sheet-cyber {
|
|
display: grid;
|
|
grid-template-columns: 1fr 3fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-cybernetics_heading {
|
|
padding-bottom: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-cybernetics_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-cybernetics input {
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-cybernetics textarea {
|
|
padding: 1em;
|
|
height: 5em;
|
|
}
|
|
|
|
/* Talents */
|
|
|
|
.sheet-combat_talent,
|
|
.sheet-non_combat_talent {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr 1fr 8fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-combat_talents_heading,
|
|
.sheet-non_combat_talents_heading {
|
|
padding-bottom: 0.5em;
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-combat_talents_heading div,
|
|
.sheet-non_combat_talents_heading div {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.sheet-combat_talent input,
|
|
.sheet-non_combat_talent input {
|
|
height: max-content;
|
|
}
|
|
|
|
.sheet-combat_talent input[type="checkbox"],
|
|
.sheet-non_combat_talent input[type="checkbox"],
|
|
.sheet-gear_item input[type="checkbox"] {
|
|
transform: scale(1.5);
|
|
margin-top: 0.5em;
|
|
width: max-content;
|
|
justify-self: center;
|
|
}
|
|
|
|
.sheet-combat_talent textarea,
|
|
.sheet-non_combat_talent textarea {
|
|
padding: 1em;
|
|
height: 5em;
|
|
}
|
|
|
|
.sheet-combat_talent_checkbox_container,
|
|
.sheet-non_combat_talent_checkbox_container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 0.25em;
|
|
}
|
|
|
|
.sheet-combat_talent .sheet-icon_active,
|
|
.sheet-non_combat_talent .sheet-icon_active {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-combat_talent .sheet-icon_passive,
|
|
.sheet-non_combat_talent .sheet-icon_passive {
|
|
display: block;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-combat_talent_active_checkbox:checked ~ .sheet-icon_active,
|
|
.sheet-non_combat_talent_active_checkbox:checked ~ .sheet-icon_active {
|
|
display: block;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-combat_talent_active_checkbox:checked ~ .sheet-icon_passive,
|
|
.sheet-non_combat_talent_active_checkbox:checked ~ .sheet-icon_passive {
|
|
display: none;
|
|
}
|
|
|
|
/* The Force */
|
|
|
|
.sheet-force-power {
|
|
border-bottom: 1px dotted #aaaaaa;
|
|
padding-bottom: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.sheet-force_powers .repcontainer {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
|
|
column-gap: 5em;
|
|
}
|
|
|
|
.sheet-force-power h3 {
|
|
background: rgb(226,161,96);
|
|
background: radial-gradient(circle, rgba(226,161,96,1) 38%, rgba(200,140,80,1) 100%);
|
|
color: #000000;
|
|
padding: 0.5em;
|
|
margin: 1em 0;
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
border-radius: 0.5em;
|
|
text-shadow: 0px 0px 15px #ffffff;
|
|
}
|
|
|
|
.sheet-force_rating {
|
|
width: 38%;
|
|
text-align: center;
|
|
margin: 0 auto 2em auto;
|
|
}
|
|
|
|
.sheet-force_rating label {
|
|
background: rgb(120,17,20);
|
|
background: radial-gradient(circle, rgba(120,17,20,1) 0%, rgba(103,0,3,1) 62%);
|
|
color: #ffffff;
|
|
padding: 0.25em;
|
|
margin: 0.5em 0;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
border: 4px solid #354457;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
.sheet-force_rating input[type="number"] {
|
|
padding: 0.5em;
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-force-power-roll {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 2em;
|
|
align-items: center;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.sheet-force-power button.roll_force_die {
|
|
margin: 0;
|
|
font-size: 1.5em;
|
|
padding: 0.5em;
|
|
border: 3px solid #354457;
|
|
border-radius: 0.5em;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-force-power button[type="roll"].roll_force_die::before {
|
|
font-family: "dicefontd12";
|
|
content: "0";
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
.sheet-force-power-levels {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
}
|
|
|
|
.sheet-force-power-levels label {
|
|
background: rgb(106,136,133);
|
|
background: radial-gradient(circle, rgba(106,136,133,1) 38%, rgba(74,112,108,1) 100%);
|
|
color: #ffffff;
|
|
padding: 0.25em;
|
|
margin: 0.5em 0;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 4px solid #354457;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
.sheet-force-power-levels input[type="number"],
|
|
.sheet-force-power textarea {
|
|
border-radius: 0.5em;
|
|
padding: 0.5em;
|
|
margin-bottom: 0.25em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-force-power-name {
|
|
padding: 1em 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-force-power-basic,
|
|
.sheet-force-power-mastery{
|
|
padding: 1em 0;
|
|
}
|
|
|
|
.sheet-force-power-basic label::before {
|
|
content: '❖';
|
|
font-size: 1.25em;
|
|
padding-right: 0.25em;
|
|
color: #e2a160;
|
|
}
|
|
|
|
.sheet-force-power-mastery label::before {
|
|
content: '✬';
|
|
font-size: 1.25em;
|
|
padding-right: 0.25em;
|
|
color: #e2a160;
|
|
}
|
|
|
|
.sheet-force-power-basic label,
|
|
.sheet-force-power-mastery label {
|
|
margin-bottom: 0.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-force-power-basic label + textarea,
|
|
.sheet-force-power-mastery label + textarea {
|
|
min-height: 4em;
|
|
max-height: 7em;
|
|
}
|
|
|
|
/* Tooltips */
|
|
|
|
.sheet-icon_help {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-icon_help .sheet-help_info,
|
|
.sheet-icon_help .sheet-help_info_left {
|
|
display: none;
|
|
width: 20em;
|
|
background-color: rgba(0, 0, 0, 0.85);
|
|
color: #ffffff;
|
|
text-align: left;
|
|
padding: 1em;
|
|
border-radius: 0.5em;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-icon_help .sheet-help_info {
|
|
top: 125%;
|
|
left: 50%;
|
|
margin-left: -10em;
|
|
}
|
|
|
|
.sheet-icon_help .sheet-help_info::after {
|
|
content: " ";
|
|
position: absolute;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -0.25em;
|
|
border-width: 0.5em;
|
|
border-style: solid;
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
|
|
}
|
|
|
|
.sheet-icon_help .sheet-help_info_left {
|
|
top: 0;
|
|
right: 105%;
|
|
}
|
|
|
|
.sheet-icon_help .sheet-help_info_left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 5%;
|
|
left: 100%;
|
|
margin-left: -0.25em;
|
|
border-width: 0.5em;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.sheet-icon_help:hover .sheet-help_info,
|
|
.sheet-icon_help:hover .sheet-help_info_left {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-icon_help::after {
|
|
font-family: 'Pictos';
|
|
content: '?';
|
|
color: #555555;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
h2 .sheet-icon_help::after {
|
|
color: #cccccc;
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
.sheet-stat_label .sheet-icon_help::after {
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
.sheet-icon_active::after {
|
|
font-family: 'Pictos';
|
|
content: '9';
|
|
color: #781114;
|
|
padding-left: 0.25em;
|
|
}
|
|
|
|
.sheet-icon_passive::after {
|
|
font-family: 'Pictos';
|
|
content: 't';
|
|
color: #74cddd;
|
|
padding-left: 0.25em;
|
|
}
|
|
|
|
.sheet-icon_remove::after {
|
|
font-family: 'Pictos';
|
|
content: 'D';
|
|
color: #781114;
|
|
padding-left: 0.25em;
|
|
font-size: 1.25em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-help_info p {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
|
|
/* GM Settings */
|
|
|
|
|
|
input[name="attr_gmdicepool"][value="2"]:checked ~ .sheet-character_sheet .sheet-settings-gm {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-settings_grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2fr;
|
|
column-gap: 1em;
|
|
row-gap: 1em;
|
|
padding: 2em;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-settings_grid input {
|
|
padding: 0.5em;
|
|
margin: 0;
|
|
font-size: 1.25em;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.sheet-settings_grid label {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-settings_grid label::after {
|
|
content: ':';
|
|
}
|
|
|
|
/* Roll Template Formatting - Critical */
|
|
|
|
.sheet-rolltemplate-critical table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical th {
|
|
border-radius: 3px;
|
|
background-image: -webkit-linear-gradient(top, #ff0505, #000000);
|
|
background-image: -moz-linear-gradient(top, #ff0505, #000000);
|
|
background-image: -o-linear-gradient(top, #ff0505, #000000);
|
|
background-image: linear-gradient(to bottom, #ff0505, #000000);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 0.5em;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical .sheet-subheader {
|
|
font-size: 0.8em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical .sheet-tcat-header {
|
|
background-image: -webkit-linear-gradient(top, #ff0505, #000000);
|
|
background-image: -moz-linear-gradient(top, #ff0505, #000000);
|
|
background-image: -o-linear-gradient(top, #ff0505, #000000);
|
|
background-image: linear-gradient(to bottom, #ff0505, #000000);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 0.5em;
|
|
line-height: 1.2em;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical td {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical .sheet-tcat {
|
|
font-weight: bold;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical .sheet-flavor {
|
|
font-style: italic;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical tr:nth-child(odd) {
|
|
background-color: rgba(217, 217, 214, 1);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical tr:nth-child(even) {
|
|
background-color: rgba(233, 233, 233, 1);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical h4
|
|
{
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical p
|
|
{
|
|
padding: 0.5em;
|
|
}
|
|
|
|
/* End Roll Template Formatting - Critical */
|
|
|
|
/* Roll Template Formatting */
|
|
|
|
.sheet-rolltemplate-base{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base table, .sheet-rolltemplate-suggestion table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: 'Nunito', sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-base th, .sheet-rolltemplate-suggestion th {
|
|
/* Starfield */
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 0.5em;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-subheader, .sheet-rolltemplate-suggestion .sheet-subheader {
|
|
font-size: 0.8em;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-tcat-header, .sheet-rolltemplate-suggestion .sheet-tcat-header {
|
|
/* Starfield */
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 0.5em;
|
|
line-height: 1.2em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base td, .sheet-rolltemplate-suggestion td {
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.sheet-rolltemplate-suggestion td {
|
|
width: 71px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-tcat, .sheet-rolltemplate-suggestion .sheet-tcat {
|
|
font-weight: bold;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-flavor, .sheet-rolltemplate-suggestion .sheet-flavor {
|
|
font-style: italic;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base tr:nth-child(odd), .sheet-rolltemplate-suggestion tr:nth-child(odd) {
|
|
background-color: rgba(217, 217, 214, 1);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base tr:nth-child(even), .sheet-rolltemplate-suggestion tr:nth-child(even) {
|
|
background-color: rgba(233, 233, 233, 1);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-dice_roll_icons {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
/* End Roll Template Formatting - Base */ |