hbCyberandjean.s.lemay
9596861599
- Refactored layout, added game logo - Refactored sheet.json Co-authored-by: jean.s.lemay <jean.s.lemay@velocity-solutions.com>
664 lines
26 KiB
CSS
664 lines
26 KiB
CSS
/* -- tailwind utilities ---------------------------------------------------- */
|
|
|
|
.sheet-flex {
|
|
display: flex !important;
|
|
}
|
|
|
|
.sheet-flex-row {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
.sheet-flex-no-wrap {
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
|
|
.sheet-items-end {
|
|
align-items: flex-end !important;
|
|
}
|
|
|
|
.sheet-items-center {
|
|
align-items: center !important;
|
|
}
|
|
|
|
.sheet-items-baseline {
|
|
align-items: baseline !important;
|
|
}
|
|
|
|
.sheet-self-start {
|
|
align-self: flex-start !important;
|
|
}
|
|
|
|
.sheet-justify-between {
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.sheet-flex-1 {
|
|
flex: 1 1 0% !important;
|
|
}
|
|
|
|
.sheet-flex-initial {
|
|
flex: 0 1 auto !important;
|
|
}
|
|
|
|
.sheet-flex-none {
|
|
flex: none !important;
|
|
}
|
|
|
|
.sheet-font-mono {
|
|
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
|
|
}
|
|
|
|
.sheet-font-bold {
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.sheet-h-20 {
|
|
height: 5rem !important;
|
|
}
|
|
|
|
.sheet-mb-0 {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.sheet-mt-2 {
|
|
margin-top: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-mb-2 {
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-ml-2 {
|
|
margin-left: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-mt-4 {
|
|
margin-top: 1rem !important;
|
|
}
|
|
|
|
.sheet-mt-6 {
|
|
margin-top: 1.5rem !important;
|
|
}
|
|
|
|
.sheet-mt-8 {
|
|
margin-top: 2rem !important;
|
|
}
|
|
|
|
.sheet-ml-8 {
|
|
margin-left: 2rem !important;
|
|
}
|
|
|
|
.sheet-pr-px {
|
|
padding-right: 1px !important;
|
|
}
|
|
|
|
.sheet-text-center {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.sheet-text-right {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.sheet-text-red-700 {
|
|
color: #c53030 !important;
|
|
}
|
|
|
|
.sheet-text-purple-600 {
|
|
color: #805ad5 !important;
|
|
}
|
|
|
|
.sheet-text-sm {
|
|
font-size: 1.125rem !important;
|
|
}
|
|
|
|
.sheet-italic {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
.sheet-w-3\/4 {
|
|
width: 75% !important;
|
|
}
|
|
|
|
.sheet-w-full {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-col-span-1 {
|
|
grid-column: span 1 / span 1 !important;
|
|
}
|
|
|
|
.sheet-col-span-2 {
|
|
grid-column: span 2 / span 2 !important;
|
|
}
|
|
|
|
.sheet-col-span-3 {
|
|
grid-column: span 3 / span 3 !important;
|
|
}
|
|
|
|
.sheet-col-span-4 {
|
|
grid-column: span 4 / span 4 !important;
|
|
}
|
|
|
|
.sheet-col-span-5 {
|
|
grid-column: span 5 / span 5 !important;
|
|
}
|
|
|
|
.sheet-col-span-8 {
|
|
grid-column: span 8 / span 8 !important;
|
|
}
|
|
|
|
.sheet-col-span-9 {
|
|
grid-column: span 9 / span 9 !important;
|
|
}
|
|
|
|
.sheet-col-span-12 {
|
|
grid-column: span 12 / span 12 !important;
|
|
}
|
|
|
|
.sheet-self-y-start {
|
|
align-self: start !important;
|
|
}
|
|
|
|
/* -- styling --------------------------------------------------------------- */
|
|
|
|
/* -- sheet wrapper --------------------------------------------------------- */
|
|
|
|
.sheet-wrapper { width: 100%; box-sizing: border-box; padding-right: 2.5rem;
|
|
}
|
|
|
|
/* -- tab ------------------------------------------------------------------- */
|
|
|
|
.sheet-tab {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-top-left-radius: 0.375rem;
|
|
border-top-right-radius: 0.375rem;
|
|
padding: 0.7rem 1.25rem !important;
|
|
background: transparent;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: #ddd;
|
|
}
|
|
|
|
.sheet-tab:focus { outline: 0;
|
|
}
|
|
|
|
.sheet-tab:hover { background: #eee;
|
|
}
|
|
|
|
.sheet-tab-spacer {
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
min-width: 0.15rem;
|
|
border-bottom-color: #ddd;
|
|
}
|
|
|
|
/* -- button ---------------------------------------------------------------- */
|
|
|
|
.sheet-button {
|
|
border-width: 1px !important;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
width: 1.9rem;
|
|
height: 2.1rem;
|
|
padding: 2px 3px;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
/* When the button is hidden for purposes of spacing, we set its height to 0
|
|
to avoid increasing the container's height. */
|
|
|
|
.sheet-button.sheet-button--hidden {
|
|
visibility: hidden !important;
|
|
height: 0 !important;
|
|
}
|
|
|
|
.sheet-button.sheet-button--advantage {
|
|
color: #38a169;
|
|
background: #f0fff4;
|
|
}
|
|
|
|
.sheet-button.sheet-button--advantage:hover { background: #c6f6d5;
|
|
}
|
|
|
|
.sheet-button.sheet-button--disadvantage {
|
|
color: #9b2c2c;
|
|
background: #fff5f5;
|
|
}
|
|
|
|
.sheet-button.sheet-button--disadvantage:hover { background: #fed7d7;
|
|
}
|
|
|
|
/* Icons */
|
|
|
|
.sheet-button.sheet-button--chat::before {
|
|
font-family: 'Pictos' !important;
|
|
content: "w" !important;
|
|
}
|
|
|
|
/* -- textarea -------------------------------------------------------------- */
|
|
|
|
.sheet-textarea { height: 8rem; box-sizing: border-box;
|
|
}
|
|
|
|
/* -- checkbox -------------------------------------------------------------- */
|
|
|
|
.sheet-checkbox { width: 2rem !important; height: 2rem !important;
|
|
}
|
|
|
|
/* -- radio ----------------------------------------------------------------- */
|
|
|
|
/* -- label ----------------------------------------------------------------- */
|
|
|
|
/* Sheet wrapper */
|
|
|
|
.sheet-wrapper {
|
|
min-width: 780px;
|
|
max-width: 1280px;
|
|
}
|
|
|
|
/* Panel classes */
|
|
|
|
.sheet-panel-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
|
|
.sheet-panel-container.sheet-panel-container--center { align-items: center;
|
|
}
|
|
|
|
.sheet-panel {
|
|
width: 100%;
|
|
grid-column: 1 / 1;
|
|
grid-row: 1 / 1;
|
|
}
|
|
|
|
/* View navigation */
|
|
|
|
.sheet-id-attr-curr-view:not([value="view_player"]) ~ .sheet-id-header-player,
|
|
.sheet-id-attr-curr-view:not([value="view_player"]) ~ .sheet-id-view-player,
|
|
.sheet-id-attr-curr-view:not([value="view_gm"]) ~ .sheet-id-header-gm,
|
|
.sheet-id-attr-curr-view:not([value="view_gm"]) ~ .sheet-id-view-gm {
|
|
visibility: hidden;
|
|
z-index: -1;
|
|
}
|
|
|
|
/* View: player */
|
|
|
|
/* Stats grid */
|
|
|
|
.sheet-id-view-player .sheet-container-stats {
|
|
display: grid;
|
|
grid-gap: 0.5rem;
|
|
grid-gap: 0.5rem;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
grid-template-columns: 4rem 6rem 6rem auto auto auto 4rem 4rem 6rem 4rem 6rem 1fr;
|
|
grid-template-rows: auto auto auto auto 0.5rem auto;
|
|
}
|
|
|
|
/* Encumbrance labels */
|
|
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value=""] ~ .sheet-id-enc-label-encumbered,
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value=""] ~ .sheet-id-enc-label-max-capacity,
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value=""] ~ .sheet-id-enc-label-over-capacity { display: none;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="encumbered"] ~ .sheet-id-enc-label-max-capacity,
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="encumbered"] ~ .sheet-id-enc-label-over-capacity { display: none;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="max_capacity"] ~ .sheet-id-enc-label-encumbered,
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="max_capacity"] ~ .sheet-id-enc-label-over-capacity { display: none;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="over_capacity"] ~ .sheet-id-enc-label-encumbered,
|
|
.sheet-id-view-player .sheet-container-stats .sheet-id-attr-enc-status[value="over_capacity"] ~ .sheet-id-enc-label-max-capacity { display: none;
|
|
}
|
|
|
|
/* Tab navigation */
|
|
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_concept"] ~ .sheet-id-tab-button-concept,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_skills"] ~ .sheet-id-tab-button-skills,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_weapons"] ~ .sheet-id-tab-button-weapons,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_armor"] ~ .sheet-id-tab-button-armor,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_items"] ~ .sheet-id-tab-button-items {
|
|
cursor: default;
|
|
border-top-color: #ddd;
|
|
border-left-color: #ddd;
|
|
border-right-color: #ddd;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_concept"] ~ .sheet-id-tab-button-concept:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_skills"] ~ .sheet-id-tab-button-skills:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_weapons"] ~ .sheet-id-tab-button-weapons:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_armor"] ~ .sheet-id-tab-button-armor:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_items"] ~ .sheet-id-tab-button-items:hover { background: transparent;
|
|
}
|
|
|
|
/* Tab panel display */
|
|
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_concept"]) ~ .sheet-id-tab-concept,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_skills"]) ~ .sheet-id-tab-skills,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_weapons"]) ~ .sheet-id-tab-weapons,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_armor"]) ~ .sheet-id-tab-armor,
|
|
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_items"]) ~ .sheet-id-tab-items {
|
|
visibility: hidden;
|
|
z-index: -1;
|
|
}
|
|
|
|
/* Panel: concept */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-concept .sheet-container-concept {
|
|
display: grid;
|
|
grid-gap: 0.5rem;
|
|
grid-gap: 0.5rem;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
grid-template-columns: 8rem 1fr auto 4rem 8rem 1fr auto;
|
|
}
|
|
|
|
/* Panel: skills */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-skills .sheet-container-skill {
|
|
display: grid;
|
|
grid-gap: 0.5rem;
|
|
grid-gap: 0.5rem;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
background-color: #f7fafc;
|
|
padding: 1rem;
|
|
grid-template-columns: 8rem 1fr 4rem 4rem 1fr 4rem 4rem 1fr auto;
|
|
}
|
|
|
|
/* Make Power textarea visible when the checkbox is checked */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-skills .sheet-container-skill .sheet-id-attr-skill-is-power-computed:not([value="true"]) +
|
|
.sheet-id-attr-skill-is-power-computed-textarea { display: none !important;
|
|
}
|
|
|
|
/* Panel: weapons */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-weapons .sheet-container-headers,
|
|
.sheet-id-view-player .sheet-id-tab-weapons .sheet-container-weapon {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 6rem 6rem 6rem 6rem auto auto 8rem 2fr 6rem auto;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-weapons .sheet-container-headers { grid-column-gap: 0.5rem; grid-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; padding-left: 1rem; padding-right: 1rem;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-weapons .sheet-container-weapon { grid-gap: 0.5rem; grid-gap: 0.5rem; gap: 0.5rem; background-color: #f7fafc; padding: 1rem;
|
|
}
|
|
|
|
/* Panel: armor */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-armor .sheet-container-headers,
|
|
.sheet-id-view-player .sheet-id-tab-armor .sheet-container-armor {
|
|
display: grid;
|
|
grid-template-columns: 3fr 6rem 6rem 6rem 6rem auto auto 8rem 6rem auto 4fr 6rem auto;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-armor .sheet-container-headers { grid-column-gap: 0.5rem; grid-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; padding-left: 1rem; padding-right: 1rem;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-armor .sheet-container-armor { grid-gap: 0.5rem; grid-gap: 0.5rem; gap: 0.5rem; background-color: #f7fafc; padding: 1rem;
|
|
}
|
|
|
|
/* Panel: items */
|
|
|
|
.sheet-id-view-player .sheet-id-tab-items .sheet-container-headers,
|
|
.sheet-id-view-player .sheet-id-tab-items .sheet-container-item {
|
|
display: grid;
|
|
grid-template-columns: 1fr 8rem 2fr 6rem auto;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-items .sheet-container-headers { grid-column-gap: 0.5rem; grid-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; padding-left: 1rem; padding-right: 1rem;
|
|
}
|
|
|
|
.sheet-id-view-player .sheet-id-tab-items .sheet-container-item { grid-gap: 0.5rem; grid-gap: 0.5rem; gap: 0.5rem; background-color: #f7fafc; padding: 1rem;
|
|
}
|
|
|
|
/* View: GM */
|
|
|
|
.sheet-id-view-gm .sheet-container-npc {
|
|
display: grid;
|
|
grid-gap: 0.5rem;
|
|
grid-gap: 0.5rem;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
background-color: #f7fafc;
|
|
padding: 1rem;
|
|
grid-template-columns: 4rem 6rem auto auto auto 1fr 4rem 6rem auto auto auto 1fr 4rem 6rem auto auto auto 1fr 4rem 6rem;
|
|
}
|
|
/* Roll templates */
|
|
|
|
.sheet-rolltemplate-text,
|
|
.sheet-rolltemplate-skill,
|
|
.sheet-rolltemplate-weapon,
|
|
.sheet-rolltemplate-armor,
|
|
.sheet-rolltemplate-item {
|
|
/* -- styling ----------------------------------------------------------- */
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* -- tailwind utilities ------------------------------------------------ */
|
|
|
|
.sheet-rolltemplate-text .sheet-flex, .sheet-rolltemplate-skill .sheet-flex, .sheet-rolltemplate-weapon .sheet-flex, .sheet-rolltemplate-armor .sheet-flex, .sheet-rolltemplate-item .sheet-flex {
|
|
display: flex !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-flex-row, .sheet-rolltemplate-skill .sheet-flex-row, .sheet-rolltemplate-weapon .sheet-flex-row, .sheet-rolltemplate-armor .sheet-flex-row, .sheet-rolltemplate-item .sheet-flex-row {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-flex-no-wrap, .sheet-rolltemplate-skill .sheet-flex-no-wrap, .sheet-rolltemplate-weapon .sheet-flex-no-wrap, .sheet-rolltemplate-armor .sheet-flex-no-wrap, .sheet-rolltemplate-item .sheet-flex-no-wrap {
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-items-end, .sheet-rolltemplate-skill .sheet-items-end, .sheet-rolltemplate-weapon .sheet-items-end, .sheet-rolltemplate-armor .sheet-items-end, .sheet-rolltemplate-item .sheet-items-end {
|
|
align-items: flex-end !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-items-center, .sheet-rolltemplate-skill .sheet-items-center, .sheet-rolltemplate-weapon .sheet-items-center, .sheet-rolltemplate-armor .sheet-items-center, .sheet-rolltemplate-item .sheet-items-center {
|
|
align-items: center !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-items-baseline, .sheet-rolltemplate-skill .sheet-items-baseline, .sheet-rolltemplate-weapon .sheet-items-baseline, .sheet-rolltemplate-armor .sheet-items-baseline, .sheet-rolltemplate-item .sheet-items-baseline {
|
|
align-items: baseline !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-self-start, .sheet-rolltemplate-skill .sheet-self-start, .sheet-rolltemplate-weapon .sheet-self-start, .sheet-rolltemplate-armor .sheet-self-start, .sheet-rolltemplate-item .sheet-self-start {
|
|
align-self: flex-start !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-justify-between, .sheet-rolltemplate-skill .sheet-justify-between, .sheet-rolltemplate-weapon .sheet-justify-between, .sheet-rolltemplate-armor .sheet-justify-between, .sheet-rolltemplate-item .sheet-justify-between {
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-flex-1, .sheet-rolltemplate-skill .sheet-flex-1, .sheet-rolltemplate-weapon .sheet-flex-1, .sheet-rolltemplate-armor .sheet-flex-1, .sheet-rolltemplate-item .sheet-flex-1 {
|
|
flex: 1 1 0% !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-flex-initial, .sheet-rolltemplate-skill .sheet-flex-initial, .sheet-rolltemplate-weapon .sheet-flex-initial, .sheet-rolltemplate-armor .sheet-flex-initial, .sheet-rolltemplate-item .sheet-flex-initial {
|
|
flex: 0 1 auto !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-flex-none, .sheet-rolltemplate-skill .sheet-flex-none, .sheet-rolltemplate-weapon .sheet-flex-none, .sheet-rolltemplate-armor .sheet-flex-none, .sheet-rolltemplate-item .sheet-flex-none {
|
|
flex: none !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-font-mono, .sheet-rolltemplate-skill .sheet-font-mono, .sheet-rolltemplate-weapon .sheet-font-mono, .sheet-rolltemplate-armor .sheet-font-mono, .sheet-rolltemplate-item .sheet-font-mono {
|
|
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-font-bold, .sheet-rolltemplate-skill .sheet-font-bold, .sheet-rolltemplate-weapon .sheet-font-bold, .sheet-rolltemplate-armor .sheet-font-bold, .sheet-rolltemplate-item .sheet-font-bold {
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-h-20, .sheet-rolltemplate-skill .sheet-h-20, .sheet-rolltemplate-weapon .sheet-h-20, .sheet-rolltemplate-armor .sheet-h-20, .sheet-rolltemplate-item .sheet-h-20 {
|
|
height: 5rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mb-0, .sheet-rolltemplate-skill .sheet-mb-0, .sheet-rolltemplate-weapon .sheet-mb-0, .sheet-rolltemplate-armor .sheet-mb-0, .sheet-rolltemplate-item .sheet-mb-0 {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mt-2, .sheet-rolltemplate-skill .sheet-mt-2, .sheet-rolltemplate-weapon .sheet-mt-2, .sheet-rolltemplate-armor .sheet-mt-2, .sheet-rolltemplate-item .sheet-mt-2 {
|
|
margin-top: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mb-2, .sheet-rolltemplate-skill .sheet-mb-2, .sheet-rolltemplate-weapon .sheet-mb-2, .sheet-rolltemplate-armor .sheet-mb-2, .sheet-rolltemplate-item .sheet-mb-2 {
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-ml-2, .sheet-rolltemplate-skill .sheet-ml-2, .sheet-rolltemplate-weapon .sheet-ml-2, .sheet-rolltemplate-armor .sheet-ml-2, .sheet-rolltemplate-item .sheet-ml-2 {
|
|
margin-left: 0.5rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mt-4, .sheet-rolltemplate-skill .sheet-mt-4, .sheet-rolltemplate-weapon .sheet-mt-4, .sheet-rolltemplate-armor .sheet-mt-4, .sheet-rolltemplate-item .sheet-mt-4 {
|
|
margin-top: 1rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mt-6, .sheet-rolltemplate-skill .sheet-mt-6, .sheet-rolltemplate-weapon .sheet-mt-6, .sheet-rolltemplate-armor .sheet-mt-6, .sheet-rolltemplate-item .sheet-mt-6 {
|
|
margin-top: 1.5rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-mt-8, .sheet-rolltemplate-skill .sheet-mt-8, .sheet-rolltemplate-weapon .sheet-mt-8, .sheet-rolltemplate-armor .sheet-mt-8, .sheet-rolltemplate-item .sheet-mt-8 {
|
|
margin-top: 2rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-ml-8, .sheet-rolltemplate-skill .sheet-ml-8, .sheet-rolltemplate-weapon .sheet-ml-8, .sheet-rolltemplate-armor .sheet-ml-8, .sheet-rolltemplate-item .sheet-ml-8 {
|
|
margin-left: 2rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-pr-px, .sheet-rolltemplate-skill .sheet-pr-px, .sheet-rolltemplate-weapon .sheet-pr-px, .sheet-rolltemplate-armor .sheet-pr-px, .sheet-rolltemplate-item .sheet-pr-px {
|
|
padding-right: 1px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-text-center, .sheet-rolltemplate-skill .sheet-text-center, .sheet-rolltemplate-weapon .sheet-text-center, .sheet-rolltemplate-armor .sheet-text-center, .sheet-rolltemplate-item .sheet-text-center {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-text-right, .sheet-rolltemplate-skill .sheet-text-right, .sheet-rolltemplate-weapon .sheet-text-right, .sheet-rolltemplate-armor .sheet-text-right, .sheet-rolltemplate-item .sheet-text-right {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-text-red-700, .sheet-rolltemplate-skill .sheet-text-red-700, .sheet-rolltemplate-weapon .sheet-text-red-700, .sheet-rolltemplate-armor .sheet-text-red-700, .sheet-rolltemplate-item .sheet-text-red-700 {
|
|
color: #c53030 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-text-purple-600, .sheet-rolltemplate-skill .sheet-text-purple-600, .sheet-rolltemplate-weapon .sheet-text-purple-600, .sheet-rolltemplate-armor .sheet-text-purple-600, .sheet-rolltemplate-item .sheet-text-purple-600 {
|
|
color: #805ad5 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-text-sm, .sheet-rolltemplate-skill .sheet-text-sm, .sheet-rolltemplate-weapon .sheet-text-sm, .sheet-rolltemplate-armor .sheet-text-sm, .sheet-rolltemplate-item .sheet-text-sm {
|
|
font-size: 1.125rem !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-italic, .sheet-rolltemplate-skill .sheet-italic, .sheet-rolltemplate-weapon .sheet-italic, .sheet-rolltemplate-armor .sheet-italic, .sheet-rolltemplate-item .sheet-italic {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-w-3\/4, .sheet-rolltemplate-skill .sheet-w-3\/4, .sheet-rolltemplate-weapon .sheet-w-3\/4, .sheet-rolltemplate-armor .sheet-w-3\/4, .sheet-rolltemplate-item .sheet-w-3\/4 {
|
|
width: 75% !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-w-full, .sheet-rolltemplate-skill .sheet-w-full, .sheet-rolltemplate-weapon .sheet-w-full, .sheet-rolltemplate-armor .sheet-w-full, .sheet-rolltemplate-item .sheet-w-full {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-1, .sheet-rolltemplate-skill .sheet-col-span-1, .sheet-rolltemplate-weapon .sheet-col-span-1, .sheet-rolltemplate-armor .sheet-col-span-1, .sheet-rolltemplate-item .sheet-col-span-1 {
|
|
grid-column: span 1 / span 1 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-2, .sheet-rolltemplate-skill .sheet-col-span-2, .sheet-rolltemplate-weapon .sheet-col-span-2, .sheet-rolltemplate-armor .sheet-col-span-2, .sheet-rolltemplate-item .sheet-col-span-2 {
|
|
grid-column: span 2 / span 2 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-3, .sheet-rolltemplate-skill .sheet-col-span-3, .sheet-rolltemplate-weapon .sheet-col-span-3, .sheet-rolltemplate-armor .sheet-col-span-3, .sheet-rolltemplate-item .sheet-col-span-3 {
|
|
grid-column: span 3 / span 3 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-4, .sheet-rolltemplate-skill .sheet-col-span-4, .sheet-rolltemplate-weapon .sheet-col-span-4, .sheet-rolltemplate-armor .sheet-col-span-4, .sheet-rolltemplate-item .sheet-col-span-4 {
|
|
grid-column: span 4 / span 4 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-5, .sheet-rolltemplate-skill .sheet-col-span-5, .sheet-rolltemplate-weapon .sheet-col-span-5, .sheet-rolltemplate-armor .sheet-col-span-5, .sheet-rolltemplate-item .sheet-col-span-5 {
|
|
grid-column: span 5 / span 5 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-8, .sheet-rolltemplate-skill .sheet-col-span-8, .sheet-rolltemplate-weapon .sheet-col-span-8, .sheet-rolltemplate-armor .sheet-col-span-8, .sheet-rolltemplate-item .sheet-col-span-8 {
|
|
grid-column: span 8 / span 8 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-9, .sheet-rolltemplate-skill .sheet-col-span-9, .sheet-rolltemplate-weapon .sheet-col-span-9, .sheet-rolltemplate-armor .sheet-col-span-9, .sheet-rolltemplate-item .sheet-col-span-9 {
|
|
grid-column: span 9 / span 9 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-col-span-12, .sheet-rolltemplate-skill .sheet-col-span-12, .sheet-rolltemplate-weapon .sheet-col-span-12, .sheet-rolltemplate-armor .sheet-col-span-12, .sheet-rolltemplate-item .sheet-col-span-12 {
|
|
grid-column: span 12 / span 12 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-self-y-start, .sheet-rolltemplate-skill .sheet-self-y-start, .sheet-rolltemplate-weapon .sheet-self-y-start, .sheet-rolltemplate-armor .sheet-self-y-start, .sheet-rolltemplate-item .sheet-self-y-start {
|
|
align-self: start !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-header, .sheet-rolltemplate-skill .sheet-rt-header, .sheet-rolltemplate-weapon .sheet-rt-header, .sheet-rolltemplate-armor .sheet-rt-header, .sheet-rolltemplate-item .sheet-rt-header {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
background-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-header .sheet-rt-header__title, .sheet-rolltemplate-skill .sheet-rt-header .sheet-rt-header__title, .sheet-rolltemplate-weapon .sheet-rt-header .sheet-rt-header__title, .sheet-rolltemplate-armor .sheet-rt-header .sheet-rt-header__title, .sheet-rolltemplate-item .sheet-rt-header .sheet-rt-header__title { flex: 1 1 0%; font-size: 1.125rem; color: #fff; font-weight: 700;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-header .sheet-rt-header__subtitle, .sheet-rolltemplate-skill .sheet-rt-header .sheet-rt-header__subtitle, .sheet-rolltemplate-weapon .sheet-rt-header .sheet-rt-header__subtitle, .sheet-rolltemplate-armor .sheet-rt-header .sheet-rt-header__subtitle, .sheet-rolltemplate-item .sheet-rt-header .sheet-rt-header__subtitle { flex: none; font-size: 1.125rem; color: #e2e8f0; font-style: italic; margin-left: 1rem;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-grid, .sheet-rolltemplate-skill .sheet-rt-grid, .sheet-rolltemplate-weapon .sheet-rt-grid, .sheet-rolltemplate-armor .sheet-rt-grid, .sheet-rolltemplate-item .sheet-rt-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
grid-column-gap: 1rem;
|
|
grid-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-grid .sheet-rt-grid__item, .sheet-rolltemplate-skill .sheet-rt-grid .sheet-rt-grid__item, .sheet-rolltemplate-weapon .sheet-rt-grid .sheet-rt-grid__item, .sheet-rolltemplate-armor .sheet-rt-grid .sheet-rt-grid__item, .sheet-rolltemplate-item .sheet-rt-grid .sheet-rt-grid__item {
|
|
grid-column: span 1 / span 1;
|
|
font-size: 1.125rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--bold, .sheet-rolltemplate-skill .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--bold, .sheet-rolltemplate-weapon .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--bold, .sheet-rolltemplate-armor .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--bold, .sheet-rolltemplate-item .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--bold { font-weight: 700;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4, .sheet-rolltemplate-skill .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4, .sheet-rolltemplate-weapon .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4, .sheet-rolltemplate-armor .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4, .sheet-rolltemplate-item .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4 { grid-column: span 3 / span 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-separator, .sheet-rolltemplate-skill .sheet-rt-separator, .sheet-rolltemplate-weapon .sheet-rt-separator, .sheet-rolltemplate-armor .sheet-rt-separator, .sheet-rolltemplate-item .sheet-rt-separator { flex: none; border-style: solid; border-width: 0; border-bottom-width: 1px; border-color: #cbd5e0;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-subheader, .sheet-rolltemplate-skill .sheet-rt-subheader, .sheet-rolltemplate-weapon .sheet-rt-subheader, .sheet-rolltemplate-armor .sheet-rt-subheader, .sheet-rolltemplate-item .sheet-rt-subheader { flex: none; font-size: 1.125rem; font-weight: 700; background-color: #cbd5e0; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.sheet-rolltemplate-text .sheet-rt-text, .sheet-rolltemplate-skill .sheet-rt-text, .sheet-rolltemplate-weapon .sheet-rt-text, .sheet-rolltemplate-armor .sheet-rt-text, .sheet-rolltemplate-item .sheet-rt-text { flex: none; font-size: 1.125rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem;
|
|
}
|