mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
2275 lines
68 KiB
CSS
2275 lines
68 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
display: none;
|
|
}
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
/* Firefox */
|
|
}
|
|
body .charactersheet * {
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
.itemcontrol {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.repcontrol_move {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/sort.png')
|
|
center / contain no-repeat border-box;
|
|
background-color: white;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 2px 10px;
|
|
margin: 0;
|
|
border: solid 1px #e0b829;
|
|
border-radius: 2px;
|
|
text-indent: -9999px;
|
|
}
|
|
.repcontrol_move:hover {
|
|
background-color: #e0b829;
|
|
background-position: center;
|
|
}
|
|
.repcontrol_del {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/nuke.png')
|
|
center / contain no-repeat border-box;
|
|
background-color: #ff6a53;
|
|
position: relative;
|
|
z-index: 99;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 2px 10px;
|
|
margin: 0;
|
|
border: solid 1px #e0b829;
|
|
border-radius: 2px;
|
|
text-indent: -9999px;
|
|
}
|
|
.repcontrol_del:hover {
|
|
background-color: black;
|
|
background-position: center;
|
|
}
|
|
|
|
body .charsheet .interface:after {
|
|
content: 'Fallout 2d20 v1.1 | https://app.roll20.net/users/2699740/robert-b';
|
|
display: grid;
|
|
margin: 10px 0;
|
|
font-size: 8px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* PIP-BOY R20 */
|
|
.charactersheet .style-pip-boy[value="1"] ~ .interface {
|
|
background: black;
|
|
}
|
|
.charactersheet .style-pip-boy[value="1"] ~ .interface * {
|
|
color: #1AF87F;
|
|
}
|
|
/* basic options */
|
|
.charactersheet .style-outline[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy_outline.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-pip-boy[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy_outline_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultgirl.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-outline[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultgirl_outline.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-pip-boy[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultgirl_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultgirl_outline_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
/* power armor */
|
|
.charactersheet .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultboy_pa.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-outline[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultboy_outline_pa.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-pip-boy[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultboy_pa_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultboy_outline_pa_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultgirl_pa.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-outline[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultgirl_outline_pa.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-pip-boy[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultgirl_pa_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
.charactersheet .style-vault-girl[value="1"] ~ .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .power-armor[value="1"] ~ .interface .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/vaultgirl_outline_pa_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
/* robot */
|
|
body .charactersheet .style-vault-girl ~ .style-outline ~ .style-pip-boy ~ .power-armor ~ .interface .origin-choice[value="robot"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/robot.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
body .charactersheet .style-vault-girl ~ .style-outline[value="1"] ~ .style-pip-boy ~ .power-armor ~ .interface .origin-choice[value="robot"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/robot_outline.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
body .charactersheet .style-vault-girl ~ .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .power-armor ~ .interface .origin-choice[value="robot"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/robot_outline_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
/* robot2 */
|
|
body .charactersheet .style-vault-girl ~ .style-outline ~ .style-pip-boy ~ .power-armor ~ .interface .origin-choice[value="robot2"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/robot2.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
body .charactersheet .style-vault-girl ~ .style-outline[value="1"] ~ .style-pip-boy ~ .power-armor ~ .interface .origin-choice[value="robot2"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/robot2_outline.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
body .charactersheet .style-vault-girl ~ .style-outline[value="1"] ~ .style-pip-boy[value="1"] ~ .power-armor ~ .interface .origin-choice[value="robot2"] ~ .locations {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/robot2_outline_pb.png')
|
|
bottom / 45% no-repeat;
|
|
}
|
|
|
|
.charactersheet h1, h2, h3, h4, p {
|
|
clear: both;
|
|
min-height: 20px;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.charactersheet h1,
|
|
.charactersheet h1 * {
|
|
font: bold 20px 'Roboto', sans-serif;
|
|
width: 50%;
|
|
padding: 5px 5px 5px 35px;
|
|
margin: 0 0 5px -30px;
|
|
box-sizing: border-box;
|
|
background: linear-gradient(135deg, #e0b829 90%, white 90%);
|
|
color: white;
|
|
text-transform: uppercase;
|
|
}
|
|
.charactersheet h2,
|
|
.charactersheet h2 * {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
width: 200px;
|
|
padding: 5px;
|
|
margin: 0 0 5px 0;
|
|
box-sizing: border-box;
|
|
background: linear-gradient(45deg, #e0b829 85%, white 85%);
|
|
color: white;
|
|
text-transform: uppercase;
|
|
}
|
|
.combat h2
|
|
.charactersheet h2 * {
|
|
background: linear-gradient(45deg, #DC8D3B 85%, white 85%);
|
|
}
|
|
.charactersheet .creation h2,
|
|
.charactersheet .creation h2 *,
|
|
.charactersheet .npc h2 {
|
|
position: relative;
|
|
font: bold 20px 'Roboto', sans-serif;
|
|
width: 100%;
|
|
background: none;
|
|
color: black;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.charactersheet h2 .prev,
|
|
.charactersheet h2 .next {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 2px;
|
|
top: 5px;
|
|
text-indent: -9999px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
}
|
|
.charactersheet h2 .prev:hover,
|
|
.charactersheet h2 .next:hover {
|
|
background-color: #e0b829;
|
|
}
|
|
.charactersheet h2 .prev {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/larrow.png')
|
|
center / contain no-repeat content-box;
|
|
right: 25px;
|
|
}
|
|
.charactersheet h2 .next {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/rarrow.png')
|
|
center / contain no-repeat content-box;
|
|
right: 0;
|
|
}
|
|
.charactersheet h3,
|
|
.charactersheet h3 * {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
padding: 5px 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: #b9971b;/*#e0b829;*/
|
|
text-transform: uppercase;
|
|
}
|
|
.charactersheet p + p {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.charactersheet p.vb-tip {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy_head.png')
|
|
left / contain no-repeat;
|
|
font-size: 16px;
|
|
width: auto;
|
|
padding: 10px 10px 10px 50px;
|
|
}
|
|
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* tabs */
|
|
.interface {
|
|
position: relative;
|
|
}
|
|
.tabs,
|
|
.subtabs {
|
|
margin: 0 0 10px 0;
|
|
padding: 0;
|
|
}
|
|
.tabs {
|
|
border-bottom: solid 2px black;
|
|
}
|
|
.tabs div,
|
|
.subtabs div {
|
|
display: inline-block;
|
|
height: 30px;
|
|
box-sizing: border-box;
|
|
margin: 0 0 -4px 10px;
|
|
padding: 5px;
|
|
}
|
|
.tabs button,
|
|
.subtabs button {
|
|
font: 12px 'Roboto', sans-serif;
|
|
background: white;
|
|
padding: 0 5px;
|
|
border: none;
|
|
text-transform: uppercase;
|
|
}
|
|
.tabs button {
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
.subtabs button {
|
|
font-weight: normal;
|
|
color: #b9971b;/*#e0b829;*/
|
|
}
|
|
.tabs button:hover,
|
|
.subtabs button:hover {
|
|
color: #b9971b;/*#e0b829;*/
|
|
}
|
|
.tabs .tabstoggle[value="creation"] ~ div.tab-creation,
|
|
.tabs .tabstoggle[value="character"] ~ div.tab-character,
|
|
.tabs .tabstoggle[value="perks"] ~ div.tab-perks,
|
|
.tabs .tabstoggle[value="items"] ~ div.tab-items,
|
|
.tabs .tabstoggle[value="npc"] ~ div.tab-npc,
|
|
.tabs .tabstoggle[value="settings"] ~ div.tab-settings {
|
|
background: white;
|
|
border-top: solid 2px black;
|
|
border-left: solid 2px black;
|
|
border-right: solid 2px black;
|
|
}
|
|
.subtabs .subtabstoggle[value="origin"] ~ div.tab-origin button,
|
|
.subtabs .subtabstoggle[value="attributes"] ~ div.tab-attributes button,
|
|
.subtabs .subtabstoggle[value="skills"] ~ div.tab-skills button,
|
|
.subtabs .subtabstoggle[value="perk"] ~ div.tab-perk button,
|
|
.subtabs .subtabstoggle[value="derived"] ~ div.tab-derived button,
|
|
.subtabs .subtabstoggle[value="equipment"] ~ div.tab-equipment button,
|
|
.subtabs .subtabstoggle[value="finalize"] ~ div.tab-finalize button {
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
|
|
.charactersheet .setting-npc[value="1"] ~ .interface div.tab-creation,
|
|
.charactersheet .setting-npc[value="1"] ~ .interface div.tab-character,
|
|
.charactersheet .setting-npc[value="1"] ~ .interface div.tab-perks,
|
|
.charactersheet .setting-npc[value="1"] ~ .interface div.tab-items,
|
|
.charactersheet .setting-npc:not([value="1"]) ~ .interface div.tab-npc {
|
|
display: none;
|
|
}
|
|
|
|
body .charactersheet .creation,
|
|
body .charactersheet .character,
|
|
body .charactersheet .perks,
|
|
body .charactersheet .npc,
|
|
body .charactersheet .items,
|
|
body .charactersheet .settings,
|
|
body .charactersheet .origin,
|
|
body .charactersheet .attributes,
|
|
body .charactersheet .skills,
|
|
body .charactersheet .perk,
|
|
body .charactersheet .derived,
|
|
body .charactersheet .equipment,
|
|
body .charactersheet .finalize {
|
|
display: none;
|
|
}
|
|
|
|
.charactersheet .setting-npc:not([value="1"]) ~ .interface .tabstoggle[value="creation"] ~ div.creation,
|
|
.charactersheet .setting-npc:not([value="1"]) ~ .interface .tabstoggle[value="character"] ~ div.character,
|
|
.charactersheet .setting-npc:not([value="1"]) ~ .interface .tabstoggle[value="perks"] ~ div.perks,
|
|
.charactersheet .setting-npc:not([value="1"]) ~ .interface .tabstoggle[value="items"] ~ div.items,
|
|
.charactersheet .setting-npc[value="1"] ~ .interface .tabstoggle[value="npc"] ~ div.npc,
|
|
.tabstoggle[value="settings"] ~ div.settings {
|
|
display: grid;
|
|
row-gap: 10px;
|
|
}
|
|
.charactersheet .setting-npc[value="0"] ~ .interface button.character:not(.npc),
|
|
.charactersheet .setting-npc[value="1"] ~ .npc-category[value="character"] ~ .interface button.npc.character,
|
|
.charactersheet .setting-npc[value="1"] ~ .npc-category:not([value="character"]) ~ .interface button.npc:not(.character) {
|
|
display: inline-block;
|
|
}
|
|
.charactersheet .setting-npc[value="0"] ~ .interface .npc .grid.character,
|
|
.charactersheet .setting-npc[value="1"] ~ .npc-category[value="character"] ~ .interface .npc .character {
|
|
display: grid;
|
|
}
|
|
.charactersheet .setting-npc[value="1"] ~ .npc-category:not([value="character"]) ~ .interface .npc .npc {
|
|
display: grid;
|
|
}
|
|
.subtabstoggle[value="origin"] ~ div.origin,
|
|
.subtabstoggle[value="attributes"] ~ div.attributes,
|
|
.subtabstoggle[value="skills"] ~ div.skills,
|
|
.subtabstoggle[value="perk"] ~ div.perk,
|
|
.subtabstoggle[value="derived"] ~ div.derived,
|
|
.subtabstoggle[value="equipment"] ~ div.equipment,
|
|
.subtabstoggle[value="finalize"] ~ div.finalize {
|
|
display: grid;
|
|
}
|
|
|
|
.roll-dice {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 5px;
|
|
width: auto;
|
|
height: 28px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* end tabs */
|
|
|
|
.attribute-value ~ button,
|
|
.attribute-value ~ span {
|
|
color: white;
|
|
border: none;
|
|
height: 20px;
|
|
margin-left: 5px;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
.attribute-value ~ span {
|
|
padding: 0;
|
|
margin: 0;
|
|
color: black;
|
|
}
|
|
.attribute-value ~ button:hover {
|
|
color: black;
|
|
}
|
|
.attribute-value ~ span.total {
|
|
float: right;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-height: 20px;
|
|
padding: 0 5px;
|
|
border: solid 1px black;
|
|
border-radius: 2px;
|
|
background: black;
|
|
color: white;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.strength .input,
|
|
.perception .input,
|
|
.endurance .input,
|
|
.charisma .input,
|
|
.intelligence .input,
|
|
.agility .input,
|
|
.luck .input {
|
|
padding: 0;
|
|
border: none;
|
|
color: black;
|
|
}
|
|
|
|
body .charactersheet .luckpts {
|
|
background: linear-gradient(45deg, #fff0 10%, #BDBBD1 10%);
|
|
grid-template-columns: 14fr 8fr;
|
|
grid-column: 5;
|
|
margin-top: -20px;
|
|
}
|
|
body .charactersheet .actionpts {
|
|
background: linear-gradient(45deg, #fff0 10%, #F6A393 10%);
|
|
grid-template-columns: 14fr 4fr;
|
|
margin-top: 10px;
|
|
}
|
|
body .charactersheet .radpts {
|
|
background: linear-gradient(-45deg, #C8D06D 90%, #fff0 90%);
|
|
grid-template-columns: 4fr 14fr;
|
|
margin-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
body .charactersheet div .col5 .luckpts label,
|
|
body .charactersheet div .col1 .actionpts label,
|
|
body .charactersheet div .col1 .radpts label {
|
|
background: none;
|
|
border: none;
|
|
text-align: right;
|
|
color: black;
|
|
}
|
|
body .charactersheet div .col1 .radpts label {
|
|
text-align: left;
|
|
}
|
|
body .charactersheet div .col5 .luckpts input[type=number],
|
|
body .charactersheet div .col1 .actionpts input[type=number],
|
|
body .charactersheet div .col1 .radpts input[type=number] {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/gear.png') center no-repeat;
|
|
background-size: contain;
|
|
height: auto;
|
|
margin: -18px 0;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
body .charactersheet .origin-choice:not([value="atom"]) ~ .grid .radpts {
|
|
display: none;
|
|
}
|
|
|
|
body .charactersheet div .col7 label,
|
|
.col7 .input {
|
|
background: #e0b829;
|
|
color: white;
|
|
border: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.col7 .input {
|
|
font-size: 20px;
|
|
height: auto;
|
|
}
|
|
|
|
.charactersheet .attributes .strength button,
|
|
.charactersheet .attributes .strength .input,
|
|
body .charactersheet div .col7 .strength label,
|
|
.col7 .strength .input {
|
|
background: #EFBC91;
|
|
border: solid 1px #EFBC91;
|
|
}
|
|
|
|
.charactersheet .attributes .perception button,
|
|
.charactersheet .attributes .perception .input,
|
|
body .charactersheet div .col7 .perception label,
|
|
.col7 .perception .input {
|
|
background: #C0D5AE;
|
|
border: solid 1px #C0D5AE;
|
|
}
|
|
|
|
.charactersheet .attributes .endurance button,
|
|
.charactersheet .attributes .endurance .input,
|
|
body .charactersheet div .col7 .endurance label,
|
|
.col7 .endurance .input {
|
|
background: #ADC7D8;
|
|
border: solid 1px #ADC7D8;
|
|
|
|
}
|
|
|
|
.charactersheet .attributes .charisma button,
|
|
.charactersheet .attributes .charisma .input,
|
|
body .charactersheet div .col7 .charisma label,
|
|
.col7 .charisma .input {
|
|
background: #A2C1A2;
|
|
border: solid 1px #A2C1A2;
|
|
}
|
|
|
|
.charactersheet .attributes .intelligence button,
|
|
.charactersheet .attributes .intelligence .input,
|
|
body .charactersheet div .col7 .intelligence label,
|
|
.col7 .intelligence .input {
|
|
background: #CAC5A8;
|
|
border: solid 1px #CAC5A8;
|
|
}
|
|
|
|
.charactersheet .attributes .agility button,
|
|
.charactersheet .attributes .agility .input,
|
|
body .charactersheet div .col7 .agility label,
|
|
.col7 .agility .input {
|
|
background: #F3BAAF;
|
|
border: solid 1px #F3BAAF;
|
|
}
|
|
|
|
.charactersheet .attributes .luck button,
|
|
.charactersheet .attributes .luck .input,
|
|
body .charactersheet div .col7 .luck label,
|
|
.col7 .luck .input {
|
|
background: #BDBBD1;
|
|
border: solid 1px #BDBBD1;
|
|
}
|
|
|
|
.charisma .origin-choice[value="mutant"] ~ button.value-7,
|
|
.charisma .origin-choice[value="mutant"] ~ button.value-8,
|
|
.charisma .origin-choice[value="mutant"] ~ button.value-9,
|
|
.charisma .origin-choice[value="mutant"] ~ button.value-10,
|
|
.intelligence .origin-choice[value="mutant"] ~ button.value-7,
|
|
.intelligence .origin-choice[value="mutant"] ~ button.value-8,
|
|
.intelligence .origin-choice[value="mutant"] ~ button.value-9,
|
|
.intelligence .origin-choice[value="mutant"] ~ button.value-10 {
|
|
display: none;
|
|
}
|
|
|
|
.attribute-value[value="4"] ~ button.value-4,
|
|
.attribute-value[value="5"] ~ button.value-5,
|
|
.attribute-value[value="6"] ~ button.value-6,
|
|
.attribute-value[value="7"] ~ button.value-7,
|
|
.attribute-value[value="8"] ~ button.value-8,
|
|
.attribute-value[value="9"] ~ button.value-9,
|
|
.attribute-value[value="10"] ~ button.value-10 {
|
|
background: white;
|
|
color: black;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.confirm-button button,
|
|
.confirm-button em {
|
|
grid-column: 5;
|
|
}
|
|
.confirm-button xbutton {
|
|
font-weight: bold;
|
|
background: #e0b829;
|
|
color: white;
|
|
border: solid 1px #e0b829;
|
|
border-radius: 2px;
|
|
}
|
|
.confirm-button button:hover {
|
|
background: white;
|
|
color: #e0b829;
|
|
}
|
|
.confirm-button em {
|
|
display: block;
|
|
width: auto;
|
|
padding: 5px;
|
|
border: dotted 1px #e0b829;
|
|
}
|
|
|
|
.special-finalized[value="1"] ~ p .confirm-note,
|
|
.special-finalized[value="1"] ~ div.confirm-button {
|
|
display: none;
|
|
}
|
|
|
|
.special {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/special_bar.png') top center no-repeat;
|
|
background-size: 100% 100%;
|
|
grid-template-rows: 80px;
|
|
}
|
|
.charactersheet .special .grid {
|
|
grid-template-rows: auto;
|
|
align-self: center;
|
|
}
|
|
.special .header {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 0 0 5px 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.special .value {
|
|
font: bold 24px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.level {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/gear.png') top center no-repeat;
|
|
background-size: contain;
|
|
grid-template-rows: 25px auto;
|
|
}
|
|
.level .header {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 15px 0 0 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.level .value {
|
|
font: bold 20px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
|
|
body .charactersheet .die {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_vaultboy.png') center no-repeat;
|
|
background-size: contain;
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 0;
|
|
margin: 0 0 -7px 0;
|
|
}
|
|
|
|
.melee-damage ~ .die0,
|
|
.melee-damage ~ .die1,
|
|
.melee-damage ~ .die2,
|
|
.melee-damage ~ .die3 {
|
|
display: none;
|
|
}
|
|
|
|
.melee-damage[value="0"] ~ .die0 {
|
|
display: inline-block;
|
|
}
|
|
body .charactersheet div .col2 .melee-damage[value="1"] ~ .die1,
|
|
body .charactersheet div .col2 .melee-damage[value="2"] ~ .die2,
|
|
body .charactersheet div .col2 .melee-damage[value="3"] ~ .die3 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.charactersheet .character .col2-csheet,
|
|
.charactersheet .character .weapons {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.logo {
|
|
grid-template-rows: auto 20px;
|
|
}
|
|
|
|
.charactersheet .logo h1 {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/logo.png') left top no-repeat;
|
|
background-size: contain;
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
.charactersheet .logo .doc-subtitle {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
padding: 5px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.charactersheet .grid {
|
|
display: grid;
|
|
margin: 0;
|
|
padding: 0;
|
|
grid-auto-rows: minmax(min-content, max-content);
|
|
row-gap: 10px;
|
|
}
|
|
.charactersheet .gap {
|
|
column-gap: 10px;
|
|
}
|
|
.charactersheet .nogap {
|
|
gap: 0px;
|
|
grid-template-rows: 20px auto;
|
|
}
|
|
.col2 {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
.col2 > .header {
|
|
grid-column: span 2;
|
|
text-align: center;
|
|
}
|
|
.col2-csheet {
|
|
grid-template-columns: 1fr 2fr;
|
|
}
|
|
.col2-weapon {
|
|
grid-template-columns: 1fr 5fr;
|
|
}
|
|
.col2-initiative {
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
.col3 {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.col4-health {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
.col4 {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.col4-csheet {
|
|
grid-template-columns: 5fr 12fr 12fr 4fr;
|
|
}
|
|
.col5 {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
.col5-derived {
|
|
grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
|
|
}
|
|
.col6 {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
.col6-dr {
|
|
grid-template-columns: 2fr 1fr 1fr 2fr 1fr 1fr;
|
|
}
|
|
.col6-dr .header {
|
|
grid-column: span 6;
|
|
text-align: center;
|
|
}
|
|
.col6-meleedmg,
|
|
.col6-defense,
|
|
.col6-initiative {
|
|
grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr;
|
|
xheight: 20px;
|
|
}
|
|
.charactersheet .col7 {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
.col7-npc-type {
|
|
grid-template-columns: 2fr 2fr 5fr 4fr 4fr 2fr 1fr;
|
|
}
|
|
.col8 {
|
|
grid-template-columns: repeat(8, 1fr);
|
|
}
|
|
|
|
.col4 > .header {
|
|
grid-column: span 4;
|
|
text-align: center;
|
|
}
|
|
.col8 > .header {
|
|
grid-column: span 8;
|
|
text-align: center;
|
|
}
|
|
.slot1 {
|
|
grid-column: 1;
|
|
}
|
|
.slot2 {
|
|
grid-column: 2;
|
|
}
|
|
.slot3 {
|
|
grid-column: 3;
|
|
}
|
|
.slot4 {
|
|
grid-column: 4;
|
|
}
|
|
.span2 {
|
|
grid-column: span 2;
|
|
}
|
|
.span2v {
|
|
grid-row: span 2;
|
|
}
|
|
.span3 {
|
|
grid-column: span 3;
|
|
}
|
|
.span4 {
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.charactersheet label,
|
|
.label {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
line-height: 20px;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
background: black;
|
|
color: white;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.charactersheet .creation label {
|
|
background: #F4E1AE;
|
|
color: black;
|
|
border: solid 1px #F4E1AE;
|
|
}
|
|
|
|
.charactersheet label button {
|
|
background: none;
|
|
border: none;
|
|
height: 15px
|
|
}
|
|
|
|
.col7 div label,
|
|
.col7 div input,
|
|
.col7 div .input,
|
|
.charactersheet label.level,
|
|
.charactersheet input.level {
|
|
text-align: center;
|
|
}
|
|
|
|
body .charactersheet div .grid input,
|
|
.charactersheet select,
|
|
.input {
|
|
font: 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 20px;
|
|
border: solid 1px black;
|
|
border-radius: 0;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
background: white;
|
|
color: black;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
outline: none;
|
|
overflow: hidden;
|
|
}
|
|
.charactersheet .creation input,
|
|
.charactersheet .creation select {
|
|
border: solid 1px #F4E1AE;
|
|
}
|
|
.input {
|
|
border: none;
|
|
}
|
|
body .charactersheet div .grid input[type=checkbox] {
|
|
height: auto;
|
|
width: auto;
|
|
align-self: center;
|
|
}
|
|
|
|
body .charactersheet div .col2 input[type=checkbox] {
|
|
background: none;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
body .charactersheet div .switch {
|
|
background: none;
|
|
border: none;
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 20px;
|
|
}
|
|
.switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 5px;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: gray;
|
|
border-radius: 20px;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
.slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 16px;
|
|
width: 16px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
input:checked + .slider {
|
|
background-color: #8fbc8f;
|
|
}
|
|
body .charsheet div .grid .injury + input:valid {
|
|
background-color: #ff6a53;
|
|
}
|
|
input:focus + .slider {
|
|
border: solid 1px black;
|
|
}
|
|
input:checked + .slider:before {
|
|
-webkit-transform: translateX(16px);
|
|
-ms-transform: translateX(16px);
|
|
transform: translateX(16px);
|
|
}
|
|
|
|
.charactersheet input[type=radio] {
|
|
height: auto;
|
|
width: auto;
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
|
|
body .charactersheet div .grid input[type=number] {
|
|
width: 100%;
|
|
height: 20px;
|
|
}
|
|
|
|
body .charactersheet div .grid input.character-name,
|
|
body .charactersheet div .grid input.level {
|
|
height: auto;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.skills-grid,
|
|
.skills-grid-mini {
|
|
display: grid;
|
|
grid-template-rows: 20px;
|
|
align-content: start;
|
|
}
|
|
.skills-grid {
|
|
grid-template-columns: 2fr 1fr 1fr 1fr;
|
|
}
|
|
.skills-grid-mini {
|
|
grid-template-columns: 2fr 1fr 1fr;
|
|
}
|
|
.skills-grid div,
|
|
.skills-grid-mini div {
|
|
font: normal 10px 'Roboto', sans-serif;
|
|
height: 26px;
|
|
line-height: 24px;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
padding: 0 0 0 5px;
|
|
background: #faeade;
|
|
color: #de9458;
|
|
text-align: center;
|
|
align-self: center;
|
|
}
|
|
.skills-grid div label + span,
|
|
.skills-grid-mini div button + span {
|
|
color: #cf7329;/*#de9458;*/
|
|
font-size: 10px;
|
|
}
|
|
.skills-grid div.header,
|
|
.skills-grid-mini div.header {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
padding: 5px;
|
|
background: black;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
}
|
|
.skills-grid > div:nth-child(8n + 5),
|
|
.skills-grid > div:nth-child(8n + 6),
|
|
.skills-grid > div:nth-child(8n + 7),
|
|
.skills-grid > div:nth-child(8n + 8),
|
|
.skills-grid-mini > div:nth-child(6n + 4),
|
|
.skills-grid-mini > div:nth-child(6n + 5),
|
|
.skills-grid-mini > div:nth-child(6n + 6) {
|
|
background: #f4d6bc;
|
|
}
|
|
.skills-grid div:nth-child(4n + 1),
|
|
.skills-grid-mini div:nth-child(3n + 1) {
|
|
text-align: left;
|
|
}
|
|
.skills-grid div *,
|
|
.skills-grid-mini div * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.skills-grid div span,
|
|
.skills-grid-mini div span {
|
|
color: black;
|
|
}
|
|
.charactersheet .skills-grid div label,
|
|
.charactersheet .skills-grid-mini div label,
|
|
.charactersheet .skills-grid-mini div button[type=roll] {
|
|
font: normal 12px 'Roboto', sans-serif;
|
|
line-height: 24px;
|
|
display: inline-block;
|
|
width: auto;
|
|
height: auto;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
color: black;
|
|
text-transform: none;
|
|
outline: none;
|
|
text-shadow: none;
|
|
}
|
|
body .ui-dialog .charactersheet .skills-grid-mini div button[type=roll]::before {
|
|
content: '';
|
|
}
|
|
body .charactersheet .skills-grid div input[type=number] {
|
|
font: 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
border: solid 1px white;
|
|
border-radius: 0;
|
|
padding: 0 2px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
background: white;
|
|
color: black;
|
|
text-align: center;
|
|
outline: none;
|
|
}
|
|
.skills-grid .tag,
|
|
.skills-grid-mini .tag,
|
|
.skills .tag,
|
|
.repitem .tag {
|
|
display: inline-block;
|
|
background: none;
|
|
width: 16px;
|
|
height: auto;
|
|
line-height: 24px;
|
|
text-indent: -9999px;
|
|
}
|
|
.skills-grid .tag-skill[value="1"] ~ span.tag,
|
|
.skills-grid-mini .tag-skill[value="1"] ~ span.tag,
|
|
.skills .tag-skill[value="1"] ~ span.tag,
|
|
.repitem .tag {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/tag.png')
|
|
center / contain no-repeat content-box;
|
|
}
|
|
|
|
.origin-tag-name[value=""] + label,
|
|
.origin-tag-name[value=""] + label + input,
|
|
.origin-tag-name[value=""] + label + input + span {
|
|
display: none;
|
|
}
|
|
|
|
body .charactersheet .col2-initiative {
|
|
background: black;
|
|
}
|
|
body .charactersheet div .col3 .col6-meleedmg span,
|
|
body .charactersheet div .col3 .col6-defense span,
|
|
body .charactersheet div .col3 .col6-initiative span {
|
|
padding: 0 5px;
|
|
text-align: right;
|
|
line-height: 20px;
|
|
border: none;
|
|
}
|
|
body .charactersheet div .col2 .col5-derived span {
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
}
|
|
body .charactersheet div .col2 .col5-derived span:first-of-type {
|
|
text-align: left;
|
|
}
|
|
body .charactersheet div .col3 .col6-meleedmg input,
|
|
body .charactersheet div .col3 .col6-defense input,
|
|
body .charactersheet div .col3 .col6-initiative input,
|
|
body .charactersheet div .col3 .col6-dr input {
|
|
padding: 0 0 0 2px;
|
|
}
|
|
body .charactersheet div .col3 .col6-meleedmg span,
|
|
body .charactersheet div .col3 .col6-defense span,
|
|
body .charactersheet div .col3 .col6-initiative span,
|
|
body .charactersheet div .col3 .col6-dr span {
|
|
height: 20px;
|
|
}
|
|
body .charactersheet div .col1 .weapons-grid button.skill-btn[type=roll] {
|
|
background: white;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 0 0 0 2px;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
body .charactersheet .roll-dice button.cd,
|
|
body .charactersheet div .col3 .col6-meleedmg button,
|
|
body .charactersheet div .col1 .weapons-grid .melee-damage ~ button[type=roll],
|
|
body .charactersheet .roll-dice button.hitloc {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_vaultboy.png') center no-repeat;
|
|
background-size: contain;
|
|
box-shadow: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 0 0 0 2px;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
body .charactersheet .roll-dice button.cd {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/roller_cd.png') center no-repeat;
|
|
background-size: contain;
|
|
}
|
|
body .charactersheet .roll-dice button.hitloc {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/roller_vaultboy.png') center no-repeat;
|
|
background-size: contain;
|
|
}
|
|
body .charactersheet .roll-dice button.cd:hover,
|
|
body .charactersheet .roll-dice button.hitloc:hover {
|
|
filter: invert(73%) sepia(20%) saturate(4201%) hue-rotate(337deg) brightness(96%) contrast(79%);
|
|
}
|
|
body .charactersheet .roll-dice button.cd,
|
|
body .charactersheet .roll-dice button.hitloc {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
}
|
|
body .charactersheet .roll-dice button.cd[type=roll]::before,
|
|
body .charactersheet div .col3 .col6-meleedmg button[type=roll]::before,
|
|
body .charactersheet div .col1 .weapons-grid .melee-damage ~ button[type=roll]::before,
|
|
body .charactersheet .roll-dice button.hitloc[type=roll]::before {
|
|
content: '';
|
|
}
|
|
body .charactersheet .roll-dice button.skill,
|
|
body .charactersheet div .col3 .col6-defense button,
|
|
body .charactersheet div .col3 .col6-initiative button,
|
|
body .charactersheet div .col3-hp .col2-initiative button {
|
|
background: none;
|
|
color: black;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
body .charactersheet div .col3-hp .col2-initiative button {
|
|
background: black;
|
|
color: white
|
|
}
|
|
body .charactersheet .roll-dice button.skill {
|
|
border: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
body .ui-dialog .charactersheet button[type=roll]:before {
|
|
content: "0";
|
|
}
|
|
body .charactersheet .roll-dice button.skill:hover,
|
|
body .charactersheet div .col3 .col6-defense button:hover,
|
|
body .charactersheet div .col3 .col6-initiative button:hover,
|
|
body .charactersheet div .col3-hp .col2-initiative button:hover,
|
|
body .charactersheet div .col1 .weapons-grid button.skill-btn[type=roll]:hover {
|
|
color: #DC8D3B;
|
|
}
|
|
|
|
.charactersheet .locations {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy.png')
|
|
bottom / 45% no-repeat;
|
|
grid-template-rows: auto;
|
|
align-items: start;
|
|
padding: 0;
|
|
row-gap: 20px;
|
|
column-gap: 20px;
|
|
}
|
|
.charactersheet .origin-choice:not([value="robot"]) ~ .locations .location .robot {
|
|
display: none;
|
|
}
|
|
.charactersheet .origin-choice[value="robot"] ~ .locations .location .header:not(.robot) {
|
|
display: none;
|
|
}
|
|
.charactersheet .locations .location {
|
|
background: #fff9;
|
|
align-self: center;
|
|
padding: 5px;
|
|
}
|
|
.charactersheet .locations .location:nth-child(8),
|
|
.charactersheet .locations .location:nth-child(9),
|
|
.charactersheet .locations .location:nth-child(17),
|
|
.charactersheet .locations .location:nth-child(18) {
|
|
margin-top: -80px;
|
|
}
|
|
.charactersheet .locations .location:nth-child(14),
|
|
.charactersheet .locations .location:nth-child(15),
|
|
.charactersheet .locations .location:nth-child(20),
|
|
.charactersheet .locations .location:nth-child(21) {
|
|
margin-top: 20px;
|
|
}
|
|
.charactersheet .locations label:not(.header),
|
|
.charactersheet .locations .label,
|
|
.charactersheet .ssurvival *:not(h2) > label:not(.header),
|
|
.charactersheet .ssurvival *:not(h2) > .label {
|
|
color: black;
|
|
background: none;
|
|
text-align: right;
|
|
}
|
|
.charactersheet .locations .header,
|
|
.charactersheet .ssurvival .header {
|
|
border-bottom: 1px solid black;
|
|
color: black;
|
|
background: none;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.charactersheet .locations .header button,
|
|
.charactersheet .ssurvival .header button {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.charactersheet .locations .header button:before,
|
|
.charactersheet .ssurvival .header button:before {
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
padding-right: 5px;
|
|
}
|
|
body .charactersheet .locations .location input,
|
|
.charactersheet .locations .location select,
|
|
.inner .input {
|
|
font-size: 10px;
|
|
}
|
|
body .charactersheet .grid label.physical-dr,
|
|
body .charactersheet .grid label.energy-dr,
|
|
body .charactersheet .grid label.rad-dr,
|
|
body .charactersheet .grid label.poison-dr,
|
|
body .charactersheet .grid label.power-armor,
|
|
body .charactersheet .grid label.injury,
|
|
body .charactersheet .grid label.treated {
|
|
text-align: left;
|
|
text-indent: -9999px;
|
|
}
|
|
body .charactersheet .npc label.physical-dr,
|
|
body .charactersheet .npc label.energy-dr,
|
|
body .charactersheet .npc label.rad-dr,
|
|
body .charactersheet .npc label.poison-dr,
|
|
body .charactersheet .npc label.power-armor,
|
|
body .charactersheet .npc label.injury,
|
|
body .charactersheet .npc label.treated {
|
|
border: none;
|
|
}
|
|
body .charactersheet .grid label.header.physical-dr,
|
|
body .charactersheet .grid label.header.energy-dr,
|
|
body .charactersheet .grid label.header.rad-dr,
|
|
body .charactersheet .grid label.header.poison-dr,
|
|
body .charactersheet .grid label.header.power-armor,
|
|
body .charactersheet .grid label.header.injury,
|
|
body .charactersheet .grid label.header.treated {
|
|
background-color: white;
|
|
filter: invert(1);
|
|
padding: 0;
|
|
}
|
|
body .charactersheet .grid label.physical-dr {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/physical.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.energy-dr {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/energy.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.rad-dr {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/radiation.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.poison-dr {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/poison.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.injury {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/injury.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.treated {
|
|
background: url('https://raw.githubusercontent.com/coyotegrey/roll20-character-sheets/fallout-2d20-translation-dev/Fallout%202d20/images/injection.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .grid label.power-armor {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/armor.png')
|
|
center / contain no-repeat border-box;
|
|
}
|
|
body .charactersheet .locations .col8 > *:nth-child(2) {
|
|
border-left: 1px solid black;
|
|
}
|
|
body .charactersheet .base-dr[value="immune"] + span + span,
|
|
body .charactersheet .base-dr[value="immune"] + span + span + input,
|
|
body .charactersheet .base-dr[value="immune"] + span + span + input + span,
|
|
body .charactersheet .base-dr[value="immune"] + span + span + input + span + input,
|
|
body .charactersheet .base-dr[value="immune"] + span + span + input + span + input + span {
|
|
display: none;
|
|
}
|
|
body .charactersheet .base-dr[value="immune"] + span {
|
|
grid-column: span 5;
|
|
}
|
|
|
|
.power-armor[value="0"] ~ .interface .origin-choice:not([value="robot"]) ~ .locations .location.pa,
|
|
.power-armor[value="0"] ~ .interface .origin-choice:not([value="robot"]) ~ .locations .location:not(.pa) .pa,
|
|
.power-armor[value="1"] ~ .interface .origin-choice:not([value="robot"]) ~ .locations .pa-damaged[value="0"] + .location + .location:not(.pa),
|
|
.power-armor[value="1"] ~ .interface .origin-choice:not([value="robot"]) ~ .locations .pa-damaged[value="1"] + .location.pa,
|
|
.interface .origin-choice[value="robot"] ~ .locations .pa-toggle,
|
|
.interface .origin-choice[value="robot"] ~ .locations .pa {
|
|
display: none;
|
|
}
|
|
.power-armor[value="1"] ~ .interface .locations .pa-damaged[value="1"] + .location + .location {
|
|
background: #ff6a5399;
|
|
}
|
|
.interface .locations .location .header {
|
|
position: relative;
|
|
}
|
|
body .charsheet div .grid label.pa.switch {
|
|
position: absolute;
|
|
right: 0;
|
|
width: 30px;
|
|
height: 15px;
|
|
}
|
|
body .charsheet div .grid label.pa.switch input:checked + .slider {
|
|
background-color: #ff6a53;
|
|
}
|
|
body .charsheet div .grid label.pa.switch .slider {
|
|
border-radius: 15px;
|
|
}
|
|
body .charsheet div .grid label.pa.switch .slider:before {
|
|
height: 11px;
|
|
width: 11px;
|
|
}
|
|
label.pa.switch input:checked + .slider:before {
|
|
-webkit-transform: translateX(11px);
|
|
-ms-transform: translateX(11px);
|
|
transform: translateX(11px);
|
|
}
|
|
|
|
.health {
|
|
position: relative;
|
|
background: #C4DECC;
|
|
border: solid 1px white;
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
margin: 10px;
|
|
grid-template-columns: 3fr 2fr 1fr 2fr;
|
|
}
|
|
.health:before {
|
|
content: '';
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: -2px;
|
|
left: -2px;
|
|
right: -2px;
|
|
bottom: 0;
|
|
border: solid 1px #45AB7C;
|
|
border-bottom: none;
|
|
}
|
|
.hp-ratio[value="10"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 10%, #C4DECC 10%);
|
|
}
|
|
.hp-ratio[value="20"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 20%, #C4DECC 20%);
|
|
}
|
|
.hp-ratio[value="30"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 30%, #C4DECC 30%);
|
|
}
|
|
.hp-ratio[value="40"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 40%, #C4DECC 40%);
|
|
}
|
|
.hp-ratio[value="50"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 50%, #C4DECC 50%);
|
|
}
|
|
.hp-ratio[value="60"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 60%, #C4DECC 60%);
|
|
}
|
|
.hp-ratio[value="70"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 70%, #C4DECC 70%);
|
|
}
|
|
.hp-ratio[value="80"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 80%, #C4DECC 80%);
|
|
}
|
|
.hp-ratio[value="90"] ~ .health {
|
|
background: linear-gradient(90deg, #45AB7C 90%, #C4DECC 90%);
|
|
}
|
|
.hp-ratio[value="100"] ~ .health {
|
|
background: #45AB7C;
|
|
}
|
|
.health span {
|
|
text-align: center;
|
|
}
|
|
.health label {
|
|
background: none;
|
|
border: none;
|
|
color: black;
|
|
}
|
|
body .charactersheet div .col1 .health input[type=number] {
|
|
background: none;
|
|
height: auto;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.rep-grid-header,
|
|
.rep-grid .repcontainer .repitem {
|
|
display: grid;
|
|
grid-template-rows: auto;
|
|
gap: 0px;
|
|
}
|
|
.weapons-grid .rep-grid-header,
|
|
.weapons-grid.rep-grid .repcontainer .repitem {
|
|
grid-template-rows: 20px;
|
|
grid-template-columns: 3fr 3fr 1fr 3fr 2fr 1fr 1fr 3fr 1fr 1fr;
|
|
}
|
|
.perks-grid .rep-grid-header,
|
|
.perks-grid.rep-grid .repcontainer .repitem {
|
|
grid-template-columns: 3fr 3fr 9fr;
|
|
}
|
|
.items-grid .rep-grid-header,
|
|
.items-grid.rep-grid .repcontainer .repitem {
|
|
grid-template-columns: 6fr 1fr;
|
|
}
|
|
.ammo-grid .rep-grid-header,
|
|
.ammo-grid.rep-grid .repcontainer .repitem {
|
|
grid-template-columns: 5fr 2fr;
|
|
}
|
|
.rep-grid-header div,
|
|
.rep-grid .repcontainer .repitem div {
|
|
box-sizing: border-box;
|
|
height: auto;
|
|
min-height: 20px;
|
|
padding: 0;
|
|
outline: solid 1px black;
|
|
line-height: 20px;
|
|
}
|
|
.rep-grid .repcontainer .repitem details div {
|
|
background: black;
|
|
}
|
|
.rep-grid .repcontainer .repitem details div {
|
|
margin: 0px 20px 10px 0;
|
|
}
|
|
.rep-grid-header div {
|
|
font: bold 10px 'Roboto', sans-serif;
|
|
background: black;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
padding: 5px 2px;
|
|
}
|
|
.rep-grid .repcontainer .repitem div {
|
|
font: normal 10px 'Roboto', sans-serif;
|
|
background: white;
|
|
color: black;
|
|
}
|
|
.rep-grid-header div:first-child,
|
|
.rep-grid .repcontainer .repitem div:first-child {
|
|
text-align: left;
|
|
}
|
|
.rep-grid .repcontainer .repitem div input,
|
|
.rep-grid .repcontainer .repitem div select,
|
|
.rep-grid .repcontainer .repitem div textarea {
|
|
border: solid 1px white;
|
|
border-radius: 0;
|
|
padding: 0 2px;
|
|
outline: none;
|
|
margin-bottom: 0;
|
|
}
|
|
.rep-grid .repcontainer .repitem div textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
resize: none;
|
|
}
|
|
.rep-grid .repcontainer .repitem div input[type=number] {
|
|
text-align: right;
|
|
}
|
|
.rep-grid .repcontainer .repitem div.editable {
|
|
position: relative;
|
|
padding-right: 20px;
|
|
}
|
|
.rep-grid .repcontainer .repitem div.editable span {
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
line-height: 20px;
|
|
}
|
|
.repcontainer .repitem summary + div {
|
|
padding-bottom: 10px;
|
|
}
|
|
.repcontainer .repitem summary {
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 2px;
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/edit.png')
|
|
center / contain no-repeat border-box;
|
|
background-color: white;
|
|
width: 10px;
|
|
height: 10px;
|
|
padding: 2px;
|
|
margin: 0;
|
|
border: none;
|
|
border-radius: 2px;
|
|
text-indent: -9999px;
|
|
cursor: pointer;
|
|
}
|
|
.repcontainer .repitem summary:hover {
|
|
background-color: #e0b829;
|
|
background-position: center;
|
|
}
|
|
.rep-grid .repcontainer .repitem div details input,
|
|
.rep-grid .repcontainer .repitem div details textarea {
|
|
border: solid 1px black;
|
|
}
|
|
.perks-grid .rep-grid-header,
|
|
.repeating_perks ~ .repcontainer .repitem {
|
|
gap: 0;
|
|
}
|
|
.repeating_perks ~ .repcontainer .repitem > div:not(.itemcontrol) {
|
|
padding: 5px;
|
|
background: none;
|
|
color: #de9458;
|
|
}
|
|
.repeating_perks ~ .repcontainer .repitem div input,
|
|
.repeating_perks ~ .repcontainer .repitem div div,
|
|
.repeating_perks ~ .repcontainer .repitem div textarea {
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.grid-rate {
|
|
grid-template-columns: repeat(11, 1fr);
|
|
}
|
|
.charactersheet .grid-rate input[type="radio"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: none;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
border: solid 1px black;
|
|
border-radius: 50%;
|
|
display: grid;
|
|
place-content: center;
|
|
}
|
|
.charactersheet .grid-rate input[type="radio"]:before {
|
|
content: "★";
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: scale(1);
|
|
transition: 120ms transform ease-in-out;
|
|
line-height: 16px;
|
|
}
|
|
.charactersheet .grid-rate input[type="radio"]:checked ~ input[type="radio"]:before {
|
|
content: "☆";
|
|
color: #0003
|
|
}
|
|
.charactersheet .grid-rate input[type="radio"]:first-child:before {
|
|
content: "";
|
|
}
|
|
.charactersheet .grid-rate input[type="radio"]:first-child:hover:before {
|
|
content: "✖";
|
|
}
|
|
|
|
.rate > label .star {
|
|
color: #ccc;
|
|
}
|
|
.rate > label .star:before {
|
|
content: "★ ";
|
|
}
|
|
.rate > label:last-child .star:before {
|
|
content: "✕ ";
|
|
}
|
|
.rating[value="10"] + label + label .star {
|
|
color: #000;
|
|
}
|
|
.rate > label:hover ~ label:not(:last-child) .star {
|
|
color: #e0b829 !important;
|
|
}
|
|
|
|
.repeating_perks ~ .repcontainer .repitem {
|
|
background: #faeade;
|
|
}
|
|
.repeating_perks ~ .repcontainer .repitem:nth-child(odd) {
|
|
background: #f4d6bc;
|
|
}
|
|
|
|
body .charactersheet .fatigue,
|
|
body .charactersheet .caps {
|
|
background: linear-gradient(90deg, #e0b829 80%, white 80%);
|
|
width: 100%;
|
|
grid-template-columns: 3fr 1fr;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
body .charactersheet div .col1 .fatigue label,
|
|
body .charactersheet div .col1 .caps label {
|
|
background: none;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
body .charactersheet div .col1 .fatigue input[type=number],
|
|
body .charactersheet div .col1 .caps input[type=number] {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/cap.png')
|
|
center / contain no-repeat content-box;
|
|
height: auto;
|
|
margin: -18px 0;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
body .charactersheet div .col1 .fatigue input[type=number] {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/gear.png')
|
|
center / contain no-repeat content-box;
|
|
}
|
|
|
|
.charactersheet .origin-brotherhood,
|
|
.charactersheet .origin-ghoul,
|
|
.charactersheet .origin-mutant,
|
|
.charactersheet .origin-robot,
|
|
.charactersheet .origin-survivor,
|
|
.charactersheet .origin-vault,
|
|
.charactersheet .origin-synth,
|
|
.charactersheet .origin-robot2,
|
|
.charactersheet .origin-atom {
|
|
display: none;
|
|
}
|
|
|
|
.origin-choice[value="brotherhood"] ~ .origin-brotherhood,
|
|
.origin-choice[value="ghoul"] ~ .origin-ghoul,
|
|
.origin-choice[value="mutant"] ~ .origin-mutant,
|
|
.origin-choice[value="robot"] ~ .origin-robot,
|
|
.origin-choice[value="survivor"] ~ .origin-survivor,
|
|
.origin-choice[value="vault"] ~ .origin-vault,
|
|
.origin-choice[value="synth"] ~ .origin-synth,
|
|
.origin-choice[value="robot2"] ~ .origin-robot2,
|
|
.origin-choice[value="atom"] ~ .origin-atom {
|
|
display: grid;
|
|
}
|
|
|
|
.charactersheet .survivor-trait1,
|
|
.charactersheet .survivor-trait2,
|
|
.charactersheet .survivor-perk {
|
|
display: none;
|
|
}
|
|
|
|
.survivor-choice[value="trait"] ~ .survivor-trait1,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2,
|
|
.survivor-choice[value="perk"] ~ .survivor-trait1,
|
|
.survivor-choice[value="perk"] ~ .survivor-perk {
|
|
display: grid;
|
|
}
|
|
|
|
.charactersheet .survivor-educated,
|
|
.charactersheet .survivor-fastshot,
|
|
.charactersheet .survivor-gifted,
|
|
.charactersheet .survivor-heavy,
|
|
.charactersheet .survivor-small {
|
|
display: none;
|
|
}
|
|
|
|
.survivor-trait1[value="educated"] ~ .survivor-educated,
|
|
.survivor-trait1[value="fast_shot"] ~ .survivor-fastshot,
|
|
.survivor-trait1[value="gifted"] ~ .survivor-gifted,
|
|
.survivor-trait1[value="heavy_handed"] ~ .survivor-heavy,
|
|
.survivor-trait1[value="small_frame"] ~ .survivor-small,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2[value="educated"] ~ .survivor-educated,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2[value="fast_shot"] ~ .survivor-fastshot,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2[value="gifted"] ~ .survivor-gifted,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2[value="heavy_handed"] ~ .survivor-heavy,
|
|
.survivor-choice[value="trait"] ~ .survivor-trait2[value="small_frame"] ~ .survivor-small {
|
|
display: inline-block;
|
|
}
|
|
|
|
.charactersheet .survival {
|
|
padding-top: 5px;
|
|
}
|
|
.survival .tracker {
|
|
padding-bottom: 5px;
|
|
}
|
|
.survival .tracker.col3 {
|
|
grid-template-columns: 1fr 1fr 3fr;
|
|
}
|
|
.survival .tracker.col3 select {
|
|
margin-left: 5px;
|
|
width: auto;
|
|
}
|
|
.survival .tracker h2 {
|
|
background: linear-gradient(45deg, #4BC7AD 85%, white 85%);
|
|
}
|
|
.survival .tracker .hunger[value="sated"] + h2,
|
|
.survival .tracker .thirst[value="hydrated"] + h2,
|
|
.survival .tracker .sleep[value="tired"] + h2 {
|
|
background: linear-gradient(45deg, #F0CB1A 85%, white 85%);
|
|
}
|
|
.survival .tracker .hunger[value="peckish"] + h2,
|
|
.survival .tracker .thirst[value="thirsty"] + h2,
|
|
.survival .tracker .sleep[value="weary"] + h2 {
|
|
background: linear-gradient(45deg, #F15B43 85%, white 85%);
|
|
}
|
|
.survival .tracker .hunger[value="hungry"] + h2,
|
|
.survival .tracker .thirst[value="dehydrated"] + h2,
|
|
.survival .tracker .sleep[value="exhausted"] + h2 {
|
|
background: linear-gradient(45deg, #D9000B 85%, white 85%);
|
|
}
|
|
.survival .tracker .hunger[value="starving"] + h2 {
|
|
background: linear-gradient(45deg, #AB0020 85%, white 85%);
|
|
}
|
|
body .charactersheet .survival .tracker .hours {
|
|
font-family: "Pictos";
|
|
content: "t";
|
|
text-transform: none;
|
|
}
|
|
.survival .disease {
|
|
border: solid 1px black;
|
|
margin-top: -10px;
|
|
}
|
|
.interface .survival .vector {
|
|
display: none;
|
|
}
|
|
.interface .origin-choice[value="brotherhood"] ~ .survival .vector:not(.immune),
|
|
.interface .origin-choice[value="ghoul"] ~ .survival .vector:not(.immune),
|
|
.interface .origin-choice[value="mutant"] ~ .survival .vector:not(.immune),
|
|
.interface .origin-choice[value="robot"] ~ .survival .vector.immune,
|
|
.interface .origin-choice[value="survivor"] ~ .survival .vector:not(.immune),
|
|
.interface .origin-choice[value="vault"] ~ .survival .vector:not(.immune),
|
|
.interface .origin-choice[value="synth"] ~ .survival .vector.immune,
|
|
.interface .origin-choice[value="robot2"] ~ .survival .vector.immune,
|
|
.interface .origin-choice[value="atom"] ~ .survival .vector:not(.immune) {
|
|
display: grid;
|
|
}
|
|
|
|
/* NPC
|
|
44AC7D
|
|
BED9C6
|
|
E2F0E7
|
|
*/
|
|
|
|
.charactersheet .npc h1,
|
|
.charactersheet .npc h1 * {
|
|
background: linear-gradient(135deg, #44AC7D 90%, white 90%);
|
|
}
|
|
|
|
.charactersheet .npc h2 {
|
|
margin: 0 -5px;
|
|
}
|
|
|
|
body .charactersheet div .grid .npc-bio h2 input {
|
|
font: bold 20px 'Roboto', sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.npc-grid {
|
|
column-count: 2;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.charactersheet .npc-grid > div {
|
|
break-inside: avoid;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.charactersheet .npc-bio label,
|
|
body .charactersheet div .grid .npc-bio input,
|
|
.charactersheet .npc-bio select {
|
|
font: italic bold 12px 'Roboto', sans-serif;
|
|
line-height: 20px;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: white;
|
|
border: none;
|
|
color: black;
|
|
text-transform: none;
|
|
}
|
|
.charactersheet .npc-bio {
|
|
padding: 0 5px;
|
|
}
|
|
.npc textarea {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.npc details textarea {
|
|
border: solid 1px black;
|
|
border-radius: 0;
|
|
padding: 0 5px;
|
|
outline: none;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
height: 100px;
|
|
box-sizing: border-box;
|
|
resize: none;
|
|
}
|
|
|
|
/* autoexpand */
|
|
.auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
min-height: 20px;
|
|
}
|
|
.auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
line-height: 20px;
|
|
}
|
|
.auto-expand textarea {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
resize: none;
|
|
line-height: 20px;
|
|
height: 100%;
|
|
width: 100%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
letter-spacing: inherit;
|
|
padding: inherit;
|
|
text-align: inherit;
|
|
text-transform: inherit;
|
|
}
|
|
|
|
.npc-stats .grid:not(.col1) {
|
|
grid-auto-flow: column;
|
|
row-gap: 0;
|
|
}
|
|
.npc-stats .skills.col3 .col3 {
|
|
grid-auto-flow: row;
|
|
grid-template: 1fr / 9fr 1fr 2fr;
|
|
}
|
|
.npc-stats .col3 {
|
|
grid-template: 20px auto / repeat(3, 1fr);
|
|
}
|
|
.npc-stats .col3-hp {
|
|
grid-template: 20px auto / 1fr 1fr 2fr 2fr;
|
|
}
|
|
.npc-stats .skills.col3 {
|
|
grid-auto-flow: row;
|
|
grid-template: repeat(1, 1fr) / repeat(3, 1fr);
|
|
}
|
|
.npc-stats .col4 {
|
|
grid-template: 20px auto / repeat(4, 1fr);
|
|
}
|
|
.npc-stats .col5x {
|
|
grid-template: repeat(2, 1fr) / 1fr 1fr 10px 1fr 1fr 1fr;
|
|
}
|
|
.npc-stats .col6 {
|
|
grid-template: repeat(2, 1fr) / repeat(6, 1fr);
|
|
}
|
|
.npc-stats .col7 {
|
|
grid-template: repeat(2, 1fr) / repeat(7, 1fr);
|
|
}
|
|
.npc .header {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
padding: 5px;
|
|
background: black;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
grid-column: auto;
|
|
}
|
|
.npc .header.span2 {
|
|
grid-column: span 2;
|
|
}
|
|
body .charactersheet .npc-stats .grid input,
|
|
body .charactersheet .npc-stats .grid input[type=number],
|
|
.charactersheet .npc-stats select,
|
|
.npc-stats .input,
|
|
.npc-stats textarea {
|
|
background: #BED9C6;
|
|
border: none;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
}
|
|
body .charactersheet .npc-stats .grid input,
|
|
body .charactersheet .npc-stats .grid input[type=number],
|
|
.charactersheet .npc-stats select,
|
|
.npc-stats .input {
|
|
height: auto;
|
|
}
|
|
body .charactersheet .npc-stats .checker *:nth-child(4n),
|
|
body .charactersheet .npc-stats .checker *:nth-child(4n) input,
|
|
body .charactersheet .npc-stats .checker *[type=number]:nth-child(4n),
|
|
body .charactersheet .npc-stats .checker *:nth-child(4n) textarea {
|
|
background: #E2F0E7;
|
|
}
|
|
.npc .repitem strong {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.npc .skills button[type=roll].skill-btn,
|
|
.npc .repitem button[type=roll].skill-btn {
|
|
font: bold 12px 'Roboto', sans-serif;
|
|
display: inline-block;
|
|
width: auto;
|
|
height: auto;
|
|
border: none;
|
|
padding: 0 5px 0 0;
|
|
margin: 0;
|
|
background: none;
|
|
color: black;
|
|
text-transform: none;
|
|
outline: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
}
|
|
.npc .skills button[type=roll].skill-btn {
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
}
|
|
.npc .skills button[type=roll].skill-btn::before,
|
|
.npc .repitem button[type=roll].skill-btn::before {
|
|
content: '';
|
|
}
|
|
.npc-stats .skills {
|
|
background: #BED9C6;
|
|
}
|
|
.npc-stats .skills > div {
|
|
line-height: 20px;
|
|
padding: 0 5px;
|
|
}
|
|
.npc-stats .skills span {
|
|
line-height: 20px;
|
|
min-height: 20px;
|
|
}
|
|
.npc-stats .npc-edit-skills[value="0"] ~ .skills .skill[value=""] + div,
|
|
.npc-stats .npc-edit-skills[value="0"] ~ .skills .skill[value="0"] + div,
|
|
.npc-stats .npc-edit-skills[value="0"] ~ .skills .edit,
|
|
.npc-stats .npc-edit-skills[value="1"] ~ .skills .static {
|
|
display: none;
|
|
}
|
|
body .charactersheet .npc-stats .grid input.edit {
|
|
background: none;
|
|
}
|
|
.npc-stats .skills > div span:nth-child(4n) {
|
|
text-align: right;
|
|
}
|
|
|
|
.npc .repcontainer .repitem {
|
|
padding: 0 20px 0 15px;
|
|
line-height: 20px;
|
|
background: #BED9C6;
|
|
}
|
|
.npc .repcontainer .repitem:nth-child(even) {
|
|
background: #E2F0E7;
|
|
}
|
|
.npc .repcontainer .repitem::before {
|
|
content: '◼';
|
|
width: 20px;
|
|
margin-left: -10px;
|
|
color: #44AC7D;
|
|
}
|
|
.npc-stats .grid .die,
|
|
.repeating_npcattacks + .repcontainer .repitem .die {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_vaultboy.png') center no-repeat;
|
|
background-size: contain;
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.npc-stats .grid button[type=roll].die::before,
|
|
.repeating_npcattacks + .repcontainer .repitem .die::before {
|
|
content: '';
|
|
}
|
|
|
|
|
|
body .charactersheet div.npc div.header {
|
|
position: relative;
|
|
}
|
|
body .charactersheet div.npc .switch {
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 1px;
|
|
height: 18px;
|
|
}
|
|
.npc .slider {
|
|
border-radius: 18px;
|
|
}
|
|
.npc .slider:before {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
|
|
/* Roll templates
|
|
0B803F
|
|
1AE180
|
|
*/
|
|
|
|
.sheet-rolltemplate-foraw,
|
|
.sheet-rolltemplate-focd,
|
|
.sheet-rolltemplate-fohitlocation,
|
|
.sheet-rolltemplate-foskill,
|
|
.sheet-rolltemplate-foattribute {
|
|
background: black url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/pbscreen.png');
|
|
border: solid 1px #1AE180;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-foraw .sheet-container,
|
|
.sheet-rolltemplate-focd .sheet-container,
|
|
.sheet-rolltemplate-fohitlocation .sheet-container,
|
|
.sheet-rolltemplate-foskill .sheet-container,
|
|
.sheet-rolltemplate-foattribute .sheet-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/vaultboy_head_pb.png')
|
|
left top / 40px no-repeat;
|
|
padding: 5px 5px 5px 55px;
|
|
}
|
|
.sheet-rolltemplate-foraw *,
|
|
.sheet-rolltemplate-focd *,
|
|
.sheet-rolltemplate-fohitlocation *,
|
|
.sheet-rolltemplate-foskill *,
|
|
.sheet-rolltemplate-foattribute * {
|
|
font: 400 14px/20px 'Roboto', monospace;
|
|
color: #0B803F;
|
|
}
|
|
.sheet-rolltemplate-foraw strong,
|
|
.sheet-rolltemplate-focd strong,
|
|
.sheet-rolltemplate-fohitlocation strong,
|
|
.sheet-rolltemplate-foskill strong,
|
|
.sheet-rolltemplate-foattribute strong {
|
|
font-weight: bold;
|
|
color: #1AE180;
|
|
}
|
|
.sheet-rolltemplate-foraw h1,
|
|
.sheet-rolltemplate-focd h1,
|
|
.sheet-rolltemplate-fohitlocation h1,
|
|
.sheet-rolltemplate-foskill h1,
|
|
.sheet-rolltemplate-foattribute h1 {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: #0B803F;
|
|
}
|
|
.sheet-rolltemplate-foraw .sheet-container p,
|
|
.sheet-rolltemplate-focd .sheet-container p,
|
|
.sheet-rolltemplate-fohitlocation .sheet-container p,
|
|
.sheet-rolltemplate-foskill .sheet-container p,
|
|
.sheet-rolltemplate-foattribute .sheet-container p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-focd .inlinerollresult,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult,
|
|
.sheet-rolltemplate-foskill .inlinerollresult,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult,
|
|
.sheet-rolltemplate-focd .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-focd .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-focd .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.importantroll {
|
|
background: none;
|
|
color: #0B803F;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-focd.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-fohitlocation.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-foskill.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-foattribute.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-focd .inlinerollresult,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult,
|
|
.sheet-rolltemplate-foskill .inlinerollresult,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult,
|
|
.sheet-rolltemplate-focd .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-focd .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-focd .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-fohitlocation .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-foskill .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-foattribute .inlinerollresult.importantroll {
|
|
color: #1AE180;
|
|
}
|
|
|
|
.sheet-rolltemplate-focd .sheet-die {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_blank_pb.png')
|
|
left top / 35px no-repeat;
|
|
}
|
|
.sheet-rolltemplate-focd .sheet-diehit {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_hit_pb.png')
|
|
left top / 35px no-repeat;
|
|
}
|
|
.sheet-rolltemplate-focd .sheet-diehitx2 {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_hitx2_pb.png')
|
|
left top / 35px no-repeat;
|
|
}
|
|
.sheet-rolltemplate-foraw .sheet-container,
|
|
.sheet-rolltemplate-focd .sheet-dievb {
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_vaultboy_pb.png')
|
|
left top / 35px no-repeat;
|
|
}
|
|
|
|
.sheet-rolltemplate-focd a[href^="!"],
|
|
.sheet-rolltemplate-focd a[href^="~"] {
|
|
background: none;
|
|
color: #0B803F;
|
|
border: solid 1px #0B803F;
|
|
}
|
|
.sheet-rolltemplate-focd a[href^="!"]:hover,
|
|
.sheet-rolltemplate-focd a[href^="~"]:hover {
|
|
background: #0B803F;
|
|
color: #1AE180;
|
|
border: solid 1px #1AE180;
|
|
}
|
|
|
|
.sheet-rolltemplate-foskill .sheet-hidden {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=strength] ~ .sheet-container .sheet-strength,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=perception] ~ .sheet-container .sheet-perception,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=endurance] ~ .sheet-container .sheet-endurance,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=charisma] ~ .sheet-container .sheet-charisma,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=intelligence] ~ .sheet-container .sheet-intelligence,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=agility] ~ .sheet-container .sheet-agility,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=luck] ~ .sheet-container .sheet-luck,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=body] ~ .sheet-container .sheet-body,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=mind] ~ .sheet-container .sheet-mind,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=athletics] ~ .sheet-container .sheet-athletics,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=barter] ~ .sheet-container .sheet-barter,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=big_guns] ~ .sheet-container .sheet-big_guns,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=energy_weapons] ~ .sheet-container .sheet-energy_weapons,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=explosives] ~ .sheet-container .sheet-explosives,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=lockpick] ~ .sheet-container .sheet-lockpick,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=medicine] ~ .sheet-container .sheet-medicine,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=melee_weapons] ~ .sheet-container .sheet-melee_weapons,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=pilot] ~ .sheet-container .sheet-pilot,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=repair] ~ .sheet-container .sheet-repair,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=science] ~ .sheet-container .sheet-science,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=small_guns] ~ .sheet-container .sheet-small_guns,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=sneak] ~ .sheet-container .sheet-sneak,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=speech] ~ .sheet-container .sheet-speech,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=survival] ~ .sheet-container .sheet-survival,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=throwing] ~ .sheet-container .sheet-throwing,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=unarmed] ~ .sheet-container .sheet-unarmed,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=melee]:not([data-i18n-placeholder*=melee_]) ~ .sheet-container .sheet-melee,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=guns]:not([data-i18n-placeholder*=_guns]) ~ .sheet-container .sheet-guns,
|
|
.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=other] ~ .sheet-container .sheet-other {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-rolltemplate-focd .sheet-results,
|
|
.sheet-rolltemplate-fohitlocation .sheet-results,
|
|
.sheet-rolltemplate-foskill .sheet-results {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
justify-items: center;
|
|
margin: 5px 0;
|
|
}
|
|
.sheet-rolltemplate-focd .sheet-result,
|
|
.sheet-rolltemplate-fohitlocation .sheet-result,
|
|
.sheet-rolltemplate-foskill .sheet-result {
|
|
border: 1px #0B803F solid;
|
|
text-align: center;
|
|
width: 35px;
|
|
height: 35px;
|
|
margin: 2px 0px;
|
|
}
|
|
.sheet-rolltemplate-focd .sheet-result {
|
|
border: none;
|
|
text-indent: -9999px;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-total,
|
|
.sheet-rolltemplate-foskill .sheet-total * {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-rolltemplate-foskill .sheet-success {
|
|
border: 1px #0B803F solid;
|
|
background: #0B803F;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-success * {
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-critical {
|
|
border: 1px #1AE180 solid;
|
|
background: #1AE180;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-critical *,
|
|
.sheet-rolltemplate-foskill .sheet-critical .inlinerollresult {
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-critical .sheet-total,
|
|
.sheet-rolltemplate-foskill .sheet-critical .sheet-total * {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-complication {
|
|
border: 1px #0B803F dashed;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-complication .sheet-total,
|
|
.sheet-rolltemplate-foskill .sheet-complication .sheet-total * {
|
|
font-weight: bold;
|
|
color: #1AE180;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-dice,
|
|
.sheet-rolltemplate-foskill .sheet-dice * {
|
|
font-size: 12px;
|
|
line-height: 8px;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-options,
|
|
.sheet-rolltemplate-focd .sheet-options {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-options a[href^="~"],
|
|
.sheet-rolltemplate-focd .sheet-options a[href^="~"] {
|
|
background: black;
|
|
border: solid 1px black;
|
|
color: #0B803F;
|
|
font-size: 12px;
|
|
padding: 0 10px;
|
|
}
|
|
.sheet-rolltemplate-foskill .sheet-options a[href^="~"]:hover,
|
|
.sheet-rolltemplate-focd .sheet-options a[href^="~"]:hover {
|
|
background: #0B803F;
|
|
border: solid 1px #1AE180;
|
|
color: #1AE180;
|
|
}
|