mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
441 lines
52 KiB
CSS
441 lines
52 KiB
CSS
select, div, button, textarea, span, input, img, label{box-sizing: border-box; outline:0; margin:0;}
|
|
fieldset {margin:0; padding:0; border:none;}
|
|
.ui-dialog .charsheet {padding:0;}
|
|
.repcontrol {margin-top:5px;}
|
|
.repcontainer .repitem {margin-top:8px;}
|
|
|
|
.sheet-hidden {display:none !important;}
|
|
.sheet-st-wrap .sheet-old-roll {margin:0 !important; padding:0 !important; width:20px; height:20px; overflow:hidden; color:#000 !important; font-weight: 600 !important;}
|
|
|
|
.sheet-st-wrap input {color:#000;}
|
|
.sheet-st-wrap input[type="number"]::-webkit-outer-spin-button,
|
|
.sheet-st-wrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
|
|
.sheet-st-wrap button {cursor:pointer;}
|
|
|
|
.sheet-st-wrap {display:block; position:relative; width:860px; margin:0 -10px; min-height:400px; background:url('https://i.imgur.com/OWNRuAT.jpg') no-repeat 50% 0; font-size:13px;}
|
|
.sheet-st-wrap:after {content:""; display:block; position:relative; height:38px; margin-top:20px; background:url('https://i.imgur.com/IHogK15.jpg') no-repeat 50% 100%;}
|
|
|
|
.sheet-st-wrap fieldset {border:none; margin:0; padding:0;}
|
|
.sheet-st-wrap .repcontrol {margin-top:10px; padding:0 0 0 30px;}
|
|
.sheet-st-wrap .itemcontrol {z-index:3;}
|
|
|
|
.sheet-st-wrap * {box-sizing:border-box;}
|
|
.sheet-st-wrap > .sheet-acc {display:block; position:absolute; top:33px; left:0; width:104px; height:202px; background:no-repeat 0 0;}
|
|
|
|
.sheet-position-V[value="1"] ~ .sheet-st-wrap > .sheet-acc {background-image:url('https://i.imgur.com/vcdN5oJ.png');}
|
|
.sheet-position-K[value="1"] ~ .sheet-st-wrap > .sheet-acc {background-image:url('https://i.imgur.com/C9P7PAD.png');}
|
|
.sheet-position-G[value="1"] ~ .sheet-st-wrap > .sheet-acc {background-image:url('https://i.imgur.com/Ckkfs9h.png');}
|
|
.sheet-position-B[value="1"] ~ .sheet-st-wrap > .sheet-acc {background-image:url('https://i.imgur.com/PELJ14b.png');}
|
|
.sheet-position-D[value="1"] ~ .sheet-st-wrap > .sheet-acc {background-image:url('https://i.imgur.com/SJW1aSJ.png');}
|
|
.sheet-adv-1[value="1"] ~ .sheet-st-wrap .sheet-adv-1 {display:block;}
|
|
.sheet-adv-2[value="1"] ~ .sheet-st-wrap .sheet-adv-2 {display:block;}
|
|
.sheet-adv-3[value="1"] ~ .sheet-st-wrap .sheet-adv-3 {display:block;}
|
|
|
|
.sheet-st-top {display:block; position:relative; padding-top:70px; padding-left:130px; margin-bottom:38px;}
|
|
.sheet-st-top .sheet-st-player {display:block; position:absolute; width:160px; height:22px; top:8px; right:8px;}
|
|
.sheet-st-top .sheet-st-player > input[type="text"] {display:block; position:relative; width:100%; height:100%; border:none; background:transparent; text-align:center; font-size:12px;}
|
|
.sheet-st-top .sheet-st-profile {position:relative; height:120px; padding:5px;}
|
|
.sheet-st-top .sheet-adv-desc {display:none;}
|
|
.sheet-st-top .sheet-st-row {display:block; padding:5px 0; overflow:hidden;}
|
|
.sheet-st-top .sheet-st-pofile-input {display:block; float:left; position:relative; box-sizing:border-box; min-height:25px; padding-left:60px;}
|
|
.sheet-st-top .sheet-st-pofile-input:before {content:""; display:block; position:absolute; bottom:0; left:8px; right:0; height:1px; background:#000;}
|
|
.sheet-st-top .sheet-st-pofile-input + .sheet-st-pofile-input {margin-left:5px;}
|
|
.sheet-st-top .sheet-st-pofile-input strong {display:block; position:absolute; top:0; left:0; font-size:12px; height:25px; text-align:center; width:60px; line-height:25px; color:#fff; border-radius:5px; background:#000;}
|
|
.sheet-st-top .sheet-st-pofile-input input,
|
|
.sheet-st-top .sheet-st-pofile-input select {height:25px; border:none; display:block; margin:0; padding:0 10px; background:transparent; cursor:pointer; width:100%;}
|
|
.sheet-st-top .sheet-st-pofile-input input:hover {background:rgba(0,0,0,.05);}
|
|
.sheet-st-top .sheet-st-pofile-input input[readonly] {cursor:default;}
|
|
.sheet-st-top .sheet-st-pofile-input input[readonly]:hover {background:transparent;}
|
|
.sheet-st-top .sheet-st-pofile-input > span {display:block; position:relative; float:left; min-height:25px;}
|
|
.sheet-st-top .sheet-st-pofile-input > span + span {margin-left:5px; padding-left:15px;}
|
|
.sheet-st-top .sheet-st-pofile-input > span + span:after {content:""; display:block; position:absolute; left:-1px; bottom:-5px; width:1px; height:10px; background:#000; transform:rotate(40deg); -webkit-transform:rotate(40deg);}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty1 {width:265px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty2 {width:192px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty3 {width:240px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty3 > span {width:35%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty3 > span + span {width:55%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty3 > span + span:before {content:"Lv."; display:block; position:absolute; left:15px; top:0; bottom:0; line-height:25px; font-size:14px; font-weight:800;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty3 > span + span input {padding-left:35px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty4 {width:123px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty5 {width:150px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty6 {width:425px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty6 > span {width:23%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty6 > span + span {width:75%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty6 > span + span input {padding-left:5px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty6 .sheet-adv-desc {line-height:25px; text-align:center; letter-spacing:-0.01em;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty7 {width:325px;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty7 > span {width:33%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty7 > span + span {width:63%;}
|
|
.sheet-st-top .sheet-st-pofile-input.sheet-ty7 > span + span input {padding-left:10px;}
|
|
.sheet-st-top .sheet-st-state {display:block; position:absolute; right:48px; bottom:-30px;}
|
|
.sheet-st-top .sheet-st-state .sheet-item {display:block; position:relative; width:70px; height:70px; float:left; margin-left:5px;}
|
|
.sheet-st-top .sheet-st-state .sheet-item.sheet-ty2 + .sheet-item {margin-left:20px;}
|
|
.sheet-st-top .sheet-st-state .sheet-c {display:block; position:relative; width:100%; height:100%; border-radius:100%; border:2px solid #000; overflow:hidden; background:#fff;}
|
|
.sheet-st-top .sheet-st-state .sheet-c strong {display:block; position:relative; height:30px; line-height:30px; background:#000; color:#fff; text-align:center; font-size:11px;}
|
|
.sheet-st-top .sheet-st-state .sheet-c input {border:none; text-align:center; height:30px; display:block; width:100%; font-size:15px; font-weight:800;}
|
|
.sheet-st-top .sheet-st-state .sheet-ori {display:block; position:absolute; width:23px; height:23px; border-radius:100%; border:2px solid #000; background:#989898; right:-16px; top:18px; overflow:hidden;}
|
|
.sheet-st-top .sheet-st-state .sheet-ori input {display:block; position:relative; height:19px; font-size:11px; text-align:center; width:100%; border:none; background:transparent; z-index:1;}
|
|
.sheet-st-top .sheet-st-state .sheet-add {display:block; position:absolute; width:23px; height:23px; border-radius:100%; border:2px solid #000; background:#fff; right:-8px; top:45px; overflow:hidden;}
|
|
.sheet-st-top .sheet-st-state .sheet-add input {display:block; position:relative; height:19px; font-size:11px; text-align:center; width:100%; border:none; background:transparent; z-index:1; font-weight:600;}
|
|
.sheet-st-top .sheet-st-state .sheet-plus {display:block; position:absolute; width:13px; height:12px; background:url('https://i.imgur.com/9lZVPgC.png') no-repeat 50% 50%; z-index:2; top:38px; right:-7px;}
|
|
|
|
.sheet-st-bust {display:block; position:relative; background:#000; color:#fff;}
|
|
.sheet-st-bust .sheet-color {display:block; position:absolute; left:20px; bottom:20px;}
|
|
.sheet-st-bust .sheet-color input {width:70px; background:none; border:none; border-bottom:1px solid #fff; color:#fff;}
|
|
.sheet-st-bust .sheet-st-bustItem {display:none; text-align:right;}
|
|
.sheet-st-bust .sheet-st-bustItem:before {content:""; display:block; position:absolute; top:-7px; left:0; width:290px; height:75px; border:none; padding:0; margin:0; background:url('https://i.imgur.com/AIKb7NW.png') no-repeat 50% 50%; overflow:hidden; text-indent:-999px; text-align:left;}
|
|
.sheet-st-bust .sheet-st-bustItem .sheet-tit {line-height:60px; font-size:24px; font-weight:800; padding:0 17px 0 335px; font-style:italic;}
|
|
.sheet-st-bust .sheet-st-bustItem .sheet-detail {padding:0 17px 20px; font-size:14px; line-height:1.5;}
|
|
|
|
.sheet-position-V[value="1"] ~ .sheet-st-wrap > .sheet-st-bust .sheet-st-V {display:block;}
|
|
.sheet-position-K[value="1"] ~ .sheet-st-wrap > .sheet-st-bust .sheet-st-K {display:block;}
|
|
.sheet-position-G[value="1"] ~ .sheet-st-wrap > .sheet-st-bust .sheet-st-G {display:block;}
|
|
.sheet-position-B[value="1"] ~ .sheet-st-wrap > .sheet-st-bust .sheet-st-B {display:block;}
|
|
.sheet-position-D[value="1"] ~ .sheet-st-wrap > .sheet-st-bust .sheet-st-D {display:block;}
|
|
|
|
.sheet-st-dicebox {display:block; padding:7px 10px; background:#000; border-radius:5px; overflow:hidden; color:#fff;}
|
|
.sheet-st-dicebox .sheet-item {float:left;}
|
|
.sheet-st-dicebox .sheet-item + .sheet-item {margin-left:15px;}
|
|
.sheet-st-dicebox .sheet-item input,
|
|
.sheet-st-dicebox .sheet-item select {font-size:13px; border-radius:3px; border:none; height:23px; font-size:12px;}
|
|
.sheet-st-dicebox .sheet-item strong {line-height:23px;}
|
|
.sheet-st-dicebox .sheet-item strong,
|
|
.sheet-st-dicebox .sheet-item input,
|
|
.sheet-st-dicebox .sheet-item select,
|
|
.sheet-st-dicebox .sheet-item button {vertical-align:middle; margin:0;}
|
|
.sheet-st-dicebox .sheet-item select {width:80px; margin:0;}
|
|
.sheet-st-dicebox .sheet-item input {width:50px; text-align:center;}
|
|
.sheet-st-dicebox .sheet-item.sheet-ty2 {float:right;}
|
|
|
|
.sheet-st-spectable {position:relative; margin:10px 0;}
|
|
.sheet-st-spectable .sheet-guide {display:block; padding-bottom:5px; text-align:right; font-size:12px;}
|
|
.sheet-st-spectable .sheet-guide input {width:20px; border:none; font-size:12px; text-align:right; background:transparent !important;}
|
|
.sheet-st-spectable .sheet-st-spec {border:1px solid #000;}
|
|
.sheet-st-spec table {width:100%; font-size:12px; border-spacing:0; border-collapse:collapse;}
|
|
.sheet-st-spec table td {border:1px solid #000;}
|
|
.sheet-st-spec table th {border:1px solid #fff; background:#000; color:#fff; text-align:center;}
|
|
.sheet-st-spec table tr > *:first-child {border-left-width:0 !important;}
|
|
.sheet-st-spec table tr > *:last-child {border-right-width:0 !important;}
|
|
.sheet-st-spec table thead th {position:relative; padding:5px 0; border-top-width:0;}
|
|
.sheet-st-spec table thead th.sheet-chk {background:#fff; border:1px solid #000;}
|
|
.sheet-st-spec table thead th.sheet-chk input[type="checkbox"] {display:block; position:absolute; top:0; left:0; width:21px; height:29px; border:none; background:transparent !important; opacity:0; margin:0; cursor:pointer;}
|
|
.sheet-st-spec table tbody > tr:last-child > * {border-bottom-width:0 !important;}
|
|
.sheet-st-spec p {display:block; position:relative; width:119px; height:25px; box-sizing:border-box; padding: 0 20px 0 0; z-index:0; margin:0;}
|
|
.sheet-st-spec p input[type="checkbox"] {display:block; position:absolute; top:0; left:0; width:20px; height:25px; border:none; background:#fff; margin:0; opacity:0; z-index:1; cursor:pointer;}
|
|
.sheet-st-spec p input[type="text"] {display:block; position:absolute; top:0; right:0; width:20px; height:25px; border:none; background:transparent; border-radius:0; text-align:right; padding:2px; text-align:center; border-left:1px solid rgba(0,0,0,.2); color:#666; font-size:11px;}
|
|
.sheet-st-spec .sheet-spec-roll {display:block; position:relative; width:100% !important; height:100% !important; padding:0 0 0 20px !important; border:none !important; background:transparent !important; z-index:0; margin:0 !important; font-size:12px !important;}
|
|
.sheet-st-spec .sheet-spec-roll:before {content:"" !important; display:block; position:absolute; top:50%; left:3px; width:14px; height:14px; box-sizing:border-box; margin-top:-7px; border:2px solid #333; border-radius:100%;}
|
|
.sheet-st-spec .sheet-spec-roll:after {content:"" !important; display:block; position:absolute; top:0; bottom:0; left:0px; width:20px; background:rgba(0,0,0,.2); opacity:0;}
|
|
.sheet-st-spec p input[type="checkbox"]:checked + .sheet-spec-roll:before {background:#d20000; border-color:#d20000;}
|
|
.sheet-st-spec p input[type="checkbox"]:hover + .sheet-spec-roll:after {opacity:1;}
|
|
.sheet-element-to-determine-style-A[value='1'] ~ div .sheet-st-style-A {background:#000 !important; border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-B[value='1'] ~ div .sheet-st-style-B {background:#000 !important; border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-C[value='1'] ~ div .sheet-st-style-C {background:#000 !important; border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-D[value='1'] ~ div .sheet-st-style-D {background:#000 !important; border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-E[value='1'] ~ div .sheet-st-style-E {background:#000 !important; border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-A[value='1'] ~ div th.sheet-st-style-A {border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-B[value='1'] ~ div th.sheet-st-style-B {border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-C[value='1'] ~ div th.sheet-st-style-C {border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-D[value='1'] ~ div th.sheet-st-style-D {border-color:#fff !important;}
|
|
.sheet-element-to-determine-style-E[value='1'] ~ div th.sheet-st-style-E {border-color:#fff !important;}
|
|
|
|
.sheet-st-grid {display:block; overflow:hidden; margin-bottom:40px;}
|
|
.sheet-st-grid .sheet-left,
|
|
.sheet-st-grid .sheet-right {display:block; position:relative; width:54%; float:left;}
|
|
.sheet-st-grid .sheet-right {padding-left:15px; width:46%;}
|
|
.sheet-st-grid .sheet-title {display:block; position:relative; height:40px; line-height:30px; background:#000000; color:#fff; padding:0 10px; font-size:14px;}
|
|
.sheet-st-grid .sheet-title strong {display:block; float:left; font-weight:800;}
|
|
.sheet-st-grid .sheet-title span {float:right; font-size:12px;}
|
|
.sheet-st-grid .sheet-title span input {width:30px; height:30px; text-align:center; color:#fff;}
|
|
.sheet-st-grid .sheet-title:after {content:""; display:block; position:absolute; left:0; bottom:0; right:0; background:#fff; height:10px; border-radius:10px 0 0 0; }
|
|
|
|
.sheet-st-grid input,
|
|
.sheet-st-grid textarea,
|
|
.sheet-st-grid select,
|
|
.sheet-st-grid .uneditable-input {margin:0;}
|
|
.sheet-st-grid input[type="text"],
|
|
.sheet-st-grid input[type="number"] {border:none; height:30px; border-radius:8px; background:rgba(0,0,0,.1); padding:0 5px; font-size:12px; width:100%; color:#000;}
|
|
.sheet-st-grid select {border:none; height:30px; padding:0 5px; font-size:12px; width:100%;}
|
|
|
|
.sheet-abillty-list {display:block; position:relative;}
|
|
.sheet-ab-item {display:block; position:relative; z-index:0; overflow:hidden;}
|
|
.sheet-ab-item + * {margin-top:10px !important;}
|
|
.sheet-ab-item > * {float:left; position:relative;}
|
|
.sheet-ab-item > input[type="checkbox"] {display:block; position:absolute; top:0; left:0; width:30px; height:30px; border:none; margin:0; opacity:0; z-index:1; cursor:pointer;}
|
|
.sheet-ab-item > input[type="checkbox"] + * {display:block; position:relative; min-height:30px; padding-left:30px !important; box-sizing:content-box; z-index:0;}
|
|
.sheet-ab-item > input[type="checkbox"] + *:before {content:""; display:block; position:absolute; top:50%; left:3px; width:20px; height:20px; box-sizing:border-box; margin-top:-10px; background:url('https://i.imgur.com/mUcvIHM.png') no-repeat 50% 50%;}
|
|
.sheet-ab-item > input[type="checkbox"]:checked + *:before {background-image:url('https://i.imgur.com/b0F6erg.png');}
|
|
.sheet-ab-item > input[type="checkbox"]:checked ~ .sheet-st-effect {display:block;}
|
|
.sheet-ab-item .sheet-st-effect {display:none; position:relative; clear:both; float:none; padding-top:5px;}
|
|
.sheet-ab-item .sheet-st-effect textarea {display:block; width:100%; border-radius:8px; background:rgba(0,0,0,.1); height:100px; resize:none; border:none; padding:10px; box-sizing:border-box; line-height:1.5;}
|
|
.sheet-ab-item .sheet-st-control {width:30px;}
|
|
.sheet-ab-item .sheet-st-control button {width:30px; height:30px; color:green !important; font-size:17px; font-weight:800;}
|
|
.sheet-ab-item .sheet-st-chname {padding:0 5px; width:150px; float:left;}
|
|
.sheet-ab-item .sheet-st-name {padding:0 5px; width:190px; float:left;}
|
|
.sheet-ab-item .sheet-st-type {width:70px;}
|
|
.sheet-ab-item .sheet-st-type select {width:100%; border-radius:8px; background:rgba(0,0,0,.1);}
|
|
.sheet-ab-item .sheet-st-spec {width:80px; padding:0 5px;}
|
|
.sheet-ab-item .sheet-st-mod {width:60px; text-align:center;}
|
|
.sheet-ab-item .sheet-st-mod * {text-align:center;}
|
|
.sheet-ab-item .sheet-st-option {width:115px;}
|
|
.sheet-ab-item .sheet-st-emotion {width:80px; padding-left:5px;}
|
|
|
|
.sheet-st-attack {position:relative; padding:5px 0 10px; border-bottom:1px dashed #dadada;}
|
|
.sheet-st-attack .sheet-item {padding:7px; border:1px solid #000000; border-radius:5px; margin:7px 0; overflow:hidden;}
|
|
.sheet-st-attack .sheet-item button {display:block; position:relative; float:left; width:30px; height:30px;}
|
|
.sheet-st-attack .sheet-item input,
|
|
.sheet-st-attack .sheet-item select {margin-left:5px; display:block; float:left; border:none; height:30px; border-radius:5px; background:rgba(0,0,0,.1); padding:0 5px; font-size:12px; width:100%; color:#000;}
|
|
.sheet-st-attack .sheet-item button + * {width:85px;}
|
|
.sheet-st-attack .sheet-item button + * + * {width:85px;}
|
|
.sheet-st-attack .sheet-item button + * + * + * {width:549px;}
|
|
.sheet-st-attack .sheet-item button + * + * + * + * {width:75px;}
|
|
|
|
.sheet-st-phrase {position:relative; padding:10px 0 10px;}
|
|
.sheet-st-phrase .sheet-item {position:relative; padding:0; border:1px solid #000000; border-radius:5px; margin:7px 0; overflow:hidden; z-index:0;}
|
|
.sheet-st-phrase .sheet-item-in {display:block; position:relative; padding:7px 7px 7px 46px; overflow:hidden;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice {display:block; position:relative; float:left; width:30px; height:30px; z-index:0;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice button {position:relative; width:100%; height:100%;}
|
|
.sheet-st-phrase .sheet-item-in input,
|
|
.sheet-st-phrase .sheet-item-in select {margin-left:5px; display:block; float:left; border:none; height:30px; border-radius:5px; background:rgba(0,0,0,.1); padding:0 5px; font-size:12px; width:100%; color:#000;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice + * {width:75px;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice + * + * {width:610px;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice + * + * + * {width:75px;}
|
|
.sheet-st-phrase .sheet-item input[type="checkbox"] {display:block; position:absolute; top:0; left:0; width:45px; height:100%; bottom:0; border:none; z-index:3; margin:0; opacity:0; cursor:pointer;}
|
|
.sheet-st-phrase .sheet-item input[type="checkbox"]:checked + .sheet-item-in:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:2;}
|
|
.sheet-st-phrase .sheet-item-in:after {content:""; display:block; position:absolute; top:0; left:0; width:40px; bottom:0; background:url('https://i.imgur.com/pBBrBuB.png') no-repeat 50% 50%;}
|
|
.sheet-st-phrase .sheet-item input[type="checkbox"]:checked + .sheet-item-in:after {background-image:url('https://i.imgur.com/tLeZkJi.png');}
|
|
|
|
.sheet-st-phrase .sheet-guide {padding-bottom:5px;}
|
|
.sheet-st-phrase .sheet-bust-use {display:inline-block; position:relative; width:51px; height:19px; vertical-align:middle; margin-right:10px;}
|
|
.sheet-st-phrase .sheet-bust-use input[type="checkbox"] {display:block; position:absolute; top:0; left:0; width:100%; height:100%; bottom:0; border:none; z-index:0; margin:0; opacity:0; cursor:pointer;}
|
|
.sheet-st-phrase .sheet-bust-use input[type="checkbox"] + span {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:url('https://i.imgur.com/fqHNW9o.png') no-repeat 50% 50%; opacity:.5;}
|
|
.sheet-st-phrase .sheet-bust-use input[type="checkbox"]:checked + span {opacity:1; background-image:url('https://i.imgur.com/LbZHKrf.png');}
|
|
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice button {display:none;}
|
|
.sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-default {display:block;}
|
|
|
|
.sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item {border-color:red; background:#ffc1c1;}
|
|
|
|
.sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-default {display:none;}
|
|
.sheet-position-V[value="1"] ~ .sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-V {display:block !important;}
|
|
.sheet-position-K[value="1"] ~ .sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-K {display:block !important;}
|
|
.sheet-position-G[value="1"] ~ .sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-G {display:block !important;}
|
|
.sheet-position-B[value="1"] ~ .sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-B {display:block !important;}
|
|
.sheet-position-D[value="1"] ~ .sheet-use-Bust[value="1"] ~ div .sheet-st-phrase .sheet-item-in .sheet-phrase-dice button.sheet-D {display:block !important;}
|
|
|
|
.sheet-item-wrap {overflow:hidden; clear:both; transition:.3s all; -webkit-transition:.3s all;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value=""] ~ .sheet-item-wrap {height:160px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="1"] ~ .sheet-item-wrap {height:160px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="2"] ~ .sheet-item-wrap {height:160px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="3"] ~ .sheet-item-wrap {height:160px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="4"] ~ .sheet-item-wrap {height:213px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="5"] ~ .sheet-item-wrap {height:266px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="6"] ~ .sheet-item-wrap {height:319px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="7"] ~ .sheet-item-wrap {height:327px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="8"] ~ .sheet-item-wrap {height:425px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="9"] ~ .sheet-item-wrap {height:478px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="10"] ~ .sheet-item-wrap {height:531px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="11"] ~ .sheet-item-wrap {height:584px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="12"] ~ .sheet-item-wrap {height:637px;}
|
|
.sheet-st-phrase .sheet-phrase-viewbox[value="13"] ~ .sheet-item-wrap {height:690px;}
|
|
|
|
|
|
/** Dice + Content Template */
|
|
.sheet-rolltemplate-StratoDiceContent {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap:before {content:""; display:block; position:absolute; top:24px; left:0; right:0; bottom:0; background:#fff; z-index:-1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/VRqzoZQ.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#fff; text-align:center; padding:15px 0; font-size:22px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-subject {display: block; position: relative; background: #ffffff; text-align: center; padding-bottom: 10px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:5px; background:#111; color:#fff; text-align:center; font-size:14px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-subject strong > span {font-size:12px; font-weight:400; padding-left:5px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-descript {padding:10px; background:#ffffff;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-descript p {display:block; position:relative; background:#eaeaea; border:1px dashed #ccc; padding:10px; line-height:1.5; color:#000; font-size:12px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-result-fumble {display:block; position:relative; text-align:center; color:#fff; background:red; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-result-special {display:block; position:relative; text-align:center; color:#000; background:#a9ffb7; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoDiceContent .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
.sheet-rolltemplate-StratoDiceContent .sheet-stratioDice-wrap .sheet-subject .inlinerollresult {font-size:1em !important; color:#fff !important;}
|
|
|
|
/** Dice Templete */
|
|
.sheet-rolltemplate-StratoDice {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap:before {content:""; display:block; position:absolute; top:24px; left:0; right:0; bottom:0; background:#fff; z-index:-1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/VRqzoZQ.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#fff; text-align:center; padding:15px 0; font-size:22px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-subject {display: block; position: relative; background: #fff; text-align: center; padding-bottom: 10px;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:5px; background:#111; color:#fff; text-align:center; font-size:14px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-subject strong > span {font-size:12px; font-weight:400; padding-left:5px;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-result-fumble {display:block; position:relative; text-align:center; color:#fff; background:red; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-result-special {display:block; position:relative; text-align:center; color:#000; background:#a9ffb7; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoDice .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
.sheet-rolltemplate-StratoDice .sheet-stratioDice-wrap .sheet-subject .inlinerollresult {font-size:1em !important; color:#fff !important;}
|
|
|
|
/** Content Template **/
|
|
.sheet-rolltemplate-StratoContent {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap:before {content:""; display:block; position:absolute; top:24px; left:0; right:0; bottom:0; background:#fff; z-index:-1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/ik0qJF3.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-subject {display:block; position:relative; color:#000000 !important; background:#ffffff; text-align:center; padding:10px; border-bottom:1px dashed #000;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:0px; text-align:center; font-size:15px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript {padding:10px 20px; font-size:12px; line-height:1.5; background:#ffffff;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript strong {display:inline-block; padding:2px 5px; border-radius:2px; color:#fff; background:#0064b0;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript em {font-weight:800; color:#0091ff; font-style:normal;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript em.sheet-discode {color:#ff0000;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript.sheet-emotion {font-size:15px; text-align:center;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript.sheet-emotion:after {content:""; display:block; clear:both;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript.sheet-emotion em {display:block; width:50%; float:left; padding:0 10px; box-sizing:border-box;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript.sheet-emotion em {text-align:right;}
|
|
.sheet-rolltemplate-StratoContent .sheet-stratioDice-wrap .sheet-descript.sheet-emotion em + em {text-align:left; border-left:1px solid #ddd;}
|
|
|
|
/** Skill Template */
|
|
.sheet-rolltemplate-StratoSkillDice {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap:before {content:""; display:block; position:absolute; top:24px; left:0; right:0; bottom:0; background:#fff; z-index:-1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/XR0UWvD.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-title-skill {display:block; position:relative; background:#fff; text-align:center; padding:15px 0 0; font-size:15px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#fff; text-align:center; padding:15px 0; font-size:22px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-subject {display:block; position:relative; text-align:center; padding-bottom:10px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:5px; background:#111; color:#fff; text-align:center; font-size:14px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-subject strong > span {font-size:12px; font-weight:400; padding-left:5px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-descript {padding:10px 20px; font-size:12px; line-height:1.5; background:#ffffff;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-descript strong {display:inline-block; padding:2px 5px; border-radius:2px; color:#fff; background:#0064b0; margin-right:10px; vertical-align:middle;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-result-fumble {display:block; position:relative; text-align:center; color:#fff; background:red; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-result-special {display:block; position:relative; text-align:center; color:#000; background:#a9ffb7; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoSkillDice .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-stratioDice-wrap .sheet-subject .inlinerollresult {font-size:1em !important; color:#fff !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage {display:block; text-align:center; font-size:14px; font-weight:800; color:#fff !important; background:#000; padding:5px;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage .inlinerollresult {color:#fff !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-dice-side {font-weight:400; color:#2f73b3;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-dice-side .inlinerollresult {color:#2f73b3 !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-dice-side.sheet-cond {color:#dd4861;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-dice-side.sheet-cond .inlinerollresult {color:#dd4861 !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage .sheet-dice-side {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage .sheet-dice-side .inlinerollresult {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage .sheet-dice-side.sheet-cond {color:#f6ff00 !important;}
|
|
.sheet-rolltemplate-StratoSkillDice .sheet-damage .sheet-dice-side.sheet-cond .inlinerollresult {color:#f6ff00 !important;}
|
|
|
|
/** Phrase Template */
|
|
.sheet-rolltemplate-StratoPhrase {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/iqZutO4.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-title-skill {display:block; position:relative; background:#fff; text-align:center; padding:15px 0 0; font-size:15px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#fff; text-align:center; padding:15px 0; font-size:22px; color:#000; font-weight:800; z-index:1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-subject {display:block; position:relative; text-align:center; padding-bottom:10px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:5px; background:#111; color:#fff; text-align:center; font-size:14px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-subject strong > span {font-size:12px; font-weight:400; padding-left:5px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-descript {padding:10px 20px; font-size:12px; line-height:1.5; background:#ffffff;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-descript p {display:block; position:relative; background:#eaeaea; border:1px dashed #ccc; padding:10px; line-height:1.5; color:#000; font-size:12px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-descript strong {display:inline-block; padding:2px 5px; border-radius:2px; color:#fff; background:#0064b0; margin-right:10px; vertical-align:middle;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-result-fumble {display:block; position:relative; text-align:center; color:#fff; background:red; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-result-special {display:block; position:relative; text-align:center; color:#000; background:#a9ffb7; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoPhrase .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-subject .inlinerollresult {font-size:1em !important; color:#fff !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage {display:block; text-align:center; font-size:14px; font-weight:800; color:#fff !important; background:#000; padding:5px;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage .inlinerollresult {color:#fff !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice-side {font-weight:400; color:#2f73b3;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice-side .inlinerollresult {color:#2f73b3 !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice-side.sheet-cond {color:#dd4861;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-dice-side.sheet-cond .inlinerollresult {color:#dd4861 !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side .inlinerollresult {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side.sheet-cond {color:#f6ff00 !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side.sheet-cond .inlinerollresult {color:#f6ff00 !important;}
|
|
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text {display:block; position:relative; padding:20px 0; box-sizing:border-box; background:none !important;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://i.imgur.com/KZa7DGp.png') no-repeat 50% 50%;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
|
|
background-image: url('https://i.imgur.com/ZzCNFm7.png'), url('https://i.imgur.com/TBqU82a.png');
|
|
background-repeat: repeat-x, repeat-x;
|
|
background-position: 0 0, 0 100%;
|
|
}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in {display:table; table-layout:auto; width:100%; position:relative; z-index:2;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p {display:table-cell; vertical-align:middle; min-height:120px; color:#000; padding:20px; word-break:keep-all; text-align:center; font-size:17px; font-weight:600; line-height:1.5;}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p:before {content:'"';}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p:after {content:'"';}
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage a[href^="!"],
|
|
.sheet-rolltemplate-StratoPhrase .sheet-stratioDice-wrap .sheet-damage a[href^="~"] {background:transparent; padding:0; color:#a9d4fd; border:none !important; text-decoration:underline;}
|
|
|
|
/** Phrase Bust Template */
|
|
.sheet-rolltemplate-StratoBustPhrase {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/iqZutO4.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#222; text-align:center; padding:15px 0; font-size:22px; color:#fff; font-weight:800; z-index:1; border:1px solid #000; border-top-width:0; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice .inlinerollresult {color:#fff !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-subject {display:block; position:relative; text-align:center;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-subject strong {display:block; position:relative; padding:5px; background:#111; color:#fff; text-align:center; font-size:14px; font-weight:600;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-subject strong > span {font-size:12px; font-weight:400; padding-left:5px;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-descript {padding:10px; font-size:12px; line-height:1.5; text-align:center; background:#222; color:#fff;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-descript strong {display:block; text-align:center; font-size:14px; text-decoration:none; font-weight:400;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-descript strong em {display:block; position:Relative; font-size:20px; font-style:normal; font-family: '微软雅黑体', 'Microsoft YaHei', 'Malgun Gothic'; color:#ff6767; font-weight:800;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-result-fumble {display:block; position:relative; text-align:center; color:#fff; background:red; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-result-special {display:block; position:relative; text-align:center; color:#000; background:#a9ffb7; padding:2px; font-size:12px; margin-top:10px;}
|
|
.sheet-rolltemplate-StratoBustPhrase .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-subject .inlinerollresult {font-size:1em !important; color:#fff !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage {display:block; text-align:center; font-size:14px; font-weight:800; color:#fff !important; background:#000; padding:5px;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage .inlinerollresult {color:#fff !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice-side {font-weight:400; color:#2f73b3;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice-side .inlinerollresult {color:#2f73b3 !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice-side.sheet-cond {color:#dd4861;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-dice-side.sheet-cond .inlinerollresult {color:#dd4861 !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side .inlinerollresult {color:#7bc9ff !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side.sheet-cond {color:#f6ff00 !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage .sheet-dice-side.sheet-cond .inlinerollresult {color:#f6ff00 !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text {display:block; position:relative; padding:20px 0; box-sizing:border-box; background:none !important;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://i.imgur.com/KZa7DGp.png') no-repeat 50% 50%;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
|
|
background-image: url('https://i.imgur.com/9rUGIVM.png'), url('https://i.imgur.com/vXxcXIC.png');
|
|
background-repeat: repeat-x, repeat-x;
|
|
background-position: 0 0, 0 100%;
|
|
}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in {display:table; table-layout:auto; width:100%; position:relative; z-index:2;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p {display:table-cell; vertical-align:middle; min-height:120px; color:#000; padding:20px; word-break:keep-all; text-align:center; font-size:17px; font-weight:600; line-height:1.5;}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p:before {content:'"';}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-Phrase-text-in p:after {content:'"';}
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage a[href^="!"],
|
|
.sheet-rolltemplate-StratoBustPhrase .sheet-stratioDice-wrap .sheet-damage a[href^="~"] {background:transparent; padding:0; color:#ff5e5e; border:none !important; text-decoration:underline;}
|
|
|
|
.sheet-rolltemplate-StratoDamage {display:block; position:relative; max-width:967px; margin:0 auto;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap {display:block; position:relative; border-bottom:2px solid #000; z-index:0; border-top:1px solid #000;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; z-index:-1; border:1px solid #000; border-bottom-width:0;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap:after {content:""; display:block; position:absolute; bottom:-10px; right:5px; width:35px; height:24px; background:url('https://i.imgur.com/wJdhPG6.png') no-repeat 50% 50%; z-index:1;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-title {display:block; position:relative; height:29px; background:url('https://i.imgur.com/VRqzoZQ.png') no-repeat 0 0; z-index:2;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-title + * {margin-top:-4px !important;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-title span {display:block; position:absolute; top:7px; bottom:4px; right:0; background:#000; color:#fff; line-height:18px; padding:0 10px; font-size:12px;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-title span:before {content:""; display:block; position:absolute; top:0; left:-18px; width:0; height:0; border:18px solid transparent; border-right-width:0; border-top-width:0; border-bottom-color:#000;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-dice {display:block; position:relative; background:#fff; text-align:center; padding:15px 0; font-size:22px; color:#000; font-weight:800; z-index:1; margin:0 1px;}
|
|
.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-dice .fullcrit,.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-dice .importantroll,.sheet-rolltemplate-StratoDamage .sheet-stratioDice-wrap .sheet-dice .fullfail {border:none !important;}
|
|
.sheet-rolltemplate-StratoDamage .inlinerollresult {background:none !important; padding:0 !important; border:none !important; color:#000 !important;}
|
|
|
|
.sheet-addDamage-point {display:block; text-align:right; background:#000; color:#fff; padding:10px;}
|
|
.sheet-addDamage-point input {text-align:center;}
|