mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
punibird
1b937cb945
Changes and new features: -Translation support added (EN, JP, KR ready to be added through Crowdin) -New features: Multi-hit dice behavior, sending and updating Speed to Turn Tracker, whispering on character sheet rolls, extra options -UI adjustments and fixes
1818 lines
42 KiB
CSS
1818 lines
42 KiB
CSS
*{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
text-decoration: none;
|
|
list-style: none;
|
|
font-family: 'Noto Sans JP', sans-serif;
|
|
border-style: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Noto Sans JP', sans-serif;
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'HeirofLightRegular';
|
|
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightRegular.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'HeirofLightBold';
|
|
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
::placeholder {
|
|
color: #fff;
|
|
opacity: 50%;
|
|
}
|
|
|
|
textarea::placeholder, .CharResidence::placeholder, .egoIdeologyInput::placeholder {
|
|
color: #111;
|
|
opacity: 30%;
|
|
}
|
|
|
|
.contentName, .viewerName, .skillName, .headerName, .skillSelectionElement .skillSelectionName, input[type=text] {
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
.contentName, .skillName {
|
|
width: 140px !important;
|
|
}
|
|
|
|
.skillName {
|
|
margin-left: 40px;}
|
|
|
|
.topRight {
|
|
height: 25px;
|
|
position: absolute;
|
|
right: 5px;
|
|
text-align: center;
|
|
top: 5px;}
|
|
|
|
a, a:hover {
|
|
text-decoration: none !important;}
|
|
|
|
#mainContainer {
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
min-width: 800px;
|
|
|
|
}
|
|
|
|
.banner {
|
|
text-align: left; font-weight: bold; padding: 5px; width: 50%;
|
|
height: 50px; color: #fff;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.rowContainer {
|
|
display: flex;
|
|
align-items: start;
|
|
justify-content: start;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.centerFlex {
|
|
align-items: center;
|
|
justify-content: center;}
|
|
|
|
.rowContainer select {
|
|
width: 100%;
|
|
text-align: center;}
|
|
|
|
#credits, #settings {
|
|
border: 1px transparent solid;
|
|
}
|
|
|
|
#settings label {
|
|
color: #fff !important;
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
.qolButton {
|
|
height: 15px;
|
|
width: 15px;
|
|
align-text: center;
|
|
border: 1px #fee2b0 solid;
|
|
color: #fee2b0;
|
|
padding: 3px;
|
|
border-radius: 5px;
|
|
background-color: rgba(0,0,0,0);
|
|
float: left;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
opacity: 50%;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.titleHeader {
|
|
height: 30px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
opacity: 100%;
|
|
}
|
|
|
|
|
|
|
|
#credits {
|
|
width: 27px;
|
|
height: 27px;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 63px;
|
|
background-color: rgba(0,0,0,0);
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
color: #fee2b0;
|
|
z-index: 20;
|
|
}
|
|
|
|
#credits:hover{
|
|
width: 500px;
|
|
height: 160px;
|
|
border: 1px #fee2b0 solid;
|
|
border-radius: 15px 5px 5px 5px;
|
|
background-color: rgba(0,0,0,0.8);
|
|
|
|
}
|
|
|
|
#settings {
|
|
width: 27px;
|
|
height: 27px;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 0px;
|
|
background-color: rgba(0,0,0,0);
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
color: #fee2b0;
|
|
font-weight: bold;
|
|
z-index: 90;
|
|
}
|
|
|
|
#settings:hover {
|
|
height: 400px;
|
|
width: 300px;
|
|
border: 1px #fee2b0 solid;
|
|
border-radius: 5px 15px 5px 5px;
|
|
background-color: rgba(0,0,0,0.8);
|
|
}
|
|
|
|
.creditIcon {
|
|
position: absolute;
|
|
z-index: 5;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
top:0;
|
|
left: 0;
|
|
width: 25px;
|
|
height: 25px;
|
|
color: #fee2b0;
|
|
font-size: 20px;
|
|
border-radius: 100px;
|
|
border: 1px #fee2b0 solid;}
|
|
|
|
.settingsIcon {
|
|
position: absolute;
|
|
z-index: 5;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
top:0;
|
|
right: 0;
|
|
width: 25px;
|
|
height: 25px;
|
|
font-size: 20px;
|
|
border-radius: 100px;
|
|
border: 1px #fee2b0 solid;
|
|
|
|
}
|
|
|
|
.statusIcon {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
.ailmentStates .statusIcon {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.creditText {
|
|
padding: 10px 10px 10px 50px;
|
|
}
|
|
|
|
.creditText input {
|
|
height: 15px !important;}
|
|
|
|
.settingsText {
|
|
padding: 35px;
|
|
}
|
|
|
|
/*
|
|
* {
|
|
text-shadow: #FC0 0px 0 4px;
|
|
}*/
|
|
|
|
|
|
#logo {height: 75px; width: 150px; min-width: 150px; margin-bottom: 10px;
|
|
position: absolute;
|
|
top: 0; left: 15px;}
|
|
|
|
#logo img {width: 150px; min-width: 150px;}
|
|
|
|
#sheetWrapper {
|
|
margin-top: 70px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.titleSheet {
|
|
color: #fee2b0;
|
|
font-weight: bolder;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 15pt;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 180px;
|
|
min-width: 600px;
|
|
}
|
|
.sheetform, .sheet_bg {background-color: #1F1F1F !important; position: relative; min-width: 850px;}
|
|
|
|
.rankTab {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: 5px 5px 0px 0px;
|
|
}
|
|
|
|
.sheet-template_Body .textchatcontainer .inlinerollresult {
|
|
background-color: #000 !important;
|
|
font-color: yellow !important;}
|
|
|
|
|
|
|
|
input[type="number"]{border-style: none; padding:none; margin: none; vertical-align: middle; background-color: #ddd;}
|
|
input[type="text"]{border-style: none; outline-style: none; padding:none; margin: none; vertical-align: middle; background-color: #ddd;}
|
|
textarea{border-style: none; outline-style: none; padding:none; margin: none; vertical-align: middle; background-color: #ddd; border-left: 2px #ccc solid !important; border-right: 2px #ccc solid !important; max-width: 99% !important;}
|
|
textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
|
|
select{border-style: none; outline-style: none; padding:none; margin: none; vertical-align: top; background-color: #ddd;}
|
|
table{border-collapse:collapse; border-spacing:0;}
|
|
h3,h4 {text-align: center; vertical-align: middle; color: #fee2b0 !important; font-weight: bolder;}
|
|
|
|
.viewerName {
|
|
color: #fee2b0 !important;
|
|
font-weight: bolder;
|
|
font-size: 14px !important;}
|
|
|
|
.sheet_bg{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 주사위 */
|
|
button[type=action].challengeButton {
|
|
font-size: 9pt !important;
|
|
background-color: transparent !important;
|
|
height: 25px;
|
|
overflow:hidden;
|
|
width: 70px;
|
|
background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
|
|
font-weight: bolder;
|
|
text-align: center;
|
|
font-decoration: none;
|
|
text-shadow: none;
|
|
border: 1px rgba(256,256,256, 0.3) solid;
|
|
box-shadow: none !important;
|
|
padding: 0px !important;
|
|
|
|
}
|
|
|
|
button[type=action].challengeButton:hover{
|
|
opacity: 80%;
|
|
}
|
|
|
|
button[type=action].challengeButton::before {
|
|
display: none;
|
|
}
|
|
|
|
button[type=roll].NDice, button[type=action].NDice{
|
|
//color: #ff7b00;
|
|
background-color: #333;
|
|
font-weight: bolder;
|
|
font-size: 0px;
|
|
width: 23px !important;
|
|
height: 23px !important;
|
|
margin: 0.0;
|
|
padding: 0.0em;
|
|
border: 1px solid #000000;
|
|
border-radius: 5px;
|
|
background-image: url('https://64.media.tumblr.com/e29849b1dde6de1038565af30099863a/9f44d181165558c5-43/s250x400/cdda3c5ae2f528e9c6048ae6c3e7954503e19d94.pnj');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
overflow: hidden;
|
|
line-height: 100;
|
|
margin-left: 5px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.player{position: absolute; top: 40px; left: 203px; z-index: 4; text-align: left; display: flex; align-items: flex-start; justify-content: flex-start; height: 25px; opacity: 50%;}
|
|
.player div {color: #fee2b0; font-weight: bolder; height: 25px; display: flex; align-items: center; justify-content: center;}
|
|
#playerName {background-color: transparent; text-decoration-line: underline; text-decoration-color: #fee2b0; color: #fee2b0;}
|
|
|
|
#TopContainer {width: 100%; text-align: center; display: flex;}
|
|
#TopColumnL {min-width: 265px; float: left; padding-left: 0px; padding-right: 0px; margin-right: 5px;}
|
|
#TopColumnM {min-width: 180px; padding-left: 10px; padding-right: 10px;}
|
|
#TopColumnR {width: 265px; float: right; padding-left: 15px; padding-right: 10px;}
|
|
|
|
.columnContent { min-width: 180px; max-width: 280px;}
|
|
|
|
.title {
|
|
height: 30px;
|
|
width: 100%;
|
|
color: #fee2b0 !important;
|
|
}
|
|
|
|
.toggleContainer .title {
|
|
background-color: #888 !important;
|
|
}
|
|
|
|
.contentContainer, .specialBlock, .augmentBlock, .skillBlock {
|
|
width: 100%;
|
|
text-align: center;
|
|
background-color: #c3c3c3; border-radius: 3px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.specialBlock {margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom:5px;}
|
|
.augmentBlock {margin-top: 10px;}
|
|
|
|
textarea, input { outline: none; }
|
|
|
|
.profileData {
|
|
text-align: left;
|
|
display: flex;
|
|
margin-bottom: 1px;
|
|
}
|
|
.textSection {
|
|
width: 65px !important;
|
|
font-size: 8pt !important;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
margin-left: 5px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.CharImage {
|
|
background-color: #555;
|
|
top: 0px;
|
|
right: 0px;
|
|
margin-top: 0px;
|
|
top: 62px;
|
|
border: 2px #555 solid;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
height: 105px;
|
|
width: 100px;}
|
|
|
|
.CharImageText {
|
|
top: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.CharImageText {
|
|
color: #ddd;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#characterDetails .CharImage, #characterDetails .CharImageText {
|
|
top: 0px;
|
|
width: 155px;
|
|
height: 155px;}
|
|
|
|
.CharImage img {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
object-fit: contain !important;
|
|
z-index: 2;
|
|
}
|
|
|
|
.CharTopNotes {
|
|
height: 50px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.levelBox {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: auto;
|
|
right: 0;
|
|
font-size: 9pt !important;
|
|
align-items: flex-end;
|
|
justify-content: flex-end;
|
|
opacity: 50%;
|
|
}
|
|
|
|
.levelBox input {
|
|
height: 25px !important;}
|
|
|
|
.bars {position: relative; background-color: #111; width: 90px !important; height: 25px; height: 37px; border-radius: 5px;}
|
|
.Cstat, .Mstat {font-size: 16pt !important; font-weight: bold !important;}
|
|
.Cstat{color: #111; background-color: transparent !important; width: 125% !important; height: 100% !important; position: absolute; top: 0; left: 0; z-index: 5; opacity: 80%; padding-left: 5px;}
|
|
.Mstat{color: rgba(0,0,0,0.5); !important; position: absolute; top: 0; right: 0; width: 50% !important; height: 100% !important; text-align: center; border-radius: 0px 3px 3px 0px;}
|
|
|
|
.contentBlock {width: 100%; display: flex; justify-content: start; align-items: start;}
|
|
|
|
.sectionHeader {
|
|
background-color: #ddd;
|
|
font-color: #fff;
|
|
width: 100%;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
flex-basis: 0;
|
|
height: 30px;
|
|
}
|
|
|
|
.skillType {
|
|
margin-top: 8px !important;
|
|
margin-right: 5px;
|
|
height: 25px !important;
|
|
}
|
|
|
|
.headerName {
|
|
width: 95px;}
|
|
|
|
.weaponRankBox, .weaponRangeBox{
|
|
color: #fff !important;
|
|
border-radius: 0px 0px 5px 0px;
|
|
padding: 4px;
|
|
height: 25px;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 0;
|
|
z-index: 5;
|
|
}
|
|
|
|
.weaponRankBox {
|
|
width: 190px;
|
|
display: flex;
|
|
align-content: flex-start;
|
|
justify-content: flex-start;}
|
|
|
|
.weaponRangeBox {
|
|
width: 190px;
|
|
border-radius: 0px 0px 0px 5px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.weaponType {
|
|
position: absolute;
|
|
top: 38px;
|
|
left: 70px;
|
|
z-index: 4;
|
|
width: 100px;
|
|
justify-content: start;
|
|
}
|
|
|
|
.weaponRankBox input, .outfitRank {
|
|
width: 25px;
|
|
text-align: center;
|
|
background-color: rgba(0,0,0,0.2) !important;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
height: 25px !important;
|
|
}
|
|
|
|
.skillRank {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 6px;
|
|
z-index: 20;
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
border-radius: 100px;
|
|
text-shadow: rgba(0,0,0,1) 0px 0px 5px;
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
|
|
background-color: rgba(0,0,0,0) !important;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-weight: bold;}
|
|
|
|
.outfitRank {
|
|
margin-left: 5px;
|
|
margin-right: 5px;}
|
|
|
|
.outfitText {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.weaponRangeBox select, .weaponRankBox select{
|
|
width: 70px;
|
|
background-color: rgba(0,0,0,0.2) !important;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.darkInput, .ailmentNum {
|
|
background-color: rgba(0,0,0,0.2) !important;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.transpInput {
|
|
background-color: rgba(0,0,0,0) !important;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.whiteInput {
|
|
background-color: rgba(256,256,256,0.1) !important;
|
|
color: #eee;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.iconHolder {
|
|
height: 35px;
|
|
width: 45px;
|
|
}
|
|
|
|
.iconHolder img {
|
|
height: 35px;
|
|
width: 35px;}
|
|
|
|
.combatPaletteName {
|
|
max-width: 100px;
|
|
margin-left: 35px !important;
|
|
font-size: 9pt;}
|
|
|
|
.paletteButton input {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.paletteDiceContainer {
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
height: 100%;
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.paletteButton {
|
|
height: 30px;
|
|
border-radius: 3px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
|
|
|
|
.paletteDice {
|
|
overflow: hidden;
|
|
width: 60px;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 30px !important;
|
|
top: 0px;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.paletteDice * {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
font-size: 9.5pt !important;
|
|
height: 100% !important;
|
|
width: 17px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center !important;
|
|
color: #fff !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.paletteDice .plainText {
|
|
opacity: 70%;
|
|
width: 5px !important;
|
|
}
|
|
|
|
.paletteButton .BDice, .paletteButton .NDice {
|
|
height: 23px !important;
|
|
width: 23px !important;
|
|
position: absolute; top: 3px; right: 0px;
|
|
|
|
}
|
|
|
|
.columnAlign {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.type-image{width: 40px; height: auto; text-align: center;}
|
|
input[type="checkbox"]{ width: 21px; height: 21px; text-align: center; vertical-align: middle;}
|
|
.combatDice{text-align: center; justify-content: end; align-items: center; margin-right: 3px;}
|
|
/* 무기 */
|
|
.weaponContainer {width: 100%; max-width: 400px; display: flex; align-items: start; justify-content: start; position: relative; padding: 5px; flex-wrap: wrap;}
|
|
|
|
.weapon_distance, .weapon_type {
|
|
height: 25px;
|
|
width: 50% !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.weapon_type {width: 90px !important; height: 25px; margin-right: 5px;}
|
|
|
|
|
|
.outfitResistVal {width: 45px; text-align: center;}
|
|
|
|
|
|
#ailmentBlock .contentContainer {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.status_effect_item {
|
|
width: 35px;}
|
|
|
|
.status_effect_value {width:50px; height: 15px; text-align: center;}
|
|
|
|
.sheet-template_Body{width: 240px; height: 360px;
|
|
background-image: url(https://i.imgur.com/TjGTQ7o.png); background-size: 240px 360px; overflow: hidden;}
|
|
.sheet-container{width: 150px; height: 250px; margin-left: 45px; margin-top: 55px; text-shadow: #FC0 0px 0 4px;}
|
|
.sheet-template_type{width: 150px; height: 20px; color: #fee2b0; text-align: center; padding-top: 10px;}
|
|
.sheet-template_name{width: 150px; height: 20px; color: #fee2b0; text-align: center; font-family: 'HeirofLightBold';}
|
|
.sheet-template_dice_type{width: 150px; height: 20px; color: #fee2b0; text-align: center;}
|
|
.sheet-template_dice{width: 150px; height: 60px; color: #000000; text-align: center;}
|
|
.sheet-template_effect{width: 150px; height: 60px; color: #fee2b0; text-align: center;}
|
|
|
|
.dicerollBlock {
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: end;
|
|
width: 90px;
|
|
align-items: center;
|
|
background-color: rgba(0,0,0,0.2);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.dicerollBlock .plainText {
|
|
width: 8px;
|
|
color: #fff;
|
|
text-align: center;
|
|
opacity: 70%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.dicerollBlock input{
|
|
width: 25px;
|
|
background-color: transparent;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.diceNum {
|
|
text-align: right !important;}
|
|
.diceVal {
|
|
text-align: left !important;}
|
|
|
|
.template_icon, .weaponIcons, .weapon2_icon {
|
|
width: 35px;
|
|
min-width: 35px;
|
|
height: 35px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
overflow-hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.attackIcon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.resIconLeft {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
|
|
}
|
|
|
|
.resIconRight {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;}
|
|
|
|
.evadeIcon, .evadeIcon img {
|
|
height: 30px;
|
|
width: 30px;}
|
|
|
|
.evadeAdjust {
|
|
height: 25px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.rankText {
|
|
display: none;
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 3px;
|
|
}
|
|
|
|
.attackIcon .type-image, .resIconRight .type-image, .resIconLeft .type-image {
|
|
opacity: 0;}
|
|
|
|
/* Hide the toggle checkbox */
|
|
.expand-toggle, .hide-toggle, .hide-toggle-rev {
|
|
display: none;}
|
|
|
|
/* Style the button */
|
|
|
|
.expand-btn {
|
|
width: 35px !important;
|
|
height: 35px !important;
|
|
opacity: 30%;
|
|
}
|
|
|
|
.fade-toggle + div {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.fade-toggle:checked + div {
|
|
opacity: 20%;
|
|
}
|
|
|
|
.ailmentNum {
|
|
opacity: 60%;}
|
|
|
|
.fade-toggle ~ div .ailmentNum {
|
|
opacity: 80%;
|
|
}
|
|
|
|
.fade-toggle:checked ~ div .ailmentNum {
|
|
opacity: 40%;
|
|
}
|
|
|
|
|
|
/* Style the button when the checkbox is checked */
|
|
.expand-toggle:checked ~ .expand-btn, #weapon1-slash:checked ~ .expand-btn, #weapon1-pierce:checked ~ .expand-btn, #weapon1-blunt:checked ~ .expand-btn, #weapon2-slash:checked ~ .expand-btn, #weapon2-pierce:checked ~ .expand-btn, #weapon2-blunt:checked ~ .expand-btn {
|
|
opacity: 100% !important;
|
|
}
|
|
|
|
.expand-toggle:checked ~ .type-image {
|
|
opacity: 100% !important;}
|
|
|
|
.hide-item-rev {
|
|
display: inline-block;
|
|
}
|
|
|
|
.hide-toggle:checked ~ button, .hide-toggle-rev:checked ~ .hide-item-rev {
|
|
display: none !important;
|
|
}
|
|
|
|
.hide-item {
|
|
width: 100%;
|
|
display: none;}
|
|
|
|
.hide-toggle:checked ~ .hide-item {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.tool input[type=checkbox] {
|
|
display:none;
|
|
}
|
|
|
|
.portableIcon {
|
|
background-image: url("https://64.media.tumblr.com/4aea178f49d1cb608ef0c13a3a632b40/6abcd4889ffff146-28/s250x400/4913cd23f4dfe82c181f3250d376d0abea44aa0f.pnj");
|
|
}
|
|
|
|
|
|
.reusableIcon {
|
|
background-image: url('https://64.media.tumblr.com/a1a39351f912919b83cf588a00129f04/6abcd4889ffff146-c9/s250x400/2a0f6022aef0dab1204dad00117745102010b76b.pnj');
|
|
background-size: contain;
|
|
}
|
|
|
|
.tool input[type=checkbox] + label
|
|
{
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
height: 30px !important;
|
|
width: 30px !important;
|
|
display:inline-block;
|
|
padding: 0 0 0 0px;
|
|
margin: 0px;
|
|
opacity: 30%;
|
|
}
|
|
|
|
|
|
|
|
.tool input[type=checkbox]:checked + label
|
|
{
|
|
height: 30px !important;
|
|
width: 30px !important;
|
|
display:inline-block;
|
|
padding: 0 0 0 0px;
|
|
margin: 0px;
|
|
display:inline-block;
|
|
opacity: 100%;
|
|
}
|
|
|
|
.half {
|
|
width: 49%;}
|
|
|
|
.toolDescriptionInput {
|
|
height: 65px !important;
|
|
margin-bottom: 2px !important;}
|
|
|
|
.egoDescInput {
|
|
height: 60px;
|
|
|
|
}
|
|
|
|
.egoIdeologyInput {
|
|
width: 100% !important;
|
|
height: 25px !important;
|
|
margin-bottom: 3px !important;
|
|
}
|
|
|
|
|
|
textarea {
|
|
width: 100%;
|
|
max-height: 100px;
|
|
resize: none;
|
|
border-left: 2px #ddd solid;
|
|
border-right: 2px #ddd solid;
|
|
}
|
|
|
|
.weaponDescription, .weaponEffect {
|
|
width: 50%;
|
|
}
|
|
|
|
.outfitDescriptionInput {
|
|
height: 60px !important;}
|
|
|
|
.weaponDescriptionInput, .weaponEffectInput, .outfitDescription, .outfitDescriptionInput, .augmentDescriptionInput {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.specialDescriptionInput {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.specialColumn {
|
|
color: rgba(0,0,0,0.5);
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
margin-bottom: 0 !important;
|
|
margin-top: 7px;}
|
|
|
|
.specialColumn select {
|
|
height: 25px !important;
|
|
text-align: left !important;}
|
|
|
|
|
|
.weaponDescriptionInput {
|
|
height: 70px !important;}
|
|
|
|
|
|
.weaponDescription span, .weaponEffect span {
|
|
height: 10px;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.descHead {
|
|
height: 28px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.resistanceChart {
|
|
flex-wrap: wrap;
|
|
min-width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.ailmentNum {
|
|
width: 50px; text-align: center;
|
|
}
|
|
|
|
.ailmentStates label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
padding: 3px;
|
|
}
|
|
|
|
|
|
#state_Stagger, #state_Panic, #state_Defeat, #state_Immobile {
|
|
display: hidden !important;
|
|
}
|
|
|
|
#state_Stagger:checked, #state_Panic:checked, #state_Defeat:checked, #state_Immobile:checked {
|
|
accent-color: #555;
|
|
opacity: 100%;
|
|
}
|
|
|
|
.resistanceChart select {
|
|
width: 55px !important;
|
|
justify-content: start;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.speed {
|
|
height: 30px;
|
|
width: 30px;
|
|
background-image: url('https://64.media.tumblr.com/ec0ed4435607318b7c416dbc1ff9ca40/c221812303dae053-63/s250x400/662dc6d00991d2e670f2cf15e2ae24c04a2cfc51.pnj');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border-radius: 5px;
|
|
background-color: #222 !important;
|
|
border: 1px #111 solid;
|
|
margin: 1px;
|
|
}
|
|
.declare {
|
|
height: 25px;
|
|
padding: 3px;
|
|
border-radius: 3px;
|
|
color: #fff !important;
|
|
background-color: #222 !important;
|
|
border: 1px #111 solid;
|
|
font-weight: bold;
|
|
min-width: 40px;
|
|
}
|
|
|
|
.speed:hover, button[type=roll].NDice:hover, button[type=action].NDice:hover, .challengeButton:hover, .declare:hover {
|
|
background-color: #000 !important;
|
|
}
|
|
|
|
.resistanceChart img, .resistanceChart select {
|
|
margin: 0; padding: 0;}
|
|
|
|
.resistanceChart select{
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
text-overflow: '';
|
|
}
|
|
|
|
.resistanceChart img {
|
|
height: 30px !important;
|
|
width: 30px !important;
|
|
}
|
|
|
|
.statBlock {
|
|
margin: 3px;
|
|
width: 100px;
|
|
overflow: hidden;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.statHeader {
|
|
background-color: #000;
|
|
font-weight: bold;
|
|
padding: 0px;
|
|
padding-bottom: 5px;}
|
|
|
|
.statImage {
|
|
background-color: #000;
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 60px;
|
|
}
|
|
|
|
#InstinctStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/5bad35e4301d7c08e6d10eff741e5fc0/3acd4d8f6456be78-fe/s400x600/e08664b0aeb4f51f0252616ce00bcba5f0a146b6.pnj') !important;
|
|
|
|
}
|
|
|
|
#WisdomStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/440ed9b4fc565af4e617265c15ae7bf9/3acd4d8f6456be78-c6/s400x600/345f4ff6f275e44fced96da7b35d591225105824.pnj') !important;
|
|
}
|
|
|
|
#JusticeStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/26f52ca6f5633de846741cb9cfb0d6b3/3acd4d8f6456be78-6c/s400x600/f1bf22a03d782d7af6cdbc15dae658879d7bcc0c.pnj') !important;
|
|
|
|
}
|
|
|
|
#CharmStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/bdc307911723f8f02b4d8e5f56e51b49/3acd4d8f6456be78-c1/s400x600/286f06c37e51eb016245148cdd050b0213c4d1be.pnj') !important;
|
|
|
|
}
|
|
|
|
#InsightStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/187271058cccbcd88e32d2f177764fa0/3acd4d8f6456be78-13/s400x600/aad6740cb1dfdd9d0d2160e215af6adec9a0a5ce.pnj') !important;
|
|
|
|
}
|
|
|
|
#TemperanceStat {
|
|
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('https://64.media.tumblr.com/2dc75b657b162010ba89d515e231c2c8/3acd4d8f6456be78-b7/s400x600/edafa49981732996178a48b9411d4068ec4c8a2c.pnj') !important;
|
|
|
|
}
|
|
|
|
.statInput {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: bottom-left;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.statInput input {
|
|
text-align: center;
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
background-color: rgba(0,0,0,0.6) !important;
|
|
font-weight: bold;
|
|
font-size: 25pt;
|
|
|
|
}
|
|
|
|
.instinct {
|
|
//color: #cc2c2c;
|
|
}
|
|
|
|
.wisdom {
|
|
color: #d9d9d9 !important;
|
|
}
|
|
|
|
.justice {
|
|
color: #46bdc6 !important;
|
|
}
|
|
|
|
.charm {
|
|
color: #9c66c6 !important;
|
|
}
|
|
|
|
.insight {
|
|
color: #ffe599 !important;
|
|
}
|
|
|
|
.temperance {
|
|
color: #ac609d !important;
|
|
}
|
|
|
|
.lightCost {
|
|
color: #fee2b0;
|
|
font-weight: bold;
|
|
float: right;
|
|
|
|
}
|
|
|
|
.helpers {
|
|
margin-left: 1px;
|
|
margin-right: 1px;}
|
|
|
|
.helpers b {
|
|
font-size: 9pt;
|
|
opacity: 30%;
|
|
}
|
|
|
|
|
|
.noHover{
|
|
cursor: text !important;
|
|
background-color: #ddd !important;
|
|
}
|
|
|
|
.lightCost input {
|
|
background-color: #fee2b0 !important;
|
|
border-radius: 100px;
|
|
color: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
|
|
.skillSelectionElement {
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.blocker {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 4;
|
|
}
|
|
|
|
.skillSelectionElement .attackIcon, .skillN .attackIcon, .skillE .attackIcon {
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
height: 30px;
|
|
width: 30px;
|
|
border: 1px #fff solid;
|
|
}
|
|
|
|
.skillE .attackIcon {
|
|
border: 1px #888 solid !important;}
|
|
|
|
|
|
|
|
.skillSelectionElement img, .skillIcon, .skillE img {
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.skillNone {}
|
|
|
|
.skillAtt {
|
|
background-image: url('https://64.media.tumblr.com/8ede5bf21930f9d2c4d85da393518565/9e4d26fca3dacaf6-85/s250x400/2888f5e3379f58012dfcfa583d00cc545296e7a5.pnj');
|
|
|
|
}
|
|
.skillDef {
|
|
background-image: url('https://64.media.tumblr.com/fdf082387a5d2a27edb66dc478d81131/9f44d181165558c5-12/s250x400/8e3971a9a0b317c95935e90d6e8511d423d5110c.pnj');
|
|
}
|
|
|
|
.skillEvd {
|
|
background-image: url('https://64.media.tumblr.com/b89c9da811023b70c12c76ac699db016/9f44d181165558c5-ad/s250x400/fc449786a9bcfb8e61c13d74d239b539a9b78bb7.pnj');
|
|
}
|
|
.skillAct {
|
|
background-image: url('https://64.media.tumblr.com/4aea178f49d1cb608ef0c13a3a632b40/6abcd4889ffff146-28/s250x400/4913cd23f4dfe82c181f3250d376d0abea44aa0f.pnj');
|
|
}
|
|
.skillMass {
|
|
background-image: url('https://64.media.tumblr.com/3f21376b7209f68ed215662631d1da61/9e4d26fca3dacaf6-f7/s250x400/0aab2d3f33eb8b70037f9de832d6fd90b233efd9.pnj');
|
|
}
|
|
|
|
.luck {
|
|
background-image: url('https://64.media.tumblr.com/5d546cda6055db519918f96e47282795/375c7aaea5998c0c-8f/s250x400/c8b2ec5d6851a1f3d7bea956f0ef0e5e66843d54.pnj');
|
|
}
|
|
|
|
.whisper {
|
|
background-image: url('https://64.media.tumblr.com/1ef5be5c50366238558436dafae59576/8bc46af178dead79-2b/s250x400/f0f1e457035154fa6e0747fb353a5969a20dd488.pnj');}
|
|
|
|
.expand-toggle:checked ~ .whisper {
|
|
border: 1px #fee2b0 solid;
|
|
//background-color: #fee2b0 !important;
|
|
opacity: 60%;
|
|
}
|
|
|
|
.next {
|
|
background-image: url('https://64.media.tumblr.com/5cbd3289cdd84a384a1782273530ca15/375c7aaea5998c0c-2e/s250x400/523ea74ad65b9945128d7b38cccf5d396ab4aa56.pnj');
|
|
}
|
|
|
|
.egoSkills .skillAtt, .egoAtt {
|
|
background-image: url('https://64.media.tumblr.com/52f299c95e9077c5900ee76c74a3c787/d3a9868a872774f2-84/s250x400/62a9096d5f57611981b7fbed65c955b10d04e6f2.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.egoSkills .skillDef, .egoDef {
|
|
background-image: url('https://64.media.tumblr.com/05a08859d8eed200ef0ccc7412730508/8bc46af178dead79-a9/s250x400/5435ed09dd0260033795a9346de58ad9b337274c.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.egoSkills .skillEvd, .egoEvd {
|
|
background-image: url('https://64.media.tumblr.com/100f8589858f89e7c1f90642c361715b/d3a9868a872774f2-49/s250x400/3364d5717fc708454dcd381aa03e2dc150672cba.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.egoSkills .skillAct, .egoAct {
|
|
background-image: url('https://64.media.tumblr.com/a842f5560de6e8e2303c81b0707c8ed8/d3a9868a872774f2-74/s250x400/20c9fab30f0a95bc81e9ca7353a82abce4bebe2c.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.egoSpecial {
|
|
background-image: url('https://64.media.tumblr.com/5b62343678de10115c62ba1e04efcdf0/375c7aaea5998c0c-8f/s250x400/625d270a73968270f7d915945e844d8f9c8742bc.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.egoSkills .skillMass {
|
|
background-image: url('https://64.media.tumblr.com/828a79032bc314487e8c23f4104f5c4a/d3a9868a872774f2-89/s250x400/47847c6109d58d203d95890dce4f26e9f981c8a8.pnj');
|
|
background-color: #000;
|
|
}
|
|
|
|
.slash {
|
|
background-image: url('https://64.media.tumblr.com/4a0301c933b477b18658b7dd4c841c56/9f44d181165558c5-f3/s250x400/eec39612d61dfe72dc8ed6a138344d682f8e9b29.pnj');
|
|
}
|
|
.pierce {
|
|
background-image: url('https://64.media.tumblr.com/42b164c68a0b9eed1da36b1a890643f4/9f44d181165558c5-c0/s250x400/9e96dd6a53ae0119895e2a558f851b4db219ca6f.pnj');
|
|
}
|
|
.blunt {
|
|
background-image: url('https://64.media.tumblr.com/9800bc62dd54fb31eabf2d8ea6721709/9f44d181165558c5-ab/s250x400/2d7ba1e253f9de1b7c4ac6173f7dd0f5d620f3a9.pnj');
|
|
}
|
|
.egoSlash {
|
|
background-image: url('https://64.media.tumblr.com/c3f6f34aa16f69a83a9352e4ad5b55db/4f96c1507c227247-13/s250x400/a8e8013b8c25e5c2937b12488f1dcdbf09d6b03e.pnj');
|
|
}
|
|
.egoPierce {
|
|
background-image: url('https://64.media.tumblr.com/b256ac167231bc27926ca1518529a33b/4f96c1507c227247-a1/s250x400/0fb09f72cd3be82558d18012feaf70a054a56e38.pnj');
|
|
}
|
|
.egoBlunt {
|
|
background-image: url('https://64.media.tumblr.com/84e858f57dc8cc5ae1ecb96bfe303169/4f96c1507c227247-9a/s250x400/ddc824b9774be7ac87f0b3c695eaba00f8d571c8.pnj');
|
|
}
|
|
|
|
.question {
|
|
background-image: url('https://64.media.tumblr.com/7d2b9327ad56b6fb41751f2e8fc8b47b/375c7aaea5998c0c-87/s250x400/d6e3274d791fd217ce36589c818797f3c7511aed.pnj');
|
|
}
|
|
|
|
.defend {
|
|
background-image: url('https://64.media.tumblr.com/209dd869df42dba546ffb30f6b7d75bd/8bc46af178dead79-ad/s250x400/054e59a821917185f385fa968dada30025969f8b.pnj');}
|
|
.evade {
|
|
background-image: url('https://64.media.tumblr.com/b89c9da811023b70c12c76ac699db016/9f44d181165558c5-ad/s250x400/fc449786a9bcfb8e61c13d74d239b539a9b78bb7.pnj');}
|
|
|
|
.slashFatal {
|
|
background-image: url('https://64.media.tumblr.com/35137b61f0e2c1910529a567ca1fa825/ffe5ed6c84d57bcf-53/s250x400/237b23b6c07d897f90f82428be32abd993cec142.pnj');}
|
|
.slashWeak {
|
|
background-image: url('https://64.media.tumblr.com/50848de8fee26787ad4375bd72e7ec80/ffe5ed6c84d57bcf-16/s250x400/ca829a6b037fb8877e23351376fa078a54a04f80.pnj');}
|
|
.slashNormal {
|
|
background-image: url('https://64.media.tumblr.com/8e7ae22093ceb1527eaa98dfe1d05b33/ffe5ed6c84d57bcf-4e/s250x400/e001d0a4a3d60f030287e60c2fc92147c53b5685.pnj');}
|
|
.slashEndured {
|
|
background-image: url('https://64.media.tumblr.com/08ec0270ca5ad21934142728a09f8e57/ffe5ed6c84d57bcf-a1/s250x400/85878086d4604245eaeb992e181acaad760b477c.pnj');}
|
|
.slashIneffective {
|
|
background-image: url('https://64.media.tumblr.com/4eb9b593085db46938a266c2b3edc2f8/6664f6d61c7cfed2-1d/s250x400/679506003704b016fe0f1e21abf1fee41c4c1b60.pnj');}
|
|
.slashImmune {
|
|
background-image: url('https://64.media.tumblr.com/72da50d7a06331ad4daf24bd2f3ee1ae/e5b556f9d2c19933-80/s250x400/f6c667dae4c7fb3ef6fba2cd865699115bdc0896.pnj');}
|
|
|
|
.slashFatalSTG {
|
|
background-image: url('https://64.media.tumblr.com/2f08f108417501148883549bb3a545e1/ffe5ed6c84d57bcf-81/s250x400/29e6256646653090e62bfdabf91d6e50f8d6a53f.pnj');}
|
|
.slashWeakSTG {
|
|
background-image: url('https://64.media.tumblr.com/16d06b2b87db0c0799e6a0aeb6311fc3/ffe5ed6c84d57bcf-dc/s250x400/b1273c26849d69ce9db01731a8e03aaf656e925c.pnj');}
|
|
.slashNormalSTG {
|
|
background-image: url('https://64.media.tumblr.com/c33bc5031a91887b414877e5a8251a13/ffe5ed6c84d57bcf-99/s250x400/24ad27b8c8c1e025b4b54b7997b332441445da94.pnj');}
|
|
.slashEnduredSTG {
|
|
background-image: url('https://64.media.tumblr.com/798d757cd7b9d959615819a7aff03b6d/697aaf7641a2c531-fc/s250x400/f720974b47b2bee64ee391a075926bf9be4fc8e4.pnj');}
|
|
.slashIneffectiveSTG {
|
|
background-image: url('https://64.media.tumblr.com/e9fda3d73b0c666dfa39375492b6cbbe/6664f6d61c7cfed2-c8/s250x400/07eb82469cbf0526778d55d68d57cd18dd14388e.pnj');}
|
|
.slashImmuneSTG {
|
|
background-image: url('https://64.media.tumblr.com/cedbb9717633c631fb4472def49ed881/e5b556f9d2c19933-2f/s250x400/3dac676716d1b40c0c46c3bc08134f853fa38fae.pnj');}
|
|
|
|
.pierceFatal {
|
|
background-image: url('https://64.media.tumblr.com/1aeea5e4b1c10d5cac3a9b7f0edd37c3/46851a82b667f5c6-ed/s250x400/958ab94f6eacef3023bbf1d5c698b8beba16cb72.pnj');}
|
|
.pierceWeak {
|
|
background-image: url('https://64.media.tumblr.com/5a53bbe642054b3028eed9c5b8adcba2/46851a82b667f5c6-57/s250x400/bfb5ddefd7e95e2408830dbaed29887f3edc9d66.pnj');}
|
|
.pierceNormal {
|
|
background-image: url('https://64.media.tumblr.com/ab650fa6270a9618756839749cdf62ad/46851a82b667f5c6-f6/s250x400/339596ff24cf03243428e411558b39f8732739f5.pnj');}
|
|
.pierceEndured {
|
|
background-image: url('https://64.media.tumblr.com/02413eb82b7b8066ecb6aa879f41b711/46851a82b667f5c6-41/s250x400/1a86027019a419e9da76f195910520e65ee13e46.pnj');}
|
|
.pierceIneffective {
|
|
background-image: url('https://64.media.tumblr.com/f144d52b15c43634b5c25b2561fbd047/6664f6d61c7cfed2-d4/s250x400/e1b202b38161e3cd952930a2351ff98371785e2d.pnj');}
|
|
.pierceImmune {
|
|
background-image: url('https://64.media.tumblr.com/695d4a78449f58e047b294e7d11a513c/e5b556f9d2c19933-0d/s250x400/8ab1a0ced91d6f4a121a3fb157d5c5cf5eac4145.pnj');}
|
|
|
|
.pierceFatalSTG {
|
|
background-image: url('https://64.media.tumblr.com/fc6a1ab8c1a0ce051674278f75300050/46851a82b667f5c6-a9/s250x400/e14f642abf917d1e8d62d91c8096e991a252c4d7.pnj');}
|
|
.pierceWeakSTG {
|
|
background-image: url('https://64.media.tumblr.com/620f539f0ca71656d9f9781a181ab740/46851a82b667f5c6-29/s250x400/350ec8d1e28939ffd740ee18f26320e672aa46a5.pnj');}
|
|
.pierceNormalSTG {
|
|
background-image: url('https://64.media.tumblr.com/e4beed54ecdd53d0eeb3e2bcc497732f/46851a82b667f5c6-99/s250x400/336e0f320b832fa7a4439742080a3a0627e3cb3e.pnj');}
|
|
.pierceEnduredSTG {
|
|
background-image: url('https://64.media.tumblr.com/c6429e2ddd0a64d18662ddf9530718b2/697aaf7641a2c531-60/s250x400/4d0c12f2bcdcd180db458816ecef015d10503bd5.pnj');}
|
|
.pierceIneffectiveSTG {
|
|
background-image: url('https://64.media.tumblr.com/482397194ff9ace9c43bc5560b150c8c/6664f6d61c7cfed2-38/s250x400/16ac149322cec10fae2fe7b61a5ef8cfca4ef3f9.pnj');}
|
|
.pierceImmuneSTG {
|
|
background-image: url('https://64.media.tumblr.com/08b7e774f0fca0a581dea1563b83922a/e5b556f9d2c19933-fc/s250x400/84c445b6f16e9e2b9064c90aeb79e3317c5a2769.pnj');}
|
|
|
|
.bluntFatal {
|
|
background-image: url('https://64.media.tumblr.com/c061ec72dcb81ebbf96c6b28974dc499/60ff90c3e506e5cb-b8/s250x400/5669a2b0ca07ed9db2b3d301d895f3d88c45edf1.pnj');}
|
|
.bluntWeak {
|
|
background-image: url('https://64.media.tumblr.com/b6a28b2d8c4c34e82cdd59fde28cc211/60ff90c3e506e5cb-e9/s250x400/11b045ed2aea70845bace35e471dc057cbd5ade7.pnj');}
|
|
.bluntNormal {
|
|
background-image: url('https://64.media.tumblr.com/beffb5229b4918a9624c0f42771551f6/60ff90c3e506e5cb-c2/s250x400/db4f18aec88566c65328f14a47695716483f62cb.pnj');}
|
|
.bluntEndured {
|
|
background-image: url('https://64.media.tumblr.com/323bd7da37c785eee44384b7d67a20e2/60ff90c3e506e5cb-47/s250x400/e64af49a4ddee451614f9f2018237dccb6b78406.pnj');}
|
|
.bluntIneffective {
|
|
background-image: url('https://64.media.tumblr.com/64ce7e817f2744270f60032af1210664/6664f6d61c7cfed2-cd/s250x400/575e2ba09d89b851a86b5863bfe6e65bc9a1256b.pnj');}
|
|
.bluntImmune {
|
|
background-image: url('https://64.media.tumblr.com/ae8746e7805a9e8dc1823605adba60c0/e5b556f9d2c19933-14/s250x400/e93d44a2ae5e022a9655617e68ee50559f35ea1c.pnj');}
|
|
|
|
.bluntFatalSTG {
|
|
background-image: url('https://64.media.tumblr.com/a55c3eac964cdef18591835197f6711c/60ff90c3e506e5cb-a4/s250x400/8a2e6dd28943d0b06257b5653a1940c33413196e.pnj');}
|
|
.bluntWeakSTG {
|
|
background-image: url('https://64.media.tumblr.com/a266a5fdb5cab4bf795f29df29ef62e1/60ff90c3e506e5cb-ee/s250x400/995f155242221d18a4f13c06352b2ab2702740a9.pnj');}
|
|
.bluntNormalSTG {
|
|
background-image: url('https://64.media.tumblr.com/cebb945b9418455b48822f2cc8526ca4/60ff90c3e506e5cb-7b/s250x400/81c7141983560220f3edf2193d923fc3acb42c76.pnj');}
|
|
.bluntEnduredSTG {
|
|
background-image: url('https://64.media.tumblr.com/bd029cd9995cb282d7f3b7e33a7f1fb3/697aaf7641a2c531-4b/s250x400/10b1fce83d6117a8213f55e430951ffefd50aaeb.pnj');}
|
|
.bluntIneffectiveSTG {
|
|
background-image: url('https://64.media.tumblr.com/9733fc75a7a3ef410f18587fcb447934/6664f6d61c7cfed2-9f/s250x400/78bad27cc59c689d2fefb8eb7e311e12199cb806.pnj');}
|
|
.bluntImmuneSTG {
|
|
background-image: url('https://64.media.tumblr.com/9dec454564b8a29c76e218a022eba2a4/e5b556f9d2c19933-90/s250x400/a9c5de91cad9adc8145dba35f080ed9ba89b743e.pnj');}
|
|
|
|
.skillIcon, .typeIcon, .resistIcon {
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.resistIcon {
|
|
width: 30px;
|
|
height: 30px;}
|
|
|
|
.typeIcon {
|
|
width: 35px;
|
|
height: 35px;}
|
|
|
|
input[type='checkbox'] {
|
|
accent-color: #fee2b0;
|
|
opacity: 50%;
|
|
}
|
|
|
|
input[type='checkbox']:checked {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.skillSelectionLabel .attackIcon input[type='checkbox'] {
|
|
display: none !important;
|
|
}
|
|
|
|
.skillSelectionElement .skillSelector {
|
|
opacity: 0% !important;
|
|
}
|
|
|
|
.skillhide {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border-radius: 100px;
|
|
border: 1px #555 solid;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
width: 125px;
|
|
height: 32px;
|
|
}
|
|
|
|
.skillBuffer {
|
|
max-width: 49%;
|
|
overflow: hidden;}
|
|
|
|
.skillSelectionLabel {
|
|
background-color: transparent;
|
|
color: #fff;
|
|
position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 10;
|
|
border-radius: 100px 100px 100px 100px;
|
|
opacity: 60%;
|
|
width: 125px;
|
|
}
|
|
|
|
.skillSelectionLabel input {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.skillSelector:checked ~ .skillSelectionLabel {
|
|
background-color: #555;
|
|
opacity: 100%;
|
|
}
|
|
|
|
.skillSelector:checked ~ .skillSelectionLabel {
|
|
background-color: #555;
|
|
opacity: 100%;
|
|
}
|
|
|
|
.helperText:checked ~ .helperTextContainer .helpers b {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.skillSelectionElement {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 32px;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.skillSelectionElement .skillSelectionName {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-weight: bold;
|
|
margin-left: 30px !important;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.skillN .attackIcon, .skillE .attackIcon {
|
|
margin-top: 2px !important;
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.title, body, .toggleButtons {
|
|
min-width: 800px;
|
|
max-width: 850px;}
|
|
|
|
#infoSectionToggle.sheet-toggle-show:not(:checked) ~ div.sheet-body,
|
|
#infoSectionToggle.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
#skillSectionToggle.sheet-toggle-show:not(:checked) ~ div.sheet-body,
|
|
#skillSectionToggle.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
#equipmentSectionToggle.sheet-toggle-show:not(:checked) ~ div.sheet-body,
|
|
#equipmentSectionToggle.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
.skillType {
|
|
color: #fff !important;}
|
|
|
|
.CharAge, .CharHeight, .CharOrigin, .CharJob {
|
|
max-width: 95px;
|
|
margin-left: -3px;;
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
.sheet-rolltemplate-message div {
|
|
color: #fff !important;
|
|
background-color: rgba(0,0,0,0.5) !important;
|
|
}
|
|
|
|
.difficultyInput {
|
|
height: 50px !important;
|
|
width: 55px !important;
|
|
font-size: 12pt;
|
|
text-align: center;
|
|
margin-top: 3px !important;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.updateInput {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-size: contain;
|
|
background-position: center;
|
|
margin-top: 2px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.utilitybuttons {
|
|
height: 27px;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
.disadvCounter {
|
|
border: 2px #cc4125 solid !important;}
|
|
|
|
.disadvCheck {
|
|
height: 30px !important;
|
|
accent-color: #cc4125 !important;
|
|
}
|
|
.advCounter {
|
|
border: 2px #93c47d solid !important;
|
|
}
|
|
.advCheck {
|
|
height: 30px !important;
|
|
accent-color: #93c47d !important;
|
|
}
|
|
|
|
.toggleButtons {
|
|
width: 100%;
|
|
height: 60px;
|
|
min-width: 800px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-equipment,
|
|
.sheet-skills,
|
|
.sheet-details {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="details"] ~ div.sheet-details {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="equipment"] ~ div #equipmentButton, .sheet-tabstoggle[value="skills"] ~ div #skillsButton, .sheet-tabstoggle[value="details"] ~ div #detailsButton {
|
|
color: #fee2b0 !important;
|
|
background-color: #333;
|
|
}
|
|
|
|
.toggleButtons button {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
font-size: 16pt;
|
|
font-weight: bold;
|
|
border-radius: 5px 5px 0px 0px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #111;
|
|
color: #888 !important;
|
|
}
|
|
|
|
.speedbox {
|
|
text-align: center;
|
|
width: 30px !important;
|
|
}
|
|
|
|
.sideDice {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.power {
|
|
text-align: center !important;
|
|
font-weight: bold;
|
|
border: 1px #666 solid !important;
|
|
margin-bottom: 2px !important;
|
|
width: 40px !important;
|
|
}
|
|
|
|
#characterExtra {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#characterExtra div {
|
|
color: #333;
|
|
}
|
|
|
|
#characterExtra div, #characterExtra textarea {
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
#characterDetails .CharName {
|
|
max-width: 170px;
|
|
}
|
|
|
|
#characterDetails .CharResidence {
|
|
width: 330px !important;
|
|
}
|
|
|
|
.bigbox {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
margin-left: 15px;
|
|
overflow: hidden;
|
|
height: 100px !important;
|
|
padding: 5px;
|
|
}
|
|
|
|
#characterExtra .textSection {
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;}
|
|
|
|
.bigbox textarea {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
margin: 0px !important;
|
|
padding: 5px !important;
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.shareButton {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 5px;
|
|
z-index: 20;
|
|
height: 25px;
|
|
width: 25px;
|
|
border-radius: 5px;
|
|
background-image: url('https://64.media.tumblr.com/fee8b09c2813515715e07b6117c8f97d/4f96c1507c227247-ed/s250x400/2365505014989c6f9fda6f633324d04e4a7725b8.pnj');
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.paletteOverride {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
z-index: 20;}
|
|
|
|
.egoDefPalette, .egoEvdPalette, .egoAttPalette {
|
|
background-color: #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.egoDefPalette input, .egoDefPalette .plainText {
|
|
color: #6d9eeb !important;
|
|
//color: #7397d1 !important;
|
|
}
|
|
|
|
.egoEvdPalette input, .egoEvdPalette .plainText {
|
|
color: #f1c232 !important;
|
|
//color: #dbb748 !important;
|
|
}
|
|
|
|
.egoAttPalette input, .egoAttPalette .plainText {
|
|
color: #cc4125 !important;
|
|
//color: #c25944 !important;
|
|
}
|
|
|
|
.paletteOverride .hide-item {
|
|
width: 100%;}
|
|
|
|
.hide-item.tool {
|
|
width: 45px;
|
|
}
|
|
|
|
.weaponSlot {
|
|
max-height: 35px;
|
|
}
|
|
|
|
|
|
|
|
.weaponSlot .paletteButton, .weaponSlot .hide-toggle-rev, .weaponSlot .hide-item-rev {
|
|
height: 30px !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.paletteRange {
|
|
font-weight: bold;
|
|
color: #fff;
|
|
opacity: 65%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.paletteRange .buffer {
|
|
width: 100% !important;
|
|
position: absolute; top: 0; right: 0;
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.egoCheck {
|
|
position: absolute !important;
|
|
top: 10px;
|
|
right: 5px;
|
|
height: 20px !important;
|
|
width: 20px !important;
|
|
}
|
|
|
|
/* Colors */
|
|
.WHITE {
|
|
background-color: #eee !important;
|
|
}
|
|
.BLACK {
|
|
background-color: #000 !important;
|
|
}
|
|
|
|
.HP{
|
|
background-color: #cc4125 !important;
|
|
//background-color: #cc2c2c !important;
|
|
}
|
|
.HPtext, .instinct {
|
|
color: #cc4125 !important;
|
|
//color: #cc2c2c !important;
|
|
}
|
|
|
|
|
|
.STGR {
|
|
background-color: #dbb748 !important;
|
|
//background-color: #f1c232 !important;}
|
|
.STGRtext {
|
|
color: #dbb748 !important;
|
|
//color: #f1c232 !important;}
|
|
|
|
.egoSTGR {
|
|
background-color: #f1c232 !important;
|
|
}
|
|
|
|
.egoSTGRtext {
|
|
color: #f1c232 !important;
|
|
}
|
|
|
|
.SAN {
|
|
//background-color: #3c78d8 !important;
|
|
background-color: #6d9eeb !important;}
|
|
.SANtext {
|
|
//color: #3c78d8 !important;
|
|
color: #6d9eeb !important;
|
|
}
|
|
|
|
.LIGHT {
|
|
background-color: #fee2b0 !important;}
|
|
.LIGHTtext {
|
|
color: #fee2b0 !important;}
|
|
|
|
.weapon {
|
|
background-color: #c25944 !important;
|
|
//background-color: #cc4125 !important;
|
|
}
|
|
|
|
.outfit {
|
|
background-color: #7397d1 !important;
|
|
//background-color: #6d9eeb !important;
|
|
}
|
|
|
|
.augment {
|
|
background-color: #85a874 !important;
|
|
//background-color: #93c47d !important;}
|
|
|
|
.tool {
|
|
background-color: #8e7cc3 !important;}
|
|
|
|
.special {
|
|
background-color: #cf8c44 !important;
|
|
//background-color: #e69138 !important;
|
|
}
|
|
|
|
.ego, .skillE {
|
|
background-color: #111 !important;
|
|
}
|
|
|
|
.skillN {
|
|
background-color: #555 !important;
|
|
}
|
|
|
|
.darkBG {
|
|
background-color: #333 !important;
|
|
padding: 5px !important;
|
|
}
|
|
|
|
#egoDEF {
|
|
border: 1px #6d9eeb solid;
|
|
color: #6d9eeb !important;
|
|
height: 30px;
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
#egoEVD {
|
|
border: 1px #f1c232 solid;
|
|
color: #f1c232 !important;
|
|
height: 30px;
|
|
}
|
|
|
|
#egoATK {
|
|
border: 1px #cc4125 solid;
|
|
color: #cc4125 !important;
|
|
height: 30px;
|
|
}
|
|
|
|
#egoATK input, #egoATK .plainText {
|
|
color: #cc4125 !important;
|
|
}
|
|
|
|
#egoDEF input, #egoDEF .plainText {
|
|
color: #6d9eeb !important;
|
|
}
|
|
|
|
#egoEVD input, #egoEVD .plainText {
|
|
color: #f1c232 !important;
|
|
}
|
|
|
|
/* Colors end */ |