mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 13:12:31 +00:00
966 lines
66 KiB
CSS
966 lines
66 KiB
CSS
@font-face {font-family:'HeirofLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff'); font-weight:800; font-style:normal;}
|
|
@font-face {font-family:'Pretendard-Regular'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
|
|
|
|
:root {
|
|
--custom-red-color:#9c4a4c;
|
|
|
|
--custom-default-color:#212128;
|
|
--custom-default-opacity0-color:rgba(33,33,40,0);
|
|
--custom-default-opacity10-color:rgba(33,33,40,.1);
|
|
--custom-default-opacity20-color:rgba(33,33,40,.2);
|
|
--custom-default-opacity30-color:rgba(33,33,40,.3);
|
|
--custom-default-opacity40-color:rgba(33,33,40,.4);
|
|
--custom-default-opacity50-color:rgba(33,33,40,.5);
|
|
--custom-default-opacity60-color:rgba(33,33,40,.6);
|
|
--custom-default-opacity70-color:rgba(33,33,40,.7);
|
|
--custom-default-opacity80-color:rgba(33,33,40,.8);
|
|
|
|
--custom-point-color:#ff000c;
|
|
--custom-point-opacity0-color:rgba(255,34,44,0);
|
|
--custom-point-opacity10-color:rgba(255,34,44,.1);
|
|
--custom-point-opacity20-color:rgba(255,34,44,.2);
|
|
--custom-point-opacity30-color:rgba(255,34,44,.3);
|
|
--custom-point-opacity40-color:rgba(255,34,44,.4);
|
|
--custom-point-opacity50-color:rgba(255,34,44,.5);
|
|
--custom-point-opacity60-color:rgba(255,34,44,.6);
|
|
--custom-point-opacity70-color:rgba(255,34,44,.7);
|
|
--custom-point-opacity80-color:rgba(255,34,44,.8);
|
|
|
|
--custom-back-color:#fff;
|
|
--custom-back-opacity0-color:rgba(255,255,255,0);
|
|
--custom-back-opacity10-color:rgba(255,255,255,.1);
|
|
--custom-back-opacity20-color:rgba(255,255,255,.2);
|
|
--custom-back-opacity30-color:rgba(255,255,255,.3);
|
|
--custom-back-opacity40-color:rgba(255,255,255,.4);
|
|
--custom-back-opacity50-color:rgba(255,255,255,.5);
|
|
--custom-back-opacity60-color:rgba(255,255,255,.6);
|
|
--custom-back-opacity70-color:rgba(255,255,255,.7);
|
|
--custom-back-opacity80-color:rgba(255,255,255,.8);
|
|
|
|
}
|
|
|
|
.sheet-theme-chk[value="1"] ~ .sheet-wrap-frame {
|
|
--custom-default-color:#f3f3f3;
|
|
--custom-default-opacity10-color:rgba(243,243,243,.1);
|
|
--custom-default-opacity20-color:rgba(243,243,243,.2);
|
|
--custom-default-opacity30-color:rgba(243,243,243,.3);
|
|
--custom-default-opacity40-color:rgba(243,243,243,.4);
|
|
--custom-default-opacity50-color:rgba(243,243,243,.5);
|
|
--custom-default-opacity60-color:rgba(243,243,243,.6);
|
|
--custom-default-opacity70-color:rgba(243,243,243,.7);
|
|
--custom-default-opacity80-color:rgba(243,243,243,.8);
|
|
|
|
--custom-point-color:#ff6168;
|
|
--custom-point-opacity10-color:rgba(255,97,104,.1);
|
|
--custom-point-opacity20-color:rgba(255,97,104,.2);
|
|
--custom-point-opacity30-color:rgba(255,97,104,.3);
|
|
--custom-point-opacity40-color:rgba(255,97,104,.4);
|
|
--custom-point-opacity50-color:rgba(255,97,104,.5);
|
|
--custom-point-opacity60-color:rgba(255,97,104,.6);
|
|
--custom-point-opacity70-color:rgba(255,97,104,.7);
|
|
--custom-point-opacity80-color:rgba(255,97,104,.8);
|
|
|
|
--custom-back-color:#1F1F1F;
|
|
--custom-back-opacity0-color:rgba(31,31,31,.0);
|
|
--custom-back-opacity10-color:rgba(31,31,31,.1);
|
|
--custom-back-opacity20-color:rgba(31,31,31,.2);
|
|
--custom-back-opacity30-color:rgba(31,31,31,.3);
|
|
--custom-back-opacity40-color:rgba(31,31,31,.4);
|
|
--custom-back-opacity50-color:rgba(31,31,31,.5);
|
|
--custom-back-opacity60-color:rgba(31,31,31,.6);
|
|
--custom-back-opacity70-color:rgba(31,31,31,.7);
|
|
--custom-back-opacity80-color:rgba(31,31,31,.8);
|
|
|
|
}
|
|
|
|
|
|
/* Reset */
|
|
.charsheet select,
|
|
.charsheet div,
|
|
.charsheet button,
|
|
.charsheet textarea,
|
|
.charsheet span,
|
|
.charsheet input,
|
|
.charsheet img,
|
|
.charsheet label{box-sizing: border-box; outline:0; outline:0; appearance:none !important; -webkit-appearance:none !important;}
|
|
.ui-dialog .charsheet {padding:0;}
|
|
.sheet-wrap {font-size:12px; color:var(--custom-default-color); }
|
|
.sheet-wrap * {color:inherit; outline:0 !important; font-family:inherit; letter-spacing:-0.01em; font-weight:400; box-sizing:border-box;}
|
|
.sheet-wrap p {margin:0;}
|
|
.sheet-wrap input,
|
|
.sheet-wrap textarea,
|
|
.sheet-wrap select,
|
|
.sheet-wrap .uneditable-input {margin:0; border-radius:0 !important;}
|
|
.sheet-wrap input[type="checkbox"],
|
|
.sheet-wrap input[type="radio"] {display:block; position:absolute; top:0; left:0; opacity:0; border:none;}
|
|
.sheet-wrap input[type="text"],
|
|
.sheet-wrap input[type="number"] {border:none; border-radius:0; background:transparent; padding:0; font-size:inherit; width:100%;}
|
|
.sheet-wrap select {border:none; padding:0 5px; font-size:inherit; width:100%; background:transparent;}
|
|
.sheet-wrap input[type="number"]::-webkit-outer-spin-button,
|
|
.sheet-wrap input[type="number"]::-webkit-inner-spin-button {appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0;}
|
|
.sheet-wrap select {appearance:auto !important; -webkit-appearance:auto !important; -moz-appearance:auto !important; cursor:pointer;}
|
|
.sheet-wrap input[type="checkbox"],
|
|
.sheet-wrap input[type="radio"],
|
|
.sheet-wrap button {cursor:pointer; margin:0 !important; padding:0 !important; width:15px;}
|
|
.sheet-wrap input:-internal-autofill-selected {background-color:transparent !important; appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important;}
|
|
.sheet-wrap input[type="number"] {width:100% !important; -moz-appearance:textfield !important;}
|
|
.sheet-wrap select * {color:var(--custom-default-color) !important; font-weight:400;}
|
|
.sheet-wrap input[type="checkbox"],
|
|
.sheet-wrap input[type="radio"],
|
|
.sheet-wrap button,
|
|
.sheet-wrap select {box-shadow: none !important;}
|
|
.sheet-wrap button,
|
|
.sheet-wrap button:focus,
|
|
.sheet-wrap button:hover {border:none; margin:0; background:transparent; background-color:inherit; color:inherit;}
|
|
.sheet-wrap button,
|
|
.sheet-wrap button * {text-shadow:none;}
|
|
.sheet-wrap button[type="roll"],
|
|
.sheet-wrap button[type="action"] {background-color:transparent !important; font-weight:600 !important; vertical-align:middle; opacity:.8;}
|
|
.sheet-wrap button[type="roll"]:before,
|
|
.sheet-wrap button[type="action"]:before {font-size:17px;}
|
|
.sheet-wrap button[type="roll"]:hover,
|
|
.sheet-wrap button[type="action"]:hover {opacity:1;}
|
|
.sheet-wrap textarea {width:100%; background:transparent; border:none; resize:none; line-height:1.5;}
|
|
.sheet-wrap fieldset {margin:0; padding:0; border:none;}
|
|
.sheet-wrap button[type="roll"].sheet-gm,
|
|
.sheet-wrap button[type="action"].sheet-gm {color:var(--custom-point-color);}
|
|
.sheet-wrap button[type="action"]:before {font-family: "dicefontd20"; content: "t";}
|
|
|
|
.sheet-wrap .repcontainer.editmode .repitem .itemcontrol {z-index:990 !important; height:auto; top:0; bottom:0;}
|
|
.sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
|
|
.sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {width:30px; height:30px; border:none; border-radius:0; line-height:30px; padding:0; text-align:center;}
|
|
.sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {background:wcsred;}
|
|
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol {z-index:990 !important; height:auto; top:0; bottom:0;}
|
|
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
|
|
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {width:30px; height:30px; border:none; border-radius:0; line-height:30px; padding:0; text-align:center;}
|
|
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {background:red;}
|
|
.charsheet .sheet-wrap .repcontrol {display:block; position:relative; overflow:hidden; margin-top:10px; padding:0 5px; background:var(--custom-default-color); border-radius:9em; font-size:12px;}
|
|
.charsheet .sheet-wrap .sheet-group .repcontrol {margin-bottom:40px;}
|
|
.charsheet .sheet-wrap .repcontrol:before {content:""; display:block; position:absolute; width:1px; top:5px; bottom:5px; left:50%; background:var(--custom-back-color); opacity:.5;}
|
|
.charsheet .sheet-wrap .repcontrol > * {width:auto; height:20px; line-height:20px; padding:0 10px; font-size:11px; font-weight:400; color:var(--custom-back-color); background:transparent !important;}
|
|
|
|
.sheet-center {text-align:center !important;}
|
|
|
|
.sheet-wrap input::placeholder {color:var(--custom-default-opacity50-color);}
|
|
.sheet-wrap textarea::placeholder {color:var(--custom-default-opacity50-color);}
|
|
.charsheet .sheet-tal {text-align:left !important;}
|
|
.charsheet .sheet-tar {text-align:right !important;}
|
|
.charsheet .sheet-tac {text-align:center !important;}
|
|
.sheet-wrap .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}
|
|
|
|
.sheet-wrap .sheet-fit-input input[type="text"],
|
|
.sheet-wrap .sheet-fit-input input[type="number"],
|
|
.sheet-wrap .sheet-fit-input select,
|
|
.sheet-wrap .sheet-fit-input textarea {display:block !important; font-size:1em !important; text-shadow:inherit !important; font-weight:inherit !important; text-align:inherit !important; color:inherit !important; border:none !important; width:100% !important; height:100% !important; background-color:transparent !important;}
|
|
.sheet-wrap .sheet-fit-input input[type="text"],
|
|
.sheet-wrap .sheet-fit-input input[type="number"],
|
|
.sheet-wrap .sheet-fit-input select,
|
|
.sheet-wrap .sheet-fit-input textarea {}
|
|
.sheet-wrap .sheet-fit-input select {padding:0 !important; background:transparent !important;}
|
|
|
|
.sheet-wrap .sheet-resize-input {display:block; position:relative;}
|
|
.sheet-wrap .sheet-resize-input > span {display:block; position:relative; letter-spacing:0; z-index:0; min-width:2em; height:inherit; opacity:0;}
|
|
.sheet-wrap .sheet-resize-input > input[type="text"] {display:block; position:absolute; top:0; left:0; width:100% !important; height:100% !important; z-index:1;}
|
|
.sheet-wrap .sheet-resize-input > * {display:block; letter-spacing:0 !important; padding:0 !important; font-size:1em !important; text-shadow:inherit !important; font-weight:inherit !important; text-align:inherit !important; color:inherit !important; border:none !important; background:transparent !important;}
|
|
|
|
.sheet-wrap .sheet-dot {display:block; position:relative; width:7px; height:7px;}
|
|
.sheet-wrap .sheet-dot:before {content:""; display:block; position:absolute; width:6px; height:6px; top:50%; left:50%; margin:-3px 0 0 -3px; background:var(--custom-point-color); transform:rotate(45deg); -webkit-transform:rotate(45deg); }
|
|
|
|
.sheet-wrap .sheet-checked[type="checkbox"] {}
|
|
.sheet-wrap .sheet-checked[type="checkbox"]:checked::before {}
|
|
|
|
.sheet-wrap .sheet-switch[type="checkbox"] {display:inline-block; position:relative; width:30px; height:15px; margin:0 3px; border-radius:9em !important; background:var(--custom-default-opacity20-color); opacity:1;}
|
|
.sheet-wrap .sheet-switch[type="checkbox"]::before {content:""; display:block; position:absolute; width:14px; height:11px; border-radius:9em; background:var(--custom-back-color); top:2px; left: 2px; transition:0.3s; box-shadow: 0 2px 4px var(--custom-default-opacity20-color);}
|
|
.sheet-wrap .sheet-switch[type="checkbox"]:checked {background:var(--custom-default-color);}
|
|
.sheet-wrap .sheet-switch[type="checkbox"]:checked::before {left: calc(100% - 14px - 2px);}
|
|
|
|
.sheet-wrap .sheet-txt-check {position:relative;}
|
|
.sheet-wrap .sheet-txt-check span {display:block; position:relative; padding:3px 5px; z-index:1; border-radius:9em; border-radius:9em; opacity:.7; border:1px solid var(--custom-default-opacity50-color); background:var(--custom-default-opacity10-color);}
|
|
.sheet-wrap .sheet-txt-check input[type="checkbox"] {top:0; left:0; width:100% !important; height:100% !important; z-index:2;}
|
|
.sheet-wrap .sheet-txt-check input[type="checkbox"]:checked + span {opacity:1; background:var(--custom-default-color); color:var(--custom-back-color);}
|
|
|
|
.sheet-wrap .sheet-flex-grid {display:flex; flex-wrap:nowrap; align-items:center; gap:5px;}
|
|
.sheet-wrap .sheet-flex-grid.sheet-pad-10 {gap:10px;}
|
|
.sheet-wrap .sheet-flex-grid.sheet-pad-20 {gap:20px;}
|
|
|
|
.sheet-wrap-frame {position:relative; background:var(--custom-back-color);}
|
|
.sheet-wrap {display:block; position:relative; z-index:0; font-family:'Pretendard-Regular','Noto Sans KR', 'Malgun Gothic', Arial, sans-serif; font-weight:400; width:850px; min-height:500px; padding:20px; margin:0 auto; background:radial-gradient(var(--custom-default-opacity40-color) 10%, transparent 10%) 0 0 / 10px 10px var(--custom-back-color); z-index:0; overflow:hidden;}
|
|
.sheet-wrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:linear-gradient(0deg, var(--custom-back-color) calc(100% - 100px), var(--custom-back-opacity0-color) 100%);}
|
|
|
|
.sheet-page-background {display:block; position:absolute; top:0; left:50%; z-index:-1;}
|
|
.sheet-page-background > div {display:block; position:absolute; top:0; left:50%; margin:-65px 0 0 -65px; width:130px; height:130px; background:var(--custom-default-opacity40-color); transform-origin:50% 50%; transform:rotate(45deg); -webkit-transform-origin:50% 50%; -webkit-transform:rotate(45deg);}
|
|
.sheet-page-background > div + div {top:120px; background:var(--custom-default-opacity40-color);}
|
|
.sheet-page-background > div + div + div {top:294px; width:400px; height:400px; margin:0 0 0 -200px; background:linear-gradient(-45deg, var(--custom-default-opacity0-color) 0, var(--custom-default-opacity0-color) 50%, var(--custom-default-opacity10-color) 100%);}
|
|
.sheet-page-background strong {display:block; position:absolute; top:34px; left:50%; margin-left:-300px; width:600px; text-align:center; font-size:32px; font-family:'HeirofLight','Noto Sans KR', 'Malgun Gothic', Arial, sans-serif; font-weight:800; color:#fff; text-shadow:0px 0px 15px var(--custom-red-color), var(--custom-red-color) 2px 0px 0px, var(--custom-red-color) 1.75517px 0.958851px 0px, var(--custom-red-color) 1.0806px 1.68294px 0px, var(--custom-red-color) 0.141474px 1.99499px 0px, var(--custom-red-color) -0.832294px 1.81859px 0px, var(--custom-red-color) -1.60229px 1.19694px 0px, var(--custom-red-color) -1.97998px 0.28224px 0px, var(--custom-red-color) -1.87291px -0.701566px 0px, var(--custom-red-color) -1.30729px -1.5136px 0px, var(--custom-red-color) -0.421592px -1.95506px 0px, var(--custom-red-color) 0.567324px -1.91785px 0px, var(--custom-red-color) 1.41734px -1.41108px 0px, var(--custom-red-color) 1.92034px -0.558831px 0px;}
|
|
.sheet-page-background em {display:block; position:absolute; top:75px; left:50%; margin-left:-300px; width:600px; text-align:center; font-size:12px; color:#fff; font-style:normal; text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;}
|
|
|
|
.sheet-prof-area {display:flex; flex-wrap:nowrap; justify-content:space-between;}
|
|
.sheet-prof-area > * {display:block; position:relative; width:300px;}
|
|
.sheet-prof-area .sheet-player {display:block; position:relative; width:100%; height:20px !important; font-size:14px !important; color:var(--custom-default-opacity70-color);}
|
|
.sheet-prof-area .sheet-chname {display:block; position:relative; width:100%; height:40px !important; font-family:'HeirofLight','Noto Sans KR', 'Malgun Gothic', Arial, sans-serif; font-size:18px !important; font-weight:800; color:var(--custom-default-color);}
|
|
.sheet-prof-area .sheet-simple-prof {display:flex; flex-wrap:nowrap; gap:10px; align-items:center; border:1px solid var(--custom-default-opacity20-color); border-left-width:0; border-right-width:0;}
|
|
.sheet-prof-area .sheet-simple-prof strong {opacity:.5;}
|
|
.sheet-prof-area .sheet-simple-prof strong:after {content:".";}
|
|
.sheet-prof-area .sheet-simple-prof input[type="text"] {height:30px;}
|
|
.sheet-prof-area .sheet-copy {text-align:right; color:var(--custom-default-opacity30-color); font-size:11px; padding:10px 0;}
|
|
.sheet-prof-area .sheet-chk-theme {display:block; position:absolute; top:-11px; right:0;}
|
|
|
|
.sheet-status {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:5px;}
|
|
.sheet-status-item {display:block; position:relative; text-align:center; white-space:nowrap; border-radius:5px; border:1px solid var(--custom-default-color);}
|
|
.sheet-status-item span {display:inline-block; vertical-align:middle;}
|
|
.sheet-status-item input[type="text"],
|
|
.sheet-status-item input[type="number"] {height:30px; width:100%; text-align:center; background:transparent; border-radius:0;}
|
|
.sheet-status-item input[type="text"].sheet-short,
|
|
.sheet-status-item input[type="number"].sheet-short {width:28px !important; text-align:right; padding-right:3px;}
|
|
.sheet-status-item input[type="text"][name*="max"],
|
|
.sheet-status-item input[type="number"][name*="max"] {text-align:left; font-weight:800; color:var(--custom-point-color) !important; padding-left:3px; padding-right:0;}
|
|
.sheet-status-item strong {display:block; height:25px; line-height:25px; text-align:center; color:var(--custom-back-color); background:var(--custom-default-opacity70-color);}
|
|
.sheet-status-item strong input[type="text"],
|
|
.sheet-status-item strong input[type="number"] {color:var(--custom-back-color) !important; height:25px;}
|
|
.sheet-status-item strong input[type="text"]::placeholder,
|
|
.sheet-status-item strong input[type="number"]::placeholder {color:var(--custom-back-opacity60-color);}
|
|
|
|
.sheet-item-area {display:flex; flex-wrap:nowrap; justify-content:space-between; margin:15px 0 10px;}
|
|
.sheet-item-area > * {display:block; position:relative;}
|
|
.sheet-item-area .sheet-left {width:300px;}
|
|
.sheet-item-area .sheet-right {width:calc(100% - 310px);}
|
|
|
|
.sheet-inventory {display:flex; flex-wrap:wrap; gap:5px; justify-content:space-between; border:1px solid var(--custom-default-color);}
|
|
.sheet-inventory > * {flex-grow:1; padding:8px;}
|
|
.sheet-inventory > * + * {border-left:1px solid var(--custom-default-opacity10-color);}
|
|
.sheet-inventory .sheet-tit {display:block; position:relative; width:100%; height:25px; line-height:25px; padding:0 10px; font-weight:600; color:var(--custom-back-color); background:var(--custom-default-color);}
|
|
.sheet-inventory div > div {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
|
|
.sheet-inventory div > div + div {margin-top:5px;}
|
|
.sheet-inventory div > div span {display:block; position:relative; width:calc(100% - 60px);}
|
|
.sheet-inventory span {font-weight:400; text-align:left;}
|
|
.sheet-inventory input[type="number"] {text-align:center; width:30px !important; height:20px !important; border-radius:9em !important; background:var(--custom-default-opacity10-color);}
|
|
|
|
.sheet-medness-area {display:flex; flex-wrap:nowrap; align-items:center; gap:8px; justify-content:space-between; position:relative; margin-top:5px; padding:5px; border:1px solid var(--custom-default-color); background-color:var(--custom-default-opacity80-color); color:var(--custom-back-color);}
|
|
.sheet-medness-area button[type="roll"] {background-color:transparent !important;}
|
|
.sheet-medness-area input[type="number"] {text-align:center; width:40px !important; height:20px !important; border-radius:9em !important; background:var(--custom-back-opacity10-color);}
|
|
|
|
.sheet-medness-area .sheet-switch[type="checkbox"] {background:var(--custom-back-opacity20-color);}
|
|
.sheet-medness-area .sheet-switch[type="checkbox"]:checked + span {color:var(--custom-point-color);}
|
|
|
|
.sheet-data-row + .sheet-data-row {margin-top:5px;}
|
|
.sheet-data-row {display:table; width:100%; border:1px solid var(--custom-default-color); background:var(--custom-back-opacity50-color);}
|
|
.sheet-data-row > * {display:table-cell; vertical-align:middle; position:relative;}
|
|
.sheet-data-row .sheet-tit {width:85px; padding:0 8px; font-weight:600; color:var(--custom-back-color); background:var(--custom-default-color);}
|
|
.sheet-data-row .sheet-con > div {display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:5px;}
|
|
.sheet-data-row select {background-color:var(--custom-back-color); !important; height:25px; border:1px solid var(--custom-default-color); border-radius:9em !important;}
|
|
.sheet-data-row input[type="text"],
|
|
.sheet-data-row input[type="number"] {background-color:var(--custom-back-color); !important; height:25px; border:1px solid var(--custom-default-color); border-radius:9em !important; text-align:center;}
|
|
|
|
.sheet-rand-table {display:block; position:relative; width:170px; height:25px; padding-right:19px;}
|
|
.sheet-rand-table select {padding-left:5px; height:25px; border-radius:0 !important; border:none !important;}
|
|
.sheet-rand-table input[type="text"] {height:25px; padding-left:10px; border-radius:0 !important; border:none !important; text-align:left;}
|
|
.sheet-rand-table > div {position:relative; height:100%; border:1px solid var(--custom-default-color); border-radius:9em; overflow:hidden;}
|
|
.sheet-rand-table > div > div {display:block; position:absolute; top:0; left:0px; right:25px; height:100%; z-index:1;}
|
|
.sheet-rand-table .sheet-check-rolltable:not([value="0"]) ~ * .sheet-ty1 {display:block !important;}
|
|
.sheet-rand-table .sheet-check-rolltable:not([value="0"]) ~ * .sheet-ty2 {display:none !important;}
|
|
.sheet-rand-table .sheet-check-rolltable[value="0"] ~ * .sheet-ty1 {display:none !important;}
|
|
.sheet-rand-table .sheet-check-rolltable[value="0"] ~ * .sheet-ty2 {display:block !important; background:var(--custom-back-color);}
|
|
.sheet-rand-table .sheet-dice-box {display:block; position:absolute; top:4px; right:0px; border:none; border-radius:0; background:transparent; height:auto;}
|
|
.sheet-rand-table .sheet-dice-box .sheet-dice {height:100% !important;}
|
|
|
|
|
|
.sheet-spec-table {display:flex; flex-wrap:nowrap; justify-content:space-between; margin:15px 0;}
|
|
.sheet-spec-table > * {display:block; position:relative;}
|
|
.sheet-spec-table .sheet-tit {height:30px; line-height:28px; text-align:center; border:1px solid var(--custom-default-color); color:var(--custom-back-color); background:var(--custom-default-opacity80-color); border-radius:3px; font-size:13px;}
|
|
.sheet-spec-table .sheet-items {margin-top:6px;}
|
|
.sheet-spec-table .sheet-items > * {display:flex; flex-wrap:nowrap; align-items:center; position:relative; padding:0 0 0 30px !important; height:28px; border-radius:3px; border:1px solid var(--custom-default-opacity30-color);}
|
|
.sheet-spec-table .sheet-items > * + * {margin-top:5px;}
|
|
.sheet-spec-table .sheet-items button {display:block; position:relative; width:calc(100% - 25px); height:100%; text-align:left; color:inherit !important; font-weight:inherit !important; background:transparent !important; font-size:12px !important; padding:0 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.sheet-spec-table .sheet-items button:before {display:none !important;}
|
|
.sheet-spec-table .sheet-items input[type="checkbox"] {left:8px; top:50%; margin-top:-6px !important; width:10px; height:10px; border:1px solid var(--custom-default-opacity80-color) !important; background:transparent; opacity:1 !important; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
.sheet-spec-table .sheet-items input[type="checkbox"]:checked {background:var(--custom-default-opacity80-color) !important;}
|
|
.sheet-spec-table .sheet-items input[type="number"] {display:block; position:absolute; top:0; right:0; height:100% !important; width:21px !important; border-left:1px solid var(--custom-default-opacity10-color) !important; color:var(--custom-default-opacity40-color); font-size:11px !important; text-align:center; font-family:inherit;}
|
|
.sheet-spec-table .sheet-ins-gaps {width:6px; border-radius:9em; background:var(--custom-default-opacity70-color); opacity:.2;}
|
|
.sheet-spec-table .sheet-ins-order {width:45px;}
|
|
.sheet-spec-table .sheet-ins-category {width:114px;}
|
|
.sheet-spec-table .sheet-ins-order .sheet-items > * {padding:0 !important; line-height:25px; justify-content:center; text-align:center; border:1px solid var(--custom-default-opacity80-color); color:var(--custom-back-opacity80-color); background:var(--custom-default-opacity60-color);}
|
|
|
|
/* 갭 / 공포심 처리 */
|
|
.sheet-ins-gaps.sheet-Z {display:none !important;}
|
|
.sheet-gaps-style-Z[value='1'] ~ * .sheet-ins-gaps.sheet-Z,
|
|
.sheet-gaps-style-A[value='1'] ~ * .sheet-ins-gaps.sheet-A,
|
|
.sheet-gaps-style-B[value='1'] ~ * .sheet-ins-gaps.sheet-B,
|
|
.sheet-gaps-style-C[value='1'] ~ * .sheet-ins-gaps.sheet-C,
|
|
.sheet-gaps-style-D[value='1'] ~ * .sheet-ins-gaps.sheet-D,
|
|
.sheet-gaps-style-E[value='1'] ~ * .sheet-ins-gaps.sheet-E {display:block !important; opacity:1;}
|
|
.sheet-fear-style-A2[value='-2'] ~ * .sheet-item-A2,
|
|
.sheet-fear-style-B2[value='-2'] ~ * .sheet-item-B2,
|
|
.sheet-fear-style-C2[value='-2'] ~ * .sheet-item-C2,
|
|
.sheet-fear-style-D2[value='-2'] ~ * .sheet-item-D2,
|
|
.sheet-fear-style-E2[value='-2'] ~ * .sheet-item-E2,
|
|
.sheet-fear-style-F2[value='-2'] ~ * .sheet-item-F2,
|
|
.sheet-fear-style-A3[value='-2'] ~ * .sheet-item-A3,
|
|
.sheet-fear-style-B3[value='-2'] ~ * .sheet-item-B3,
|
|
.sheet-fear-style-C3[value='-2'] ~ * .sheet-item-C3,
|
|
.sheet-fear-style-D3[value='-2'] ~ * .sheet-item-D3,
|
|
.sheet-fear-style-E3[value='-2'] ~ * .sheet-item-E3,
|
|
.sheet-fear-style-F3[value='-2'] ~ * .sheet-item-F3,
|
|
.sheet-fear-style-A4[value='-2'] ~ * .sheet-item-A4,
|
|
.sheet-fear-style-B4[value='-2'] ~ * .sheet-item-B4,
|
|
.sheet-fear-style-C4[value='-2'] ~ * .sheet-item-C4,
|
|
.sheet-fear-style-D4[value='-2'] ~ * .sheet-item-D4,
|
|
.sheet-fear-style-E4[value='-2'] ~ * .sheet-item-E4,
|
|
.sheet-fear-style-F4[value='-2'] ~ * .sheet-item-F4,
|
|
.sheet-fear-style-A5[value='-2'] ~ * .sheet-item-A5,
|
|
.sheet-fear-style-B5[value='-2'] ~ * .sheet-item-B5,
|
|
.sheet-fear-style-C5[value='-2'] ~ * .sheet-item-C5,
|
|
.sheet-fear-style-D5[value='-2'] ~ * .sheet-item-D5,
|
|
.sheet-fear-style-E5[value='-2'] ~ * .sheet-item-E5,
|
|
.sheet-fear-style-F5[value='-2'] ~ * .sheet-item-F5,
|
|
.sheet-fear-style-A6[value='-2'] ~ * .sheet-item-A6,
|
|
.sheet-fear-style-B6[value='-2'] ~ * .sheet-item-B6,
|
|
.sheet-fear-style-C6[value='-2'] ~ * .sheet-item-C6,
|
|
.sheet-fear-style-D6[value='-2'] ~ * .sheet-item-D6,
|
|
.sheet-fear-style-E6[value='-2'] ~ * .sheet-item-E6,
|
|
.sheet-fear-style-F6[value='-2'] ~ * .sheet-item-F6,
|
|
.sheet-fear-style-A7[value='-2'] ~ * .sheet-item-A7,
|
|
.sheet-fear-style-B7[value='-2'] ~ * .sheet-item-B7,
|
|
.sheet-fear-style-C7[value='-2'] ~ * .sheet-item-C7,
|
|
.sheet-fear-style-D7[value='-2'] ~ * .sheet-item-D7,
|
|
.sheet-fear-style-E7[value='-2'] ~ * .sheet-item-E7,
|
|
.sheet-fear-style-F7[value='-2'] ~ * .sheet-item-F7,
|
|
.sheet-fear-style-A8[value='-2'] ~ * .sheet-item-A8,
|
|
.sheet-fear-style-B8[value='-2'] ~ * .sheet-item-B8,
|
|
.sheet-fear-style-C8[value='-2'] ~ * .sheet-item-C8,
|
|
.sheet-fear-style-D8[value='-2'] ~ * .sheet-item-D8,
|
|
.sheet-fear-style-E8[value='-2'] ~ * .sheet-item-E8,
|
|
.sheet-fear-style-F8[value='-2'] ~ * .sheet-item-F8,
|
|
.sheet-fear-style-A9[value='-2'] ~ * .sheet-item-A9,
|
|
.sheet-fear-style-B9[value='-2'] ~ * .sheet-item-B9,
|
|
.sheet-fear-style-C9[value='-2'] ~ * .sheet-item-C9,
|
|
.sheet-fear-style-D9[value='-2'] ~ * .sheet-item-D9,
|
|
.sheet-fear-style-E9[value='-2'] ~ * .sheet-item-E9,
|
|
.sheet-fear-style-F9[value='-2'] ~ * .sheet-item-F9,
|
|
.sheet-fear-style-A10[value='-2'] ~ * .sheet-item-A10,
|
|
.sheet-fear-style-B10[value='-2'] ~ * .sheet-item-B10,
|
|
.sheet-fear-style-C10[value='-2'] ~ * .sheet-item-C10,
|
|
.sheet-fear-style-D10[value='-2'] ~ * .sheet-item-D10,
|
|
.sheet-fear-style-E10[value='-2'] ~ * .sheet-item-E10,
|
|
.sheet-fear-style-F10[value='-2'] ~ * .sheet-item-F10,
|
|
.sheet-fear-style-A11[value='-2'] ~ * .sheet-item-A11,
|
|
.sheet-fear-style-B11[value='-2'] ~ * .sheet-item-B11,
|
|
.sheet-fear-style-C11[value='-2'] ~ * .sheet-item-C11,
|
|
.sheet-fear-style-D11[value='-2'] ~ * .sheet-item-D11,
|
|
.sheet-fear-style-E11[value='-2'] ~ * .sheet-item-E11,
|
|
.sheet-fear-style-F11[value='-2'] ~ * .sheet-item-F11,
|
|
.sheet-fear-style-A12[value='-2'] ~ * .sheet-item-A12,
|
|
.sheet-fear-style-B12[value='-2'] ~ * .sheet-item-B12,
|
|
.sheet-fear-style-C12[value='-2'] ~ * .sheet-item-C12,
|
|
.sheet-fear-style-D12[value='-2'] ~ * .sheet-item-D12,
|
|
.sheet-fear-style-E12[value='-2'] ~ * .sheet-item-E12,
|
|
.sheet-fear-style-F12[value='-2'] ~ * .sheet-item-F12 {color:var(--custom-point-color); font-weight:800;}
|
|
|
|
.sheet-spec-other {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; padding:5px; border:1px solid var(--custom-default-opacity30-color); border-left-width:0; border-right-width:0;}
|
|
.sheet-spec-other > * {display:flex; flex-wrap:nowrap; align-items:center; gap:10px;}
|
|
.sheet-spec-other .sheet-right {justify-content:end;}
|
|
.sheet-spec-other select,
|
|
.sheet-spec-other input[type="text"],
|
|
.sheet-spec-other input[type="number"] {height:25px !important; border-radius:9em !important; border:1px solid var(--custom-default-opacity30-color) !important;}
|
|
.sheet-spec-other input[type="text"],
|
|
.sheet-spec-other input[type="number"] {padding:0 10px !important;}
|
|
.sheet-spec-other strong {margin-right:5px;}
|
|
|
|
.sheet-abRelation-layout {display:flex; flex-wrap:nowrap; justify-content:space-between; margin-top:20px;}
|
|
.sheet-abRelation-layout > * {display:block; position:relative;}
|
|
|
|
.sheet-abRelation-layout .sheet-abillity-area {width:450px}
|
|
.sheet-abRelation-layout .sheet-relation-area {width:340px;}
|
|
|
|
.sheet-abRelation-layout .sheet-tit {display:block; position:relative; padding:10px 0; text-align:center; border-top:2px solid var(--custom-default-color); border-bottom:1px solid var(--custom-default-opacity30-color);}
|
|
.sheet-abRelation-layout .sheet-tit strong {font-size:14px; font-weight:800;}
|
|
|
|
.sheet-abillity-item,
|
|
.sheet-abillity-item-header {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:5px 0; border-bottom:1px solid var(--custom-default-opacity20-color);}
|
|
.sheet-abillity-item > *,
|
|
.sheet-abillity-item-header > * {display:block; flex-grow:1;}
|
|
.sheet-abillity-item > * {height:25px !important;}
|
|
.sheet-abillity-item .sheet-flip-content {height:auto !important;}
|
|
|
|
.sheet-abillity-item .sheet-flag-checked {display:block; position:relative; width:25px;}
|
|
.sheet-abillity-item .sheet-flag-checked input[type="checkbox"] {left:8px; top:50%; margin-top:-6px !important; width:10px; height:10px; border:1px solid var(--custom-default-opacity80-color) !important; background:transparent; opacity:1 !important; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
.sheet-abillity-item .sheet-flag-checked input[type="checkbox"]:checked {background:var(--custom-default-opacity80-color) !important;}
|
|
|
|
.sheet-abillity-item button {width:25px !important;}
|
|
.sheet-abillity-item input[type="text"] {width:calc(100% - 50px - 90px - 110px) !important;}
|
|
.sheet-abillity-item-header .sheet-w-input {width:calc(100% - 90px - 110px) !important;}
|
|
.sheet-abillity-item select,
|
|
.sheet-abillity-item-header .sheet-w-select {width:70px !important; margin:0 10px !important;}
|
|
.sheet-abillity-item select ~ select,
|
|
.sheet-abillity-item-header .sheet-w-select ~ .sheet-w-select {width:110px !important; margin:0 !important;}
|
|
.sheet-abillity-item .sheet-flip-content {display:none; border-top:1px dashed var(--custom-default-opacity20-color);}
|
|
.sheet-abillity-item .sheet-flip-content * {color:var(--custom-default-opacity60-color);}
|
|
.sheet-abillity-item .sheet-flip-content textarea {height:90px;}
|
|
.sheet-abillity-item .sheet-check-flag[value="1"] ~ .sheet-flip-content {display:block;}
|
|
.sheet-abillity-item .sheet-checked,
|
|
.sheet-abillity-item-header .sheet-w-checked {width:100px; height:auto !important; text-align:center;}
|
|
|
|
.sheet-abillity-item .sheet-check-skill[value=""] ~ .sheet-no-skill {display:block;}
|
|
.sheet-abillity-item .sheet-check-skill[value=""] ~ .sheet-yes-skill {display:none;}
|
|
.sheet-abillity-item .sheet-check-skill:not([value=""]) ~ .sheet-no-skill {display:none;}
|
|
.sheet-abillity-item .sheet-check-skill:not([value=""]) ~ .sheet-yes-skill {display:block;}
|
|
|
|
.sheet-relation-area .sheet-abillity-item input[type="text"] {width:calc(100% - 25px - 100px - 80px) !important;}
|
|
.sheet-relation-area .sheet-abillity-item-header .sheet-w-input {width:calc(100% - 100px - 80px) !important;}
|
|
.sheet-relation-area .sheet-abillity-item input[type="text"] ~ input[type="text"],
|
|
.sheet-relation-area .sheet-abillity-item-header .sheet-w-input ~ .sheet-w-input {width:80px !important;}
|
|
|
|
.sheet-abillity-item-header {padding:3px 0; background:var(--custom-default-color); color:var(--custom-back-color); text-align:center;}
|
|
|
|
.sheet-memo-area {display:block; position:relative; margin-top:20px; background:var(--custom-default-opacity10-color); }
|
|
.sheet-memo-area textarea {padding:15px; height:200px;}
|
|
|
|
|
|
/*----- Common Style */
|
|
.sheet-rolltemplate-InsDesc {display:block; position:relative; padding:1px; font-size:12px; color:#333 !important; overflow:hidden;}
|
|
.sheet-rolltemplate-InsDesc * {font-family:'Malgun Gothic', Arial, sans-serif; font-size:inherit; color:inherit !important; word-break:keep-all; line-height:1.4; box-sizing:border-box; }
|
|
.sheet-rolltemplate-InsDesc .inlinerollresult {display:inline !important; color:inherit !important; font-weight:inherit !important; font-size:inherit !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important; vertical-align:baseline !important;}
|
|
.sheet-rolltemplate-InsDesc .sheet-template {display:block; border:1px solid #999; background:#fff; padding:15px 10px;}
|
|
.sheet-rolltemplate-InsDesc .sheet-mad-state ~ .sheet-template {border-color:#ff000c; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(255,0,12,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3); box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3);}
|
|
.sheet-rolltemplate-InsDesc .sheet-mad-state {position:absolute; top:10px; left:-31px; height:20px; width:100px; line-height:20px; z-index:1; font-size:11px; color:#fff !important; background:#bb3b41; text-align:center; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-rolltemplate-InsDesc:before,
|
|
.sheet-rolltemplate-InsDesc:after,
|
|
.sheet-rolltemplate-InsDesc .sheet-template:before,
|
|
.sheet-rolltemplate-InsDesc .sheet-template:after {content:""; display:block; position:absolute; width:15px; height:15px; border:3px solid #333; z-index:1;}
|
|
.sheet-rolltemplate-InsDesc:before {top:0; left:0; border-right-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsDesc:after {top:0; right:0; border-left-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsDesc .sheet-template:before {bottom:0; left:0; border-right-width:0; border-top-width:0;}
|
|
.sheet-rolltemplate-InsDesc .sheet-template:after {bottom:0; right:0; border-left-width:0; border-top-width:0;}
|
|
/*----- Content */
|
|
.sheet-rolltemplate-InsDesc .sheet-ch-name {text-align:center; font-size:11px; margin-bottom:5px; opacity:.5;}
|
|
.sheet-rolltemplate-InsDesc .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800; text-align:center; margin-bottom:10px;}
|
|
.sheet-rolltemplate-InsDesc .sheet-subj span {display:block; position:relative; font-size:13px; font-weight:400; opacity:.7; color:#ff000c !important;}
|
|
.sheet-rolltemplate-InsDesc .sheet-desc {text-align:center;}
|
|
.sheet-rolltemplate-InsDesc .sheet-desc.sheet-emot {font-size:15px; font-weight:800;}
|
|
|
|
/*----- Plot Style */
|
|
.sheet-rolltemplate-InsPlot {display:block; position:relative; padding:1px; font-size:12px; color:#333 !important; overflow:hidden;}
|
|
.sheet-rolltemplate-InsPlot * {ont-family:'Malgun Gothic', Arial, sans-serif; font-size:inherit; color:inherit !important; word-break:keep-all; line-height:1.4; box-sizing:border-box; }
|
|
.sheet-rolltemplate-InsPlot .inlinerollresult {display:inline !important; color:inherit !important; font-weight:inherit !important; font-size:inherit !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important; vertical-align:baseline !important;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template {display:block; border:1px solid #999; background:#fff; padding:15px 40px;}
|
|
.sheet-rolltemplate-InsPlot .sheet-mad-state ~ .sheet-template {border-color:#ff000c !important; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(255,0,12,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3); box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3);}
|
|
.sheet-rolltemplate-InsPlot .sheet-mad-state {position:absolute; top:10px; left:-31px; height:20px; width:100px; line-height:20px; z-index:1; font-size:11px; color:#fff !important; background:#bb3b41; text-align:center; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-rolltemplate-InsPlot:before,
|
|
.sheet-rolltemplate-InsPlot:after,
|
|
.sheet-rolltemplate-InsPlot .sheet-template:before,
|
|
.sheet-rolltemplate-InsPlot .sheet-template:after {content:""; display:block; position:absolute; width:15px; height:15px; border:3px solid #333; z-index:1;}
|
|
.sheet-rolltemplate-InsPlot:before {top:0; left:0; border-right-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsPlot:after {top:0; right:0; border-left-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template:before {bottom:0; left:0; border-right-width:0; border-top-width:0;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template:after {bottom:0; right:0; border-left-width:0; border-top-width:0;}
|
|
/*----- Content */
|
|
.sheet-rolltemplate-InsPlot .sheet-template {display:block; position:relative;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template > * {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template > * > * {display:flex; flex-wrap:nowrap; align-items:center; gap:5px;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-evas em {font-size:1.2em; font-weight:800; font-style:normal; display:inline-block; vertical-align:middle; background:#000; color:#fff !important; padding:.2em .5em; border-radius:5px;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-evas .sheet-tit em {background:rgba(0,0,0,.6);}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-random em {font-weight:800;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-random * {font-style:normal;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-random i {font-size:.9em; font-weight:800; font-style:normal; display:inline-block; vertical-align:middle; background:#000; color:#fff !important; padding:.2em .5em; border-radius:5px;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-random span {flex-direction:row-reverse;}
|
|
.sheet-rolltemplate-InsPlot .sheet-template .sheet-random span i {background:#999;}
|
|
|
|
/*----- Dice Style */
|
|
.sheet-rolltemplate-InsDice {display:block; position:relative; padding:1px; font-size:12px; color:#333 !important; overflow:hidden;}
|
|
.sheet-rolltemplate-InsDice * {ont-family:'Malgun Gothic', Arial, sans-serif; font-size:inherit; color:inherit !important; word-break:keep-all; line-height:1.4; box-sizing:border-box; }
|
|
.sheet-rolltemplate-InsDice .inlinerollresult {display:inline !important; color:inherit !important; font-weight:inherit !important; font-size:inherit !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important; vertical-align:baseline !important;}
|
|
.sheet-rolltemplate-InsDice .sheet-template {display:block; border:1px solid #999; background:#fff; padding:10px 5px;}
|
|
.sheet-rolltemplate-InsDice .sheet-mad-state ~ .sheet-template {border-color:#ff000c; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(255,0,12,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3); box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3);}
|
|
.sheet-rolltemplate-InsDice .sheet-mad-state {position:absolute; top:10px; left:-31px; height:20px; width:100px; line-height:20px; z-index:1; font-size:11px; color:#fff !important; background:#bb3b41; text-align:center; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-rolltemplate-InsDice:before,
|
|
.sheet-rolltemplate-InsDice:after,
|
|
.sheet-rolltemplate-InsDice .sheet-template:before,
|
|
.sheet-rolltemplate-InsDice .sheet-template:after {content:""; display:block; position:absolute; width:15px; height:15px; border:3px solid #333; z-index:1;}
|
|
.sheet-rolltemplate-InsDice:before {top:0; left:0; border-right-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsDice:after {top:0; right:0; border-left-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsDice .sheet-template:before {bottom:0; left:0; border-right-width:0; border-top-width:0;}
|
|
.sheet-rolltemplate-InsDice .sheet-template:after {bottom:0; right:0; border-left-width:0; border-top-width:0;}
|
|
/*----- Content */
|
|
.sheet-rolltemplate-InsDice .sheet-template {display:block; position:relative;}
|
|
.sheet-rolltemplate-InsDice .sheet-ch-name {text-align:center; font-size:11px; margin-bottom:5px; opacity:.5;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total {width:80px; text-align:center; position:relative;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-roll {position:relative;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-dice-val {display:block; position:relative; font-size:25px; font-weight:800; z-index:0; line-height:35px; margin-bottom:5px;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-dice-val:before {content:'t'; font-family:"dicefontd20"; font-size:2em; display:block; position:absolute; top:50%; left:50%; opacity:.3; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-mod {display:block; position:absolute; right:0; bottom:0; color:#fff !important; text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-detail-dice {display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-detail-dice > * {display:block; position:relative; font-size:11px; z-index:1;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-detail-dice > *:before {content:'t'; font-family:"dicefontd20"; display:block; position:absolute; top:50%; left:50%; font-size:1.5em; opacity:.5; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-detail-dice .fullfail {color:#ff000c !important;}
|
|
.sheet-rolltemplate-InsDice .sheet-dice-area .sheet-total .sheet-detail-dice .fullcrit {color:#d1bb1f !important;}
|
|
.sheet-rolltemplate-InsDice .sheet-data {width:calc(100% - 90px); text-align:right;}
|
|
.sheet-rolltemplate-InsDice .sheet-data > * {display:block; padding-right:10px;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result {margin:5px 0; padding:0; margin-right:-5px;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result > * {display:block; position:relative; padding:5px 15px 5px 0; background:#333; color:#fff !important; z-index:0;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result > *:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result .sheet-fumble {background:#d11b1b;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result .sheet-fail {background:#72727f;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result .sheet-succed {background:#8ac9d3;}
|
|
.sheet-rolltemplate-InsDice .sheet-data .sheet-target-result .sheet-special {background:#d1bb1e;}
|
|
|
|
/*----- After Check Style */
|
|
.sheet-rolltemplate-InsAfter {display:block; position:relative; padding:1px; font-size:12px; color:#333 !important; overflow:hidden;}
|
|
.sheet-rolltemplate-InsAfter * {ont-family:'Malgun Gothic', Arial, sans-serif; font-size:inherit; color:inherit !important; word-break:keep-all; line-height:1.4; box-sizing:border-box; }
|
|
.sheet-rolltemplate-InsAfter .inlinerollresult {display:inline !important; color:inherit !important; font-weight:inherit !important; font-size:inherit !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important; vertical-align:baseline !important;}
|
|
.sheet-rolltemplate-InsAfter .sheet-template {display:block; border:1px solid #999; background:#fff; padding:15px 10px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-mad-state ~ .sheet-template {border-color:#ff000c; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(255,0,12,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3); box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3);}
|
|
.sheet-rolltemplate-InsAfter .sheet-mad-state {position:absolute; top:10px; left:-31px; height:20px; width:100px; line-height:20px; z-index:1; font-size:11px; color:#fff !important; background:#bb3b41; text-align:center; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-rolltemplate-InsAfter:before,
|
|
.sheet-rolltemplate-InsAfter:after,
|
|
.sheet-rolltemplate-InsAfter .sheet-template:before,
|
|
.sheet-rolltemplate-InsAfter .sheet-template:after {content:""; display:block; position:absolute; width:15px; height:15px; border:3px solid #333; z-index:1;}
|
|
.sheet-rolltemplate-InsAfter:before {top:0; left:0; border-right-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsAfter:after {top:0; right:0; border-left-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsAfter .sheet-template:before {bottom:0; left:0; border-right-width:0; border-top-width:0;}
|
|
.sheet-rolltemplate-InsAfter .sheet-template:after {bottom:0; right:0; border-left-width:0; border-top-width:0;}
|
|
/*----- Content */
|
|
.sheet-rolltemplate-InsAfter .sheet-ch-name {text-align:center; font-size:11px; margin-bottom:5px; opacity:.5;}
|
|
.sheet-rolltemplate-InsAfter .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800; text-align:center; margin-bottom:10px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total {width:80px; text-align:center; position:relative;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-roll {position:relative;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-dice-val {display:block; position:relative; font-size:25px; font-weight:800; z-index:0; line-height:35px; margin-bottom:5px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-dice-val:before {content:'t'; font-family:"dicefontd20"; font-size:2em; display:block; position:absolute; top:50%; left:50%; opacity:.3; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-mod {display:block; position:absolute; right:0; bottom:0; color:#fff !important; text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-detail-dice {display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-detail-dice > * {display:block; position:relative; font-size:11px; z-index:1;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-detail-dice > *:before {content:'t'; font-family:"dicefontd20"; display:block; position:absolute; top:50%; left:50%; font-size:1.5em; opacity:.5; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-detail-dice .fullfail {color:#ff000c !important;}
|
|
.sheet-rolltemplate-InsAfter .sheet-dice-area .sheet-total .sheet-detail-dice .fullcrit {color:#d1bb1f !important;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data {width:calc(100% - 90px); text-align:right;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data > * {display:block; padding-right:10px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800; text-align:right; marign-bottom:0;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result {margin:5px 0; padding:0; margin-right:-5px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result > * {display:block; position:relative; padding:5px 15px 5px 0; background:#333; color:#fff !important; z-index:0;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result > *:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result .sheet-fumble {background:#d11b1b;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result .sheet-fail {background:#72727f;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result .sheet-succed {background:#8ac9d3;}
|
|
.sheet-rolltemplate-InsAfter .sheet-data .sheet-target-result .sheet-special {background:#d1bb1e;}
|
|
.sheet-rolltemplate-InsAfter .sheet-fear-result {border-top:1px solid rgba(0,0,0,.2); margin-top:10px; padding-top:10px; font-size:14px; font-weight:800; text-align:center;}
|
|
.sheet-rolltemplate-InsAfter .sheet-fear-result em {font-style:normal;}
|
|
|
|
.sheet-rolltemplate-InsAfter .sheet-sub-subj {display:block; position:relative; font-size:14px; font-weight:800; margin-bottom:10px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-sub-subj:before {content:"■ ";}
|
|
.sheet-rolltemplate-InsAfter .sheet-respect-total,
|
|
.sheet-rolltemplate-InsAfter .sheet-respect-result > * {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; padding:5px;}
|
|
.sheet-rolltemplate-InsAfter .sheet-respect-total {border-top:2px solid #333; border-bottom:1px solid #333;}
|
|
.sheet-rolltemplate-InsAfter .sheet-respect-result {border-bottom:1px solid #333; padding:5px 0;}
|
|
|
|
/*----- Common Style */
|
|
.sheet-rolltemplate-InsSkill {display:block; position:relative; padding:1px; font-size:12px; color:#333 !important; overflow:hidden;}
|
|
.sheet-rolltemplate-InsSkill * {ont-family:'Malgun Gothic', Arial, sans-serif; font-size:inherit; color:inherit !important; word-break:keep-all; line-height:1.4; box-sizing:border-box; }
|
|
.sheet-rolltemplate-InsSkill .inlinerollresult {display:inline !important; color:inherit !important; font-weight:inherit !important; font-size:inherit !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important; vertical-align:baseline !important;}
|
|
.sheet-rolltemplate-InsSkill .sheet-template {display:block; border:1px solid #999; background:#fff; padding:15px 10px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-mad-state ~ .sheet-template {border-color:#ff000c; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(255,0,12,0.3); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3); box-shadow: inset 0px 0px 10px 0px rgba(255,0,12,0.3);}
|
|
.sheet-rolltemplate-InsSkill .sheet-mad-state {position:absolute; top:10px; left:-31px; height:20px; width:100px; line-height:20px; z-index:1; font-size:11px; color:#fff !important; background:#bb3b41; text-align:center; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-rolltemplate-InsSkill:before,
|
|
.sheet-rolltemplate-InsSkill:after,
|
|
.sheet-rolltemplate-InsSkill .sheet-template:before,
|
|
.sheet-rolltemplate-InsSkill .sheet-template:after {content:""; display:block; position:absolute; width:15px; height:15px; border:3px solid #333; z-index:1;}
|
|
.sheet-rolltemplate-InsSkill:before {top:0; left:0; border-right-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsSkill:after {top:0; right:0; border-left-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-InsSkill .sheet-template:before {bottom:0; left:0; border-right-width:0; border-top-width:0;}
|
|
.sheet-rolltemplate-InsSkill .sheet-template:after {bottom:0; right:0; border-left-width:0; border-top-width:0;}
|
|
/*----- Content */
|
|
.sheet-rolltemplate-InsSkill .sheet-ch-name {text-align:center; font-size:11px; margin-bottom:5px; opacity:.5;}
|
|
.sheet-rolltemplate-InsSkill .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800; text-align:center; margin-bottom:10px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-template > .sheet-subj span {display:block; position:relative; font-size:13px; font-weight:400; opacity:.7; color:#ff000c !important;}
|
|
.sheet-rolltemplate-InsSkill .sheet-desc {text-align:center;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); margin:10px 0; padding:10px 0;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-subj {text-align:right;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total {width:80px; text-align:center; position:relative;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-roll {position:relative;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-dice-val {display:block; position:relative; font-size:25px; font-weight:800; z-index:0; line-height:35px; margin-bottom:5px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-dice-val:before {content:'t'; font-family:"dicefontd20"; font-size:2em; display:block; position:absolute; top:50%; left:50%; opacity:.3; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-mod {display:block; position:absolute; right:0; bottom:0; color:#fff !important; text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-detail-dice {display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-detail-dice > * {display:block; position:relative; font-size:11px; z-index:1;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-detail-dice > *:before {content:'t'; font-family:"dicefontd20"; display:block; position:absolute; top:50%; left:50%; font-size:1.5em; opacity:.5; z-index:-1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-detail-dice .fullfail {color:#ff000c !important;}
|
|
.sheet-rolltemplate-InsSkill .sheet-dice-area .sheet-total .sheet-detail-dice .fullcrit {color:#d1bb1f !important;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data {width:calc(100% - 90px); text-align:right;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data > * {display:block; padding-right:10px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-subj {display:block; position:relative; font-size:15px; font-weight:800;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result {margin:5px 0; padding:0; margin-right:-5px;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result > * {display:block; position:relative; padding:5px 15px 5px 0; background:#333; color:#fff !important; z-index:0;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result > *:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result .sheet-fumble {background:#d11b1b;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result .sheet-fail {background:#72727f;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result .sheet-succed {background:#8ac9d3;}
|
|
.sheet-rolltemplate-InsSkill .sheet-data .sheet-target-result .sheet-special {background:#d1bb1e;}
|
|
|
|
|
|
|
|
|
|
|
|
/* ===== ROLL TEMPLATES (Backup) ===== */
|
|
.sheet-rolltemplate-Ninpo,.sheet-rolltemplate-npc {
|
|
font-family: sans-serif;
|
|
}
|
|
/* API buttons */
|
|
.sheet-rolltemplate-Ninpo a[href^="~"] {
|
|
background-color:transparent;
|
|
padding:0px 0px 0px 0px;
|
|
color:#182C4A;
|
|
display:inline-block;
|
|
border:none;
|
|
text-align:left;
|
|
font-family:sans-serif;
|
|
font-size:0.95em;
|
|
line-height:1em;
|
|
text-transform:capitalize;
|
|
white-space:pre;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-Ninpo a:hover {
|
|
color: #BE202E;
|
|
}
|
|
/* Rolls */
|
|
.sheet-rolltemplate-Ninpo .inlinerollresult,.sheet-rolltemplate-npc .inlinerollresult {
|
|
background-color:transparent;
|
|
border:none;
|
|
padding:0px 0px;
|
|
font-weight:bold;
|
|
cursor:help;
|
|
font-size:1.25em;
|
|
padding:2px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .inlinerollresult {
|
|
color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .inlinerollresult {
|
|
color:#222;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-resright .inlinerollresult,.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
|
|
font-size:1.6em;
|
|
line-height:1.45em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-success,.sheet-rolltemplate-npc .sheet-success {
|
|
color:#247305;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-failure,.sheet-rolltemplate-npc .sheet-failure {
|
|
color:#BE202E;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .inlinerollresult.fullcrit,.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
|
|
border:none;
|
|
color:#247305;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .inlinerollresult.importantroll,.sheet-rolltemplate-npc .inlinerollresult.importantroll {
|
|
border:none;
|
|
color:#4A57ED;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .inlinerollresult.fullfail,.sheet-rolltemplate-npc .inlinerollresult.fullfail {
|
|
border:none;
|
|
color: #BE202E;
|
|
}
|
|
/* flex */
|
|
.sheet-rolltemplate-Ninpo .sheet-flexatk,.sheet-rolltemplate-npc .sheet-flexatk {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-flexatk {
|
|
border-top:1px dotted #182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-flexatk {
|
|
border-top:1px dotted #3C2517;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-spacer,.sheet-rolltemplate-npc .sheet-spacer {
|
|
flex-grow:2;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-flexdmg,.sheet-rolltemplate-npc .sheet-flexdmg {
|
|
display:flex;
|
|
align-items: center;
|
|
}
|
|
/* classes */
|
|
.sheet-rolltemplate-Ninpo div,.sheet-rolltemplate-Ninpo span,.sheet-rolltemplate-Ninpo img,.sheet-rolltemplate-npc div,.sheet-rolltemplate-npc span,.sheet-rolltemplate-npc img {
|
|
box-sizing:border-box;
|
|
}
|
|
.sheet-rolltemplate-Ninpo div,.sheet-rolltemplate-npc div {
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo img,.sheet-rolltemplate-npc img {
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-center,.sheet-rolltemplate-npc .sheet-center {
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-right,.sheet-rolltemplate-npc .sheet-right {
|
|
text-align:right;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-ital,.sheet-rolltemplate-npc .sheet-ital {
|
|
font-style:italic;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-inl,.sheet-rolltemplate-npc .sheet-inl {
|
|
display:inline;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-bold,.sheet-rolltemplate-npc .sheet-bold {
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-vtop,.sheet-rolltemplate-npc .sheet-vtop {
|
|
vertical-align:top;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-myrow,.sheet-rolltemplate-npc .sheet-myrow {
|
|
padding:0px 1px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-bordered .sheet-myrow:nth-child(odd) {
|
|
background:linear-gradient(to left,white,#D8DBE6);
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {
|
|
background:linear-gradient(to left,#c3996b7a,white);
|
|
}
|
|
.sheet-rolltemplate-Ninpo div.sheet-charname {
|
|
border-style:solid;
|
|
border-width:1px 1px 0px 1px;
|
|
padding:1px 1px 1px 2px;
|
|
background-color:white;
|
|
border-color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc div.sheet-charname {
|
|
padding:4px 0px 1px 0px;
|
|
background-color:transparent;
|
|
margin-left:-14px;
|
|
text-shadow:1px 1px #FDFDFD;
|
|
font-size:1em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo div.sheet-notes,.sheet-rolltemplate-npc div.sheet-notes {
|
|
max-height:220px;
|
|
overflow-y:auto;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
margin-top:2px;
|
|
padding:1px 1px 1px 2px;
|
|
background-color:#DDD;
|
|
border-color:#BBB;
|
|
}
|
|
.sheet-rolltemplate-Ninpo div.sheet-desc,.sheet-rolltemplate-npc div.sheet-desc {
|
|
max-height:220px;
|
|
overflow-y:auto;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
margin-top:2px;
|
|
padding:1px 1px 1px 2px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo div.sheet-desc {
|
|
background-color:white;
|
|
border-color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc div.sheet-desc {
|
|
border-color:#3C2517;
|
|
background-color:white;
|
|
}
|
|
.sheet-rolltemplate-Ninpo span.sheet-notes,.sheet-rolltemplate-npc span.sheet-notes {
|
|
font-family:sans-serif;
|
|
font-size:0.9em;
|
|
color:black;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-lbl,.sheet-rolltemplate-npc .sheet-lbl {
|
|
text-align:left;
|
|
font-family:sans-serif;
|
|
font-size:0.95em;
|
|
line-height:1em;
|
|
text-transform:capitalize;
|
|
white-space:pre;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-lbl {
|
|
color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-lbl {
|
|
color:#3C2517;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-bordered,.sheet-rolltemplate-npc .sheet-bordered {
|
|
border-style:solid;
|
|
border-width:1px;
|
|
text-align:left;
|
|
vertical-align:top;
|
|
position: relative;
|
|
}
|
|
/* ICONS */
|
|
.sheet-rolltemplate-Ninpo .sheet-icon,.sheet-rolltemplate-npc .sheet-icon {
|
|
position:absolute;
|
|
top:6px;
|
|
left:-40px;
|
|
width:40px;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon::after,.sheet-rolltemplate-npc .sheet-icon::after {
|
|
font-size:1.55em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon::after {
|
|
color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-icon::after {
|
|
color:#3C2517;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-initiative::after,.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
|
|
font-family:"Pictos";
|
|
content:'g';
|
|
font-size:2em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-skill::after,.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
|
|
font-family:"Pictos";
|
|
content:'x';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-hp::after,.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
|
|
font-family:"Pictos";
|
|
content:'k';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-save::after,.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
|
|
font-family:"Pictos Custom";
|
|
content:'e';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attackdamage::after,.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
|
|
font-family:"Pictos Custom";
|
|
font-weight:bold;
|
|
content:'⚔t';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attack::after,.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
|
|
font-family:"Pictos Custom";
|
|
font-weight:bold;
|
|
content:'⚔';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-damage::after,.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
|
|
font-family:"Pictos Custom";
|
|
font-weight:bold;
|
|
content:'t';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-ability::after,.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
|
|
font-family:"Pictos";
|
|
content:'U';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-feat::after,.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
|
|
font-family:"Pictos";
|
|
content:'E';
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-spell::after,.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
|
|
font-family:"Pictos Three";
|
|
content:'j';
|
|
font-size:2em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-bordered {
|
|
background-color:white;
|
|
border-color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-bordered {
|
|
background-color:white;
|
|
border-color:#3C2517;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-symbol,.sheet-rolltemplate-npc .sheet-symbol {
|
|
font-family:"Pictos Custom";
|
|
font-size:1.3em;
|
|
font-weight:bold;
|
|
line-height:1em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-smallname,.sheet-rolltemplate-npc .sheet-smallname {
|
|
font-family:sans-serif;
|
|
font-size:0.9em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-smallname {
|
|
color:#182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-smallname {
|
|
color: #3C2517;
|
|
}
|
|
/* top bands */
|
|
.sheet-rolltemplate-Ninpo img.sheet-brdright,.sheet-rolltemplate-Ninpo img.sheet-brdleft {
|
|
display:inline-block;
|
|
position:absolute;
|
|
vertical-align:top;
|
|
top:0px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo img.sheet-brdleft {
|
|
left:0px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo img.sheet-brdright {
|
|
right:0px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel,.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
border:none;
|
|
position:relative;
|
|
font-size:0.9em;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel {
|
|
background-color:#182C4A;
|
|
color:white;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
background-color:transparent;
|
|
color:#3C2517;
|
|
font-weight: bold;
|
|
}
|
|
/* top */
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top {
|
|
height:36px;
|
|
width:85%;
|
|
max-width:85%;
|
|
vertical-align:top;
|
|
padding-right:27px;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {
|
|
height:36px;
|
|
width:78%;
|
|
max-width:78%;
|
|
vertical-align:top;
|
|
padding-right:27px;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top img.sheet-brdright,.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
|
|
width:26px;
|
|
height: 36px;
|
|
}
|
|
/* med */
|
|
.sheet-rolltemplate-Ninpo span.sheet-med {
|
|
font-weight:normal;
|
|
font-size:0.9em;
|
|
}
|
|
.sheet-rolltemplate-npc span.sheet-med {
|
|
font-style:italic;
|
|
color:#3C2517;
|
|
font-size:0.9em;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med,.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
|
|
height:20px;
|
|
vertical-align:top;
|
|
white-space:nowrap;
|
|
line-height:1.5em;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med {
|
|
min-width:75px;
|
|
padding:0px 20px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
|
|
min-width:70px;
|
|
padding:0px 2px 0px 2px;
|
|
background:linear-gradient(to right,#c3996b7a,white);
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-right {
|
|
padding:0px 2px 0px 20px;
|
|
text-align:right;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-right {
|
|
text-align:right;
|
|
background:linear-gradient(to left,#c3996b7a,white);
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-yellow {
|
|
color:#E6DD94;
|
|
font-weight:normal;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-yellow {
|
|
color:#501414;
|
|
font-weight:normal;
|
|
}
|
|
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdleft,.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdright,.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
|
|
height: 20px;
|
|
} |