199 lines
9.0 KiB
CSS
199 lines
9.0 KiB
CSS
.charsheet button[type="roll"] {border:none; background:transparent; margin:0; padding:0; text-shadow:none !important; box-shadow:none !important;}
|
|
.ui-dialog .charsheet {padding: 0;}
|
|
.ui-dialog .charsheet button[type=roll]:before {content: "";}
|
|
.ui-dialog .charsheet button[type=roll], .ui-dialog .charsheet button[type=compendium] {padding: 0;}
|
|
.charsheet * {font-family: ;}
|
|
input, textarea, select, .uneditable-input {margin:0; padding:0; width: 100%; background-color: transparent; border-bottom: 0.5px solid var(--Liberl); padding-top: 2px; border-radius: 5px; color: rgba(255, 255, 255, 0.5); border-top: none;}
|
|
input[type="text"] {}
|
|
input[type="checkbox"] {height: ;}
|
|
input[type="number"] {padding-top: 3px !important; width: 100% !important;}
|
|
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
|
|
textarea {margin: 0 !important; width: 100%; resize: none;}
|
|
.nav {margin-bottom: 0px;}
|
|
.nav-tabs {border-bottom: none;}
|
|
.nav-tabs>li:not(.active)>a, .nav-tabs>li:not(.active)>a:hover, .nav-tabs>li:not(.active)>a:focus {color: var(--Liberl);}
|
|
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555; background-color: var(--Liberl); border: none;}
|
|
.characterviewer label {font-weight: normal; margin-bottom: 0px; }
|
|
.largedialog label {width: auto;}
|
|
input::-webkit-calendar-picker-indicator {display: none !important;}
|
|
select, option {text-align: center; height: 100%; width: auto;}
|
|
.repcontrol_add, .repcontrol_edit, .repcontrol_move, .repcontrol_del, .itemcontrol {z-index: 100;}
|
|
.sheetform {background-color: transparent; color: var(--Liberl);}
|
|
.charsheet span {padding: 3px 5px;}
|
|
.ui-dialog {background-color: #1f1f1f; --Liberl:#1fcbff; --liberl:rgba(31, 203, 255, 0.5);}
|
|
.sheet-kiseki {--Liberl:#ff1fa4; --liberl:rgba(255, 31, 164, 0.5);}
|
|
|
|
/* ===== BOX LAYOUT ===== */
|
|
input {text-align: center;}
|
|
textarea {padding-left: 3px; width: calc(100% - 5px) !important;}
|
|
.sheet-type button[type="roll"] {background-color: var(--Liberl);}
|
|
.sheet-type {display: none; margin-bottom: 25px; color: var(--Liberl);}
|
|
.shtte-type>div:first-child>div * {height: 100%;}
|
|
input[name="attr_type"]:checked+div {display: block;}
|
|
.sheet-flexbox {display: flex; flex-wrap: wrap;}
|
|
.sheet-flexbox>.sheet-flexbox {align-items: center;}
|
|
.sheet-flexbox>div {flex: 1; text-align: center;}
|
|
.sheet-inputbox {display: grid; grid-template-columns: auto 1fr; align-items: center;}
|
|
[class$="box"] span, [class$="box"] button {word-break: keep-all;}
|
|
.ui-dialog .charsheet .sheet-often button[type=roll] {margin: 0px 1px 0px 1px;}
|
|
|
|
.sheet-profile {display: flex; flex-direction: column;}
|
|
.sheet-memo {flex: 1;}
|
|
div .sheet-kizuna {text-align: center; flex: 0.33;}
|
|
.sheet-kizuna>div, .sheet-kizuna summary {display: grid; grid-template-columns: auto 1fr auto 30px; gap: 5px; place-items: center;}
|
|
.sheet-kizuna summary>span:first-child {cursor: pointer;}
|
|
.sheet-kizuna>div {place-items: center;}
|
|
.sheet-kizuna span, .sheet-bullet span, .sheet-kizuato span {padding: 0;}
|
|
/*.sheet-skill input, .sheet-kizuato input, .sheet-enemy input {border: none;}*/
|
|
.sheet-color {position: relative;}
|
|
.sheet-color input[type="checkbox"] {opacity: 0; z-index: 10; position: absolute; width: 100%;}
|
|
.sheet-color input[type="checkbox"]:checked+span {color: rgba(255, 255, 255, 1.0);}
|
|
.sheet-color input[type="checkbox"]:not(:checked)+span {color: rgba(255, 255, 255, 0.1);}
|
|
|
|
button.sheet-make {font-size: 1em; margin: 0; background-color: transparent; color: inherit;}
|
|
input.sheet-battletype:not(:checked)+.sheet-skill {display: none;}
|
|
.sheet-bullet button {font-size: 1.0em !important; padding: 0px !important; margin: 1px 0px !important;}
|
|
.sheet-bullet summary {color: white;}
|
|
.sheet-bullet details+details>summary {text-align: right;}
|
|
.sheet-skill, .sheet-bullet .repcontainer {display: flex; flex-wrap: wrap; text-align: center; color: rgba(255, 255, 255, 0.5);}
|
|
|
|
.sheet-bullet .repcontainer>div {flex: 1;}
|
|
.sheet-skill>div:not(.repcontainer) {max-width: 400px; min-width: 50%;}
|
|
.sheet-skill>div:not(.repcontainer), .sheet-es {display: grid; grid-template-columns: repeat(4, 1fr); align-items: center;}
|
|
.sheet-skill .sheet-title {color: var(--Liberl);}
|
|
.sheet-skill select {border: none; font-weight: normal; color: var(--Liberl);}
|
|
.sheet-skill .sheet-autoex, .sheet-es .sheet-autoex {grid-column: span 4;}
|
|
|
|
.sheet-bullet .repcontainer>div {flex: 1;}
|
|
.sheet-kiseki input[name*="esname"] {background-color: var(--Liberl); color: #1f1f1f; border: none;}
|
|
.sheet-button {display: grid; grid-template-columns: 19px 1fr;}
|
|
.sheet-bullet {position: relative;}
|
|
.sheet-invisible {width: 100% !important; height: 1.2em; opacity: 0; z-index: 10; position: absolute;}
|
|
input.sheet-battletype+label {color: white; text-align: center; z-index: 1;}
|
|
input.sheet-battletype:not(:checked)+label:before, input.sheet-battletype:checked+label:hover {content: "서포트";}
|
|
input.sheet-battletype:checked+label:before, input.sheet-battletype:not(:checked)+label:hover {content: "어택";}
|
|
|
|
.sheet-kizuato {margin-top: 5px; display: grid; grid-template-columns: 1fr 0.5fr 0.5fr 1fr 1fr 0.5fr 0.5fr 1fr; text-align: center;}
|
|
.sheet-kizuato>button {grid-row: span 2; font-size: 1.5em;}
|
|
.sheet-kizuato>button+input {grid-column: span 4; grid-row: span 2; font-size: 2.0em; color: var(--Liberl); border: none;}
|
|
.sheet-kizuato>.sheet-double {grid-column: span 2;}
|
|
.sheet-kizuato>.sheet-autoex {grid-column: span 4;}
|
|
|
|
.sheet-enemy {display: grid; grid-template-columns: 1fr 0.5fr 0.5fr 1fr;}
|
|
.sheet-enemy>input:first-child {grid-column: span 2; grid-row: span 2; font-size: 2.0em; color: var(--Liberl); border: none;}
|
|
.sheet-enemy>button {grid-row: span 2;}
|
|
.sheet-enemy>.sheet-double {grid-column: span 2;}
|
|
.sheet-enemy>.sheet-autoex {grid-column: span 4;}
|
|
|
|
|
|
input[name="attr_ruby"] {font-size: 0.8em;}
|
|
.sheet-hidden {display: none;}
|
|
div>textarea {height: 100% !important;}
|
|
div>.sheet-quarter {flex: 0.25;}
|
|
div>.sheet-half {flex: 0.5;}
|
|
.ui-dialog .charsheet .sheet-type .sheet-make[type="roll"] {font-size: 1em; margin: 0; background-color: transparent; color: inherit; text-align: center;}
|
|
.ui-dialog .charsheet .sheet-type .sheet-make[type="roll"]:hover, .ui-dialog .charsheet .sheet-type .sheet-make[type="roll"]:focus {color: white;}
|
|
/* ===== AUTO EXPAND TEXTAREA ===== */
|
|
.sheet-autoex {
|
|
position: relative;
|
|
cursor: text;
|
|
font-family: "영어폰트","일본어폰트","한글폰트";
|
|
/*font-size: 1.0em;*/
|
|
/*line-height: 1.5em;*/
|
|
min-height: 2.0em;
|
|
text-align: left;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
}
|
|
.sheet-autoex span {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-family: inherit;
|
|
/*font-size: inherit;*/
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
min-height: inherit;
|
|
/*background-color: transparent;*/
|
|
}
|
|
.sheet-autoex textarea {
|
|
display: block;
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
/*font-size: inherit;*/
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
/*text-align: inherit;*/
|
|
min-height: inherit;
|
|
margin: 10px;
|
|
border-radius: 5px;
|
|
box-sizing: content-box;
|
|
/*border: none;*/
|
|
}
|
|
|
|
input:focus, input:hover, textarea:focus, textarea:hover, select:hover, select:focus {background-color: var(--liberl); outline: none; color: white;}
|
|
button[type="roll"]:focus, button[type="roll"]:hover {background-color: white; color: var(--Liberl);}
|
|
label:focus, label:hover {text-shadow: 0px 0px 3px var(--Liberl), 0px 0px 3px var(--Liberl),, 0px 0px 3px var(--Liberl),, 0px 0px 3px var(--Liberl), 0px 0px 3px var(--Liberl); color:black;}
|
|
|
|
/* ===== ROLL TEMPLATE ===== */
|
|
|
|
.sheet-rolltemplate-kb .inlinerollresult, .sheet-rolltemplate-kb .inlinerollresult.fullcrit, .sheet-rolltemplate-kb .inlinerollresult.fullfail, .sheet-rolltemplate-kb .inlinerollresult.importantroll {background-color: transparent; border: none;}
|
|
|
|
.sheet-rolltemplate-kb>div {width: 100%px;
|
|
background-color:#00acee;
|
|
border-radius: 10px;
|
|
padding: 5px 0px 5px 5px;}
|
|
.sheet-rolltemplate-kb .sheet-name {display: grid;
|
|
grid-template-columns: 25px 1fr;
|
|
padding-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-name>div:nth-child(1) {grid-row: span 2;
|
|
padding: 0px 5px;
|
|
writing-mode: tb-rl;
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-name>div:nth-child(2) {text-align: right;
|
|
padding-right: 10px;
|
|
font-size: 0.5em;
|
|
padding-bottom: 5px;}
|
|
.sheet-rolltemplate-kb .sheet-name>div:nth-child(3) {
|
|
padding-left: 10px;
|
|
font-size: 2.0em;
|
|
line-height: 1.5em;
|
|
color: white;
|
|
background-color: black;
|
|
border-radius: 25px 0 0 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-kb .sheet-prop {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-prop>div {
|
|
margin: 5px 0px;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-prop>div>span:nth-child(odd) {
|
|
background-color: white;
|
|
color: #00acee;
|
|
border-radius: 15px;
|
|
padding: 3px 5px 2px 5px;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-prop>div>span:nth-child(even) {
|
|
border-radius: 10px;
|
|
padding: 0px 5px;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-detail {
|
|
margin: 5px;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-kb .sheet-result {
|
|
color: black;
|
|
} |