mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Abnim
2fb8adbefa
* New Character Sheetr 1. Connected stories - New Rule of Korean, Character Sheet 2. Omegaverse Trpg - New Rule of Korean, Character Sheet * Only one Sheet Update - * New Character Sheet (Omegaverse Trpg) Omegaverse Trpg - New Rule of Korean, Character Sheet * Bug Fix Bug Fix
123 lines
9.8 KiB
CSS
123 lines
9.8 KiB
CSS
.sheet-txt-left {text-align:left !important;}
|
|
.sheet-txt-right {text-align:right !important;}
|
|
.sheet-txt-center {text-align:center !important;}
|
|
|
|
.sheet-gray {background:#64605d !important; color:#fff !important; font-weight:600;}
|
|
.sheet-black {background:#4b4643 !important; color:#fff !important; font-weight:600;}
|
|
|
|
.sheet-mt5 {margin-top:5px !important;}
|
|
.sheet-mt10 {margin-top:10px !important;}
|
|
.sheet-mt20 {margin-top:20px !important;}
|
|
|
|
.sheet-omega-wrap {position:relative; max-width:832px; margin:0 auto; background:#dedddc; overflow:auto; color:#4b4643; font-size:13px; }
|
|
.sheet-omega-wrap * {outline:none; color:#4b4643;}
|
|
.sheet-omega-inner {position:relative; width:832px; padding:12px; box-sizing:border-box; margin:0 auto; overflow:hidden;}
|
|
.sheet-omega-wrap label,
|
|
.sheet-omega-wrap button {cursor:pointer; font-size:14px; padding:0;}
|
|
|
|
.sheet-omega-wrap textarea {display:block; position:relative; border:none; width:100% !important; height:100px; border-radius:3px; background:#fff; padding:8px; box-sizing:border-box;}
|
|
.sheet-omega-wrap input[type="text"],
|
|
.sheet-omega-wrap input[type="number"] {display:block; position:relative; border:none; width:100%; height:30px; border-radius:3px; background:#fff; padding:0 8px; box-sizing:border-box; font-size:12px;}
|
|
.sheet-omega-wrap input[type="text"].sheet-small,
|
|
.sheet-omega-wrap input[type="number"].sheet-small {height:21px; font-size:12px;}
|
|
|
|
.sheet-top {overflow:hidden;}
|
|
.sheet-top > * {width:33.33%;}
|
|
.sheet-top .sheet-left {float:left;}
|
|
.sheet-top .sheet-right {float:right;}
|
|
.sheet-top .sheet-logo {position:absolute; top:0; left:33.33%; right:33.33%; text-align:center;}
|
|
|
|
.sheet-inpbox {display:block; position:relative; padding:4px 0 4px 64px; box-sizing:border-box; clear:both;}
|
|
.sheet-inpbox label {display:block; position:absolute; top:4px; left:0; width:60px; font-weight:600; line-height:30px; white-space:nowrap;}
|
|
.sheet-inpbox.sheet-half {width:50%; float:left; clear:none;}
|
|
.sheet-inpbox-value {overflow:hidden;}
|
|
.sheet-inpbox-value > * {width:40%; float:left;}
|
|
.sheet-inpbox-value .sheet-val-txt {width:20%; text-align:center; line-height:30px;}
|
|
.sheet-inpbox-value input[type="number"],
|
|
.sheet-inpbox-value input[type="text"] {text-align:center;}
|
|
|
|
.sheet-target-box > * {float:left; box-sizing:border-box; width:28%;}
|
|
.sheet-target-box > * + * {padding-left:5px; width:72%;}
|
|
|
|
.sheet-huntbox {overflow:hidden; margin:0 -4px;}
|
|
.sheet-huntbox > * {float:left; box-sizing:border-box; padding:4px; width:33.33%;}
|
|
|
|
.sheet-statusbox {overflow:hidden; margin:10px -4px;}
|
|
.sheet-statusbox > * {width:11.11%; float:left; box-sizing:border-box; padding:0 4px;}
|
|
.sheet-statusbox button {display:block; border:none; padding:0 !important; margin:0 !important; border-radius:0 !important; border-top-left-radius:3px !important; border-top-right-radius:3px !important; height:35px; font-size:15px !important; width:100%; text-align:center; vertical-align:middle;}
|
|
.sheet-statusbox button:before {display:none !important;}
|
|
.sheet-statusbox input[type="number"],
|
|
.sheet-statusbox input[type="text"] {border-top-left-radius:0; border-top-right-radius:0; font-size:16px; text-align:center; font-weight:800; height:60px;}
|
|
|
|
.sheet-flip-box {overflow:hidden; position:relative;}
|
|
.sheet-flip-box input[type="checkbox"] {position:absolute; left:-999px;}
|
|
.sheet-flip-box > label {display:block; position:relative; padding:20px 0; font-size:14px; font-weight:800; overflow:hidden; cursor:pointer;}
|
|
.sheet-flip-box > label i {display:block; position:absolute; left:0; right:0; height:1px; top:50%; background:#4b4643; z-index:0;}
|
|
.sheet-flip-box > label i:before,
|
|
.sheet-flip-box > label i:after {content:""; display:block; position:absolute; border-radius:100%; background:#4b4643;}
|
|
.sheet-flip-box > label i:before {right:6px; width:8px; height:8px; top:-4px;}
|
|
.sheet-flip-box > label i:after {right:0; width:5px; height:5px; top:-2px;}
|
|
.sheet-flip-box > label span {display:block; position:relative; padding-left:25px; background:#dedddc; padding-right:20px; float:left; z-index:1;}
|
|
.sheet-flip-box > label span:before {content:""; display:block; position:absolute; width:11px; height:11px; bo1rder-radius:2px; background:#fff; top:5px; left:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
|
|
.sheet-flip-box > input[type="checkbox"]:checked + label span:before {background:#4b4643;}
|
|
|
|
.sheet-flip-box .sheet-flip-con {display:none; padding:0 20px 20px; overflow:hidden;}
|
|
.sheet-flip-box > input[type="checkbox"]:checked ~ .sheet-flip-con {display:block;}
|
|
.sheet-flip-box .sheet-flip-con .sheet-inpbox {padding-left:75px;}
|
|
.sheet-flip-box .sheet-flip-con .sheet-inpbox label {width:75px;}
|
|
|
|
.sheet-skill-box {display:block; float:left; padding:0 9px 9px; width:70%; box-sizing:border-box; border-radius:3px; overflow:hidden; background:#c7c6c6;}
|
|
.sheet-skill-box.sheet-side {width:28%; float:right;}
|
|
.sheet-skill-box .sheet-title {text-align:center; font-size:14px; padding:10px 0; margin:0 -9px;}
|
|
.sheet-skill-box .sheet-calc {padding:9px 0; overflow:hidden; clear:both;}
|
|
.sheet-skill-box .sheet-inpbox-value {width:140px; float:right;}
|
|
|
|
.sheet-skill-table {overflow:hidden; box-sizing:border-box; width:33.33%; float:left; box-sizing:border-box; padding:0 4px 4px;}
|
|
.sheet-skill-table.sheet-ty1 {background:#949292;}
|
|
.sheet-skill-table.sheet-ty1 button {color:#fff;}
|
|
.sheet-skill-table.sheet-ty2 {border:1px solid #c7c6c6; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-skill-table.sheet-ty3 {float:none; width:auto;}
|
|
.sheet-skill-table .sheet-table-title {background:#64605d; font-weight:800; color:#fff; font-size:14px; text-align:center; padding:7px; margin:0 -4px 8px;}
|
|
.sheet-skill-table input[type="text"] {padding:0; max-width:30px;}
|
|
.sheet-skill-table.sheet-ty3 input[type="text"] {padding:0 5px; max-width:100%;}
|
|
|
|
.sheet-skill-table dl {display:block; position:relative; overflow:hidden; padding-left:70px; margin:0;}
|
|
.sheet-skill-table dl + dl {margin-bottom:2px;}
|
|
.sheet-skill-table dt {display:block; position:absolute; top:0; left:0;}
|
|
.sheet-skill-table dt {display:block; position:absolute; top:0; left:0; width:70px; padding:2px; font-weight:800; margin:0;}
|
|
.sheet-skill-table dd {display:block; float:left; width:33.33%; padding:2px; box-sizing:border-box; margin:0;}
|
|
|
|
.sheet-skill-table.sheet-ty1 dt button,
|
|
.sheet-skill-table.sheet-ty2 dt button {display:block; width:100%; text-align:left; border:0; height:21px; padding:0 !important; vertical-align:middle; background:none; letter-spacing:-0.02em; padding-left:5px; font-size:12px !important; font-weight:600; margin:0; border-radius:0; text-shadow:none; box-shadow:none;}
|
|
.sheet-skill-table.sheet-ty1 dt button:before,
|
|
.sheet-skill-table.sheet-ty2 dt button:before {display:none !important;}
|
|
|
|
.sheet-skill-table.sheet-ty3 dl {padding-left:25px; padding-right:34px;}
|
|
.sheet-skill-table.sheet-ty3 dt {width:25px;}
|
|
.sheet-skill-table.sheet-ty3 dt button {width:21px; height:21px; padding:0 !important; margin:0 !important;}
|
|
.sheet-skill-table.sheet-ty3 dd {width:100%;}
|
|
.sheet-skill-table.sheet-ty3 dd + dd {width:34px; position:absolute; top:0; right:0;}
|
|
|
|
.sheet-partner-score {max-width:200px; float:right;}
|
|
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox {display:block; position:relative; border-radius:5px; border:2px solid #4b4643; overflow:hidden; background:#fff;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name {display:block; overflow:hidden; font-size:13px; color:#fff; font-weight:800; background:#4b4643; padding:5px;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name span,
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name strong {display:block; float:left; padding:4px; position:relative;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name strong {float:right; font-size:1.2em; padding-left:20px;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name strong:before {content:""; display:block; position:absolute; width:15px; height:1px; background:#fff; top:50%; left:0;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-name strong:after {content:""; display:block; position:absolute; width:5px; height:5px; background:#fff; top:50%; margin-top:-2px; left:0;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-dice-box {padding:5px;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target {position:relative; overflow:hidden; padding:0;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target span,
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target strong {display:block; float:left; padding:4px 5px; position:relative;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target span {font-size:17px; font-weight:800; color:#ff5e00; font-style:italic;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target strong {float:right; font-weight:600; font-size:13px;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target span .inlinerollresult {background:none !important; color:#ff5e00 !important; border:none !important; text-align:left !important;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-target strong .inlinerollresult {background:none !important; color:#4b4643 !important; border:none !important; text-align:right !important; font-weight:600; font-size:13px !important;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt {display:block;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt span {display:block; padding:10px 5px; text-align:center; font-size:14px; font-weight:800; border-top:1px solid #dadada;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt span.sheet-result-success {color:#4b4643;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt span.sheet-result-critical {color:#0089ff;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt span.sheet-result-fail {color:#888888;}
|
|
.sheet-rolltemplate-OmegaState .sheet-dice-statusBox .sheet-result-txt span.sheet-result-fumble {color:#ff0000;} |