mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
William Barker
84270a7bb7
Attempt (in two steps) to remedy UK Imgur issue by point to existant images (except divider image)
1419 lines
27 KiB
CSS
1419 lines
27 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Mate+SC&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700;800&display=swap');
|
|
|
|
|
|
.charsheet span {
|
|
font-family: Alegreya SC, Arial;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
font-family: Alegreya SC, Arial;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
.charsheet input[type=text] {
|
|
font-family: Alegreya SC, Arial;
|
|
}
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
font-family: Mate SC, Arial;
|
|
font-size: 14px;
|
|
max-width: 35px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet select {
|
|
font-family: Alegreya SC, Arial;
|
|
font-weight: 700;
|
|
}
|
|
|
|
|
|
.sheet-character,
|
|
.sheet-charms,
|
|
.sheet-combat,
|
|
.sheet-misc {
|
|
display: none;
|
|
}
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="charms"] ~ div.sheet-charms,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="misc"] ~ div.sheet-misc {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-background-layer-1 {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-dropdown-wrapper1 {
|
|
position: absolute;
|
|
/*background-image: url(https://i.imgur.com/8nPW1FK.jpeg);*/
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
min-width: 300px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
border: 3px outset #C2B280;
|
|
padding: 12px 16px;
|
|
z-index: 2;
|
|
}
|
|
|
|
|
|
.sheet-show-toggle + .sheet-dropdown-wrapper1 {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-show-toggle:checked + .sheet-dropdown-wrapper1 {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-background-layer-2 {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-dropdown-wrapper2 {
|
|
position: absolute;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
min-width: 300px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
border: 3px outset #C2B280;
|
|
padding: 12px 16px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-show-toggle2 + .sheet-dropdown-wrapper2 {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-show-toggle2:checked + .sheet-dropdown-wrapper2 {
|
|
display: block;
|
|
}
|
|
|
|
input[type=text] {
|
|
font-weight: bold;
|
|
font-family: Alegreya SC;
|
|
background: none;
|
|
border: none;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
input[type=number] {
|
|
max-width: 40;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
background: none;
|
|
border: 2px inset #C2B280;
|
|
border-radius: 3px;
|
|
max-height: 25px;
|
|
}
|
|
|
|
input.abilitydot {
|
|
font-size: 14px;
|
|
width: 90px;
|
|
border: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
height: 14px;
|
|
}
|
|
|
|
input.big_number{
|
|
font-size: 16px;
|
|
min-height: 28px;
|
|
min-width: 45px;
|
|
}
|
|
span.ability {
|
|
width: 75px;
|
|
font-size: 14px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
span.attribute{
|
|
width: 90px;
|
|
font-size: 15px;
|
|
}
|
|
span.dotattribute {
|
|
font-size: 16px;
|
|
}
|
|
|
|
button.button-top {
|
|
background-color: #C2B280;
|
|
background-image: none;
|
|
min-width: 211px;
|
|
height: 30px;
|
|
}
|
|
|
|
button[type=roll]{
|
|
background-color: #D2C290;
|
|
background-image: none;
|
|
border: 2px outset #C2B280;
|
|
max-height: 20px;
|
|
width: 25px;
|
|
}
|
|
button[type=roll]:hover{
|
|
background-color: #C2B280;
|
|
background-image: none;
|
|
}
|
|
|
|
button[type=roll]:active{
|
|
background-color: #B2A270;
|
|
background-image: none;
|
|
border: 2px inset #C2B280
|
|
}
|
|
|
|
.sheet-dot-layout button[type=roll] {
|
|
background-color: #D2C290;
|
|
background-image: none;
|
|
border: 2px outset #C2B280;
|
|
max-height: 15px;
|
|
width: 15px;
|
|
}
|
|
.sheet-dot-layout button[type=roll]:hover{
|
|
background-color: #C2B280;
|
|
background-image: none;
|
|
}
|
|
|
|
.sheet-dot-layout button[type=roll]:active{
|
|
background-color: #B2A270;
|
|
background-image: none;
|
|
border: 2px inset #C2B280
|
|
}
|
|
select.sheetselect {
|
|
appearance: none;
|
|
text-align: center;
|
|
width: 40px;
|
|
height: 26px;
|
|
padding: 0;
|
|
margin-top: 8px;
|
|
background: #C2B280;
|
|
}
|
|
|
|
select.sheetselect2 {
|
|
width: 150px;
|
|
height: 26px;
|
|
padding: 0;
|
|
background: #C2B280;
|
|
}
|
|
|
|
select.sheetselect3 {
|
|
appearance: none;
|
|
text-align: center;
|
|
width: 35px;
|
|
height: 26px;
|
|
padding: 0;
|
|
margin-top: 8px;
|
|
background: #C2B280;
|
|
}
|
|
|
|
select.sheetcharmselect {
|
|
background: #C2B280;
|
|
}
|
|
|
|
select.sheetweaponselect {
|
|
background: #C2B280;
|
|
width: 40px;
|
|
height: 25px;
|
|
padding: 0;
|
|
appearance: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-attribute-label {
|
|
font-size: 16px;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.sheet-attribute-label2 {
|
|
font-size: 16px;
|
|
font-weight: bolder;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.tile {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.char-text {
|
|
max-width: 170px;
|
|
}
|
|
.sheet-headtext {
|
|
font-size: 30px;
|
|
text-align: center;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 10;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
}
|
|
|
|
|
|
.sheet-characterborder {
|
|
min-width: 900px;
|
|
max-width: 900px;
|
|
min-height: 1700px;
|
|
border: 5px inset #EDDA74;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
|
|
}
|
|
|
|
.sheet-characterinner {
|
|
display: grid;
|
|
grid-template-columns: 30% 23% 12% 12% 23%;
|
|
grid-template-rows: 125px 20px 400px 300px 1fr;
|
|
}
|
|
|
|
.sheet-tab-select {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
min-width: 900px;
|
|
max-width: 900px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-tab-span {
|
|
font-size: 18px;
|
|
}
|
|
.sheet-character-logo-flex {
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
}
|
|
|
|
.imagelogo{
|
|
max-height: 120px;
|
|
max-width: 120px;
|
|
}
|
|
.sheet-character-info {
|
|
grid-column-start: 2;
|
|
grid-column-end: span 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.sheet-character-info2 {
|
|
grid-column-start: 4;
|
|
grid-column-end: span 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.sheet-dotstoggle {
|
|
position: absolute;
|
|
left: 125px;
|
|
top: 242px;
|
|
}
|
|
|
|
.sheet-dotstoggle1 {
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 240px;
|
|
}
|
|
}
|
|
.sheet-flexbox-info{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-nondot, .sheet-dotstoggle:checked ~ div.sheet-dot-layout {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-dot-layout, .sheet-dotstoggle:checked ~ div.sheet-nondot {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-character-attributes {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 3;
|
|
grid-row-end: span 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
justify-content: space-evenly;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-dot-format {
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: span 2;
|
|
grid-template-rows: 20px 125px 470px 110px;
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
.sheet-dot-layout-attributes {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 2;
|
|
grid-row-end: span 1;
|
|
grid-template-rows: 40px 85px;
|
|
grid-template-columns: 33% 33% 33%;
|
|
width: 880px;
|
|
margin-left: 5px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-dots-header{
|
|
grid-column-start: 1;
|
|
grid-column-end: span 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
}
|
|
|
|
.sheet-dot-layout-abilities {
|
|
margin-top: 10px;
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 3;
|
|
grid-row-end: span 1;
|
|
grid-template-rows: 40px 400px;
|
|
grid-template-columns: 33% 33% 33%;
|
|
width: 873px;
|
|
margin-left: 5px;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.sheet-dot-abilities-rownew1 {
|
|
display: grid;
|
|
grid-template-columns: 20px 93px 87px 45px 35px;
|
|
grid-template-rows: 100%;
|
|
align-items: center;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-dot-layout-essence {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
display: grid;
|
|
grid-template-rows: 30px 70px;
|
|
grid-template-columns: 100%;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 4;
|
|
grid-row-end: span 1;
|
|
margin-left: 5px;
|
|
margin-top: 10px;
|
|
padding-left: 8px;
|
|
width: 873px;
|
|
}
|
|
|
|
.sheet-dot-essence-main {
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 28% 22% 22% 28%;
|
|
grid-row-start: 2;
|
|
}
|
|
|
|
.sheet-essence-col {
|
|
display: grid;
|
|
grid-template-columns: 100%;
|
|
grid-template-rows: 25px 35px;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
|
|
.radiocontainer {
|
|
display: flex;
|
|
margin: 2px;
|
|
gap: 4px;
|
|
}
|
|
|
|
.radiocontainer2 {
|
|
display: grid;
|
|
gap: 4px;
|
|
grid-template-columns: 20% 20% 20% 20% 20%;
|
|
grid-template-rows: 100%;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.radiobox {
|
|
order: 1;
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
background: black;
|
|
min-height: 14px;
|
|
min-width: 14px;
|
|
max-height: 14px;
|
|
max-width: 14px;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
.radiobox:checked {
|
|
opacity: 0;
|
|
z-index: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.radiobox:checked ~ .radiobox {
|
|
order: 3;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.radiobox.reset {
|
|
order: 2;
|
|
background-color: black;
|
|
}
|
|
.sheet-dots-attribute-col, .sheet-dots-abilities-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-dots-attribute-col {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
|
|
.sheet-attribute-toprow{
|
|
font-size: 20px;
|
|
display: grid;
|
|
grid-template-columns: 20px 123px 65px 50px;
|
|
grid-template-rows: 100%;
|
|
}
|
|
|
|
.sheet-dots-attribute-rownew {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 25px 110px 100px 40px;
|
|
grid-template-rows: 100%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-attribute-rownew, .sheet-attribute-rownew2{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-attribute-rownew2, .sheet-attribute-toprow{
|
|
border-bottom: 2px outset #EDDA74;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sheet-character-abilities {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 5px;
|
|
grid-column-start: 2;
|
|
grid-column-end: span 4;
|
|
grid-row-start: 3;
|
|
grid-row-end: span 2;
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
grid-template-rows: 50px, 400px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.sheet-abilities-side1 {
|
|
margin-top: 50px;
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: stretch;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-abilities-side2 {
|
|
margin-top: 50px;
|
|
grid-column-start: 2;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: stretch;
|
|
border-left: 2px inset #EDDA74;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-abilities-rowtop{
|
|
padding-left: 12px;
|
|
display: grid;
|
|
grid-template-columns: 25px 90px 55px 55px 50px;
|
|
grid-template-rows: 100%;
|
|
}
|
|
|
|
.sheet-abilities-rownew1{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-martial-art-break {
|
|
display: block;
|
|
float: left;
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-martial-arts-spacing {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
width: 70px;
|
|
}
|
|
|
|
.sheet-essence {
|
|
grid-column-start: 1;
|
|
grid-row-start: 4;
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-left: 10px;
|
|
margin-top: 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: stretch;
|
|
font-size: 25px;
|
|
}
|
|
|
|
.sheet-essence-labels {
|
|
grid-column-start: 1;
|
|
grid-row-start: 1;
|
|
}
|
|
|
|
.sheet-essence-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.sheet-ess-row-commit {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.sheet-essence-row2 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
border-bottom: 2px outset #EDDA74;
|
|
margin-left: 7px;
|
|
margin-right: 7px;
|
|
height: 50px;
|
|
}
|
|
|
|
span.sheet-ess {
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-ess-inner1 {
|
|
margin-right: 15px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-ess-inner {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-will-inner {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-ability-label {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-ability-label2 {
|
|
font-size: 16px;
|
|
width: 70px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-limit {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-left: 10px;
|
|
margin-top: 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: stretch;
|
|
font-size: 25px;
|
|
height: 280px;
|
|
}
|
|
|
|
.sheet-limit-text {
|
|
background: transparent;
|
|
border: 1px solid black;
|
|
border-radius: 3px;
|
|
resize: vertical;
|
|
align-self: center;
|
|
}
|
|
|
|
|
|
|
|
.sheet-experience {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-bottom: 10px;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
font-size: 15;
|
|
width: 585px;
|
|
}
|
|
.sheet-exp-format {
|
|
width: 30px;
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
text-align: center;
|
|
font-weight: bolder;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-experience-project-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
select.sheet-project-select {
|
|
width: 100px;
|
|
background-color: #C2B280
|
|
}
|
|
|
|
.sheet-inti-info {
|
|
grid-row-start: 5;
|
|
grid-column-start: 2;
|
|
grid-column-end: span 4;
|
|
margin-left: 20px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.sheet-inti-info-inner {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-intimacy-area {
|
|
width: 585px;
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-intimacy-header {
|
|
font-size: 20px;
|
|
display: grid;
|
|
grid-template-columns: 440px 85px;
|
|
grid-template-rows: 100%;
|
|
|
|
}
|
|
|
|
.sheet-align-intimacy1 {
|
|
text-align: left;
|
|
grid-row-start: 1;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
.sheet-align-intimacy2 {
|
|
text-align: left;
|
|
grid-row-start: 1;
|
|
grid-column-start: 2;
|
|
}
|
|
|
|
.sheet-intimacy-rating {
|
|
width: 100px;
|
|
background: #C2B280;
|
|
}
|
|
|
|
.sheet-intimacy-name {
|
|
max-width: 425px;
|
|
height: 30px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
font-size: 15px;
|
|
background: transparent;
|
|
border-bottom: 2px solid black;
|
|
resize: vertical;
|
|
}
|
|
|
|
.sheet-intimacy-row {
|
|
min-height: 28px;
|
|
display: grid;
|
|
grid-template-columns: 440px 100px;
|
|
grid-template-rows: 100%;
|
|
}
|
|
|
|
.sheet-intimacy-row2 {
|
|
min-height: 28px;
|
|
display: grid;
|
|
grid-template-columns: 280px 100px;
|
|
grid-template-rows: 100%;
|
|
}
|
|
|
|
|
|
|
|
.sheet-exp-project {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-merit-spec-col {
|
|
grid-column-start: 1;
|
|
grid-column-end: span 1;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.sheet-merspec-inner {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-merits-inner {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-left: 10px;
|
|
margin-top: 15px;
|
|
width: 255px;
|
|
}
|
|
|
|
.sheet-spec-inner {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-left: 10px;
|
|
margin-top: 15px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-information {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 8px;
|
|
margin-top: 15px;
|
|
margin-bottom: 10px;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-info-description-area {
|
|
background: transparent;
|
|
margin: 15px;
|
|
}
|
|
[data-groupname=repeating_char-spec] .repitem {
|
|
display: flex;
|
|
flex-direction:row;
|
|
margin-top: 10px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
|
|
[data-groupname=repeating_char-merits] .repitem {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-join-battle {
|
|
width: 200px;
|
|
height: 34px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
border: 3px inset #EDDA74;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-health-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
border: 3px inset #EDDA74;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.sheet-combat-text {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
select.sheet-health-penalty {
|
|
width: 30px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 0px;
|
|
text-overflow: '';
|
|
background: transparent;
|
|
border: 3px ridge #DDCA64;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
padding: 0px;
|
|
margin-left: 2px;
|
|
}
|
|
.sheet-health-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100px;
|
|
width:32px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.sheet-combat-defenses {
|
|
display: grid;
|
|
grid-template-columns: 20% 20% 20% 20% 20%;
|
|
grid-template-rows: 50% 50%;
|
|
width: 876px;
|
|
height: 100px;
|
|
text-align: center;
|
|
border: 3px inset #EDDA74;
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
span.sheet-defense-header {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sheet-defense-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-defense-number {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-defense-number .sheet-defense-text {
|
|
visibility: hidden;
|
|
width: 180px;
|
|
margin-left: -90px;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
background-color: grey;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-defense-number:hover .sheet-defense-text {
|
|
visibility: visible;
|
|
}
|
|
|
|
.sheet-weapon-table {
|
|
display: grid;
|
|
grid-template-columns: 180px 65px 65px 65px 65px 65px 65px 65px 55px 55px 55px 55px;
|
|
grid-template-rows: 30px 25px 40px;
|
|
width: 880px;
|
|
justify-items: center;
|
|
align-items: stretch;
|
|
margin-bottom: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-weapon-table-ranged {
|
|
display: grid;
|
|
grid-template-columns: 180px 65px 65px 65px 65px 65px 55px 55px 55px 55px 55px 65px;
|
|
grid-template-rows: 30px 25px 10px 30px 40px;
|
|
width: 880px;
|
|
justify-items: center;
|
|
align-items: stretch;
|
|
margin-bottom: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.accuracy-align {
|
|
grid-column-start: 2;
|
|
grid-row-start: 5;
|
|
}
|
|
.close-acc {
|
|
grid-column-start: 3;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.short-acc {
|
|
grid-column-start: 4;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.medium-acc {
|
|
grid-column-start: 5;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.long-acc {
|
|
grid-column-start: 6;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.extreme-acc {
|
|
grid-column-start: 7;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.ranged-tag-text {
|
|
grid-column-start: 9;
|
|
grid-column-end: span 4;
|
|
grid-row-start: 5;
|
|
}
|
|
|
|
.ranged-str-box{
|
|
grid-column-start: 8;
|
|
grid-row-start: 5;
|
|
}
|
|
.sheet-combat-weapons {
|
|
border: 3px inset #EDDA74;
|
|
width: 880px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.sheet-weapon-table button {
|
|
max-height: 25px;
|
|
}
|
|
|
|
.sheet-combat-armor {
|
|
border: 3px inset #EDDA74;
|
|
width: 880px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.sheet-armor-table {
|
|
display: grid;
|
|
grid-template-columns: 180px 65px 65px 65px 65px 300px;
|
|
grid-template-rows: 30px 25px;
|
|
width: 880px;
|
|
justify-items: center;
|
|
align-items: stretch;
|
|
margin-bottom: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-combat-inner, .sheet-charmsinner {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
min-height:1000px;
|
|
width: 900px;
|
|
border: 5px inset #EDDA74;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_charm-individual"],
|
|
.sheet-charm-tree-set, .sheet-charm-individual-set, .repcontainer[data-groupname="repeating_char-merits"] {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-charm-tree-set{
|
|
margin-bottom:50px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
width: 870px;
|
|
}
|
|
|
|
.sheet-charm-row {
|
|
margin-left: 15px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-charm-individual-set,
|
|
.repcontainer[data-groupname="repeating_charms"] .repitem,
|
|
.repcontainer[data-groupname="repeating_spells"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual2"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual3"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual4"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual5"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual6"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual7"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual8"] .repitem,
|
|
.repcontainer[data-groupname="repeating_charm-individual9"] .repitem {
|
|
font-size: 15px;
|
|
padding-bottom: 10px;
|
|
border: 2px ridge #D7C15A;
|
|
padding-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
div.sheet-charm-description,
|
|
.sheet-charm-description1,
|
|
.sheet-charm-description2,
|
|
.sheet-charm-description3,
|
|
.sheet-charm-description4,
|
|
.sheet-charm-description5,
|
|
.sheet-charm-description6,
|
|
.sheet-charm-description7,
|
|
.sheet-charm-description8,
|
|
.sheet-charm-description9,
|
|
.sheet-merit-description {
|
|
display: none;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-charm-description-area,
|
|
.sheet-charm-description-area1,
|
|
.sheet-charm-description-area2,
|
|
.sheet-charm-description-area3,
|
|
.sheet-charm-description-area4,
|
|
.sheet-charm-description-area5,
|
|
.sheet-charm-description-area6,
|
|
.sheet-charm-description-area7,
|
|
.sheet-charm-description-area8,
|
|
.sheet-charm-description-area9,
|
|
.sheet-merit-description-area {
|
|
align-self: center;
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
}
|
|
.sheet-charm-display:checked ~ .sheet-charm-description,
|
|
.sheet-charm-display1:checked ~ .sheet-charm-description1,
|
|
.sheet-charm-display2:checked ~ .sheet-charm-description2,
|
|
.sheet-charm-display3:checked ~ .sheet-charm-description3,
|
|
.sheet-charm-display4:checked ~ .sheet-charm-description4,
|
|
.sheet-charm-display5:checked ~ .sheet-charm-description5,
|
|
.sheet-charm-display6:checked ~ .sheet-charm-description6,
|
|
.sheet-charm-display7:checked ~ .sheet-charm-description7,
|
|
.sheet-charm-display8:checked ~ .sheet-charm-description8,
|
|
.sheet-charm-display9:checked ~ .sheet-charm-description9,
|
|
.sheet-merit-display:checked ~ .sheet-merit-description {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-misctop {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
display: grid;
|
|
grid-template-rows: 1fr;
|
|
grid-template-columns: 50% 50%;
|
|
width: 900px;
|
|
border: 5px inset #EDDA74;
|
|
min-height: 600px;
|
|
}
|
|
|
|
.sheet-miscleft {
|
|
grid-row-start: 1;
|
|
grid-column-start: 1;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 10px;
|
|
}
|
|
|
|
.sheet-abilities-miscrownew1{
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 60% 20% 20%;
|
|
align-items: center;
|
|
width: 400px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-misctext{
|
|
font-size: 16px;
|
|
margin-bottom: 15px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.sheet-abilities-miscrownew2{
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 52% 12% 12% 12% 12%;
|
|
align-items: center;
|
|
width: 400px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-abilities-miscrownew3{
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 60% 40%;
|
|
align-items: center;
|
|
width: 400px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-abilities-miscrownew4 {
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 60% 40%;
|
|
align-items: center;
|
|
width: 400px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-abilities-miscrownew5 {
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 5% 55% 10% 10% 10% 10%;
|
|
align-items: center;
|
|
width: 400px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-miscabilities, .sheet-miscquickchar, .sheet-miscmartialarts, .sheet-misccraft {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 4px;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 10px;
|
|
margin-bottom: 20px;
|
|
width: 420px;
|
|
}
|
|
|
|
.sheet-miscright {
|
|
grid-row-start: 1;
|
|
grid-column-start: 2;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 10px;
|
|
}
|
|
|
|
.sheet-miscitems {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 4px;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 10px;
|
|
margin-bottom: 20px;
|
|
width: 420px;
|
|
}
|
|
|
|
.sheet-miscbattlegroup, .sheet-miscessence, .sheet-miscintimacies {
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 10px;
|
|
width: 420px;
|
|
}
|
|
|
|
.sheet-martialartsside2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
height: 400px;
|
|
width: 300px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-martialartsside1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
height: 400px;
|
|
width: 300px;
|
|
}
|
|
|
|
.sheet-martial-art {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
font-size: 13px;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-martial-art-dots {
|
|
display: grid;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 35px 153px 47px 75px;
|
|
align-items: center;
|
|
font-size: 13px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-martialartsinner {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
display: grid;
|
|
grid-template-rows: auto auto;
|
|
grid-template-columns: 50% 50%;
|
|
border: 5px groove #EDDA74;
|
|
width: 1000px;
|
|
}
|
|
|
|
.sheet-martial-art-text {
|
|
width: 150px;
|
|
}
|
|
|
|
|
|
.dots{
|
|
display:flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
/* Configure the button styling. This example makes it look like a radio. */
|
|
button.dot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
cursor: pointer;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
button.dot > span {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background: buttontext;
|
|
}
|
|
|
|
/* Hide the "checked" section of the radio if the hidden attribute value is greater than the button value */
|
|
|
|
input.dot[value="1"] ~ button.gt-1 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="2"] ~ button.gt-2 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="3"] ~ button.gt-3 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="4"] ~ button.gt-4 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="5"] ~ button.gt-5 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="6"] ~ button.gt-6 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="7"] ~ button.gt-7 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="8"] ~ button.gt-8 > span.checked {
|
|
display: none;
|
|
}
|
|
input.dot[value="9"] ~ button.gt-9 > span.checked {
|
|
display: none;
|
|
}
|
|
|
|
img.imagelogo {
|
|
max-width: 300px;
|
|
}
|
|
|
|
span.sheet-damage-box {
|
|
display: none;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
div.sheet-health-level {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
}
|
|
img.manImg {
|
|
max-height: 25px;
|
|
max-width: 25px;
|
|
}
|
|
|
|
input.sheet-hp {
|
|
transform: scale(1.6);
|
|
margin-left: 9px;
|
|
position: absolute;
|
|
margin-top: 3px;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-charm-output div.sheet-roll-container {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Exalted%203/images/background.jpeg?raw=true);
|
|
border: 3px inset #EDDA74;
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
padding-top: 20px;
|
|
font-family: Rubik;
|
|
}
|
|
|
|
.sheet-rolltemplate-charm-output div.sheet-charmroll-name-row {
|
|
font-size: 19px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-charm-output div.sheet-row-space {
|
|
height: 10px;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-charm-output div.sheet-rolltemp-row-desc {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
border: 2px inset #EDDA74;
|
|
border-radius: 4px;
|
|
padding: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-charm-output div.sheet-rolltemp-row {
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
|
|
}
|
|
|
|
input.sheet-health-healthy:checked ~ span.sheet-health-healthy,
|
|
input.sheet-health-bash:checked ~ span.sheet-health-bash,
|
|
input.sheet-health-lethal:checked ~ span.sheet-health-lethal,
|
|
input.sheet-health-aggravated:checked ~ span.sheet-health-aggravated { display: inline-block; }
|
|
|
|
input.sheet-health-healthy { z-index: 2; }
|
|
input.sheet-health-healthy:checked + input.sheet-health-bash, input.sheet-health-bash:checked + input.sheet-health-lethal, input.sheet-health-lethal:checked + input.sheet-health-aggravated { z-index: 3; } |