mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
466 lines
39 KiB
CSS
466 lines
39 KiB
CSS
.sheet-wrap {margin:0 auto !important;}
|
|
|
|
/* ------------------------------------------
|
|
Reset : 모든 시트에 공통적으로 들어가는 리셋 코드
|
|
------------------------------------------ */
|
|
|
|
select, div, button, textarea, span, input, img, label{box-sizing: border-box; outline:0;}
|
|
.ui-dialog .charsheet {padding:0;}
|
|
.inlinerollresult{background-color:#FEF68E;border:2px solid #FEF68E;padding:0 3px 0 3px; font-weight:bold;cursor:help;font-size:1.1em}
|
|
.inlinerollresult.fullcrit{border:none;}
|
|
.inlinerollresult.fullfail{border:none;}
|
|
.inlinerollresult.importantroll{border:none;}
|
|
.inlineqroll{width:18px;height:18px;vertical-align:bottom}
|
|
.sheet-wrap p {margin:0;}
|
|
.sheet-wrap input[type="radio"],
|
|
.sheet-wrap input[type="checkbox"] {cursor:pointer; outline:0;}
|
|
.sheet-wrap input[type="number"]::-webkit-outer-spin-button,
|
|
.sheet-wrap input[type="number"]::-webkit-inner-spin-button {appearance:none; -webkit-appearance:none; margin:0;}
|
|
.sheet-wrap select {cursor:pointer; appearance:none; -webkit-appearance:none; margin:0;}
|
|
.sheet-wrap button[type="roll"] {border:none; background:transparent; margin:0 !important; padding:0 !important; text-shadow:none !important; box-shadow:none !important;}
|
|
.sheet-wrap button:before {display:none !important;}
|
|
.repcontainer.editmode .repitem .itemcontrol {z-index:999;}
|
|
|
|
/* ------------------------------------------
|
|
Layout
|
|
------------------------------------------ */
|
|
|
|
/** 공통 input 스타일 **/
|
|
.sheet-wrap input[type="text"],
|
|
.sheet-wrap input[type="number"],
|
|
.sheet-wrap select {margin:0; box-sizing:border-box; border:none; background:rgba(0,0,0,.05); color:#000; font-size:12px; padding:0 5px; font-family:'맑은고딕', 'Malgun Gothic';}
|
|
.sheet-wrap input[type="text"],
|
|
.sheet-wrap input[type="number"],
|
|
.sheet-wrap select {width:100%; border-radius:3px; height:25px;}
|
|
.sheet-wrap textarea {width:100%; height:80px;border-radius:5px; box-sizing:border-box; border:none; background:rgba(0,0,0,.05); color:#000; font-size:12px; padding:8px; line-height:1.5; font-family:'맑은고딕', 'Malgun Gothic'; resize:none;}
|
|
.sheet-wrap button {cursor:pointer;}
|
|
.sheet-wrap select {background-image:url('https://i.imgur.com/sePTEcu.png') !important; background-size:auto auto !important; background-repeat:no-repeat !important; background-position: right 5px top 50% !important;}
|
|
|
|
.sheet-wrap .sheet-dice {width:20px; height:22px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -147px -63px !important; vertical-align:middle;}
|
|
|
|
.sheet-wrap input.sheet-checkbox {display:block; position:relative; width:22px; height:19px; padding:0; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -73px -178px; border:none; appearance:none; -webkit-appearance:none; z-index:0;}
|
|
.sheet-wrap input.sheet-checkbox:checked {background-position:-38px -178px;}
|
|
|
|
.sheet-input {display:block; position:relative; padding-left:45px;}
|
|
.sheet-input + .sheet-input {margin-top:5px;}
|
|
.sheet-input span {display:block; position:absolute; top:0; left:0; line-height:25px; font-weight:600;}
|
|
|
|
.sheet-wrap .sheet-skillBox {position:relative; overflow:hidden;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-chk,
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-chk-label {display:none; position:absolute; width:25px; height:22px; top:12px; left:11px; z-index:0;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-chk {opacity:0; z-index:10;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-chk-label {background:url('https://i.imgur.com/stpnsW0.png') no-repeat -104px -96px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-chk:checked ~ * .sheet-skill-chk-label {background-position:-104px -132px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-con {position:relative; padding:12px 11px; border-radius:5px; z-index:0; border:2px solid #e9e9e9; margin-bottom:11px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-name {display:block; position:relative; margin-left:30px; font-size:15px; margin-bottom:10px; padding-top:2px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-name .sheet-dice {position:absolute; top:1px; left:-30px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-skill-name strong {color:#000000; font-weight:800;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt {display:block; position:relative;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt .sheet-dl {display:block; position:relative; overflow:hidden; margin-top:20px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt .sheet-dl > * {display:inline-block; vertical-align:top; margin:0;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt .sheet-dt {width:9%; font-weight:800; border-right:1px solid #ddd; }
|
|
.sheet-wrap .sheet-skillBox .sheet-txt .sheet-dd {width:89%; padding-bottom:5px; padding-left:5px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table {width:100%; table-layout:fixed; font-size:12px; margin-top:10px; border-spacing:0; border-collapse:collapse;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table {border-top:2px solid #000;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table th,
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table td {padding:5px; border-bottom:1px solid #000;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table th {text-align:center;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table thead th {background:#cacaca;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table tbody td,
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table tbody th {border-bottom-color:#000;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table tr > * + * {border-left:1px solid rgba(0,0,0,.4);}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table tr > *:first-child {width:60px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-txt table tr > *:first-child + * {text-align:center; width:100px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-fix .sheet-skill-con {border-color:#404040; background:#404040 !important;}
|
|
.sheet-wrap .sheet-skillBox .sheet-fix .sheet-skill-con * {color:#fff;}
|
|
.sheet-wrap .sheet-skillBox .sheet-counter {position:absolute; top:13px; right:10px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-counter span {display:block; position:absolute; top:0; left:0; line-height:20px; font-size:11px;}
|
|
.sheet-wrap .sheet-skillBox .sheet-counter span + input[type="number"] {padding-left:40px; text-align:center; height:20px !important; width:80px !important; border-bottom:1px solid rgba(255,255,255,.5); border-radius:0; font-weight:800;}
|
|
.sheet-wrap .sheet-skillBox .sheet-counter .sheet-skill-count {float:left;}
|
|
|
|
|
|
.sheet-bar {position:relative; float:left; overflow:hidden;}
|
|
.sheet-bar input[type="radio"] {display:block; position:relative; float:right; padding:0; border:none; appearance:none; -webkit-appearance:none; z-index:0;}
|
|
.sheet-bar input[type="radio"] {margin-left:1px;}
|
|
.sheet-bar input[type="radio"].sheet-zero {position:absolute; top:0; left:0; z-index:-1; opacity:0;}
|
|
.sheet-bar input[type="radio"]:checked + input[type="radio"].sheet-zero {z-index:2;}
|
|
|
|
.sheet-bar.sheet-default input[type="radio"] {width:16px; height:18px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -158px 0;}
|
|
.sheet-bar.sheet-default input[type="radio"].sheet-zero {background-color:#f0f0f0 !imporant; background-position:-158px 0 !important;}
|
|
.sheet-bar.sheet-default input[type="radio"].sheet-last {background-position:-179px 0 !important;}
|
|
.sheet-bar.sheet-default input[type="radio"].sheet-last:checked {background-position:-200px 0 !important;}
|
|
.sheet-bar.sheet-default input[type="radio"]:checked,
|
|
.sheet-bar.sheet-default input[type="radio"]:checked ~ input[type="radio"] {background-position:-137px 0;}
|
|
|
|
.sheet-bar.sheet-heart input[type="radio"] {width:23px; height:21px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -37px -138px;}
|
|
.sheet-bar.sheet-heart input[type="radio"].sheet-zero {background-color:#f0f0f0 !imporant;}
|
|
.sheet-bar.sheet-heart input[type="radio"]:checked,
|
|
.sheet-bar.sheet-heart input[type="radio"]:checked ~ input[type="radio"] {background-position:0 -138px;}
|
|
|
|
.sheet-bar.sheet-diamond input[type="radio"] {width:20px; height:21px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -159px -26px;}
|
|
.sheet-bar.sheet-diamond input[type="radio"].sheet-zero {background-color:#f0f0f0 !imporant;}
|
|
.sheet-bar.sheet-diamond input[type="radio"]:checked,
|
|
.sheet-bar.sheet-diamond input[type="radio"]:checked ~ input[type="radio"] {background-position:-135px -26px;}
|
|
|
|
.sheet-bar.sheet-squed input[type="radio"] {width:20px; height:20px; margin-left:2px; border:1px solid #fff; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -227px -1px;}
|
|
.sheet-bar.sheet-squed input[type="radio"].sheet-zero {background-color:#000 !imporant;}
|
|
.sheet-bar.sheet-squed input[type="radio"].sheet-last {background-position:-252px -1px !important;}
|
|
.sheet-bar.sheet-squed input[type="radio"].sheet-last:checked {background-position:-277px -1px !important;}
|
|
.sheet-bar.sheet-squed input[type="radio"]:checked,
|
|
.sheet-bar.sheet-squed input[type="radio"]:checked ~ input[type="radio"] {background-position:-227px -1px; background-color:#fff !important;}
|
|
|
|
.sheet-bar.sheet-default-black input[type="radio"] {width:16px; height:18px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -211px -28px;}
|
|
.sheet-bar.sheet-default-black input[type="radio"].sheet-zero {background-color:#000 !imporant; background-position:-211px -28px !important;}
|
|
.sheet-bar.sheet-default-black input[type="radio"].sheet-last {background-position:-232px -28px !important;}
|
|
.sheet-bar.sheet-default-black input[type="radio"].sheet-last:checked {background-position:-254px -28px !important;}
|
|
.sheet-bar.sheet-default-black input[type="radio"]:checked,
|
|
.sheet-bar.sheet-default-black input[type="radio"]:checked ~ input[type="radio"] {background-position:-189px -28px;}
|
|
.sheet-bar.sheet-default-black input[type="radio"] {margin-left:3px;}
|
|
|
|
|
|
/** 기본 배경 **/
|
|
.sheet-wrap {position:relative; width:850px; min-height:500px; box-sizing:border-box; margin:0 -10px; font-family:'맑은고딕', 'Malgun Gothic'; z-index:0; font-size:12px; letter-spacing:-0.02em;}
|
|
|
|
.sheet-memoWrap {display:block; clear:both; padding:30px 10px 10px; overflow:hidden;}
|
|
.sheet-memoWrap textarea {height:150px;}
|
|
.sheet-memoWrap .sheet-helper {width:38.5%; float:left;}
|
|
.sheet-memoWrap .sheet-memo {width:60%; float:right;}
|
|
.sheet-memoWrap > * > p {position:relative;font-size:18px; color:#000; font-weight:800; margin-bottom:16px; padding-left:28px; clear:both;}
|
|
.sheet-memoWrap > * > p {font-size:18px; color:#000; font-weight:800;}
|
|
.sheet-memoWrap > * > p:before {content:""; display:block; position:absolute; width:21px; height:21px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -186px -64px; top:0px; left:3px;}
|
|
.sheet-memoWrap > .sheet-memo > p:before {background-position:-234px -65px;}
|
|
|
|
/** 탭 설정 **/
|
|
.sheet-wrap *[class^="sheet-tab-pannel"] {display:block; position:absolute; top:0; height:50px; width:50%; z-index:1; opacity:0;}
|
|
.sheet-tab-pannel-character {left:0;}
|
|
.sheet-tab-pannel-team {right:0;}
|
|
.sheet-menu-bar {display:block; position:relative; height:50px; z-index:0; background:url('https://i.imgur.com/iVlkzZ0.png') no-repeat 50% 0;}
|
|
.sheet-tab-pannel-team:checked ~ .sheet-menu-bar {background-image:url('https://i.imgur.com/lPqUhEd.png');}
|
|
.sheet-ch {display:none;}
|
|
.sheet-tm {display:none;}
|
|
.sheet-tab-pannel-character:checked ~ .sheet-ch,
|
|
.sheet-tab-pannel-team:checked ~ .sheet-tm {display:block;}
|
|
|
|
/**************************************
|
|
캐릭터 시트
|
|
**************************************/
|
|
.sheet-ch .sheet-defaultWrap {display:block; position:relative; background:#f0f0f0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-rows {display:table; padding:10px 0; width:100%; table-layout:fixed;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-rows + .sheet-rows {border-top:2px dashed #ffffff;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-rows > * {display:table-cell; vertical-align:top; padding:0 10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-rows > * + * {border-left:2px solid #fff;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-nick {width:120px; text-align:center; font-size:11px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-nick input {width:100px; height:100px; border-radius:100%; background:#fff; color:#000; font-weight:800; text-align:center; font-size:45px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prof {width:230px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-creed p {margin-top:10px; font-size:11px; text-align:center;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-creed p:before {content:"※ ";}
|
|
.sheet-ch .sheet-defaultWrap .sheet-creed .sheet-s {width:40px; text-align:right; font-size:11px; font-weight:400; opacity:.8;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other {width:220px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input.sheet-map {padding-left:80px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input {padding-left:60px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input input[type="text"] + input[type="text"] {margin-top:3px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input span {padding-left:22px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input span:before {content:""; display:block; position:absolute; top:4px; left:0; width:17px; height:17px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat 0 0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input .sheet-map:before {background-position:0 -47px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input .sheet-view:before {background-position:0 -74px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-other .sheet-input .sheet-hoby:before {background-position:0 -103px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack {width:190px; padding:10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-input {overflow:hidden; padding-left:55px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-input > span {line-height:18px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-input + .sheet-input {margin-top:10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-scar.sheet-input {padding-left:55px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-exp,
|
|
.sheet-ch .sheet-defaultWrap .sheet-stack .sheet-stress {padding-left:0; padding-top:20px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt {display:block; margin-top:10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt ul {display:block; margin:5px 0; padding-left:0; border-left:2px solid #787878;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt li {position:relative; list-style:none; margin:0; padding:0 0 0 55px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt li:before {content:""; display:block; position:absolute; top:50%; left:50px; margin-top:-6px; width:12px; height:12px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -110px 0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt li + li {margin-top:5px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt li input[type="text"] {padding-left:20px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt li em {display:block; position:absolute; font-style:normal; top:0; left:10px; line-height:25px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-hurt span {display:block; position:relative; font-size:12px; font-weight:600;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-scar {margin-top:15px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-property {padding-top:10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-job span {font-size:13px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-job select {height:30px; padding-left:10px; background-position:right 20px top 50%;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop {margin-top:15px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop > span {display:block; float:left; font-size:13px; font-weight:600;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop > span.sheet-guide {float:right; font-size:11px; font-weight:400; opacity:.7;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list {display:table; table-layout:fixed; clear:both; width:100%;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list > * {display:table-cell; position:relative; width:33.33%; vertical-align:top; padding-top:10px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dl:before {content:""; display:block; position:absolute; top:40px; bottom:0; left:69px; width:2px; background:#787878;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dt {display:block; position:relative; margin-bottom:5px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dt button {display:block; position:relative; font-size:13px; font-weight:600; padding:0 30px 0 10px !important; height:30px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dt button:after {content:""; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; background:#000;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-dt span,
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-bar-control span {display:block; position:absolute; top:4px; left:180px; width:22px; height:22px; border-radius:0 5px 5px 0; background:#fff; border:2px solid #555;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-dt span:before,
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-bar-control span:before {content:"+"; display:block; position:absolute; background:#555; left:-15px; top:-2px; bottom:-2px; padding:0; border-radius:5px 0 0 5px; width:15px; line-height:20px; text-align:center; color:#fff;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-dt span input,
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-bar-control span input {display:block; text-align:center; height:100%; font-weight:600; background:transparent; border-radius:0 5px 5px 0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-bar {float:none;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-bar-control {position:relative;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-bar-control button {height:22px; padding-left:5px !important;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-bar-control span {top:0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dd {display:block; position:relative; min-height:25px; padding-left:40px; padding-right:55px; margin-left:0; overflow:hidden;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dd + .sheet-dd {margin-top:8px;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dd .sheet-bar-control {position:absolute; top:0; left:0;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-dd .sheet-bar-control button {font-size:12px; font-weight:600; letter-spacing:-0.03em;}
|
|
.sheet-ch .sheet-defaultWrap .sheet-prop .sheet-prop-list .sheet-bar input[type="radio"][value="2"] {margin-left:10px;}
|
|
|
|
/** 캐릭터 시트 직업파트 내용 **/
|
|
.sheet-ch .sheet-jobWrap {display:block; position:relative; width:590px; float:right; padding:150px 10px 10px;}
|
|
.sheet-ch .sheet-otherWrap {display:block; position:relative; width:260px; float:left; padding:150px 10px 10px;}
|
|
.sheet-ch .sheet-otherWrap > * {clear:both;}
|
|
.sheet-ch .sheet-otherWrap > *:after {content:""; display:block; clear:both;}
|
|
.sheet-ch .sheet-otherWrap > * > p {position:relative; line-height:24px; padding-left:35px; overflow:hidden; letter-spacing:-0.1em; margin-bottom:10px;}
|
|
.sheet-ch .sheet-otherWrap > * > p:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:35px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -49px 0;}
|
|
.sheet-ch .sheet-otherWrap > * > p strong {float:left; font-size:20px; color:#000000; font-weight:800;}
|
|
.sheet-ch .sheet-otherWrap > * > p span {font-size:11.5px; color:rgba(0,0,0,.5); float:right; padding-top:12px; line-height:1;}
|
|
.sheet-ch .sheet-otherWrap > * + * {margin-top:20px;}
|
|
.sheet-ch .sheet-otherWrap .sheet-money > p:before {background-position:-49px -45px;}
|
|
.sheet-ch .sheet-otherWrap .sheet-money > p {width:50px; float:left;}
|
|
.sheet-ch .sheet-otherWrap .sheet-money input {float:right; width:150px;}
|
|
|
|
.sheet-ch .sheet-otherWrap .sheet-inven .sheet-dl {display:table; table-layout:fixed; width:100%; margin:5px 0;}
|
|
.sheet-ch .sheet-otherWrap .sheet-inven .sheet-dl > * {display:table-cell; vertical-align:middle;}
|
|
.sheet-ch .sheet-otherWrap .sheet-inven .sheet-dl .sheet-dt {width:100px; background:#e5e5e5; border-radius:5px; text-align:center; font-size:16px; color:#000000;}
|
|
.sheet-ch .sheet-otherWrap .sheet-inven .sheet-dl .sheet-dd {padding-left:5px;}
|
|
.sheet-ch .sheet-otherWrap .sheet-inven .sheet-dl .sheet-dd input + input {margin-top:3px;}
|
|
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > p:before {background-position:-49px -89px;}
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > div {overflow:hidden;}
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > div + div {margin-top:5px;}
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > div > * {display:block; float:left;}
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > div input {width:77%;}
|
|
.sheet-ch .sheet-otherWrap .sheet-connection > div select {width:22%; float:right;}
|
|
|
|
.sheet-job-pannel .sheet-title {position:absolute; top:20px; left:-250px; right:10px; padding-left:260px;}
|
|
.sheet-job-pannel .sheet-title img {position:absolute; top:0; left:0;}
|
|
.sheet-job-pannel .sheet-title .sheet-desc {display:block; position:relative; padding-top:10px; height:110px; border-bottom:2px solid #cbcbcb; font-size:13px; line-height:1.4;}
|
|
.sheet-job-pannel .sheet-job-A,
|
|
.sheet-job-pannel .sheet-job-B,
|
|
.sheet-job-pannel .sheet-job-C,
|
|
.sheet-job-pannel .sheet-job-D,
|
|
.sheet-job-pannel .sheet-job-E,
|
|
.sheet-job-pannel .sheet-job-F,
|
|
.sheet-job-pannel .sheet-job-G,
|
|
.sheet-job-pannel .sheet-job-H,
|
|
.sheet-job-pannel .sheet-job-I {display:none;}
|
|
|
|
.sheet-job-check[value=""] ~ .sheet-job-pannel:before {content:""; display:block; position:absolute; top:20px; left:-250px; right:10px; height:110px;background:url('https://i.imgur.com/o2h1Jv7.png') no-repeat 50% 50%; opacity:.3;}
|
|
.sheet-job-check[value="1"] ~ .sheet-job-pannel .sheet-job-A,
|
|
.sheet-job-check[value="2"] ~ .sheet-job-pannel .sheet-job-B,
|
|
.sheet-job-check[value="3"] ~ .sheet-job-pannel .sheet-job-C,
|
|
.sheet-job-check[value="4"] ~ .sheet-job-pannel .sheet-job-D,
|
|
.sheet-job-check[value="5"] ~ .sheet-job-pannel .sheet-job-E,
|
|
.sheet-job-check[value="6"] ~ .sheet-job-pannel .sheet-job-F,
|
|
.sheet-job-check[value="7"] ~ .sheet-job-pannel .sheet-job-G,
|
|
.sheet-job-check[value="8"] ~ .sheet-job-pannel .sheet-job-H,
|
|
.sheet-job-check[value="9"] ~ .sheet-job-pannel .sheet-job-I {display:block;}
|
|
|
|
.sheet-skill-list {position:relative;}
|
|
.sheet-skill-list .sheet-tit {position:relative;font-size:18px; color:#000; font-weight:800; margin-bottom:16px; padding-left:25px;}
|
|
.sheet-skill-list .sheet-tit p {font-size:18px; color:#000; font-weight:800;}
|
|
.sheet-skill-list .sheet-tit:before {content:""; display:block; position:absolute; width:23px; height:20px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -105px -63px; top:2px; left:0;}
|
|
.sheet-skill-list .sheet-tit > div {position:absolute; top:0; right:0; padding-right:50px; font-size:12px; font-weight:400; line-height:20px;}
|
|
.sheet-skill-list .sheet-skill-filter {display:block; position:absolute; top:0; right:0; width:40px; height:20px; background:#7f7f7f; border-radius:9em; opacity:0; z-index:10;}
|
|
.sheet-skill-list .sheet-skill-filter-label {display:block; position:absolute; top:0; right:0; width:40px; height:20px; background:#7f7f7f; border-radius:9em; opacity:.5; transition:.3s all; -webkit-transition:.3s all;}
|
|
.sheet-skill-list .sheet-skill-filter-label:before {content:""; display:block; position:absolute; width:16px; height:16px; background:#fff; border-radius:100%; top:2px; left:2px; transition:.3s all; -webkit-transition:.3s all;}
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-tit .sheet-skill-filter-label {opacity:1;}
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-tit .sheet-skill-filter-label:before {left:22px;}
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-skill-group .sheet-skill-con {display:block !important;}
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-skill-group .sheet-skill-chk,
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-skill-group .sheet-skill-chk-label {display:block;}
|
|
.sheet-skill-list .sheet-skill-filter:checked ~ .sheet-skill-group .sheet-dice {display:none;}
|
|
.sheet-skill-list .sheet-skill-group > .sheet-skillBox:nth-child(odd) .sheet-skill-con {background:#e9e9e9;}
|
|
.sheet-skill-list .sheet-skill-con {display:none;}
|
|
.sheet-skill-list .sheet-fix .sheet-skill-con {display:block !important;}
|
|
.sheet-skill-list .sheet-skill-chk:checked ~ .sheet-skill-con {display:block !important;}
|
|
|
|
|
|
|
|
/**************************************
|
|
Team 시트
|
|
**************************************/
|
|
.sheet-tm .sheet-defaultWrap {background:#000; margin-bottom:20px;}
|
|
.sheet-tm .sheet-defaultWrap * {color:#fff;}
|
|
.sheet-tm .sheet-defaultWrap input[type="text"],
|
|
.sheet-tm .sheet-defaultWrap input[type="number"],
|
|
.sheet-tm .sheet-defaultWrap select,
|
|
.sheet-tm .sheet-defaultWrap textarea {background:rgba(255,255,255,.2); color:#fff;}
|
|
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows {display:table; padding:15px 0; width:100%; table-layout:fixed;}
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows + .sheet-rows {border-top:2px dashed #333333;}
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows > * {display:table-cell; vertical-align:top; padding:0 15px;}
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows > * + * {border-left:1px solid #333333;}
|
|
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows .sheet-cols1 {width:268px;}
|
|
.sheet-tm .sheet-defaultWrap .sheet-rows .sheet-cols3 {width:200px;}
|
|
|
|
.sheet-chk-input {position:relative; padding-left:85px; line-height:25px;}
|
|
.sheet-chk-input + .sheet-chk-input {margin-top:5px;}
|
|
.sheet-chk-input strong {position:absolute; top:0; left:0;}
|
|
.sheet-chk-input strong input[type="checkbox"] {display:inline-block !important; margin-top:-5px;}
|
|
|
|
.sheet-tm .sheet-defaultWrap .sheet-tit {position:relative; font-size:16px; font-weight:600; padding-left:24px; margin-bottom:5px; line-height:25px;}
|
|
.sheet-tm .sheet-defaultWrap .sheet-tit:before {content:""; display:block; position:absolute; width:24px; height:23px; left:0; top:2px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -2px -177px;}
|
|
|
|
.sheet-notice,
|
|
.sheet-report {margin-top:17px;}
|
|
|
|
.sheet-notice {display:block; position:relative; overflow:hidden;}
|
|
.sheet-notice .sheet-tit {position:absolute !important; top:0; left:0;}
|
|
.sheet-notice .sheet-tit:before {background-position:-2px -212px !important;}
|
|
.sheet-notice .sheet-bar {float:right; padding:2px 0;}
|
|
.sheet-report {display:block; position:relative; overflow:hidden;}
|
|
.sheet-report .sheet-tit {position:absolute !important; top:0; left:0;}
|
|
.sheet-report .sheet-tit:before {background-position:-2px -246px !important;}
|
|
.sheet-report .sheet-bar {float:right; padding:2px 0;}
|
|
|
|
.sheet-team-spec .sheet-tit:before {background-position:-2px -280px !important;}
|
|
.sheet-team-spec .sheet-dl {position:relative; padding-left:68px; line-height:20px;}
|
|
.sheet-team-spec .sheet-dl + .sheet-dl {margin-top:5px;}
|
|
.sheet-team-spec .sheet-dt {position:absolute; left:10px; top:0; font-size:13px;}
|
|
.sheet-team-spec .sheet-dd {font-size:11px; letter-spacing:-0.05em; color:rgba(255,255,255,.7);}
|
|
.sheet-team-spec .sheet-bar {margin-right:5px;}
|
|
.sheet-team-money {position:relative; padding-left:90px; margin-top:20px;}
|
|
.sheet-team-money .sheet-tit {display:block; position:absolute !important; top:0; left:0;}
|
|
.sheet-team-money .sheet-tit:before {background-position:-2px -316px !important;}
|
|
|
|
.sheet-tm .sheet-cols3 .sheet-dl {display:block; position:relative; padding-left:65px;}
|
|
.sheet-tm .sheet-cols3 .sheet-dt {display:block; position:absolute; top:0; left:0; width:65px; text-align:center; font-weight:600; font-size:16px;}
|
|
.sheet-tm .sheet-cols3 .sheet-dd input[type="number"] {height:50px; text-align:center; font-size:25px; font-weight:800;}
|
|
.sheet-tm .sheet-cols3 .sheet-exp {padding-left:50px; margin-top:20px;}
|
|
.sheet-tm .sheet-cols3 .sheet-exp .sheet-dt {font-size:13px; width:50px;}
|
|
|
|
.sheet-userWrap {float:left; width:270px; padding:10px;}
|
|
.sheet-userWrap > p {position:relative;font-size:18px; color:#000; font-weight:800; margin-bottom:16px; padding-left:28px; clear:both;}
|
|
.sheet-userWrap > p {font-size:18px; color:#000; font-weight:800;}
|
|
.sheet-userWrap > p:before {content:""; display:block; position:absolute; width:21px; height:21px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -103px -171px; top:2px; left:3px;}
|
|
|
|
.sheet-teamSkillWrap {float:right; width:565px; padding:10px;}
|
|
.sheet-team-skill-list {position:relative; overflow:hidden;}
|
|
.sheet-team-skill-list .sheet-tit {position:relative;font-size:18px; color:#000; font-weight:800; margin-bottom:16px; padding-left:28px; clear:both;}
|
|
.sheet-team-skill-list .sheet-tit p {font-size:18px; color:#000; font-weight:800;}
|
|
.sheet-team-skill-list .sheet-tit:before {content:""; display:block; position:absolute; width:23px; height:20px; background:url('https://i.imgur.com/stpnsW0.png') no-repeat -105px -63px; top:0px; left:3px;}
|
|
.sheet-team-skill-list .sheet-tit > div {position:absolute; top:0; right:0; padding-right:50px; font-size:12px; font-weight:400; line-height:20px;}
|
|
.sheet-team-skill-list .sheet-skill-filter {display:block; position:absolute; top:0; right:0; width:40px; height:20px; background:#7f7f7f; border-radius:9em; opacity:0; z-index:10;}
|
|
.sheet-team-skill-list .sheet-skill-filter-label {display:block; position:absolute; top:0; right:0; width:40px; height:20px; background:#7f7f7f; border-radius:9em; opacity:.5; transition:.3s all; -webkit-transition:.3s all;}
|
|
.sheet-team-skill-list .sheet-skill-filter-label:before {content:""; display:block; position:absolute; width:16px; height:16px; background:#fff; border-radius:100%; top:2px; left:2px; transition:.3s all; -webkit-transition:.3s all;}
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ .sheet-tit .sheet-skill-filter-label {opacity:1;}
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ .sheet-tit .sheet-skill-filter-label:before {left:22px;}
|
|
.sheet-team-skill-list .sheet-skillBox .sheet-skill-con {margin:3px;}
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ * .sheet-skill-con {display:block !important;}
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ * .sheet-skill-chk,
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ * .sheet-skill-chk-label {display:block;}
|
|
.sheet-team-skill-list .sheet-skill-filter:checked ~ * .sheet-dice {display:none;}
|
|
.sheet-team-skill-list .sheet-skillBox {width:50%; float:left;}
|
|
.sheet-team-skill-list .sheet-skillBox .sheet-txt {min-height:5em;}
|
|
.sheet-team-skill-list .sheet-skill-con {display:none;}
|
|
.sheet-team-skill-list .sheet-skill-chk:checked ~ .sheet-skill-con {display:block !important;}
|
|
|
|
|
|
.sheet-prof-card .sheet-member {display:block; position:relative; border-radius:5px; background:rgba(0,0,0,.05); margin-bottom:5px; padding:5px;}
|
|
.sheet-prof-card .sheet-member input[type="text"],
|
|
.sheet-prof-card .sheet-member input[type="number"] {padding:0 5px; background:transparent;}
|
|
.sheet-prof-card .sheet-member input[type="text"]:hover,
|
|
.sheet-prof-card .sheet-member input[type="number"]:hover,
|
|
.sheet-prof-card .sheet-member input[type="text"]:focus,
|
|
.sheet-prof-card .sheet-member input[type="number"]:focus {background:rgba(0,0,0,.1);}
|
|
|
|
.sheet-prof-card .sheet-member .sheet-input {clear:both; margin:0;}
|
|
.sheet-prof-card .sheet-member .sheet-input span {color:#777;}
|
|
.sheet-prof-card .sheet-member .sheet-nick {width:35%; clear:none;}
|
|
.sheet-prof-card .sheet-member .sheet-name {position:absolute; left:40%; right:5px; top:5px; clear:none;}
|
|
.sheet-prof-card .sheet-member .sheet-follower {width:35%; float:left; clear:none;}
|
|
.sheet-prof-card .sheet-member .sheet-job {width:60%; float:right; clear:none;}
|
|
|
|
|
|
/**************************************
|
|
템플릿 시트
|
|
**************************************/
|
|
.sheet-rolltemplate-SkillDice * {font-family:'맑은고딕', 'Malgun Gothic'; color:#555;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillBox {display:block; position:relative;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillTop,
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillBottom {display:block; overflow:hidden;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillTop img,
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillBottom img {display:block;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillTop img {float:left;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillBottom img {float:right;}
|
|
.sheet-rolltemplate-SkillDice .sheet-SkillPannel {display:block; position:relative; border:1px solid #7f7f7f; background:#fff; padding:10px;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox {display:table; table-layout:fixed; width:100%; margin-bottom:10px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox > * {display:table-cell; vertical-align:middle;}
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox .sheet-nick {width:34px; height:34px; border-radius:100%; background:#e6e6e6; text-align:center; font-weight:800; font-size:18px; color:#000;}
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox .sheet-name {padding-left:5px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox strong {display:block; font-size:12px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-nameBox span {font-size:11px; color:rgba(0,0,0,.5);}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-name {display:block; position:relative; overflow:hidden;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-name:before {content:""; display:block; position:absolute; margin-top:-5px; left:0; right:0; top:50%; height:0px; border-top:1px solid #7f7f7f;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-name span {display:block; position:relative; padding:5px 0 10px; float:left; padding-right:10px; background:#fff; font-size:13px; font-weight:600;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-dice {display:block; position:relative; padding:10px 0 0; text-align:center;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-name + .sheet-dice {padding-top:0;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice *[class^="sheet-dice-"] {display:inline-block; border-radius:5px; border:1px solid #000; border-right-width:2px; border-bottom-width:2px; background:#fff; text-align:center; width:30px; height:30px; margin:4px 0; line-height:30px; box-sizing:content-box; font-weight:600;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus *[class^="sheet-dice-"] {background:rgb(255 0 0 / .1);}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-result {display:block; position:relative; margin:10px -10px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-result > * {display:none; background:#7f7f7f; color:#fff; font-size:12px; padding:7px 0; text-align:center;}
|
|
.sheet-rolltemplate-SkillDice .sheet-result [class^="sheet-semi"] {background:#51a37b;}
|
|
.sheet-rolltemplate-SkillDice .sheet-result [class^="sheet-succed"] {background:#26a6ff;}
|
|
.sheet-rolltemplate-SkillDice .sheet-result [class^="sheet-special"] {background:#00ffff;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text {font-size:12px; text-align:left;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text p {font-size:11px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text p + p{margin-top:5px; padding-top:0;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text p strong {display:inline-block; font-size:11px; font-weight:400; min-width:3em; text-align:center; border-radius:3px; padding:1px 10px; vertical-align:middle; background:#555; color:#fff;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text p em {display:inline-block; font-style:normal; font-size:11px; font-weight:400; text-align:center; margin-right:2px; border-radius:3px; padding:1px 5px; vertical-align:middle; background:#e57200; color:#fff;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text p[class^="sheet-"] {display:none;}
|
|
.sheet-rolltemplate-SkillDice .sheet-prop-text .sheet-line {display:block; clear:both; height:1px; background:#dadada; margin:10px 0;}
|
|
|
|
/*.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus:before {content:"◆ 제일 높은 수 ◆"; display:block; text-align:center; font-size:11px;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus:before {content:"◆ 제일 낮은 수 ◆"; display:block; text-align:center; font-size:11px; color:red;}*/
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-1 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-2 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-3 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-4 {border-color:#43bd34; color:#43bd34;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-5 {border-color:#43bd34; color:#43bd34;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice .sheet-dice-6 {border-color:#26a6ff; color:#26a6ff;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-1 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-2 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-3 {border-color:#888; color:#888;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-4 {border-color:#43bd34; color:#43bd34;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-5 {border-color:#43bd34; color:#43bd34;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-6 {border-color:#26a6ff; color:#26a6ff;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-1 ~ * .sheet-fail {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-1 ~ * .sheet-fail ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-2 ~ * .sheet-fail {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-2 ~ * .sheet-fail ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-3 ~ * .sheet-fail {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-3 ~ * .sheet-fail ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-4 ~ * .sheet-semi {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-4 ~ * .sheet-semi ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-5 ~ * .sheet-semi {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-5 ~ * .sheet-semi ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-6 ~ * .sheet-succed {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-6 ~ * .sheet-succed ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-6 ~ .sheet-dice-6 ~ * .sheet-special {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-plus .sheet-dice-6 ~ .sheet-dice-6 ~ * .sheet-special ~ *[class^="sheet-"] {display:none !important;}
|
|
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-6 ~ * .sheet-succed-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-6 ~ * .sheet-succed-minus ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-5 ~ * .sheet-semi-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-5 ~ * .sheet-semi-minus ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-4 ~ * .sheet-semi-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-4 ~ * .sheet-semi-minus ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-3 ~ * .sheet-fail-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-3 ~ * .sheet-fail-minus ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-2 ~ * .sheet-fail-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-2 ~ * .sheet-fail-minus ~ *[class^="sheet-"] {display:none !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-1 ~ * .sheet-fail-minus {display:block !important;}
|
|
.sheet-rolltemplate-SkillDice .sheet-dice.sheet-minus .sheet-dice-1 ~ * .sheet-fail-minus ~ *[class^="sheet-"] {display:none !important;} |