diff --git a/Magica_Logia/MagicaLogia.css b/Magica_Logia/MagicaLogia.css index b2cade5c49..9a2c1811bf 100644 --- a/Magica_Logia/MagicaLogia.css +++ b/Magica_Logia/MagicaLogia.css @@ -7,6 +7,7 @@ input, img, label{ box-sizing: border-box; + font-family:sans-serif; } div{ margin: 0px; @@ -16,154 +17,148 @@ img{ margin: 0px; padding: 0px; } -table, th, td { +.fullpc table, .fullpc th, .fullpc td { max-width:850px; border: 1px solid black; text-align:center; font-size: 1.00em; } +@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap'); + /* ==== CLASSES ==== */ -.sheet-top-area {display:block; position:relative; clear:both; overflow:hidden; min-height:200px;} -.sheet-top-area .sheet-left {display:block; position:relative; width:35%; float:left;} -.sheet-top-area .sheet-right {display:block; position:relative; width:35%; float:right;} -.sheet-top-area .sheet-logo {display:block; position:absolute; top:50%; left:38%; right:38%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);} -.sheet-top-area .sheet-logo img {max-width:100%;} +.top-area {display:block; position:relative; clear:both; overflow:hidden; min-height:200px;} +.top-area .left {display:block; position:relative; width:35%; float:left;} +.top-area .right {display:block; position:relative; width:35%; float:right;} +.top-area .logo {display:block; position:absolute; top:50%; left:38%; right:38%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);} +.top-area .logo img {max-width:100%;} -.sheet-icon-text-field {display:table; width:100%; table-layout:fixed; position:relative; border-bottom:1px dashed #333;} -.sheet-icon-text-field.sheet-no-line {border-bottom:0;} -.sheet-icon-text-field input[type="text"] {display:block; position:relative; width:100%; box-sizing:border-box; height:30px; text-align:left; padding:0 10px; color:#000;} -.sheet-icon-text-field input[type="text"].sheet-point {font-weight:800; color:#000;} -.sheet-icon-text-field span {display:table-cell; height:30px; vertical-align:middle; width:85px; padding-left:20px; box-sizing:border-box; color:#777;} -.sheet-icon-text-field span:before {content:""; display:block; position:absolute; top:50%; left:0; width:15px; height:15px; background:url('https://i.imgur.com/wnVubts.png') no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);} -.sheet-icon-text-field span + span {width:auto !important; padding-left:0;} -.sheet-icon-text-field span + span:before {display:none;} -.sheet-icon-text-field textarea {height:50px; text-align:left; padding:5px 10px;} +.icon-text-field {display:table; width:100%; table-layout:fixed; position:relative; border-bottom:1px dashed #333; word-break: keep-all;} +.icon-text-field.no-line {border-bottom:0;} +.icon-text-field input[type="text"] {display:block; position:relative; width:100%; box-sizing:border-box; height:30px; text-align:left; padding:0 10px; color:#000;} +.icon-text-field input[type="text"].point {font-weight:800; color:#000;} +.icon-text-field span {display:table-cell; height:30px; vertical-align:middle; width:90px; padding-left:20px; box-sizing:border-box; color:#777;} +.icon-text-field span:before {content:""; display:block; position:absolute; top:50%; left:0; width:15px; height:15px; background:url('https://i.imgur.com/wnVubts.png') no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);} +.icon-text-field span + span {width:auto !important; padding-left:0;} +.icon-text-field span + span:before {display:none;} +.icon-text-field textarea {height:50px; text-align:left; padding:5px 10px;} -.sheet-icon-text-field.sheet-sub-text span {} -.sheet-icon-text-field.sheet-sub-text span:before {display:none;} +.icon-text-field.sub-text span {} +.icon-text-field.sub-text span:before {display:none;} -.sheet-icon-text-field .sheet-side {width:60px !important; text-align:center;} -.sheet-icon-text-field .sheet-side input[type="checkbox"] {display:none;} -.sheet-icon-text-field .sheet-side input[type="checkbox"] + label {display:inline-block; position:relative; vertical-align:middle; text-align:left; text-indent:-999px; overflow:hidden; width:15px; height:15px; border-radius:100%; box-sizing:border-box; border:2px solid #000; cursor:pointer; margin:0;} -.sheet-icon-text-field .sheet-side input[type="checkbox"]:checked + label {background:#333;} +.icon-text-field .side {width:60px !important; text-align:center;} +.icon-text-field .side input[type="checkbox"] {display:none;} +.icon-text-field .side input[type="checkbox"] + label {display:inline-block; position:relative; vertical-align:middle; text-align:left; text-indent:-999px; overflow:hidden; width:15px; height:15px; border-radius:100%; box-sizing:border-box; border:2px solid #000; cursor:pointer; margin:0;} +.icon-text-field .side input[type="checkbox"]:checked + label {background:#333;} -.sheet-icon-text-field .sheet-select-group em {display:block; float:left; position:relative;} -.sheet-icon-text-field .sheet-select-group em + em {padding-left:20px;} -.sheet-icon-text-field .sheet-select-group em + em:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#000; border-radius:100%; left:7px; top:50%; margin-top:-1px;} -.sheet-icon-text-field .sheet-select-group select {height:30px;} +.icon-text-field .select-group em {display:block; float:left; position:relative;} +.icon-text-field .select-group em + em {padding-left:20px;} +.icon-text-field .select-group em + em:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#000; border-radius:100%; left:7px; top:50%; margin-top:-1px;} +.icon-text-field .select-group select {height:30px;} -.sheet-icon-text-row {display:block; overflow:hidden; clear:both;} -.sheet-icon-text-row .sheet-cols {width:50%; float:left;} -.sheet-icon-text-row .sheet-icon-text-field span {width:70px;} -.sheet-icon-text-row.sheet-group-3 .sheet-cols {width:33.33%;} +.icon-text-row {display:block; overflow:hidden; clear:both; width: 100%; height:auto;} +.icon-text-row .cols {width:50%; float:left;} +.icon-text-row .icon-text-field span {width:70px;} +.icon-text-row.group-3 .cols {width:33.33%;} -.sheet-design-text-field {text-align:center; margin-top:-20px;} -.sheet-design-text-field .sheet-item {display:inline-block; vertical-align:middle; width:70px; height:70px; background:url('https://i.imgur.com/To23ccc.png') no-repeat 50% 50%; background-size:contain;} -.sheet-design-text-field .sheet-item p {display:block; position:relative; height:55%; margin:0;} -.sheet-design-text-field .sheet-item span {display:block; position:absolute; top:50%; left:0; right:0; color:#fff; transform:translateY(-50%); -webkit-transform:translateY(-50%);} -.sheet-design-text-field .sheet-item input[type="text"] {display:block; position:relative; width:80%; margin:0 auto; box-sizing:border-box; text-align:center; color:#000; font-weight:800; font-size:13px;} +.design-text-field {text-align:center; margin-top:-20px;} +.design-text-field .item {display:inline-block; vertical-align:middle; width:70px; height:70px; background:url('https://i.imgur.com/To23ccc.png') no-repeat 50% 50%; background-size:contain;} +.design-text-field .item p {display:block; position:relative; height:55%; margin:0;} +.design-text-field .item span {display:block; position:absolute; top:50%; left:0; right:0; color:#fff; transform:translateY(-50%); -webkit-transform:translateY(-50%);} +.design-text-field .item input[type="text"] {display:block; position:relative; width:80%; margin:0 auto; box-sizing:border-box; text-align:center; color:#000; font-weight:800; font-size:13px;} -.sheet-senario-area {display:block; position:relative; clear:both; overflow:hidden; margin:20px 0;} -.sheet-senario-area .sheet-left {display:block; position:absolute; width:300px; top:0; left:0; } -.sheet-senario-area .sheet-right {display:block; position:relative; margin-left:350px; min-height:270px;} +.senario-area {display:block; position:relative; clear:both; overflow:hidden; margin:20px 0;} +.senario-area .left {display:block; position:absolute; width:300px; top:0; left:0; } +.senario-area .right {display:block; position:relative; margin-left:350px; min-height:270px;} -.sheet-senario-area .sheet-design-text-area {text-align:center; font-weight:800;width:300px; height:271px; padding:45px; background:url('https://i.imgur.com/FqueMIm.png') no-repeat 50% 50%; background-size:contain; box-sizing:border-box;} -.sheet-senario-area .sheet-design-text-area textarea {display:block; margin-top:5px; height:160px; width:100%; text-align:left;} +.senario-area .design-text-area {text-align:center; font-weight:800;width:300px; height:271px; padding:45px; background:url('https://i.imgur.com/FqueMIm.png') no-repeat 50% 50%; background-size:contain; box-sizing:border-box;} +.senario-area .design-text-area textarea {display:block; margin-top:5px; height:160px; width:100%; text-align:left;} -.sheet-design-graph-bar {display:block; position:relative; line-height:40px; height:40px; overflow:hidden; padding:0 32px 0 135px; background:url('https://i.imgur.com/99M42p7.png') repeat-x 0 50%; background-size: auto 100%;} -.sheet-design-graph-bar:before {content:""; display:block; position:absolute; top:0; left:0; width:40px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 0 50%; background-size:auto 100%; box-sizing:border-box; } -.sheet-design-graph-bar:after {content:""; display:block; position:absolute; top:0; right:0; width:32px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 100% 50%; background-size:auto 100%; box-sizing:border-box; } -.sheet-design-graph-bar + .sheet-design-graph-bar {margin-top:10px;} -.sheet-design-graph-bar span {display:block; position:absolute; top:0; bottom:0; line-height:40px; padding-left:25px; left:40px; } -.sheet-design-graph-bar select, -.sheet-design-graph-bar input[type="number"] {height:30px; text-align:center; font-weight:800; color:#000; width:40px; margin-bottom:5px; box-sizing:border-box;} -.sheet-design-graph-bar select {margin-bottom:6px;} -.sheet-design-graph-bar .sheet-check-cost {display:block; position:absolute; top:50%; margin-top:-14px; right:30px; width:250px; height:28px; overflow:hidden; text-indent:-999px; background:url('https://i.imgur.com/nsK868s.png') no-repeat 100% 50%; background-size:contain; z-index:1;} -.sheet-design-graph-bar .sheet-check-cost[value="1"] {background-image:url('https://i.imgur.com/pBemetF.png');} -.sheet-design-graph-bar .sheet-check-cost[value="2"] {background-image:url('https://i.imgur.com/gFbfdOo.png');} -.sheet-design-graph-bar .sheet-check-cost[value="3"] {background-image:url('https://i.imgur.com/HfULWWx.png');} -.sheet-design-graph-bar .sheet-check-cost[value="4"] {background-image:url('https://i.imgur.com/ySEJNis.png');} -.sheet-design-graph-bar .sheet-check-cost[value="5"] {background-image:url('https://i.imgur.com/i3obpbB.png');} -.sheet-design-graph-bar .sheet-check-cost[value="6"] {background-image:url('https://i.imgur.com/HEblrpr.png');} -.sheet-design-graph-bar .sheet-check-cost[value="7"] {background-image:url('https://i.imgur.com/5jnF6YT.png');} -.sheet-design-graph-bar .sheet-check-cost[value="8"] {background-image:url('https://i.imgur.com/Iz7QDJV.png');} -.sheet-design-graph-bar .sheet-check-cost[value="9"] {background-image:url('https://i.imgur.com/4zxA5Wu.png');} -.sheet-design-graph-bar .sheet-check-cost[value="10"] {background-image:url('https://i.imgur.com/HAIi346.png');} -.sheet-design-graph-bar .sheet-check-cost[value="11"] {background-image:url('https://i.imgur.com/bxuNE6W.png');} -.sheet-design-graph-bar .sheet-check-cost[value="12"] {background-image:url('https://i.imgur.com/6vPTdjv.png');} -.sheet-design-graph-bar .sheet-check-cost[value="13"] {background-image:url('https://i.imgur.com/6G2RRPK.png');} -.sheet-design-graph-bar .sheet-check-cost[value="14"] {background-image:url('https://i.imgur.com/aKpJOKQ.png');} -.sheet-design-graph-bar .sheet-check-cost[value="15"] {background-image:url('https://i.imgur.com/QPmKcRD.png');} - -.sheet-design-graph-bar span:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; background:url('https://i.imgur.com/VV4zOa1.png') no-repeat 50% 50%; background-size:contain;} -.sheet-design-graph-bar.sheet-ty2 span:before {background-image:url('https://i.imgur.com/KGrf90v.png');} - -.sheet-sub-design-title {display:block; position:relative; font-size:13px; font-weight:800; margin-top:20px; margin-bottom:10px; background:url('https://i.imgur.com/PQC0K0S.png') no-repeat 50% 50%; background-size:contain; height:40px; text-align:center; line-height:40px;} -.sheet-sub-design-title.sheet-ty2 {background-image:url('https://i.imgur.com/eCvmnOn.png'); width:520px;} -.sheet-sub-design-title.sheet-ty3 {background-image:url('https://i.imgur.com/46qPhvI.png'); width:320px;} - -.sheet-floot-roll-box {display:block; clear:both; overflow:hidden;} -.sheet-floot-roll-box .sheet-roll-left {width:40%; float:left;} -.sheet-floot-roll-box .sheet-roll-right {width:58%; float:right;} -.sheet-floot-roll-box table {width:100%; height:100px;} -.sheet-floot-roll-box table td {vertical-align:middle;} -.sheet-floot-roll-box .sheet-roll-right button[type=roll] {height:20px; width:20px; line-height:20px; font-size:1.1em; margin:0; padding:0;} +.design-graph-bar.ty1 {width: 57%;} +.design-graph-bar.ty2 {width: 42%;} +.design-graph-bar {display:inline-block; position:relative; line-height:40px; height:40px; overflow:hidden; padding:0 32px 0 135px; background:url('https://i.imgur.com/99M42p7.png') repeat-x 0 50%; background-size: auto 100%;} +.design-graph-bar:before {content:""; display:block; position:absolute; top:0; left:0; width:40px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 0 50%; background-size:auto 100%; box-sizing:border-box; } +.design-graph-bar .tail, +.design-graph-bar.ty2:after {content:""; display:block; position:absolute; top:0; right:0; width:32px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 100% 50%; background-size:auto 100%; box-sizing:border-box; } +.design-graph-bar + .design-graph-bar {margin-top:10px;} +.design-graph-bar span {display:block; position:absolute; top:0; bottom:0; line-height:40px; padding-left:25px; left:40px; } +.design-graph-bar select, +.design-graph-bar input[type="number"] {height:30px; text-align:center; font-weight:800; color:#000; width:40px; box-sizing:border-box;} +.design-graph-bar select {margin-bottom:6px;} -.sheet-spell-table {position:relative; padding:26px 20px 20px; background:url('https://i.imgur.com/D6OiWLf.png') no-repeat 50% 50%; background-size:100% 100%; box-sizing:border-box;} -.sheet-spell-table .sheet-inner {background:#000;} -.sheet-spell-table table {width:100%; background:#fff; vertical-align:middle;} -.sheet-spell-table .sheet-soul-spec {background:url('https://i.imgur.com/C7AvDtk.png') no-repeat 0 50%; background-size:auto 100%; padding-left:20px;} -.sheet-spell-table .sheet-soul-spec input {height:30px;} +.design-graph-bar span:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; background:url('https://i.imgur.com/VV4zOa1.png') no-repeat 50% 50%; background-size:contain;} +.design-graph-bar.ty2 span:before {background-image:url('https://i.imgur.com/KGrf90v.png');} -.sheet-other-book-box {clear:both; overflow:hidden; display:block;} -.sheet-other-book-box .sheet-sub-design-title {font-size:16px;} -.sheet-other-book-box .sheet-book-left {width:520px; float:left;} -.sheet-other-book-box .sheet-relation-right {width:320px; float:right;} +.sub-design-title {display:block; position:relative; font-family: sans-serif; font-size:13px; font-weight:800; margin-top:20px; margin-bottom:10px; background:url('https://i.imgur.com/PQC0K0S.png') no-repeat 50% 50%; background-size:contain; height:40px; text-align:center; line-height:40px;} +.sub-design-title.ty2 {background-image:url('https://i.imgur.com/eCvmnOn.png'); background-size: 540px 40px; width:540px;} +.sub-design-title.ty3 {background-image:url('https://i.imgur.com/46qPhvI.png'); background-size: 300px 40px; width:300px;} + +.floot-roll-box {display:block; clear:both; overflow:hidden;} +.floot-roll-box .roll-left {width:30%; float:left;} +.floot-roll-box .roll-right {width:68%; float:right; margin-right:1px;} +.floot-roll-box table {width:100%; height:100px;} +.floot-roll-box table td {vertical-align:middle;} +.floot-roll-box .roll-left button[type=action], +.floot-roll-box .roll-right button[type=roll] {height:20px; width:20px; line-height:20px; font-size:1.1em; margin:0; padding:0;} +.floot-roll-box .roll-left button[type=action]:before {font-family: "dicefontd20"; + content: "t";} + + +.spell-table {position:relative; padding:26px 20px 20px; background:url('https://i.imgur.com/D6OiWLf.png') no-repeat 50% 50%; background-size:100% 100%; box-sizing:border-box;} +.spell-table table {width:100%; vertical-align:middle;} +.spell-table th {background: white} +.spell-table .dim th {background: #e4e4e4} +.spell-table .soul-spec {background:url('https://i.imgur.com/C7AvDtk.png') no-repeat 0 50%; background-color: white; background-size:auto 100%; padding-left:20px;} +.spell-table .soul-spec input {height:30px;} +.spell-table .table-title th {vertical-align: top;} + +.other-book-box {clear:both; overflow:hidden; display:block;} +.other-book-box .sub-design-title {font-size:16px;} +.other-book-box .book-left {width:540px; float:left;} +.other-book-box .relation-right {width:300px; float:right;} /* ==== CLASSES ==== */ -.sheet-underlined{ +.underlined{ border-bottom: 1px solid black; } -.sheet-bordered{ +.bordered{ border: 1px solid black; margin-bottom: 4px; } -.sheet-titled{ +.titled{ margin-top: -13px; padding-top: 25px; } -.sheet-block{display: block;} -.sheet-inbox{ +.block{display: block;} +.inbox{ padding-left:2px; padding-bottom: 20px; margin-bottom: 12px; text-align: left; } -.sheet-inboxright{ - padding-right: 2px; +.inboxright{ padding-bottom: 20px; text-align: right; } -.sheet-indent{ +.indent{ text-indent: 10px; } -.sheet-padindent{ +.padindent{ padding-left: 10px; } -.sheet-margindent { +.margindent { margin-left: 10px; } -.sheet-bold{ +.bold{ font-weight: bold; } -.sheet-center{ +.center{ text-align: center; } -.sheet-invisible { +.invisible { opacity: 0; } @@ -172,7 +167,7 @@ table, th, td { /* ==== DIVS ==== */ -div.sheet-fullpc{ +div.fullpc{ display: block; vertical-align: top; text-align: left; @@ -183,23 +178,29 @@ div.sheet-fullpc{ color: black; } -div.sheet-myrow{ +div.myrow{ width: 100%; text-align: left; } -div.sheet-myrow.sheet-right{ +div.myrow.right{ text-align: right; } -div.sheet-myrow.sheet-center{ +div.myrow.right input, +div.myrow.right select { + font-size:9.5pt; +} +.bordered.titled.inboxright div.myrow.right{ + font-size: 1pt; +} +div.myrow.center{ text-align: center; } -div.sheet-colhalf{ +div.colhalf{ display: inline-block; vertical-align: top; - width: 99.6%; text-align: left; } -div.sheet-col1third{ +div.col1third{ display: inline-block; vertical-align: top; width: 276px; @@ -207,13 +208,13 @@ div.sheet-col1third{ margin: 1px; text-align: center; } -div.sheet-col2third{ +div.col2third{ display: inline-block; vertical-align: top; width: 560px; max-width: 37%; } -.sheet-blacklabel{ +.blacklabel{ display: inline-flex; align-items: center; background-color: black; @@ -224,102 +225,102 @@ div.sheet-col2third{ text-transform: uppercase; border: none; } -.sheet-blacklabel.sheet-pnty { +.blacklabel.pnty { flex-flow: row nowrap; justify-content: space-between; } -.sheet-blacklabel.sheet-sqr { +.blacklabel.sqr { flex-flow: column wrap; justify-content: center; } -.sheet-blacklabel.sheet-right { +.blacklabel.right { flex-flow: row nowrap; justify-content: flex-end; } -.sheet-blacklabel .sheet-big { +.blacklabel .big { display: inline-block; - font-size: 1.3em; line-height: 1.0em; font-weight: bold; + font-size: 15px; } -.sheet-blacklabel .sheet-big.sheet-only { +.blacklabel .big.only { flex-grow: 2; } -.sheet-blacklabel .sheet-med { +.blacklabel .med { display: block; font-size: 0.80em; line-height: 0.85em; + overflow-wrap: break-word; } -.sheet-blacklabel .sheet-med.sheet-only { - align-self: flex-end; - margin-bottom: 3px; +.blacklabel .med.only { + margin-top: 2px; } -img.sheet-brdleft, -img.sheet-brdright { +img.brdleft, +img.brdright { display: inline-block; height: inherit; } -img.sheet-brdleft {margin-right: 4px;} -img.sheet-brdright {margin-left: 4px;} -div.sheet-identity{ +img.brdleft {margin-right: 4px;} +img.brdright {margin-left: 4px;} +div.identity{ display: inline-block; margin-left: 4px; } -div.sheet-boxed.sheet-greybg{ +div.boxed.greybg{ background-color: #DDD; } -div.sheet-subcol { +div.subcol { display: inline-block; vertical-align: top; } -div.sheet-initiative {display: block;} -.sheet-identity span{ +div.initiative {display: block;} +.identity span{ display: block; margin-left: 2px; text-transform: capitalize; font-size: 1.03em; color: black; } -.sheet-identity input[type=text].sheet-medium {width: 100px;} -.sheet-identity input[type=text].sheet-small {width: 46px;} -.sheet-initiative .sheet-blacklabel {width: 70px;} +.identity input[type=text].medium {width: 100px;} +.identity input[type=text].small {width: 46px;} +.initiative .blacklabel {width: 70px;} -.sheet-initiative div.sheet-boxed {margin-left: 5px;} +.initiative div.boxed {margin-left: 5px;} -.sheet-acitems .sheet-item {width: 190px;} -.sheet-acitems .sheet-equipped {width: 16px;} -.sheet-acitems .sheet-ac, -.sheet-acitems .sheet-flat, -.sheet-acitems .sheet-touch, -.sheet-acitems .sheet-natural, -.sheet-acitems .sheet-deflection, -.sheet-acitems .sheet-dodge, -.sheet-acitems .sheet-check, -.sheet-acitems .sheet-max, -.sheet-acitems .sheet-spellfailure {width: 32px;} -.sheet-acitems .sheet-spacer.sheet-type, -.sheet-acitems .sheet-type {width: 63px;} -.sheet-acitems .sheet-lab.sheet-totals {width: 90px;} -.sheet-acitems .sheet-lab.sheet-shield, -.sheet-acitems .sheet-lab.sheet-armor {width: 50px;} -.sheet-acitem div.sheet-myrow {padding-left: 16px;} +.acitems .item {width: 190px;} +.acitems .equipped {width: 16px;} +.acitems .ac, +.acitems .flat, +.acitems .touch, +.acitems .natural, +.acitems .deflection, +.acitems .dodge, +.acitems .check, +.acitems .max, +.acitems .spellfailure {width: 32px;} +.acitems .spacer.type, +.acitems .type {width: 63px;} +.acitems .lab.totals {width: 90px;} +.acitems .lab.shield, +.acitems .lab.armor {width: 50px;} +.repeating_acitems_container div.myrow {padding-left: 16px; height: 21px;} -.sheet-attacks {text-align: right;} -.sheet-attacks div.sheet-padindent {padding-left: 22px;} -.sheet-attacks .sheet-dmgbase {width: 120px;} -.sheet-attacks .sheet-dmgtype {width: 120px;} -.sheet-attacks span.sheet-lbl.sheet-atk { +.attacks {text-align: right;} +.attacks div.padindent {padding-left: 22px;} +.attacks .dmgbase {width: 120px;} +.attacks .dmgtype {width: 120px;} +.attacks span.lbl.atk { width: 55px; vertical-align: bottom; } -.sheet-attacks .sheet-blacklabel .sheet-weapon-title {width: 180px;} -.sheet-attacks .sheet-blacklabel .sheet-atk-title {width: 105px;} -.sheet-attacks .sheet-blacklabel .sheet-damage-title {width: 50px;} -.sheet-attacks .sheet-blacklabel .sheet-ammo-title {width: 40px;} -div.sheet-attack {margin-bottom: 2px;} -.sheet-attack .sheet-weapon { +.attacks .blacklabel .weapon-title {width: 180px;} +.attacks .blacklabel .atk-title {width: 105px;} +.attacks .blacklabel .damage-title {width: 50px;} +.attacks .blacklabel .ammo-title {width: 40px;} +div.attack {margin-bottom: 2px;} +.attack .weapon { display: inline-block; width: 208px; text-align: left; @@ -327,7 +328,7 @@ div.sheet-attack {margin-bottom: 2px;} padding-left: 2px; vertical-align: top; } -.sheet-attack .sheet-weapon .sheet-vs { +.attack .weapon .vs { width: auto; text-align: right; font-family: sans-serif; @@ -335,150 +336,150 @@ div.sheet-attack {margin-bottom: 2px;} white-space: pre; vertical-align: top; } -.sheet-attacks .sheet-atk { +.attacks .atk { display: inline-block; width: 105px; vertical-align: top; } -.sheet-attacks .sheet-damage { +.attacks .damage { display: inline-block; width: 50px; vertical-align: top; } -.sheet-attacks .sheet-atk .sheet-pseudoattr, -.sheet-attacks .sheet-damage .sheet-pseudoattr { +.attacks .atk .pseudoattr, +.attacks .damage .pseudoattr { text-align: center; font-family: sans-serif; font-size: 0.95em; } -.sheet-attacks .sheet-ammo {width: 40px;} -.sheet-attacks select.sheet-type {width: 55px;} -.sheet-attacks select.sheet-vs {width: 90px;} -.sheet-attacks select.sheet-dmg {width: 70px;} +.attacks .ammo {width: 40px;} +.attacks select.type {width: 55px;} +.attacks select.vs {width: 90px;} +.attacks select.dmg {width: 70px;} -.sheet-skills .sheet-blacklabel {width: 85%;} -.sheet-skills .sheet-blacklabel.sheet-totalranks { +.skills .blacklabel {width: 85%;} +.skills .blacklabel.totalranks { width: 165px; margin-left: 133px; } -.sheet-skills .sheet-name {width: 180px;} -.sheet-skill .sheet-number, -.sheet-spellcasting .sheet-number, -.sheet-spells .sheet-number { +.skills .name {width: 180px;} +.skill .number, +.spellcasting .number, +.spells .number { width: 30px; text-align: center; } -.sheet-skill span.sheet-perform, -.sheet-skill span.sheet-craft, -.sheet-skill span.sheet-knowledge, -.sheet-skill span.sheet-profession, -.sheet-skill span.sheet-custom {width: 60px;} -.sheet-skill span.sheet-custom.sheet-only {width: 180px;} -.sheet-skill input[type="text"].sheet-craft, -.sheet-skill input[type="text"].sheet-knowledge, -.sheet-skill input[type="text"].sheet-perform, -.sheet-skill input[type="text"].sheet-profession, -.sheet-skill input[type="text"].sheet-custom {width: 117px;} +.skill span.perform, +.skill span.craft, +.skill span.knowledge, +.skill span.profession, +.skill span.custom {width: 60px;} +.skill span.custom.only {width: 180px;} +.skill input[type="text"].craft, +.skill input[type="text"].knowledge, +.skill input[type="text"].perform, +.skill input[type="text"].profession, +.skill input[type="text"].custom {width: 117px;} -.sheet-spellcasting .sheet-perlevel {margin-bottom: 1px;} -.sheet-spellcasting .sheet-perlevel .sheet-lab, -.sheet-spellcasting .sheet-perlevel .sheet-level { +.spellcasting .perlevel {margin-bottom: 1px;} +.spellcasting .perlevel .lab, +.spellcasting .perlevel .level { width: 40px; margin: 0px 1px 0px 1px; } -.sheet-spellcasting .sheet-perlevel .sheet-boxed {margin: 0px 1px 0px 1px;} -.sheet-spells .sheet-blacklabel {width: 60%;} -div.sheet-spell {margin-top: 2px;} -.sheet-spell .sheet-lab {text-align: left;} -span.sheet-std {width: 80px;} -input[type="text"].sheet-std { +.spellcasting .perlevel .boxed {margin: 0px 1px 0px 1px;} +.spells .blacklabel {width: 60%;} +div.spell {margin-top: 2px;} +.spell .lab {text-align: left;} +span.std {width: 80px;} +input[type="text"].std { font-size: 1.2em; line-height: 1.2em; } -div.sheet-ability, -div.sheet-acvalues, -div.sheet-initiative, -div.sheet-acitem, -div.sheet-saves, -div.sheet-babs, -div.sheet-attackmods, -div.sheet-defenses, -div.sheet-attack, -div.sheet-skill, -div.sheet-concentration, -div.sheet-spell, -div.sheet-statblock, -div.sheet-encumbrance, -div.sheet-speeds, -div.sheet-gearitem, -div.sheet-skills, -div.sheet-attacks { +div.ability, +div.acvalues, +div.initiative, +div.repeating_acitems_container, +div.saves, +div.babs, +div.attackmods, +div.defenses, +div.attack, +div.skill, +div.concentration, +div.spell, +div.statblock, +div.encumbrance, +div.speeds, +div.gearitem, +div.skills, +div.attacks { position: relative; } -.sheet-spell input[type="text"].sheet-std {width: 180px;} -.sheet-fullpc .sheet-feat input[type="text"].sheet-std, -.sheet-fullpc .sheet-ability input[type="text"].sheet-std {width: 320px;} -.sheet-statblock .sheet-feat input[type="text"].sheet-std {width: 210px;} -.sheet-autoex.sheet-std { +.spell input[type="text"].std {width: 180px;} +.fullpc .feat input[type="text"].std, +.fullpc .ability input[type="text"].std {width: 320px;} +.statblock .feat input[type="text"].std {width: 210px;} +.autoex.std { display: inline-block; vertical-align: bottom; } -.sheet-spell .sheet-autoex.sheet-std { +.spell .autoex.std { width: 180px; max-width: 180px; } -.sheet-fullpc .sheet-feat .sheet-autoex.sheet-std { +.fullpc .feat .autoex.std { width: 320px; max-width: 320px; } -.sheet-statblock .sheet-feat .sheet-autoex.sheet-std { +.statblock .feat .autoex.std { width: 210px; max-width: 210px; } -.sheet-spell span.sheet-med {width: 95px;} -.sheet-spell input[type="text"].sheet-med { +.spell span.med {width: 95px;} +.spell input[type="text"].med { width: 150px; font-size: 1.2em; line-height: 1.2em; } -.sheet-statblock .sheet-npcatk .sheet-attack { +.statblock .npcatk .attack { display: inline-block; position: relative; } -.sheet-spells .sheet-pseudoattr.sheet-sml {width: 25px;} -.sheet-fullpc .sheet-money .sheet-blacklabel, -.sheet-fullpc .sheet-feats .sheet-blacklabel, -.sheet-fullpc .sheet-traits .sheet-blacklabel, -.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-title {width: 95%;} -.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-total { +.spells .pseudoattr.sml {width: 25px;} +.fullpc .money .blacklabel, +.fullpc .feats .blacklabel, +.fullpc .traits .blacklabel, +.fullpc .gear .blacklabel.title {width: 95%;} +.fullpc .gear .blacklabel.total { width: calc(100% + 2px); padding-right: 2px; margin-top: 2px; margin-right: -2px; margin-bottom: -2px; } -.sheet-gear .sheet-qty {width: 50px;} -.sheet-gear .sheet-total {width: 35px;} -.sheet-gear .sheet-weight {width: 85px;} -.sheet-gear .sheet-wtotal { +.gear .qty {width: 50px;} +.gear .total {width: 35px;} +.gear .weight {width: 85px;} +.gear .wtotal { width: 45px; color: black; } -.sheet-gearitem input.sheet-item {width: 260px;} -.sheet-gear span.sheet-overload {color: white;} -.sheet-gear input.sheet-overload[value="over"] + span.sheet-overload { +.gearitem input.item {width: 260px;} +.gear span.overload {color: white;} +.gear input.overload[value="over"] + span.overload { font-weight: bold; color: #BE202E; text-transform: uppercase; } -.sheet-encumbrance .sheet-lab.sheet-std {width: 75px;} +.encumbrance .lab.std {width: 75px;} /* ===== SPANS ===== */ span {display: inline-block;} -span.sheet-roundblack { +span.roundblack { background-color: black; border-radius: 50%; font-family: sans-serif; @@ -491,11 +492,11 @@ span.sheet-roundblack { vertical-align: bottom; text-align: center; } -span.sheet-spacer{ +span.spacer{ min-width: 10px; text-align: center; } -span.sheet-lab { +span.lab { text-align: center; vertical-align: bottom; font-family: sans-serif; @@ -505,19 +506,19 @@ span.sheet-lab { white-space: pre; color: black; } -.sheet-lab.sheet-right{text-align: right;} -.sheet-abilities .sheet-lab:first-child {width: 80px;} -.sheet-abilities .sheet-lab {width: 50px;} -.sheet-hpvalues .sheet-lab {width: 40px;} -.sheet-initiative .sheet-lab {width: 45px;} -.sheet-acvalues .sheet-lab, -.sheet-saves .sheet-lab, -.sheet-babs .sheet-lab, -.sheet-attackmods .sheet-lab, -.sheet-defenses .sheet-lab, -.sheet-speeds .sheet-lab {width: 40px;} +.lab.right{text-align: right;} +.abilities .lab:first-child {width: 80px;} +.abilities .lab {width: 50px;} +.hpvalues .lab {width: 40px;} +.initiative .lab {width: 45px;} +.acvalues .lab, +.saves .lab, +.babs .lab, +.attackmods .lab, +.defenses .lab, +.speeds .lab {width: 40px;} -.sheet-lbl { +.lbl { text-align: left; vertical-align: bottom; font-family: sans-serif; @@ -526,11 +527,10 @@ span.sheet-lab { text-transform: capitalize; white-space: pre; } -.sheet-lbl.sheet-right {text-align: right;} -.sheet-lbl.sheet-upper {text-transform: uppercase;} +.lbl.right {text-align: right;} +.lbl.upper {text-transform: uppercase;} -span.sheet-pseudoattr { - font-family: 'Patrick Hand'; +span.pseudoattr { font-size: 1.2em; line-height: 16px; height: 18px; @@ -538,41 +538,41 @@ span.sheet-pseudoattr { white-space: pre-line; overflow: hidden; } -div.sheet-boxed span.sheet-pseudoattr { +div.boxed span.pseudoattr { min-width: 36px; margin-top: 3px; } -.sheet-acitems div.sheet-boxed {width: 28px;} -.sheet-acitems div.sheet-boxed span.sheet-pseudoattr { +.acitems div.boxed {width: 28px;} +.acitems div.boxed span.pseudoattr { min-width: 26px; width: 26px; } -.sheet-skills .sheet-lab.sheet-class {width: 20px;} -.sheet-skills .sheet-lab.sheet-name { +.skills .lab.class {width: 20px;} +.skills .lab.name { width: 176px; text-align: left; } -.sheet-skills .sheet-lab.sheet-total, -.sheet-skills .sheet-lab.sheet-ability, -.sheet-skills .sheet-lab.sheet-ranks, -.sheet-skills .sheet-lab.sheet-misc {width: 39px;} -.sheet-skills .sheet-lab.sheet-temp {width: 37px;} -.sheet-skill div.sheet-skillability {display: none;} -.sheet-skill input.sheet-skillability[value="strength"] + div.sheet-skillability, -.sheet-skill input.sheet-skillability[value="dexterity"] + div.sheet-skillability {display: inline-block;} +.skills .lab.total, +.skills .lab.ability, +.skills .lab.ranks, +.skills .lab.misc {width: 39px;} +.skills .lab.temp {width: 37px;} +.skill div.skillability {display: none;} +.skill input.skillability[value="strength"] + div.skillability, +.skill input.skillability[value="dexterity"] + div.skillability {display: inline-block;} -.sheet-fullpc .sheet-feat, -.sheet-fullpc .sheet-ability {margin-top: 2px;} +.fullpc .feat, +.fullpc .ability {margin-top: 2px;} -.sheet-statblock .sheet-senses {width: 350px;} -.sheet-statblock .sheet-type {width: 325px;} -.sheet-statblock .sheet-aura {width: 458px;} -.sheet-statblock .sheet-skill { +.statblock .senses {width: 350px;} +.statblock .type {width: 325px;} +.statblock .aura {width: 458px;} +.statblock .skill { width: 115px; text-align: right; } -span.sheet-npc-section { +span.npc-section { display: block; width: 100%; border-top: 1px solid black; @@ -584,34 +584,34 @@ span.sheet-npc-section { padding-left: 2px; } -.sheet-multiclass { +.multiclass { text-align: left; white-space: nowrap; } -.sheet-multiclass .sheet-lab { +.multiclass .lab { width: 30px; font-weight: bold; } -.sheet-labline.sheet-multiclass.sheet-bord {border-bottom: 1px dotted #CCC;} -.sheet-multiclass .sheet-lab.sheet-spellcasting { +.labline.multiclass.bord {border-bottom: 1px dotted #CCC;} +.multiclass .lab.spellcasting { width: 176px; text-transform: uppercase; text-align: left; } -.sheet-multiclass .sheet-lab.sheet-class {width: 140px;} -.sheet-multiclass .sheet-lab.sheet-fav {width: 15px;} -.sheet-multiclass .sheet-lab.sheet-hd {width: 24px;} -.sheet-multiclass .sheet-lab.sheet-spell, -.sheet-multiclass .sheet-spell { +.multiclass .lab.class {width: 140px;} +.multiclass .lab.fav {width: 15px;} +.multiclass .lab.hd {width: 24px;} +.multiclass .lab.spell, +.multiclass .spell { width: 20px; text-align: center; } -.sheet-multiclass .sheet-ability {width: 70px;} -.sheet-multiclass .sheet-lab.sheet-fail { +.multiclass .ability {width: 70px;} +.multiclass .lab.fail { width: 20px; text-align: left; } -.sheet-multiclass .sheet-boxed {width: 30px;} +.multiclass .boxed {width: 30px;} /* ===== INPUTS ===== */ input, textarea{ @@ -628,53 +628,55 @@ input, textarea{ box-shadow: none; resize:none; } -input:focus, input:hover, textarea:focus, textarea:hover, select:hover, select:focus{ - background-color: rgba(230,221,148,0.3); +input:focus, textarea:focus, select:focus{ + background-color: #f5f5f5; outline: none; } -input[type="text"].sheet-right {text-align: right;} -input[type="text"].sheet-spsml {width: 20px;} -input[type="text"].sheet-sml {width: 30px;} -input[type="text"].sheet-small {width: 45px;} -input[type="text"].sheet-smlmed {width: 80px;} -input[type="text"].sheet-medium {width: 140px;} +input[type="text"].right {text-align: right;} +input[type="text"].spsml {width: 20px;} +input[type="text"].sml {width: 30px;} +input[type="text"].small {width: 45px;} +input[type="text"].smlmed {width: 80px;} +input[type="text"].medium {width: 140px;} input[type="number"]{ text-align: center; vertical-align: middle; } -input[type="number"].sheet-nospin::-webkit-inner-spin-button, -input[type="number"].sheet-nospin::-webkit-outer-spin-button { +input[type="number"].nospin::-webkit-inner-spin-button, +input[type="number"].nospin::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } -input[type=number].sheet-nospin { +input[type=number].nospin { -moz-appearance:textfield; } -input[type="number"].sheet-spsml {width: 20px;} -.sheet-npc-display input[type="number"].sheet-spsml {vertical-align: top;} -input[type="number"].sheet-sml {width: 30px;} -div.sheet-boxed input[type="number"]{ +input[type="number"].spsml {width: 20px;} +.npc-display input[type="number"].spsml {vertical-align: top;} +input[type="number"].sml {width: 30px;} +div.boxed input[type="number"]{ width: 36px; height: 18px; margin-top: 2px; } -.sheet-identity input[type="number"], -.sheet-attacks input[type="number"], -.sheet-spells input[type="number"], -.sheet-statblock input[type="number"].sheet-medium {width: 35px;} -.sheet-acitem input[type="number"] {width: 28px;} -.sheet-spells input[type="number"].sheet-sml {width: 25px;} -.sheet-skill input[type="number"], -.sheet-spellcasting input[type="number"] {width: 30px;} +.identity input[type="number"], +.attacks input[type="number"], +.spells input[type="number"], +.statblock input[type="number"].medium {width: 35px;} +.repeating_acitems_container input[type="number"] {width: 28px;} +.spells input[type="number"].sml {width: 25px;} +.skill input[type="number"], +.spellcasting input[type="number"] {width: 30px;} +input[type="number"].underlined, +input[type="text"].underlined {vertical-align: bottom;} select { width: auto; text-align: center; text-align-last:center; - height: 1.3em; - line-height: 1.0em; + height: 19px; + line-height: 1.1em; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; @@ -691,18 +693,30 @@ select { resize: none; background: transparent; } -select.sheet-alignment { +select.alignment { width: 110px; } -select.sheet-size { +select.size { width: 80px; } -.sheet-acitem select{ +.repeating_acitems_container select{ width: 50px; } +.myrow .spell-name {width:95px;} +.myrow .spell-cost {width:52px;} +.myrow .spell-type, +.myrow .spell-skill, +.myrow .spell-target {width:58px;} +.myrow .spell-charge, +.myrow .spell-correction {width:45px;} + +.myrow input[type="checkbox"]:last-child { + margin: 0px 7px 0px 5px; +} + /* ===== ABILITIES ===== */ -.sheet-baseattr { +.baseattr { opacity: 0; height: 0px; width: 0px; @@ -710,28 +724,28 @@ select.sheet-size { display: inline; position: absolute; } -.sheet-finalattr { +.finalattr { display: inline-block; } -.sheet-boxed:hover .sheet-baseattr, -.sheet-boxed .sheet-baseattr:focus { +.boxed:hover .baseattr, +.boxed .baseattr:focus { opacity: 1; width: 36px; height: 18px; pointer-events: auto; position: static; } -.sheet-boxed:hover .sheet-finalattr, -.sheet-boxed .sheet-baseattr:focus ~ .sheet-finalattr { +.boxed:hover .finalattr, +.boxed .baseattr:focus ~ .finalattr { display: none; } /* ===== FLAGS ===== */ -.sheet-boxed .sheet-attr-flag:not([value="0"]) + span, -.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span, -.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared {color: #501414;} -.sheet-boxed .sheet-attr-flag:not([value="0"]) + span:after, -.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span:after, -.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared:after { +.boxed .attr-flag:not([value="0"]) + span, +.spellcasting .attr-flag:not([value="0"]) + span, +.spells .attr-flag:not([value="0"]) + span.prepared {color: #501414;} +.boxed .attr-flag:not([value="0"]) + span:after, +.spellcasting .attr-flag:not([value="0"]) + span:after, +.spells .attr-flag:not([value="0"]) + span.prepared:after { content: "e"; font-family: "Pictos"; font-size: 0.8em; @@ -739,8 +753,8 @@ select.sheet-size { position: absolute; margin-left: 1px; } -.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr{color: #501414;} -.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr:after{ +.boxed .attr-flag:not([value="0"]) + .finalattr{color: #501414;} +.boxed .attr-flag:not([value="0"]) + .finalattr:after{ content: "e"; font-family: "Pictos"; font-size: 0.8em; @@ -748,27 +762,27 @@ select.sheet-size { position: absolute; margin-left: 1px; } -.sheet-skill .sheet-attr-flag:not([value="0"]) + span {color: #501414;} -.sheet-skill .sheet-attr-flag:not([value="0"]) + span:after{ +.skill .attr-flag:not([value="0"]) + span {color: #501414;} +.skill .attr-flag:not([value="0"]) + span:after{ font-family: "Pictos"; font-size: 0.8em; font-weight: bold; margin-left: 1px; } -.sheet-skill .sheet-attr-flag[value="1"] + span:after { +.skill .attr-flag[value="1"] + span:after { content: "U"; } -.sheet-skill .sheet-attr-flag[value="2"] + span:after { +.skill .attr-flag[value="2"] + span:after { content: "e"; } -.sheet-skill .sheet-attr-flag[value="3"] + span:after { +.skill .attr-flag[value="3"] + span:after { content: "Ue"; } -.sheet-spell .sheet-attr-flag + span{ +.spell .attr-flag + span{ position: absolute; right: 75px; } -.sheet-spell .sheet-attr-flag:not([value="0"]) + span:after{ +.spell .attr-flag:not([value="0"]) + span:after{ font-family: "Pictos Three"; font-size: 1.2em; font-weight: bold; @@ -776,10 +790,10 @@ select.sheet-size { background: #DDD; content: "g"; } -.sheet-spell .sheet-domain-flag + span { +.spell .domain-flag + span { margin-left: 2px; } -.sheet-spell .sheet-domain-flag:not([value="0"]) + span:after { +.spell .domain-flag:not([value="0"]) + span:after { font-family: "Times New Roman"; font-size: 0.60em; font-weight: normal; @@ -791,8 +805,8 @@ select.sheet-size { } /* ===== BUTTONS ===== */ -button[type="compendium"].sheet-myrol, -button[type="roll"].sheet-myrol { +button[type="compendium"].myrol, +button[type="roll"].myrol { text-align: center; text-decoration: none; background:none; @@ -801,7 +815,7 @@ button[type="roll"].sheet-myrol { box-shadow: none; text-shadow: none; padding: inherit; - margin: inherit; + margin: 2px; color: inherit; font-family: inherit; font-size: inherit; @@ -811,53 +825,55 @@ button[type="roll"].sheet-myrol { vertical-align: inherit; border-radius: none; } -button[type="compendium"].sheet-myrol:hover, -button[type="roll"].sheet-myrol:hover{ - color: #BE202E; +button[type="compendium"].myrol:hover, +button[type="roll"].myrol:hover{ + color: #aaa; } -button[type="roll"].sheet-myrol:before{ +.charsheet .spell-table button[type="roll"].myrol:before, .blacklabel button[type="roll"].myrol.big:before{ content: none; } -.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big { +.charsheet .spell-table button[type="roll"].myrol{ + font-size: 13px; +} +.blacklabel button[type="roll"].myrol.big { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; - font-size: 1.3em; line-height: 1.0em; } -.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big.sheet-only { +.blacklabel button[type="roll"].myrol.big.only { flex-grow: 2; } -button[type="roll"].sheet-myrol.sheet-margindent {margin-left: 14px;} -.sheet-statblock button[type="roll"].sheet-myrol{margin: 0px 0px 0px 0px;} -button[type="roll"].sheet-myrol.sheet-underl { +button[type="roll"].myrol.margindent {margin-left: 14px;} +.statblock button[type="roll"].myrol{margin: 0px 0px 0px 0px;} +button[type="roll"].myrol.underl { margin-left: 14px; border-bottom: 1px dotted #999; } -.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl, -.sheet-spelllike .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {font-style: italic;} -.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl { +.spells .spell button[type="roll"].myrol.underl, +.spelllike .spell button[type="roll"].myrol.underl {font-style: italic;} +.spells .spell button[type="roll"].myrol.underl { margin-right: 2px; border-bottom: 1px dotted transparent; } -button[type="roll"].sheet-myrol.sheet-underl:hover, -.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl:hover {border-bottom: 1px dotted #BE202E;} +button[type="roll"].myrol.underl:hover, +.spells .spell button[type="roll"].myrol.underl:hover {border-bottom: 1px dotted #BE202E;} -.sheet-statblock .sheet-attack .sheet-lbl.sheet-atk {width: 55px;} -.sheet-statblock .sheet-prep { +.statblock .attack .lbl.atk {width: 55px;} +.statblock .prep { width: 55px; text-align: center; } -button[type="compendium"].sheet-myrol { +button[type="compendium"].myrol { display: none; } -.sheet-fromcompendium:not([value=""]) + button[type="compendium"].sheet-myrol { +.fromcompendium:not([value=""]) + button[type="compendium"].myrol { display: inline-block; } /* ===== PSEUDO CHECKS and RADIOS ===== */ -input[type="checkbox"].sheet-pseudocheck, -input[type="radio"].sheet-pseudocheck { +input[type="checkbox"].pseudocheck, +input[type="radio"].pseudocheck { opacity: 0; width: 13px; cursor: pointer; @@ -865,122 +881,122 @@ input[type="radio"].sheet-pseudocheck { margin-top: 3px; line-height: 13px; } -input[type="checkbox"].sheet-pseudocheck + span, -input[type="radio"].sheet-pseudocheck + span { +input[type="checkbox"].pseudocheck + span, +input[type="radio"].pseudocheck + span { font-size: 13px; line-height: 13px; white-space: nowrap; display: inline-block; margin-left: -13px; } -input[type="checkbox"].sheet-pseudocheck + span::before, -input[type="radio"].sheet-pseudocheck + span::before { +input[type="checkbox"].pseudocheck + span::before, +input[type="radio"].pseudocheck + span::before { text-align: middle; display: inline-block; vertical-align: middle; background: transparent; } -input[type="checkbox"].sheet-pseudocheck + span::before { - content: "☐"; +input[type="checkbox"].pseudocheck + span::before { + content: "��"; line-height: 18px; font-size: 18px; } -input[type="checkbox"].sheet-pseudocheck:checked + span::before { - content: "☑"; +input[type="checkbox"].pseudocheck:checked + span::before { + content: "��"; } -input[type="radio"].sheet-pseudocheck + span { +input[type="radio"].pseudocheck + span { border: 1px solid black; border-radius: 50%; width: 13px; height: 13px; vertical-align: bottom; } -input[type="radio"].sheet-pseudocheck + span::before { +input[type="radio"].pseudocheck + span::before { content: ""; margin-top: -4px; } -input[type="radio"].sheet-pseudocheck:checked + span::before { - content: "✔"; +input[type="radio"].pseudocheck:checked + span::before { + content: "��"; } /* ==== LEFT FILLED RADIO ==== */ -.sheet-dots { +.dots { display: inline-block; position: relative; white-space: nowrap; } -.sheet-spell div.sheet-dots { +.spell div.dots { width: 70px; text-align: left; vertical-align: top; } -.sheet-dots input[type="radio"] { +.dots input[type="radio"] { position: absolute; opacity: 0; z-index: 1; } -.sheet-dots input[type="radio"], -.sheet-dots input[type="radio"] + span { +.dots input[type="radio"], +.dots input[type="radio"] + span { display: inline-block; width: 13px; height: 13px; margin: 3px -1px 0px -1px; } -.sheet-dots input[type="radio"] + span { +.dots input[type="radio"] + span { vertical-align: top; position: relative; background: transparent; } -.sheet-dots input[type="radio"]:not([value="0"]) + span { +.dots input[type="radio"]:not([value="0"]) + span { border: 1px solid black; border-radius: 50%; } -.sheet-dots input[type="radio"]:not([value="0"]) + span::before { - content: "✔"; +.dots input[type="radio"]:not([value="0"]) + span::before { + content: "��"; position: absolute; top: -3px; left: 0px; } -.sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span::before { +.dots input[type="radio"]:checked ~ input[type="radio"] + span::before { content: " "; } -.sheet-dots input[type="radio"][value="0"] + span:before { - content: "✗"; +.dots input[type="radio"][value="0"] + span:before { + content: "��"; font-family: sans-serif; font-size: 1.2em; line-height: 0.9em; position: relative; } -.sheet-dots input[type="radio"][value="0"]:hover + span:before { +.dots input[type="radio"][value="0"]:hover + span:before { font-weight: bold; color: #BE202E; } /* ===== PSEUDO TABS ===== */ -div.sheet-tabmain, -div.sheet-tabadd, -div.sheet-tabspell, -div.sheet-tabconf { +div.tabmain, +div.tabadd, +div.tabspell, +div.tabconf { display: none; text-align: center; width: 100%; border-top: 1px solid black; padding-top: 4px; } -input.sheet-tabmain:checked ~ div.sheet-tabmain{ +input.tabmain:checked ~ div.tabmain{ display: block; } -input.sheet-tabadd:checked ~ div.sheet-tabadd{ +input.tabadd:checked ~ div.tabadd{ display: block; } -input.sheet-tabspell:checked ~ div.sheet-tabspell{ +input.tabspell:checked ~ div.tabspell{ display: block; } -input.sheet-tabconf:checked ~ div.sheet-tabconf{ +input.tabconf:checked ~ div.tabconf{ display: block; } -input.sheet-tabmain, -input.sheet-tabadd, -input.sheet-tabspell, -input.sheet-tabconf{ +input.tabmain, +input.tabadd, +input.tabspell, +input.tabconf{ margin: 0; margin-top: -4px; margin-bottom: -4px; @@ -991,10 +1007,10 @@ input.sheet-tabconf{ height: 20px; z-index: 2; } -input.sheet-tabmain + span, -input.sheet-tabadd + span, -input.sheet-tabspell + span, -input.sheet-tabconf + span{ +input.tabmain + span, +input.tabadd + span, +input.tabspell + span, +input.tabconf + span{ color: #666666; background-color: #BBBBBB; font-size: 0.85em; @@ -1012,10 +1028,10 @@ input.sheet-tabconf + span{ border-bottom-color: black; z-index: 1; } -input.sheet-tabmain:checked + span, -input.sheet-tabadd:checked + span, -input.sheet-tabspell:checked + span, -input.sheet-tabconf:checked + span{ +input.tabmain:checked + span, +input.tabadd:checked + span, +input.tabspell:checked + span, +input.tabconf:checked + span{ font-weight: bold; color: black; background-color: white; @@ -1025,14 +1041,14 @@ input.sheet-tabconf:checked + span{ border-bottom-color: white; } /* ===== OPTIONS ===== */ -.sheet-options-flag { +.options-flag { opacity: 0; position: absolute; width: 16px; min-height: 16px; z-index: 2; } -.sheet-options-flag + span { +.options-flag + span { position: absolute; white-space: nowrap; width: 16px; @@ -1043,158 +1059,165 @@ input.sheet-tabconf:checked + span{ cursor: pointer; margin-top: 0px; display: none; - left:2px; } -.sheet-options-flag:hover + span, -.sheet-options-flag:checked + span { +.options-flag:hover + span, +.options-flag:checked + span { color: #C3996B; display: block; } -.sheet-abilities .sheet-options-flag, -.sheet-abilities .sheet-options-flag + span, -.sheet-acvalues .sheet-options-flag, -.sheet-acvalues .sheet-options-flag + span, -.sheet-initiative .sheet-options-flag, -.sheet-initiative .sheet-options-flag + span, -.sheet-saves .sheet-options-flag.sheet-fortitude, -.sheet-saves .sheet-options-flag.sheet-fortitude + span, -.sheet-babs .sheet-options-flag.sheet-bab, -.sheet-babs .sheet-options-flag.sheet-bab + span, -.sheet-attackmods .sheet-options-flag.sheet-melee, -.sheet-attackmods .sheet-options-flag.sheet-melee + span, -.sheet-defenses .sheet-options-flag.sheet-cmd, -.sheet-defenses .sheet-options-flag.sheet-cmd + span, -.sheet-attacks .sheet-options-flag, -.sheet-attacks .sheet-options-flag + span, -.sheet-background .sheet-options-flag, -.sheet-background .sheet-options-flag + span, -.sheet-concentration .sheet-options-flag, -.sheet-concentration .sheet-options-flag + span, -.sheet-spell .sheet-options-flag, -.sheet-spell .sheet-options-flag + span, -.sheet-speeds .sheet-options-flag, -.sheet-speeds .sheet-options-flag + span { +.abilities .options-flag, +.abilities .options-flag + span, +.acvalues .options-flag, +.acvalues .options-flag + span, +.initiative .options-flag, +.initiative .options-flag + span, +.saves .options-flag.fortitude, +.saves .options-flag.fortitude + span, +.babs .options-flag.bab, +.babs .options-flag.bab + span, +.attackmods .options-flag.melee, +.attackmods .options-flag.melee + span, +.defenses .options-flag.cmd, +.defenses .options-flag.cmd + span, +.attacks .options-flag, +.attacks .options-flag + span, +.concentration .options-flag, +.concentration .options-flag + span, +.spell .options-flag, +.spell .options-flag + span, +.speeds .options-flag, +.speeds .options-flag + span { top: -2px; left: 5px; } -.sheet-saves .sheet-options-flag.sheet-reflex, -.sheet-saves .sheet-options-flag.sheet-reflex + span { +.saves .options-flag.reflex, +.saves .options-flag.reflex + span { top: -2px; left: 148px; } -.sheet-saves .sheet-options-flag.sheet-will, -.sheet-saves .sheet-options-flag.sheet-will + span { +.saves .options-flag.will, +.saves .options-flag.will + span { top: -2px; left: 281px; } -.sheet-babs .sheet-options-flag.sheet-cmb, -.sheet-babs .sheet-options-flag.sheet-cmb + span { +.babs .options-flag.cmb, +.babs .options-flag.cmb + span { top: -2px; left: 262px; } -.sheet-attackmods .sheet-options-flag.sheet-ranged, -.sheet-attackmods .sheet-options-flag.sheet-ranged + span { +.attackmods .options-flag.ranged, +.attackmods .options-flag.ranged + span { top: -2px; left: 215px; } -.sheet-defenses .sheet-options-flag.sheet-sr, -.sheet-defenses .sheet-options-flag.sheet-sr + span { +.defenses .options-flag.sr, +.defenses .options-flag.sr + span { top: -2px; left: 174px; } -.sheet-abilities .sheet-ability:hover .sheet-options-flag + span, -.sheet-acvalues:hover .sheet-options-flag + span, -.sheet-initiative:hover .sheet-options-flag + span, -.sheet-acitem:hover .sheet-options-flag + span, -.sheet-saves:hover .sheet-options-flag + span, -.sheet-babs:hover .sheet-options-flag + span, -.sheet-attackmods:hover .sheet-options-flag + span, -.sheet-defenses:hover .sheet-options-flag + span, -.sheet-attack:hover .sheet-options-flag + span, -.sheet-skill:hover .sheet-options-flag + span, -.sheet-concentration:hover .sheet-options-flag + span, -.sheet-spell:hover .sheet-options-flag + span, -.sheet-statblock .sheet-head-info:hover .sheet-options-flag + span, -.sheet-statblock .sheet-npcatk .sheet-attack:hover .sheet-options-flag + span, -.sheet-feat:hover .sheet-options-flag + span, -.sheet-ability:hover .sheet-options-flag + span, -.sheet-metamagic:hover .sheet-options-flag + span, -.sheet-encumbrance:hover .sheet-options-flag + span, -.sheet-speeds:hover .sheet-options-flag + span { +.abilities .ability:hover .options-flag + span, +.acvalues:hover .options-flag + span, +.initiative:hover .options-flag + span, +.acitem:hover .options-flag + span, +.saves:hover .options-flag + span, +.babs:hover .options-flag + span, +.attackmods:hover .options-flag + span, +.defenses:hover .options-flag + span, +.attack:hover .options-flag + span, +.skill:hover .options-flag + span, +.concentration:hover .options-flag + span, +.spell:hover .options-flag + span, +.statblock .head-info:hover .options-flag + span, +.statblock .npcatk .attack:hover .options-flag + span, +.feat:hover .options-flag + span, +.ability:hover .options-flag + span, +.metamagic:hover .options-flag + span, +.encumbrance:hover .options-flag + span, +.speeds:hover .options-flag + span { display: block; } -.sheet-options, -.sheet-options-fortitude, -.sheet-options-reflex, -.sheet-options-will, -.sheet-options-bab, -.sheet-options-cmb, -.sheet-options-melee, -.sheet-options-ranged, -.sheet-options-cmd, -.sheet-options-sr { +.options, +.options-fortitude, +.options-reflex, +.options-will, +.options-bab, +.options-cmb, +.options-melee, +.options-ranged, +.options-cmd, +.options-sr { display: none; margin-top: 2px; border-top: 1px dotted rgba(195,153,107,0.2); border-bottom: 2px dotted #C3996B; margin:5px 10px; } -.sheet-fullpc .sheet-options, -.sheet-options-fortitude, -.sheet-options-reflex, -.sheet-options-will, -.sheet-options-bab, -.sheet-options-cmb, -.sheet-options-melee, -.sheet-options-ranged, -.sheet-options-cmd, -.sheet-options-sr { +.fullpc .options, +.options-fortitude, +.options-reflex, +.options-will, +.options-bab, +.options-cmb, +.options-melee, +.options-ranged, +.options-cmd, +.options-sr { background-color: rgb(250,250,250); } -.sheet-spelllike .sheet-options, -.sheet-npcatk .sheet-options { +.spelllike .options, +.npcatk .options { background-color: rgb(250,250,250); } -.sheet-options-flag:checked ~ .sheet-options, -.sheet-options-flag.sheet-fortitude:checked ~ .sheet-options-fortitude, -.sheet-options-flag.sheet-reflex:checked ~ .sheet-options-reflex, -.sheet-options-flag.sheet-will:checked ~ .sheet-options-will, -.sheet-options-flag.sheet-bab:checked ~ .sheet-options-bab, -.sheet-options-flag.sheet-cmb:checked ~ .sheet-options-cmb, -.sheet-options-flag.sheet-melee:checked ~ .sheet-options-melee, -.sheet-options-flag.sheet-ranged:checked ~ .sheet-options-ranged, -.sheet-options-flag.sheet-cmd:checked ~ .sheet-options-cmd, -.sheet-options-flag.sheet-sr:checked ~ .sheet-options-sr { +.options-flag:checked ~ .options, +.options-flag.fortitude:checked ~ .options-fortitude, +.options-flag.reflex:checked ~ .options-reflex, +.options-flag.will:checked ~ .options-will, +.options-flag.bab:checked ~ .options-bab, +.options-flag.cmb:checked ~ .options-cmb, +.options-flag.melee:checked ~ .options-melee, +.options-flag.ranged:checked ~ .options-ranged, +.options-flag.cmd:checked ~ .options-cmd, +.options-flag.sr:checked ~ .options-sr { display: inherit; } -.sheet-optional-flag, -.sheet-optional-flag0 {display: none;} -.sheet-optional, -.sheet-tabspell.sheet-optional.sheet-inl, -.sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl, -.sheet-spells .sheet-col1third.sheet-optional.sheet-inl {display: none;} -.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-blk, -.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-blk {display: block;} -.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-inl, -.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-inl, -.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl, -.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl, - .sheet-spells .sheet-optional-flag0:not([value="0"]) + .sheet-col1third.sheet-optional.sheet-inl {display: inline-block;} +.optional-flag, +.optional-flag0 {display: none;} +.optional, +.tabspell.optional.inl, +.tabspell.optional.inl + span.optional.inl, +.spells .col1third.optional.inl {display: none;} +.optional-flag:not([value=""]) + .optional.blk, +.optional-flag0:not([value="0"]) + .optional.blk {display: block;} +.optional-flag:not([value=""]) + .optional.inl, +.optional-flag0:not([value="0"]) + .optional.inl, +.optional-flag0:not([value="0"]) + .tabspell.optional.inl, +.optional-flag0:not([value="0"]) + .tabspell.optional.inl + span.optional.inl, + .spells .optional-flag0:not([value="0"]) + .col1third.optional.inl {display: inline-block;} + + .list-checker { + text-align:left; height: 100%; padding-top: 3px; + } + .list-checker .options-flag + span { + display: inline-block; + text-transform: none; + } + .list-checker .options-flag:checked + span { + display: inline-block; + } /* ===== AUTO EXPAND TEXTAREA ===== */ -.sheet-autoex { +.autoex { position: relative; cursor: text; - font-family: 'Patrick Hand'; font-size: 1.1em; line-height: 1.4em; min-height: 1.4em; text-align: left; } -.sheet-autoex span { +.autoex span { visibility: hidden; display: block; font-family: inherit; @@ -1204,7 +1227,7 @@ input.sheet-tabconf:checked + span{ text-align: inherit; min-height: inherit; } -.sheet-autoex textarea { +.autoex textarea { display: block; z-index: 1; position: absolute; @@ -1221,12 +1244,12 @@ input.sheet-tabconf:checked + span{ min-height: inherit; } -.sheet-hpvalues.sheet-autoex { +.hpvalues.autoex { font-size: 1.15em; line-height: 1.15em; } /* ===== REPEATING SECTIONS CTRL ===== */ -.sheet-fullpc .repcontrol { +.fullpc .repcontrol { margin-top: 2px; min-height: 27px; width: 90%; @@ -1239,8 +1262,8 @@ input.sheet-tabconf:checked + span{ box-shadow: none; font-size: 0; } -.sheet-fullpc .repcontrol .btn {padding: 0px 0px 0px 0px;} -.sheet-statblock .repcontrol .btn { +.fullpc .repcontrol .btn {padding: 0px 0px 0px 0px;} +.statblock .repcontrol .btn { padding: 0px 0px 0px 0px; margin-left: 10px; display: inline-block; @@ -1255,8 +1278,8 @@ input.sheet-tabconf:checked + span{ color: black; display: inline-block; } -.sheet-fullpc .repcontrol .repcontrol_add:before, -.sheet-fullpc .repcontrol .repcontrol_edit:after { +.fullpc .repcontrol .repcontrol_add:before, +.fullpc .repcontrol .repcontrol_edit:after { border: 1px solid black; border-radius: 50%; font-size: 13px; @@ -1265,8 +1288,8 @@ input.sheet-tabconf:checked + span{ width: 12px; line-height: 12px; } -.sheet-statblock .repcontrol .repcontrol_add:before, -.sheet-statblock .repcontrol .repcontrol_edit:after { +.statblock .repcontrol .repcontrol_add:before, +.statblock .repcontrol .repcontrol_edit:after { font-size: 12px; padding: 2px; height: 10px; @@ -1306,24 +1329,316 @@ input.sheet-tabconf:checked + span{ height: 18px; width: 18px; } -.sheet-statblock .sheet-npcatk .repitem, -.sheet-statblock .sheet-npcatk .repcontrol, -.sheet-statblock .sheet-npcatk .repcontainer {vertical-align: top;} -.sheet-statblock .sheet-npcatk .repitem {display: inline-block;} -.sheet-statblock .sheet-npcatk .repcontrol {display: inline-block;} -.sheet-statblock .sheet-npcatk .repcontainer {display: inline;} -.sheet-statblock .sheet-npcatk.sheet-melee .repcontainer, -.sheet-statblock .sheet-npcatk.sheet-feats .repcontainer {max-width: 560px;} -.sheet-statblock .sheet-npcatk.sheet-ranged .repcontainer {max-width: 545px;} -.sheet-statblock .sheet-npcatk.sheet-special .repcontainer {max-width: 500px;} -.sheet-statblock .sheet-npcatk.sheet-spells .repcontainer {max-width: 540px;} +.statblock .npcatk .repitem, +.statblock .npcatk .repcontrol, +.statblock .npcatk .repcontainer {vertical-align: top;} +.statblock .npcatk .repitem {display: inline-block;} +.statblock .npcatk .repcontrol {display: inline-block;} +.statblock .npcatk .repcontainer {display: inline;} +.statblock .npcatk.melee .repcontainer, +.statblock .npcatk.feats .repcontainer {max-width: 560px;} +.statblock .npcatk.ranged .repcontainer {max-width: 545px;} +.statblock .npcatk.special .repcontainer {max-width: 500px;} +.statblock .npcatk.spells .repcontainer {max-width: 540px;} + +/* Templates Frame */ +.sheet-rolltemplate-Magic, +.sheet-rolltemplate-modulation-table, +.sheet-rolltemplate-fate-mutation-table, +.sheet-rolltemplate-ordinary-scene-table, +.sheet-rolltemplate-fumble-table, +.sheet-rolltemplate-event-table { + width: 100%; + max-width: 500px; + display: table; + table-layout: fixed; + word-break: keep-all; + text-align: center; +} + +.sheet-rolltemplate-Magic .sheet-template-top, +.sheet-rolltemplate-modulation-table .sheet-template-top, +.sheet-rolltemplate-fate-mutation-table .sheet-template-top, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-top, +.sheet-rolltemplate-fumble-table .sheet-template-top, +.sheet-rolltemplate-event-table .sheet-template-top { + height: 30px; + padding: 0px; + margin: 0px; + display: table-row; +} + +.sheet-rolltemplate-Magic .sheet-template-top .sheet-left, +.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-left, +.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-left, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-left, +.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-left, +.sheet-rolltemplate-event-table .sheet-template-top .sheet-left { + width: 30px; + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_1_1.png") no-repeat; + background-size: 30px 30px; +} + +.sheet-rolltemplate-Magic .sheet-template-top .sheet-center, +.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-center, +.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-center, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-center, +.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-center, +.sheet-rolltemplate-event-table .sheet-template-top .sheet-center { + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_1_2.png") repeat-x; + background-size: auto 30px; +} + +.sheet-rolltemplate-Magic .sheet-template-top .sheet-right, +.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-right, +.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-right, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-right, +.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-right, +.sheet-rolltemplate-event-table .sheet-template-top .sheet-right { + width: 30px; + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_1_3.png") no-repeat; + background-size: 30px 30px; +} + +.sheet-rolltemplate-Magic .sheet-template-middle, +.sheet-rolltemplate-modulation-table .sheet-template-middle, +.sheet-rolltemplate-fate-mutation-table .sheet-template-middle, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle, +.sheet-rolltemplate-fumble-table .sheet-template-middle, +.sheet-rolltemplate-event-table .sheet-template-middle { + display: table-row; +} + +.sheet-rolltemplate-Magic .sheet-template-middle .sheet-left, +.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-left, +.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-left, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-left, +.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-left, +.sheet-rolltemplate-event-table .sheet-template-middle .sheet-left { + width: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_2_1.png") repeat-y; + background-size: 30px auto; +} + +.sheet-rolltemplate-Magic .sheet-template-middle .sheet-center, +.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-center, +.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-center, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-center, +.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-center, +.sheet-rolltemplate-event-table .sheet-template-middle .sheet-center { + display: table-cell; + background: white; +} + +.sheet-rolltemplate-Magic .sheet-template-middle .sheet-right, +.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-right, +.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-right, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-right, +.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-right, +.sheet-rolltemplate-event-table .sheet-template-middle .sheet-right { + width: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_2_3.png") repeat-y; + background-size: 30px auto; +} + +.sheet-rolltemplate-Magic .sheet-template-bottom, +.sheet-rolltemplate-modulation-table .sheet-template-bottom, +.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom, +.sheet-rolltemplate-fumble-table .sheet-template-bottom, +.sheet-rolltemplate-event-table .sheet-template-bottom { + height: 30px; + display: table-row; +} + +.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-left, +.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-left, +.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-left, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-left, +.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-left, +.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-left { + width: 30px; + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_3_1.png") no-repeat; + background-size: 30px 30px; +} + +.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-center, +.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-center, +.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-center, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-center, +.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-center, +.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-center { + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_3_2.png") repeat-x; + background-size: auto 30px; +} + +.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-right, +.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-right, +.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-right, +.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-right, +.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-right, +.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-right { + width: 30px; + height: 30px; + display: table-cell; + background: url("https://raw.githubusercontent.com/kibkibe/roll20-character-sheets/mglg_update/Magica_Logia/img/rt_3_3.png") no-repeat; + background-size: 30px 30px; +} + +.sheet-rolltemplate-Magic .sheet-divider, +.sheet-rolltemplate-modulation-table .sheet-divider, +.sheet-rolltemplate-fate-mutation-table .sheet-divider, +.sheet-rolltemplate-ordinary-scene-table .sheet-divider, +.sheet-rolltemplate-fumble-table .sheet-divider, +.sheet-rolltemplate-event-table .sheet-divider { + + height: 0px; + border-bottom: 1px solid #999; +} + +.sheet-rolltemplate-Magic .sheet-title, +.sheet-rolltemplate-modulation-table .sheet-title, +.sheet-rolltemplate-fate-mutation-table .sheet-title, +.sheet-rolltemplate-ordinary-scene-table .sheet-title, +.sheet-rolltemplate-fumble-table .sheet-title, +.sheet-rolltemplate-event-table .sheet-title { + font-size: 1.1em; + font-weight: bold; + color: #222222; + padding-bottom: 7px; + text-align: center; +} + +.sheet-rolltemplate-Magic .sheet-subtitle, +.sheet-rolltemplate-modulation-table .sheet-subtitle, +.sheet-rolltemplate-fate-mutation-table .sheet-subtitle, +.sheet-rolltemplate-ordinary-scene-table .sheet-subtitle, +.sheet-rolltemplate-fumble-table .sheet-subtitle, +.sheet-rolltemplate-event-table .sheet-subtitle { + text-align: center; + font-size: 1.2em; + font-family: 'Noto Serif KR', serif; + text-align: center; + color: #fff; + background: #222; + padding: 5px 20px; + margin: 3px 0px; +} + +.sheet-rolltemplate-Magic .sheet-desc, +.sheet-rolltemplate-modulation-table .sheet-desc, +.sheet-rolltemplate-fate-mutation-table .sheet-desc, +.sheet-rolltemplate-ordinary-scene-table .sheet-desc, +.sheet-rolltemplate-fumble-table .sheet-desc, +.sheet-rolltemplate-event-table .sheet-desc { + font-size: 0.95em; + padding-top: 10px; +} + +.sheet-rolltemplate-Magic .sheet-skillname { + text-align: center; + font-size: 1.2em; + font-family: 'Noto Serif KR', serif; + text-align: center; + color: #222; + border-top: 1px solid #999; + border-bottom: 1px solid #999; + padding: 5px 20px; + margin: 3px 0px; +} + +.sheet-rolltemplate-Magic .sheet-recite { + font-size: 0.95em; + font-family: 'Noto Serif KR', serif; + padding: 20px 15px; + margin-top: 10px; + background: #f8f8f8; +} + +.sheet-rolltemplate-Magic .sheet-target { + border-top: 1px solid #999; + border-bottom: 1px solid #999; + padding: 3px; + font-size: 0.95em; + font-weight: bold; +} +.sheet-rolltemplate-Magic .sheet-spec { + padding-top: 7px; +} +.sheet-rolltemplate-Magic .sheet-spec span { + font-size: 0.9em; +} + +.sheet-rolltemplate-Magic .sheet-random { + display: grid; + grid-template-columns: 1fr; + border: 1px dotted #999; + padding: 3px; + margin: 10px; + margin-top: 15px; + text-decoration: none; +} +.sheet-rolltemplate-Magic .sheet-random.sheet-button { + border: 3px double #999; + background: #fafafa; +} + +.sheet-rolltemplate-Magic .sheet-random.sheet-button:hover { + background: #eeeeee; + color: #dc143c; + cursor: pointer; +} + +.sheet-rolltemplate-Magic .sheet-random a, +.sheet-rolltemplate-Magic .sheet-random div { + grid-row-start: 1; + grid-column-start: 1; + padding: 5px; + z-index: 49; +} + +.sheet-rolltemplate-Magic .sheet-random a { + display: block; + text-align: center; + background-color: transparent; + color: transparent; + border: 0px; + z-index: 50; +} + +.sheet-rolltemplate-Magic .sheet-random span { + display: block; + text-align: center; + font-size: 1.2em; + font-weight: bold; + margin-top: 5px; +} + +.sheet-rolltemplate-Magic .sheet-random .sheet-area { + font-size: 1em; + margin: 0px; + font-weight: normal; + color: #444; +} /* ===== ROLL TEMPLATES ===== */ .sheet-rolltemplate-Magic, .sheet-rolltemplate-npc {font-family: sans-serif;} /* API buttons */ -.sheet-rolltemplate-Magic a[href^="~"] { +/*.sheet-rolltemplate-Magic a[href^="~"] { background-color: transparent; padding: 0px 0px 0px 0px; color: #182C4A; @@ -1336,7 +1651,7 @@ input.sheet-tabconf:checked + span{ text-transform: capitalize; white-space: pre; font-weight: bold; -} +}*/ .sheet-rolltemplate-Magic a:hover {color: #BE202E;} /* Rolls */ @@ -1350,20 +1665,27 @@ input.sheet-tabconf:checked + span{ font-size: 1.25em; padding: 2px; } -.sheet-rolltemplate-Magic .inlinerollresult {color: #182C4A;} -.sheet-rolltemplate-npc .inlinerollresult {color: #222;} +.sheet-rolltemplate-Magic .inlinerollresult {color: #000;} + +.sheet-rolltemplate-Magic .sheet-mdl, +.sheet-rolltemplate-Magic .sheet-mdl span { + vertical-align: middle; + display: inline-block; + padding-top: 1px; + font-size: 1.06em; +} .sheet-rolltemplate-Magic .sheet-resright .inlinerollresult, .sheet-rolltemplate-npc .sheet-bigres .inlinerollresult { font-size: 1.6em; line-height: 1.45em; } -.sheet-rolltemplate-Magic .sheet-success, -.sheet-rolltemplate-npc .sheet-success { +.sheet-rolltemplate-Magic .success, +.sheet-rolltemplate-npc .success { color: #247305; } -.sheet-rolltemplate-Magic .sheet-failure, -.sheet-rolltemplate-npc .sheet-failure { +.sheet-rolltemplate-Magic .failure, +.sheet-rolltemplate-npc .failure { color: #BE202E; } .sheet-rolltemplate-Magic .inlinerollresult.fullcrit, @@ -1382,24 +1704,6 @@ input.sheet-tabconf:checked + span{ color: #BE202E; } -/* flex */ -.sheet-rolltemplate-Magic .sheet-flexatk, -.sheet-rolltemplate-npc .sheet-flexatk { - display: flex; - justify-content: space-between; - align-items: center; -} -.sheet-rolltemplate-Magic .sheet-flexatk {border-top: 1px dotted #182C4A;} -.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;} - -.sheet-rolltemplate-Magic .sheet-spacer, -.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;} -.sheet-rolltemplate-Magic .sheet-flexdmg, -.sheet-rolltemplate-npc .sheet-flexdmg { - display: flex; - align-items: center; -} - /* classes */ .sheet-rolltemplate-Magic div, .sheet-rolltemplate-Magic span, @@ -1443,49 +1747,6 @@ input.sheet-tabconf:checked + span{ .sheet-rolltemplate-Magic .sheet-vtop + .sheet-myrow {background: linear-gradient(to left,white,#D8DBE6);} .sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);} -.sheet-rolltemplate-Magic div.sheet-charname { - border-style: solid; - border-width: 1px 1px 0px 1px; - padding: 1px 1px 1px 2px; - background-color: white; - border-color: #182C4A; -} -.sheet-rolltemplate-npc div.sheet-charname { - padding: 4px 0px 1px 0px; - background-color: transparent; - margin-left: -14px; - text-shadow: 1px 1px #FDFDFD; - font-size: 1em; -} - -.sheet-rolltemplate-Magic div.sheet-notes, -.sheet-rolltemplate-npc div.sheet-notes { - max-height: 220px; - overflow-y: auto; - border-width: 1px; - border-style: solid; - margin-top: 2px; - padding: 1px 1px 1px 2px; - background-color: #DDD; - border-color: #BBB; -} -.sheet-rolltemplate-Magic div.sheet-desc, -.sheet-rolltemplate-npc div.sheet-desc { - max-height: 220px; - overflow-y: auto; - border-width: 1px; - border-style: solid; - padding: 1px 1px 1px 2px; - border-bottom-width:0; -} -.sheet-rolltemplate-Magic div.sheet-desc { - background-color: white; - border-color: #182C4A; -} -.sheet-rolltemplate-npc div.sheet-desc { - border-color: #3C2517; - background-color: white; -} .sheet-rolltemplate-Magic span.sheet-notes, .sheet-rolltemplate-npc span.sheet-notes { @@ -1498,18 +1759,13 @@ input.sheet-tabconf:checked + span{ .sheet-rolltemplate-npc .sheet-lbl { text-align: left; font-family: sans-serif; - font-size: 0.95em; line-height: 1em; text-transform: capitalize; white-space: pre; } -.sheet-rolltemplate-Magic .sheet-lbl {color: #182C4A;} -.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;} .sheet-rolltemplate-Magic .sheet-bordered, .sheet-rolltemplate-npc .sheet-bordered { -/* border-style: solid; - border-width: 1px;*/ border-bottom:1px solid #182C4A; text-align: left; vertical-align: top; @@ -1525,260 +1781,128 @@ input.sheet-tabconf:checked + span{ width: 40px; text-align: center; } -.sheet-rolltemplate-Magic .sheet-icon::after, -.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;} -.sheet-rolltemplate-Magic .sheet-icon::after {color: #182C4A;} -.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;} -.sheet-rolltemplate-Magic .sheet-icon.sheet-initiative::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after { - font-family: "Pictos"; - content: 'g'; - font-size: 2em; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-skill::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after { - font-family: "Pictos"; - content: 'x'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-hp::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after { - font-family: "Pictos"; - content: 'k'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-save::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-save::after { - font-family: "Pictos Custom"; - content: 'e'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-attackdamage::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after { - font-family: "Pictos Custom"; - font-weight: bold; - content: '⚔t'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-attack::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after { - font-family: "Pictos Custom"; - font-weight: bold; - content: '⚔'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-damage::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after { - font-family: "Pictos Custom"; - font-weight: bold; - content: 't'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-ability::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after { - font-family: "Pictos"; - content: 'U'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-feat::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after { - font-family: "Pictos"; - content: 'E'; -} -.sheet-rolltemplate-Magic .sheet-icon.sheet-spell::after, -.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after { - font-family: "Pictos Three"; - content: 'j'; - font-size: 2em; +.sheet-rolltemplate-Magic .img {padding-bottom:10px;} +.sheet-rolltemplate-Magic .img img, +.sheet-rolltemplate-npc .img img {display:block; margin:0 auto;} + +.element-to-determine-style-A3[value='1'] ~ div .element-to-style-A3, +.element-to-determine-style-B3[value='1'] ~ div .element-to-style-B3, +.element-to-determine-style-C3[value='1'] ~ div .element-to-style-C3, +.element-to-determine-style-D3[value='1'] ~ div .element-to-style-D3, +.element-to-determine-style-E3[value='1'] ~ div .element-to-style-E3, +.element-to-determine-style-F3[value='1'] ~ div .element-to-style-F3, +.element-to-determine-style-A5[value='1'] ~ div .element-to-style-A5, +.element-to-determine-style-B5[value='1'] ~ div .element-to-style-B5, +.element-to-determine-style-C5[value='1'] ~ div .element-to-style-C5, +.element-to-determine-style-D5[value='1'] ~ div .element-to-style-D5, +.element-to-determine-style-E5[value='1'] ~ div .element-to-style-E5, +.element-to-determine-style-F5[value='1'] ~ div .element-to-style-F5, +.element-to-determine-style-A7[value='1'] ~ div .element-to-style-A7, +.element-to-determine-style-B7[value='1'] ~ div .element-to-style-B7, +.element-to-determine-style-C7[value='1'] ~ div .element-to-style-C7, +.element-to-determine-style-D7[value='1'] ~ div .element-to-style-D7, +.element-to-determine-style-E7[value='1'] ~ div .element-to-style-E7, +.element-to-determine-style-F7[value='1'] ~ div .element-to-style-F7, +.element-to-determine-style-A9[value='1'] ~ div .element-to-style-A9, +.element-to-determine-style-B9[value='1'] ~ div .element-to-style-B9, +.element-to-determine-style-C9[value='1'] ~ div .element-to-style-C9, +.element-to-determine-style-D9[value='1'] ~ div .element-to-style-D9, +.element-to-determine-style-E9[value='1'] ~ div .element-to-style-E9, +.element-to-determine-style-F9[value='1'] ~ div .element-to-style-F9, +.element-to-determine-style-A11[value='1'] ~ div .element-to-style-A11, +.element-to-determine-style-B11[value='1'] ~ div .element-to-style-B11, +.element-to-determine-style-C11[value='1'] ~ div .element-to-style-C11, +.element-to-determine-style-D11[value='1'] ~ div .element-to-style-D11, +.element-to-determine-style-E11[value='1'] ~ div .element-to-style-E11, +.element-to-determine-style-F11[value='1'] ~ div .element-to-style-F11 { + background-color: transparent; + color:white; } -.sheet-rolltemplate-Magic .sheet-symbol, -.sheet-rolltemplate-npc .sheet-symbol { - font-family: "Pictos Custom"; - font-size: 1.3em; - font-weight: bold; - line-height: 1em; -} -.sheet-rolltemplate-Magic .sheet-smallname, -.sheet-rolltemplate-npc .sheet-smallname { - font-family: sans-serif; - font-size: 0.9em; -} -.sheet-rolltemplate-Magic .sheet-smallname {color: #182C4A;} -.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;} - -/* top bands */ -.sheet-rolltemplate-Magic img.sheet-brdright, -.sheet-rolltemplate-Magic img.sheet-brdleft { - display: inline-block; - position: absolute; - vertical-align: top; - top: 0px; -} -.sheet-rolltemplate-Magic img.sheet-brdleft {left: 0px;} -.sheet-rolltemplate-Magic img.sheet-brdright {right: 0px;} - -.sheet-rolltemplate-Magic .sheet-blacklabel, -.sheet-rolltemplate-npc .sheet-blacklabel { - display: inline-block; - vertical-align: top; - border: none; - position: relative; - font-size: 0.9em; -} -.sheet-rolltemplate-Magic .sheet-blacklabel { - background-color: #182C4A; - color: white; -} -.sheet-rolltemplate-npc .sheet-blacklabel { - background-color: transparent; - color: #3C2517; - font-weight: bold; -} -.sheet-rolltemplate-Magic .sheet-img {padding-bottom:10px;} -.sheet-rolltemplate-Magic .sheet-img img, -.sheet-rolltemplate-npc .sheet-img img {display:block; margin:0 auto;} -/* top */ -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-top, -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {display:block; border-radius:5px 5px 0 0; overflow:hidden; padding:10px; font-size:14px; text-align:center;} - -/* med */ -.sheet-rolltemplate-Magic span.sheet-med { - font-weight: normal; - font-size: 0.9em; -} -.sheet-rolltemplate-npc span.sheet-med { - font-style: italic; - color: #3C2517; - font-size: 0.9em; - font-weight: bold; +.element-to-determine-style-A2[value='1'] ~ div .element-to-style-A2, +.element-to-determine-style-B2[value='1'] ~ div .element-to-style-B2, +.element-to-determine-style-C2[value='1'] ~ div .element-to-style-C2, +.element-to-determine-style-D2[value='1'] ~ div .element-to-style-D2, +.element-to-determine-style-E2[value='1'] ~ div .element-to-style-E2, +.element-to-determine-style-F2[value='1'] ~ div .element-to-style-F2, +.element-to-determine-style-A4[value='1'] ~ div .element-to-style-A4, +.element-to-determine-style-B4[value='1'] ~ div .element-to-style-B4, +.element-to-determine-style-C4[value='1'] ~ div .element-to-style-C4, +.element-to-determine-style-D4[value='1'] ~ div .element-to-style-D4, +.element-to-determine-style-E4[value='1'] ~ div .element-to-style-E4, +.element-to-determine-style-F4[value='1'] ~ div .element-to-style-F4, +.element-to-determine-style-A6[value='1'] ~ div .element-to-style-A6, +.element-to-determine-style-B6[value='1'] ~ div .element-to-style-B6, +.element-to-determine-style-C6[value='1'] ~ div .element-to-style-C6, +.element-to-determine-style-D6[value='1'] ~ div .element-to-style-D6, +.element-to-determine-style-E6[value='1'] ~ div .element-to-style-E6, +.element-to-determine-style-F6[value='1'] ~ div .element-to-style-F6, +.element-to-determine-style-A8[value='1'] ~ div .element-to-style-A8, +.element-to-determine-style-B8[value='1'] ~ div .element-to-style-B8, +.element-to-determine-style-C8[value='1'] ~ div .element-to-style-C8, +.element-to-determine-style-D8[value='1'] ~ div .element-to-style-D8, +.element-to-determine-style-E8[value='1'] ~ div .element-to-style-E8, +.element-to-determine-style-F8[value='1'] ~ div .element-to-style-F8, +.element-to-determine-style-A10[value='1'] ~ div .element-to-style-A10, +.element-to-determine-style-B10[value='1'] ~ div .element-to-style-B10, +.element-to-determine-style-C10[value='1'] ~ div .element-to-style-C10, +.element-to-determine-style-D10[value='1'] ~ div .element-to-style-D10, +.element-to-determine-style-E10[value='1'] ~ div .element-to-style-E10, +.element-to-determine-style-F10[value='1'] ~ div .element-to-style-F10, +.element-to-determine-style-A12[value='1'] ~ div .element-to-style-A12, +.element-to-determine-style-B12[value='1'] ~ div .element-to-style-B12, +.element-to-determine-style-C12[value='1'] ~ div .element-to-style-C12, +.element-to-determine-style-D12[value='1'] ~ div .element-to-style-D12, +.element-to-determine-style-E12[value='1'] ~ div .element-to-style-E12, +.element-to-determine-style-F12[value='1'] ~ div .element-to-style-F12, +.element-to-determine-style-MuLian[value='1'] ~ div .element-to-style-MuLian, +.element-to-determine-style-MuoChie[value='1'] ~ div .element-to-style-MuoChie, +.element-to-determine-style-Soul[value='1'] ~ div .element-to-style-Soul { + background-color: transparent; + color:white; } -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med, -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med { - height: 20px; - vertical-align: top; - white-space: nowrap; - line-height: 1.5em; - font-weight: bold; -} -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med { - min-width: 75px; - padding: 0px 20px 0px 2px; -} -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med { - min-width: 70px; - padding: 0px 2px 0px 2px; - background: linear-gradient(to right,#c3996b7a,white); -} -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med.sheet-right { - padding: 0px 2px 0px 20px; - text-align: right; -} -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-right { - text-align: right; - background: linear-gradient(to left,#c3996b7a,white); -} -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med.sheet-yellow { - color: #E6DD94; - font-weight: normal; -} -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-yellow { - color: #501414; - font-weight: normal; -} - -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med img.sheet-brdleft, -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft, -.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med img.sheet-brdright, -.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright { - height: 20px; -} - -.sheet-element-to-determine-style-A2[value='1'] ~ div .sheet-element-to-style-A2, -.sheet-element-to-determine-style-B2[value='1'] ~ div .sheet-element-to-style-B2, -.sheet-element-to-determine-style-C2[value='1'] ~ div .sheet-element-to-style-C2, -.sheet-element-to-determine-style-D2[value='1'] ~ div .sheet-element-to-style-D2, -.sheet-element-to-determine-style-E2[value='1'] ~ div .sheet-element-to-style-E2, -.sheet-element-to-determine-style-F2[value='1'] ~ div .sheet-element-to-style-F2, -.sheet-element-to-determine-style-A3[value='1'] ~ div .sheet-element-to-style-A3, -.sheet-element-to-determine-style-B3[value='1'] ~ div .sheet-element-to-style-B3, -.sheet-element-to-determine-style-C3[value='1'] ~ div .sheet-element-to-style-C3, -.sheet-element-to-determine-style-D3[value='1'] ~ div .sheet-element-to-style-D3, -.sheet-element-to-determine-style-E3[value='1'] ~ div .sheet-element-to-style-E3, -.sheet-element-to-determine-style-F3[value='1'] ~ div .sheet-element-to-style-F3, -.sheet-element-to-determine-style-A4[value='1'] ~ div .sheet-element-to-style-A4, -.sheet-element-to-determine-style-B4[value='1'] ~ div .sheet-element-to-style-B4, -.sheet-element-to-determine-style-C4[value='1'] ~ div .sheet-element-to-style-C4, -.sheet-element-to-determine-style-D4[value='1'] ~ div .sheet-element-to-style-D4, -.sheet-element-to-determine-style-E4[value='1'] ~ div .sheet-element-to-style-E4, -.sheet-element-to-determine-style-F4[value='1'] ~ div .sheet-element-to-style-F4, -.sheet-element-to-determine-style-A5[value='1'] ~ div .sheet-element-to-style-A5, -.sheet-element-to-determine-style-B5[value='1'] ~ div .sheet-element-to-style-B5, -.sheet-element-to-determine-style-C5[value='1'] ~ div .sheet-element-to-style-C5, -.sheet-element-to-determine-style-D5[value='1'] ~ div .sheet-element-to-style-D5, -.sheet-element-to-determine-style-E5[value='1'] ~ div .sheet-element-to-style-E5, -.sheet-element-to-determine-style-F5[value='1'] ~ div .sheet-element-to-style-F5, -.sheet-element-to-determine-style-A6[value='1'] ~ div .sheet-element-to-style-A6, -.sheet-element-to-determine-style-B6[value='1'] ~ div .sheet-element-to-style-B6, -.sheet-element-to-determine-style-C6[value='1'] ~ div .sheet-element-to-style-C6, -.sheet-element-to-determine-style-D6[value='1'] ~ div .sheet-element-to-style-D6, -.sheet-element-to-determine-style-E6[value='1'] ~ div .sheet-element-to-style-E6, -.sheet-element-to-determine-style-F6[value='1'] ~ div .sheet-element-to-style-F6, -.sheet-element-to-determine-style-A7[value='1'] ~ div .sheet-element-to-style-A7, -.sheet-element-to-determine-style-B7[value='1'] ~ div .sheet-element-to-style-B7, -.sheet-element-to-determine-style-C7[value='1'] ~ div .sheet-element-to-style-C7, -.sheet-element-to-determine-style-D7[value='1'] ~ div .sheet-element-to-style-D7, -.sheet-element-to-determine-style-E7[value='1'] ~ div .sheet-element-to-style-E7, -.sheet-element-to-determine-style-F7[value='1'] ~ div .sheet-element-to-style-F7, -.sheet-element-to-determine-style-A8[value='1'] ~ div .sheet-element-to-style-A8, -.sheet-element-to-determine-style-B8[value='1'] ~ div .sheet-element-to-style-B8, -.sheet-element-to-determine-style-C8[value='1'] ~ div .sheet-element-to-style-C8, -.sheet-element-to-determine-style-D8[value='1'] ~ div .sheet-element-to-style-D8, -.sheet-element-to-determine-style-E8[value='1'] ~ div .sheet-element-to-style-E8, -.sheet-element-to-determine-style-F8[value='1'] ~ div .sheet-element-to-style-F8, -.sheet-element-to-determine-style-A9[value='1'] ~ div .sheet-element-to-style-A9, -.sheet-element-to-determine-style-B9[value='1'] ~ div .sheet-element-to-style-B9, -.sheet-element-to-determine-style-C9[value='1'] ~ div .sheet-element-to-style-C9, -.sheet-element-to-determine-style-D9[value='1'] ~ div .sheet-element-to-style-D9, -.sheet-element-to-determine-style-E9[value='1'] ~ div .sheet-element-to-style-E9, -.sheet-element-to-determine-style-F9[value='1'] ~ div .sheet-element-to-style-F9, -.sheet-element-to-determine-style-A10[value='1'] ~ div .sheet-element-to-style-A10, -.sheet-element-to-determine-style-B10[value='1'] ~ div .sheet-element-to-style-B10, -.sheet-element-to-determine-style-C10[value='1'] ~ div .sheet-element-to-style-C10, -.sheet-element-to-determine-style-D10[value='1'] ~ div .sheet-element-to-style-D10, -.sheet-element-to-determine-style-E10[value='1'] ~ div .sheet-element-to-style-E10, -.sheet-element-to-determine-style-F10[value='1'] ~ div .sheet-element-to-style-F10, -.sheet-element-to-determine-style-A11[value='1'] ~ div .sheet-element-to-style-A11, -.sheet-element-to-determine-style-B11[value='1'] ~ div .sheet-element-to-style-B11, -.sheet-element-to-determine-style-C11[value='1'] ~ div .sheet-element-to-style-C11, -.sheet-element-to-determine-style-D11[value='1'] ~ div .sheet-element-to-style-D11, -.sheet-element-to-determine-style-E11[value='1'] ~ div .sheet-element-to-style-E11, -.sheet-element-to-determine-style-F11[value='1'] ~ div .sheet-element-to-style-F11, -.sheet-element-to-determine-style-A12[value='1'] ~ div .sheet-element-to-style-A12, -.sheet-element-to-determine-style-B12[value='1'] ~ div .sheet-element-to-style-B12, -.sheet-element-to-determine-style-C12[value='1'] ~ div .sheet-element-to-style-C12, -.sheet-element-to-determine-style-D12[value='1'] ~ div .sheet-element-to-style-D12, -.sheet-element-to-determine-style-E12[value='1'] ~ div .sheet-element-to-style-E12, -.sheet-element-to-determine-style-F12[value='1'] ~ div .sheet-element-to-style-F12, -.sheet-element-to-determine-style-MuLian[value='1'] ~ div .sheet-element-to-style-MuLian, -.sheet-element-to-determine-style-MuoChie[value='1'] ~ div .sheet-element-to-style-MuoChie, -.sheet-element-to-determine-style-Soul[value='1'] ~ div .sheet-element-to-style-Soul { - background-color: red; -} - -.sheet-element-to-determine-style-A[value='1'] ~ div .sheet-element-to-style-A, -.sheet-element-to-determine-style-B[value='1'] ~ div .sheet-element-to-style-B, -.sheet-element-to-determine-style-C[value='1'] ~ div .sheet-element-to-style-C, -.sheet-element-to-determine-style-D[value='1'] ~ div .sheet-element-to-style-D, -.sheet-element-to-determine-style-E[value='1'] ~ div .sheet-element-to-style-E, -.sheet-element-to-determine-style-Z[value='1'] ~ div .sheet-element-to-style-Z{ +.element-to-determine-style-A[value='1'] ~ div .element-to-style-A, +.element-to-determine-style-B[value='1'] ~ div .element-to-style-B, +.element-to-determine-style-C[value='1'] ~ div .element-to-style-C, +.element-to-determine-style-D[value='1'] ~ div .element-to-style-D, +.element-to-determine-style-E[value='1'] ~ div .element-to-style-E, +.element-to-determine-style-Z[value='1'] ~ div .element-to-style-Z{ background-color: black; } -.sheet-rolltemplate-Magic .sheet-blacklabel .sheet-big, -.sheet-rolltemplate-npc .sheet-big {display:block; font-size:12px; padding:0 0 5px; text-align:center; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); margin-bottom:5px;} -.sheet-rolltemplate-npc .sheet-big {color: #3C2517;} +.spell-table .inner {background: #333333;} +.select-color[value="1"] ~ .spell-table .inner {background: #999999;} +.select-color[value="2"] ~ .spell-table .inner {background: #4492b0;} +.select-color[value="3"] ~ .spell-table .inner {background: #7d0c02;} +.select-color[value="4"] ~ .spell-table .inner {background: #b2a7d3;} +.select-color[value="5"] ~ .spell-table .inner {background: #8ab2fe;} +.select-color[value="6"] ~ .spell-table .inner {background: #5584e3;} +.select-color[value="7"] ~ .spell-table .inner {background: #203581;} +.select-color[value="8"] ~ .spell-table .inner {background: #1e1f54;} +.select-color[value="9"] ~ .spell-table .inner {background: #d8ad2b;} +.select-color[value="10"] ~ .spell-table .inner {background: #e3bf95;} +.select-color[value="11"] ~ .spell-table .inner {background: #897050;} +.select-color[value="12"] ~ .spell-table .inner {background: #473a2a;} +.select-color[value="13"] ~ .spell-table .inner {background: #9ece8b;} +.select-color[value="14"] ~ .spell-table .inner {background: #516948;} +.select-color[value="15"] ~ .spell-table .inner {background: #7fb550;} +.select-color[value="16"] ~ .spell-table .inner {background: #7f57a5;} +.select-color[value="17"] ~ .spell-table .inner {background: #ff869a;} + +.color-item {text-align:center;margin:5px;} +.color-item label {width:30px;height:20px;margin-bottom:0px;} +.color-item input {} + +.sheet-rolltemplate-Magic .blacklabel .big, +.sheet-rolltemplate-npc .big {display:block; font-size:12px; padding:0 0 5px; text-align:center; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); margin-bottom:5px;} +.sheet-rolltemplate-npc .big {color: #3C2517;} .sheet-rolltemplate-Magic .sheet-resright, .sheet-rolltemplate-npc .sheet-resright { display: block; text-align:center; - border: 1px solid #182C4A; border-top: 0px; border-bottom: 0px; background:#fff; @@ -1786,131 +1910,27 @@ input.sheet-tabconf:checked + span{ font-size: 1.3em; text-transform: uppercase; line-height: 1.0em; - + padding: 10px; } /* -------------------------------------------------------------------------- */ -/* Modulation Table */ -.sheet-rolltemplate-modulation-table table { - width: 100%; - border: 1px solid black; - color: black; - background: #FFFFFF; -} -.sheet-rolltemplate-modulation-table caption { - text-align: center; - background: black; - color: white; - font-weight: bold; - padding: 2px; - border: 1px solid black; - line-height: 1.6em; -} -.sheet-rolltemplate-modulation-table td { - padding: 2px; - border-bottom: 1px solid black; -} - - -/* Fate-mutation Table */ -.sheet-rolltemplate-fate-mutation-table table { - width: 100%; - border: 1px solid black; - color: black; - background: #FFFFFF; -} -.sheet-rolltemplate-fate-mutation-table caption { - text-align: center; - background: black; - color: white; - font-weight: bold; - padding: 2px; - border: 1px solid black; - line-height: 1.6em; -} -.sheet-rolltemplate-fate-mutation-table td { - padding: 2px; - border-bottom: 1px solid black; -} - - -/* Ordinary Scene Table */ -.sheet-rolltemplate-ordinary-scene-table table { - width: 100%; - border: 1px solid black; - color: black; - background: #FFFFFF; -} -.sheet-rolltemplate-ordinary-scene-table caption { - text-align: center; - background: black; - color: white; - font-weight: bold; - padding: 2px; - border: 1px solid black; - line-height: 1.6em; -} -.sheet-rolltemplate-ordinary-scene-table td { - padding: 2px; - border-bottom: 1px solid black; -} - - -/* Fumble Table */ -.sheet-rolltemplate-fumble-table table { - width: 100%; - border: 1px solid black; - color: black; - background: #FFFFFF; -} -.sheet-rolltemplate-fumble-table caption { - text-align: center; - background: black; - color: white; - font-weight: bold; - padding: 2px; - border: 1px solid black; - line-height: 1.6em; -} -.sheet-rolltemplate-fumble-table td { - padding: 2px; - border-bottom: 1px solid black; -} - - -/* Event Table */ -.sheet-rolltemplate-event-table table { - width: 100%; - border: 1px solid black; - color: black; - background: #FFFFFF; -} -.sheet-rolltemplate-event-table caption { - text-align: center; - background: black; - color: white; - font-weight: bold; - padding: 2px; - border: 1px solid black; - line-height: 1.6em; -} -.sheet-rolltemplate-event-table td { - padding: 2px; - border-bottom: 1px solid black; -} - -/* -------------------------------------------------------------------------- */ - -button[type=roll].sheet-old-roll { +button[type=roll].old-roll, +button[type=action].old-roll { color: #BEBEBE; background-color: #BEBEBE; font-weight: bold; text-align:center; width: 20px; height: 20px; - margin: 0.0; - padding: 0.0em; + margin: 0.0 !important; + padding: 0.0em !important; border: 1px solid black; border-radius: 5px; + font-size: 13pt; } + +button[type=action].old-roll::before { + font-family: "dicefontd20"; + content: "t"; +} \ No newline at end of file diff --git a/Magica_Logia/MagicaLogia.html b/Magica_Logia/MagicaLogia.html index 406e6776f9..c0397470db 100644 --- a/Magica_Logia/MagicaLogia.html +++ b/Magica_Logia/MagicaLogia.html @@ -1,4 +1,4 @@ - + @@ -80,7 +80,6 @@ -
| 1 | -2 | -3 | -? | +可変特技 | |
| - + | -- - | -- - | -- + | + | |
| 4 | -5 | -6 | +주사위 | ||
| - + D6 | -- - | -- + | + | ||
| 変調表 | -運命変転表 | -シーン表 | +変調表 | +運命変転表 | +シーン表 |
| - | - | + | + | + | |
| ファンブル表 | @@ -373,8 +328,8 @@|||||
| - | + | + |
| + 마법이미지 사용 + | ++ + 사용함 + | ++ + 사용안함 + | +
| + 공통 마법이미지 URL + | ++ + | +|
| - Just enter the photo address and click the pictures. Support GIF, JPG, PNG formats. - | -
| - Attack dice can set each image, or use the 'attack dice' option if you want to set all images at once. - | -
| - Others - | -- - None - | -- - | -- - | -||
| - Attack Image - | -- - None - | -- - | -- - | -||
| @@ -540,7 +561,7 @@ |
|---|
| 2 | @@ -550,7 +571,7 @@ |
-
@@ -567,7 +588,7 @@
|
-
@@ -583,7 +604,7 @@
|
-
@@ -599,7 +620,7 @@
|
-
@@ -615,7 +636,7 @@
|
-
@@ -631,7 +652,7 @@
|
-
@@ -642,7 +663,7 @@
|
|---|
| 3 | @@ -652,7 +673,7 @@ |
-
@@ -668,7 +689,7 @@
|
-
@@ -684,7 +705,7 @@
|
-
@@ -700,7 +721,7 @@
|
-
@@ -715,7 +736,7 @@
|
- | @@ -729,7 +750,7 @@
-
@@ -740,7 +761,7 @@
|
|---|
| 4 | @@ -750,7 +771,7 @@ |
-
@@ -766,7 +787,7 @@
|
-
@@ -782,7 +803,7 @@
|
-
@@ -798,7 +819,7 @@
|
-
@@ -814,7 +835,7 @@
|
-
@@ -830,7 +851,7 @@
|
-
@@ -841,7 +862,7 @@
|
|---|
| 5 | @@ -851,7 +872,7 @@ |
-
@@ -867,7 +888,7 @@
|
-
@@ -883,7 +904,7 @@
|
-
@@ -899,7 +920,7 @@
|
-
@@ -915,7 +936,7 @@
|
-
@@ -931,7 +952,7 @@
|
-
@@ -942,7 +963,7 @@
|
|---|
| 6 | @@ -952,7 +973,7 @@ |
-
@@ -968,7 +989,7 @@
|
-
@@ -984,7 +1005,7 @@
|
-
@@ -1000,7 +1021,7 @@
|
-
@@ -1016,7 +1037,7 @@
|
-
@@ -1032,7 +1053,7 @@
|
-
@@ -1043,7 +1064,7 @@
|
|---|
| 7 | @@ -1053,7 +1074,7 @@ |
-
@@ -1069,7 +1090,7 @@
|
-
@@ -1085,7 +1106,7 @@
|
-
@@ -1101,7 +1122,7 @@
|
-
@@ -1117,7 +1138,7 @@
|
-
@@ -1133,7 +1154,7 @@
|
-
@@ -1144,7 +1165,7 @@
|
|---|
| 8 | @@ -1154,7 +1175,7 @@ |
-
@@ -1170,7 +1191,7 @@
|
-
@@ -1186,7 +1207,7 @@
|
-
@@ -1202,7 +1223,7 @@
|
-
@@ -1218,7 +1239,7 @@
|
-
@@ -1234,7 +1255,7 @@
|
-
@@ -1245,7 +1266,7 @@
|
|---|
| 9 | @@ -1255,7 +1276,7 @@ |
-
@@ -1271,7 +1292,7 @@
|
-
@@ -1287,7 +1308,7 @@
|
-
@@ -1303,7 +1324,7 @@
|
-
@@ -1319,7 +1340,7 @@
|
-
@@ -1335,7 +1356,7 @@
|
-
@@ -1346,7 +1367,7 @@
|
|---|
| 10 | @@ -1356,7 +1377,7 @@ |
-
@@ -1372,7 +1393,7 @@
|
-
@@ -1388,7 +1409,7 @@
|
-
@@ -1404,7 +1425,7 @@
|
-
@@ -1420,7 +1441,7 @@
|
-
@@ -1436,7 +1457,7 @@
|
-
@@ -1447,7 +1468,7 @@
|
|---|
| 11 | @@ -1457,7 +1478,7 @@ |
-
@@ -1473,7 +1494,7 @@
|
-
@@ -1489,7 +1510,7 @@
|
-
@@ -1505,7 +1526,7 @@
|
-
@@ -1521,7 +1542,7 @@
|
-
@@ -1537,7 +1558,7 @@
|
-
@@ -1548,7 +1569,7 @@
|
|---|
| 12 | @@ -1558,7 +1579,7 @@ |
-
@@ -1574,7 +1595,7 @@
|
-
@@ -1590,7 +1611,7 @@
|
-
@@ -1606,7 +1627,7 @@
|
-
@@ -1622,7 +1643,7 @@
|
-
@@ -1638,7 +1659,7 @@
|
-
@@ -1649,12 +1670,12 @@
|
|---|
| - | - 魂の特技 : + | + 魂の特技 |
@@ -1684,14 +1705,17 @@
-
- タイプ
- 指定特技
- コスト
- チャージ
- 修正値
+
+
+ l
+
+ 魔法名
+ タイプ
+ 指定特技
+ 目標
+ コスト
+ チャージ
+ 修正値
呪句
-
+
y
-
-
-
+
+
-
|