darloth
b404f0234b
The sheet power labels are set to 100px, but there's space in the form for about 160px according to the other CSS. Since 100px cuts off lots of power/spell names, let's use that extra space.
1229 lines
36 KiB
CSS
1229 lines
36 KiB
CSS
.sheet-container {
|
|
width: 750px;
|
|
}
|
|
|
|
.sheet-options-check {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 110px;
|
|
width: 18px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-options-check + span {
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 110px;
|
|
white-space: nowrap;
|
|
width: 18px;
|
|
height: 18px;
|
|
background:url(http://i.imgur.com/KaX7Y7u.png) left top no-repeat;
|
|
background-size: contain;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-options-check:checked + span {
|
|
background:url(http://i.imgur.com/f4zmPUQ.png) left top no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
.sheet-options {
|
|
display: none;
|
|
width: 100%;
|
|
border-bottom: 2px dashed gold;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.sheet-options-check:checked ~ .sheet-options {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-options input {
|
|
text-align: center;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-col {
|
|
width: 230px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
width: 20px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-logo {
|
|
background:url(http://i.imgur.com/o7O88Ta.jpg) left top no-repeat;
|
|
background-size: contain;
|
|
width: 238px;
|
|
height: 238px;
|
|
border: 1px solid black;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-meta,
|
|
.sheet-attributes,
|
|
.sheet-derived {
|
|
display: inline-block;
|
|
height: 100px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-metacontainer {
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-meta {
|
|
width: 180px;
|
|
}
|
|
|
|
.sheet-meta .sheet-label {
|
|
width: 40px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-meta input {
|
|
border-bottom: 1px solid black;
|
|
width: 135px;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-meta input[type=number] {
|
|
text-align: center;
|
|
width: 40px;
|
|
}
|
|
|
|
.sheet-attributes,
|
|
.sheet-derived {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-attrbase {
|
|
border-radius: 50%;
|
|
border: 4px double #014A89;
|
|
width: 40px;
|
|
height: 30px;
|
|
margin-bottom: 2px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
z-index: 2;
|
|
position: relative;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-attributes button[type=roll].sheet-attrlabel,
|
|
.sheet-derived button[type=roll].sheet-derlabel,
|
|
.sheet-power button[type=roll].sheet-powerlabel,
|
|
.sheet-body button[type=roll].sheet-attrlabel
|
|
{
|
|
background-color: #014A89;
|
|
color: white;
|
|
border: 5px solid #014A89;
|
|
padding-left: 20px;
|
|
font-size: 14px;
|
|
width: 60px;
|
|
display: inline-block;
|
|
background-image: none;
|
|
text-shadow:none;
|
|
box-shadow:none;
|
|
border-radius:0px;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
margin: 0px;
|
|
vertical-align:top;
|
|
height: 28px;
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.sheet-attributes button[type=roll].sheet-attrlabel::before,
|
|
.sheet-attributes button[type=roll].sheet-init::before,
|
|
.sheet-derived button[type=roll].sheet-derlabel::before,
|
|
.sheet-power button[type=roll].sheet-powerlabel::before,
|
|
.sheet-body button[type=roll].sheet-attrlabel::before,
|
|
{
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-attributes button[type=roll].sheet-init {
|
|
background-color: #014A89;
|
|
color: white;
|
|
border: 1px solid #014A89;
|
|
font-size: 9px;
|
|
width: 60px;
|
|
background-image: none;
|
|
text-shadow:none;
|
|
box-shadow:none;
|
|
border-radius:10px;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
margin: 0px;
|
|
position: relative;
|
|
top: 18px;
|
|
right: 75px;
|
|
line-height: 8px;
|
|
}
|
|
|
|
.sheet-derived button[type=roll].sheet-derlabel {
|
|
width: 60px;
|
|
padding-right: 20px;
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-derived button[type=roll].sheet-derlabel.sheet-recovery {
|
|
width: 65px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.sheet-body button[type=roll].sheet-attrlabel {
|
|
white-space: nowrap;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 100%;
|
|
height: 18px;
|
|
border-top: 0px;
|
|
}
|
|
|
|
.sheet-attributes .sheet-attrmod {
|
|
border: 5px solid #014A89;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
vertical-align: top;
|
|
width: 30px;
|
|
margin-left: -5px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-derived .sheet-derlabel {
|
|
background-color: #014A89;
|
|
color: white;
|
|
border: 5px solid #014A89;
|
|
font-size: 14px;
|
|
width: 30px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding-right: 20px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-derived .sheet-derbubble {
|
|
border-radius: 50%;
|
|
border: 4px double #014A89;
|
|
width: 40px;
|
|
height: 30px;
|
|
margin-bottom: 2px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
z-index: 2;
|
|
position: relative;
|
|
background-color: white;
|
|
margin-left: -25px;
|
|
}
|
|
|
|
.sheet-derived .sheet-derlabel.sheet-hp {
|
|
padding-right: 0px;
|
|
width: 50px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-derived .sheet-derlabel.sheet-hp.sheet-stag {
|
|
padding-left: 5px;
|
|
margin-left: -5px;
|
|
width: 65px;
|
|
}
|
|
|
|
.sheet-derived .sheet-derived,
|
|
.sheet-derived .sheet-recovery {
|
|
border: 5px solid #014A89;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
vertical-align: top;
|
|
width: 35px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.sheet-derived .sheet-hpbox {
|
|
border-left: 5px solid #014A89;
|
|
border-right: 5px solid #014A89;
|
|
border-bottom: 5px solid #014A89;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.sheet-derived .sheet-hpbox span {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
color: #666;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.sheet-derived .sheet-hpbox input {
|
|
font-size: 28px;
|
|
width: 50px;
|
|
margin: 0 auto;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-derived .sheet-left {
|
|
border-right: 1px solid;
|
|
}
|
|
|
|
.sheet-derived .sheet-subbox {
|
|
width: calc(50% - 4px);
|
|
display: inline-block;
|
|
height: 44px;
|
|
}
|
|
|
|
.sheet-derived select.sheet-recovery,
|
|
.sheet-weapon select.sheet-weapon {
|
|
line-height: 10px;
|
|
width: 42px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-recoverycontainer {
|
|
display:block;
|
|
margin-top: -10px;
|
|
color: #014A89;
|
|
}
|
|
|
|
input[type="radio"].sheet-normal {
|
|
position: absolute;
|
|
opacity: 0.0;
|
|
width: 15px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input[type="radio"].sheet-normal + span::before {
|
|
border: solid 1px #000000;
|
|
line-height: 11px;
|
|
text-align: middle;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 0px #000;
|
|
-webkit-box-shadow: 0 0 0px #000;
|
|
box-shadow: 0 0 0px #000;
|
|
|
|
background: #000000;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input[type="radio"].sheet-normal + span::before {
|
|
content: "•";
|
|
width: 10px;
|
|
height: 10px;
|
|
font-size: 41.9px;
|
|
font-family: "Arial";
|
|
text-indent: -2px;
|
|
font-weight: normal;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
.sheet-body {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.sheet-body .sheet-header {
|
|
width: 100%;
|
|
background-color: #014A89;
|
|
color: white;
|
|
border: 5px solid #014A89;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-body textarea {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 65px;
|
|
}
|
|
|
|
.sheet-background,
|
|
.sheet-weapon {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.sheet-background input[type="text"],
|
|
.sheet-weapon input[type="text"] {
|
|
border-bottom: 1px solid black;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-background .sheet-title {
|
|
width: 155px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-weapon .sheet-title {
|
|
width: 125px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-iconrelationship .sheet-title {
|
|
width: 155px;
|
|
margin-right: 0px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-iconrelationship select {
|
|
margin-bottom: 0px;
|
|
width: 60px;
|
|
line-height: 10px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
padding: 0px;
|
|
border: 0px;
|
|
height: 18px;
|
|
}
|
|
|
|
.sheet-iconrelationship .sheet-short {
|
|
width: 30px;
|
|
margin-left: 15px;
|
|
border-bottom: 1px solid black;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-iconrelationship .sheet-pictos {
|
|
font-family: pictos;
|
|
}
|
|
|
|
.sheet-iconrelationship input[type="checkbox"] {
|
|
position: absolute;
|
|
opacity: 0.0;
|
|
width: 15px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-iconrelationship input[type="checkbox"] + span {
|
|
width: 15px;
|
|
color: #666;
|
|
}
|
|
|
|
.sheet-iconrelationship input[type="checkbox"]:checked + span {
|
|
color: gold;
|
|
text-shadow: black 0px 0px 1px;
|
|
}
|
|
|
|
.sheet-iconrelationship .sheet-subicon {
|
|
display: block;
|
|
position: relative;
|
|
text-align: right;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-iconrelationship .sheet-symbolcount {
|
|
width: 15px;
|
|
border-bottom: 1px solid black;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-background input[type="text"].sheet-background,
|
|
.sheet-weapon input[type="text"].sheet-weapon {
|
|
width: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-column2 .sheet-bodycontainer {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-power {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-power .sheet-atwill {
|
|
background-color: #028401;
|
|
border: 5px solid #028401;
|
|
}
|
|
.sheet-power .sheet-header {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-right {
|
|
float: right;
|
|
}
|
|
|
|
.sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-power .sheet-body {
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-weapon select.sheet-weapon {
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 1px solid black;
|
|
margin-bottom: 0px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
text-align: center;
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-power .sheet-stat {
|
|
width: 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-power button[type=roll].sheet-powerroll {
|
|
font-size: 15px;
|
|
padding: 0px;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-power button[type=roll].sheet-powerlabel {
|
|
background-color: inherit;
|
|
border: none;
|
|
padding-left: 0px;
|
|
margin-left: 0px;
|
|
white-space: nowrap;
|
|
height: 18px;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-power .sheet-header .sheet-right {
|
|
float: right;
|
|
position: relative;
|
|
height: 0px;
|
|
}
|
|
|
|
.sheet-power .sheet-header .sheet-right span {
|
|
position: relative;
|
|
top: -18px;
|
|
right: 0;
|
|
white-space: nowrap;
|
|
height: 0px;
|
|
}
|
|
|
|
.sheet-poweroptions-check {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -8px;
|
|
right: -18px;
|
|
width: 18px;
|
|
height: 18px !important;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-power:hover .sheet-poweroptions-check + span,
|
|
.sheet-power .sheet-poweroptions-check:checked + span
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-power .sheet-poweroptions-check + span {
|
|
position: absolute;
|
|
top: -8px;
|
|
right: -18px;
|
|
white-space: nowrap;
|
|
width: 18px;
|
|
height: 18px;
|
|
background:url(http://i.imgur.com/KaX7Y7u.png) left top no-repeat;
|
|
background-size: contain;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-power .sheet-poweroptions-check:checked + span {
|
|
background:url(http://i.imgur.com/f4zmPUQ.png) left top no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
.sheet-poption {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-power .sheet-topspacer {
|
|
width: 100%;
|
|
border-top: 2px gold dashed;
|
|
margin-bottom: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-power .sheet-poweroptions-check:checked + span ~ .sheet-poption {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-power .sheet-poweroptions-check:checked + span ~ .sheet-spacer,
|
|
.sheet-power .sheet-poweroptions-check:checked + span ~ .sheet-spacer.sheet-classtype,
|
|
.sheet-power .sheet-poweroptions-check:checked ~ .sheet-Cust1:checked ~ .sheet-spacer,
|
|
.sheet-power .sheet-poweroptions-check:checked ~ .sheet-Cust2:checked ~ .sheet-spacer,
|
|
.sheet-power .sheet-poweroptions-check:checked ~ .sheet-Cust3:checked ~ .sheet-spacer
|
|
{
|
|
display: block;
|
|
height: 5px;
|
|
}
|
|
|
|
.sheet-power .sheet-title {
|
|
width: 175px;
|
|
margin-left: 5px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-power .sheet-num {
|
|
width: 30px;
|
|
margin-left: 5px;
|
|
border-bottom: 1px solid black;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-power select {
|
|
margin-bottom: 0px;
|
|
width: 100px;
|
|
line-height: 10px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
padding: 0px;
|
|
border: 0px;
|
|
height: 18px;
|
|
}
|
|
|
|
.sheet-At-Will:checked ~ .sheet-header,
|
|
.sheet-rolltemplate-power .sheet-atwill {
|
|
background-color: #028401;
|
|
border: 5px solid #028401;
|
|
}
|
|
|
|
.sheet-Class:checked ~ .sheet-header,
|
|
.sheet-rolltemplate-power .sheet-class {
|
|
background-color: #A06D39;
|
|
border: 5px solid #A06D39;
|
|
}
|
|
|
|
.sheet-Racial:checked ~ .sheet-header,
|
|
.sheet-Encounter:checked ~.sheet-header,
|
|
.sheet-rolltemplate-power .sheet-racial-encounter {
|
|
background-color: #891101;
|
|
border: 5px solid #891101;
|
|
}
|
|
|
|
.sheet-Recharge:checked ~ .sheet-header,
|
|
.sheet-Daily:checked ~ .sheet-header,
|
|
.sheet-rolltemplate-power .sheet-recharge-daily {
|
|
background-color: #000000;
|
|
border: 5px solid #000000;
|
|
}
|
|
|
|
.sheet-Magic-Item:checked ~ .sheet-header,
|
|
.sheet-rolltemplate-power .sheet-magicitem {
|
|
background-color: #D58C1A;
|
|
border: 5px solid #D58C1A;
|
|
}
|
|
|
|
.sheet-Custom:checked ~ .sheet-header,
|
|
.sheet-rolltemplate-power .sheet-custom {
|
|
background-color: #7f2e7e;
|
|
border: 5px solid #7f2e7e;
|
|
}
|
|
|
|
.sheet-suboption {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-poweroptions-check:checked ~ .sheet-Class:checked ~ .sheet-classtype,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Recharge:checked ~ .sheet-rechargerate,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Uses:checked ~ .sheet-usesoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Action:checked ~ .sheet-actionoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Range:checked ~ .sheet-rangeoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Target:checked ~ .sheet-targetoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Attack:checked ~ .sheet-attackoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Hit:checked ~ .sheet-hitoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Miss:checked ~ .sheet-missoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Trigger:checked ~ .sheet-triggeroptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Effect:checked ~ .sheet-effectoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Improved:checked ~ .sheet-improvedoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Opening:checked ~ .sheet-openingoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Finalverse:checked ~ .sheet-finalverseoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Special:checked ~ .sheet-specialoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Details:checked ~ .sheet-detailsoptions,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Cust1:checked ~ .sheet-cust1options,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Cust2:checked ~ .sheet-cust2options,
|
|
.sheet-poweroptions-check:checked ~ .sheet-Cust3:checked ~ .sheet-cust3options
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-powerlabel .sheet-label {
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 160px;
|
|
cursor: pointer;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-power .sheet-header .sheet-typelabel {
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 65px;
|
|
text-align: right;
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-header .sheet-right span span.sheet-typelabel {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-At-Will:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-At-Will,
|
|
.sheet-Class:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Class,
|
|
.sheet-Racial:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Racial,
|
|
.sheet-Encounter:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Encounter,
|
|
.sheet-Recharge:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Recharge,
|
|
.sheet-Daily:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Daily,
|
|
.sheet-Spell:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Spell,
|
|
.sheet-Magic-Item:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Magic-Item,
|
|
.sheet-Custom:checked ~ .sheet-header .sheet-right span span.sheet-typelabel.sheet-Custom
|
|
{
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-power .sheet-header input[type=checkbox] {
|
|
width: 13px;
|
|
display: none;
|
|
float: right;
|
|
margin-top: 3px;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.sheet-Uses:checked ~ .sheet-1:checked ~ .sheet-header input[type=checkbox].sheet-1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Uses:checked ~ .sheet-2:checked ~ .sheet-header input[type=checkbox].sheet-1,
|
|
.sheet-Uses:checked ~ .sheet-2:checked ~ .sheet-header input[type=checkbox].sheet-2 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Uses:checked ~ .sheet-3:checked ~ .sheet-header input[type=checkbox].sheet-1,
|
|
.sheet-Uses:checked ~ .sheet-3:checked ~ .sheet-header input[type=checkbox].sheet-2,
|
|
.sheet-Uses:checked ~ .sheet-3:checked ~ .sheet-header input[type=checkbox].sheet-3 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Uses:checked ~ .sheet-4:checked ~ .sheet-header input[type=checkbox].sheet-1,
|
|
.sheet-Uses:checked ~ .sheet-4:checked ~ .sheet-header input[type=checkbox].sheet-2,
|
|
.sheet-Uses:checked ~ .sheet-4:checked ~ .sheet-header input[type=checkbox].sheet-3,
|
|
.sheet-Uses:checked ~ .sheet-4:checked ~ .sheet-header input[type=checkbox].sheet-4 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-power .sheet-repbody .sheet-left input {
|
|
width: 115px;
|
|
}
|
|
|
|
.sheet-power .sheet-repbody .sheet-right input {
|
|
width: 115px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-power .sheet-repbody .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-power .sheet-repbody span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-power .sheet-full {
|
|
margin-left: 0px;
|
|
width: 205px;
|
|
}
|
|
|
|
.sheet-power .sheet-repbody .sheet-left input.sheet-fuller
|
|
{
|
|
margin-left: 0px;
|
|
width: 215px;
|
|
}
|
|
|
|
.sheet-Cust1:checked ~ .sheet-cust1-hit:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 25px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-hit:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 190px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-miss:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 35px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-miss:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 180px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-trigger:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-trigger:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-effect:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 40px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-effect:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 175px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-improved:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 65px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-improved:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 150px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-sustain:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-sustain:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 170px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 45px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-final-verse:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-final-verse:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 140px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-special:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-special:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-details:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-details:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-attackcustom:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust1:checked ~ .sheet-cust1-attackcustom:checked ~ .sheet-repbody .sheet-cust1 input.sheet-toplineright {width: 140px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-hit:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 25px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-hit:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 190px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-miss:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 35px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-miss:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 180px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-trigger:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-trigger:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-effect:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 40px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-effect:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 175px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-improved:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 65px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-improved:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 150px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-sustain:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-sustain:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 170px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 45px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-final-verse:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-final-verse:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 140px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-special:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-special:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-details:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-details:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-attackcustom:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust2:checked ~ .sheet-cust2-attackcustom:checked ~ .sheet-repbody .sheet-cust2 input.sheet-toplineright {width: 140px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-hit:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 25px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-hit:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 190px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-miss:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 35px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-miss:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 180px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-trigger:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-trigger:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-effect:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 40px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-effect:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 175px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-improved:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 65px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-improved:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 150px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-sustain:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-sustain:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 170px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-opening-sustaining-effect:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 45px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-final-verse:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-final-verse:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 140px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-special:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-special:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-details:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 50px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-details:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 165px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-attackcustom:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineleft {width: 75px;}
|
|
.sheet-Cust3:checked ~ .sheet-cust3-attackcustom:checked ~ .sheet-repbody .sheet-cust3 input.sheet-toplineright {width: 140px;}
|
|
|
|
.sheet-Action:checked ~ .sheet-repbody .sheet-action-range,
|
|
.sheet-Range:checked ~ .sheet-repbody .sheet-action-range,
|
|
.sheet-Target:checked ~ .sheet-repbody .sheet-target,
|
|
.sheet-Attack:checked ~ .sheet-repbody .sheet-attack,
|
|
.sheet-Hit:checked ~ .sheet-repbody .sheet-hit-miss
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-Action:checked ~ .sheet-repbody .sheet-action,
|
|
.sheet-Range:checked ~ .sheet-repbody .sheet-range
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-Target:checked ~ .sheet-repbody .sheet-target,
|
|
.sheet-Attack:checked ~ .sheet-repbody .sheet-attack,
|
|
.sheet-Hit:checked ~ .sheet-repbody .sheet-hit,
|
|
.sheet-Miss:checked ~ .sheet-repbody .sheet-miss,
|
|
.sheet-Cust1:checked ~ .sheet-repbody .sheet-cust1,
|
|
.sheet-Cust2:checked ~ .sheet-repbody .sheet-cust2,
|
|
.sheet-Cust3:checked ~ .sheet-repbody .sheet-cust3
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-Cust1:checked ~ .sheet-cust1subcust1:checked ~ .sheet-repbody .sheet-cust1 .sheet-cust1subcust1,
|
|
.sheet-Cust2:checked ~ .sheet-cust2subcust1:checked ~ .sheet-repbody .sheet-cust2 .sheet-cust2subcust1,
|
|
.sheet-Cust3:checked ~ .sheet-cust3subcust1:checked ~ .sheet-repbody .sheet-cust3 .sheet-cust3subcust1
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Cust1:checked ~ .sheet-cust1subcust2:checked ~ .sheet-repbody .sheet-cust1 .sheet-cust1subcust2,
|
|
.sheet-Cust1:checked ~ .sheet-cust1subcust3:checked ~ .sheet-repbody .sheet-cust1 .sheet-cust1subcust3,
|
|
.sheet-Cust1:checked ~ .sheet-cust1subcust4:checked ~ .sheet-repbody .sheet-cust1 .sheet-cust1subcust4,
|
|
.sheet-Cust2:checked ~ .sheet-cust2subcust2:checked ~ .sheet-repbody .sheet-cust2 .sheet-cust2subcust2,
|
|
.sheet-Cust2:checked ~ .sheet-cust2subcust3:checked ~ .sheet-repbody .sheet-cust2 .sheet-cust2subcust3,
|
|
.sheet-Cust2:checked ~ .sheet-cust2subcust4:checked ~ .sheet-repbody .sheet-cust2 .sheet-cust2subcust4,
|
|
.sheet-Cust3:checked ~ .sheet-cust3subcust2:checked ~ .sheet-repbody .sheet-cust3 .sheet-cust3subcust2,
|
|
.sheet-Cust3:checked ~ .sheet-cust3subcust3:checked ~ .sheet-repbody .sheet-cust3 .sheet-cust3subcust3,
|
|
.sheet-Cust3:checked ~ .sheet-cust3subcust4:checked ~ .sheet-repbody .sheet-cust3 .sheet-cust3subcust4
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-cust1subcust1,
|
|
.sheet-cust1subcust2,
|
|
.sheet-cust1subcust3,
|
|
.sheet-cust1subcust4,
|
|
.sheet-cust2subcust1,
|
|
.sheet-cust2subcust2,
|
|
.sheet-cust2subcust3,
|
|
.sheet-cust2subcust4,
|
|
.sheet-cust3subcust1,
|
|
.sheet-cust3subcust2,
|
|
.sheet-cust3subcust3,
|
|
.sheet-cust3subcust4
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-header,
|
|
.sheet-rolltemplate-rec .sheet-header,
|
|
.sheet-rolltemplate-icon .sheet-header,
|
|
.sheet-rolltemplate-init .sheet-header
|
|
{
|
|
width: 230px;
|
|
margin-left: -30px;
|
|
background-color: #014A89;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border-top: 5px solid #014A89;
|
|
border-bottom: 5px solid #014A89;
|
|
height: 16px;
|
|
}
|
|
|
|
.withoutavatars .sheet-rolltemplate-attr .sheet-header,
|
|
.withoutavatars .sheet-rolltemplate-rec .sheet-header,
|
|
.withoutavatars .sheet-rolltemplate-icon .sheet-header,
|
|
.withoutavatars .sheet-rolltemplate-init .sheet-header,
|
|
.withoutavatars .sheet-rolltemplate-power .sheet-header,
|
|
.withoutavatars .sheet-rolltemplate-ba .sheet-header
|
|
{
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-headerlabel,
|
|
.sheet-rolltemplate-rec .sheet-headerlabel,
|
|
.sheet-rolltemplate-icon .sheet-headerlabel,
|
|
.sheet-rolltemplate-init .sheet-headerlabel
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-headerdivider,
|
|
.sheet-rolltemplate-rec .sheet-headerdivider,
|
|
.sheet-rolltemplate-icon .sheet-headerdivider,
|
|
.sheet-rolltemplate-init .sheet-headerdivider
|
|
{
|
|
font-family: pictos;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body,
|
|
.sheet-rolltemplate-rec .sheet-body,
|
|
.sheet-rolltemplate-icon .sheet-body,
|
|
.sheet-rolltemplate-init .sheet-body,
|
|
.sheet-rolltemplate-ba .sheet-body,
|
|
.sheet-rolltemplate-power .sheet-body
|
|
{
|
|
width: 228px;
|
|
margin-left: -30px;
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.withoutavatars .sheet-rolltemplate-attr .sheet-body,
|
|
.withoutavatars .sheet-rolltemplate-rec .sheet-body,
|
|
.withoutavatars .sheet-rolltemplate-icon .sheet-body,
|
|
.withoutavatars .sheet-rolltemplate-init .sheet-body,
|
|
.withoutavatars .sheet-rolltemplate-ba .sheet-body,
|
|
.withoutavatars .sheet-rolltemplate-power .sheet-body
|
|
{
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-body {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-part,
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-part,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-part,
|
|
.sheet-rolltemplate-init .sheet-body .sheet-part
|
|
{
|
|
width: 34px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-part:not(:first-child),
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-part:not(:first-child),
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-part:not(:first-child),
|
|
.sheet-rolltemplate-init .sheet-body .sheet-part:not(:first-child)
|
|
{
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-part span,
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-part span,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-part span,
|
|
.sheet-rolltemplate-init .sheet-body .sheet-part span
|
|
{
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-part .inlinerollresult,
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-part .inlinerollresult,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-part .inlinerollresult,
|
|
.sheet-rolltemplate-init .sheet-body .sheet-part .inlinerollresult
|
|
{
|
|
background-color: inherit;
|
|
border: 0px;
|
|
padding: 0px;
|
|
font-weight: inherit;
|
|
cursor: inherit;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-partspacer,
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-partspacer,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-partspacer,
|
|
.sheet-rolltemplate-init .sheet-body .sheet-partspacer
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-rolltemplate-attr .sheet-body .sheet-result,
|
|
.sheet-rolltemplate-rec .sheet-body .sheet-result,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-result,
|
|
.sheet-rolltemplate-init .sheet-body .sheet-result
|
|
{
|
|
display: inline-block;
|
|
position: relative;
|
|
top: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-partspacer,
|
|
.sheet-rolltemplate-icon .sheet-body .sheet-partlabel {
|
|
font-family: pictos;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-body {
|
|
padding-bottom: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-header
|
|
{
|
|
width: 230px;
|
|
margin-left: -30px;
|
|
background-color: #028401;
|
|
display: inline-block;
|
|
text-align: left;
|
|
border-top: 5px solid #028401;
|
|
border-bottom: 5px solid #028401;
|
|
height: 16px;
|
|
color: white;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-left,
|
|
.sheet-rolltemplate-power .sheet-left
|
|
{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-right,
|
|
.sheet-rolltemplate-power .sheet-right
|
|
{
|
|
float: right;
|
|
margin-right: 5px;
|
|
position: absolute;
|
|
right: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-bold,
|
|
.sheet-rolltemplate-power .sheet-bold
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-ba .sheet-row,
|
|
.sheet-rolltemplate-power .sheet-row
|
|
{
|
|
display: block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header
|
|
{
|
|
width: 225px;
|
|
margin-left: -30px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
height: 16px;
|
|
color: white;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-atwill {
|
|
background-color: #028401;
|
|
border: 5px solid #028401;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-class {
|
|
background-color: #A06D39;
|
|
border: 5px solid #A06D39;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-racial-encounter {
|
|
background-color: #891101;
|
|
border: 5px solid #891101;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-recharge-daily {
|
|
background-color: #000000;
|
|
border: 5px solid #000000;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-spell {
|
|
background-color: #014A89;
|
|
border: 5px solid #014A89;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-magicitem {
|
|
background-color: #D58C1A;
|
|
border: 5px solid #D58C1A;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-header.sheet-custom {
|
|
background-color: #7f2e7e;
|
|
border: 5px solid #7f2e7e;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.sheet-power .sheet-header input,
|
|
.sheet-power .sheet-repbody input
|
|
{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-ba-attack {
|
|
margin-right: -3px;
|
|
}
|
|
|
|
.sheet-ba-attack input.sheet-stat {
|
|
width: 60px;
|
|
margin-left: -3px;
|
|
overflow: visible;
|
|
right: -3px;
|
|
position: relative;
|
|
pointer-events: none;
|
|
text-align: left
|
|
}
|
|
|
|
.sheet-ba-hit input.sheet-stat {
|
|
width: 100px;
|
|
text-align: left;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-iconrelationship input[type=radio]:checked ~ input,
|
|
.sheet-iconrelationship input[type=radio]:checked ~ div input,
|
|
.sheet-iconrelationship input[type=radio]:checked ~ div select,
|
|
.sheet-background input[type=radio]:checked ~ input,
|
|
.sheet-background input[type=radio]:checked ~ select,
|
|
.sheet-weapon input[type=radio]:checked ~ input,
|
|
.sheet-weapon input[type=radio]:checked ~ select
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-recflag[value="1"] ~ .sheet-2 ~ span,
|
|
.sheet-recflag[value="2"] ~ .sheet-3 ~ span,
|
|
.sheet-recflag[value="3"] ~ .sheet-4 ~ span,
|
|
.sheet-recflag[value="4"] ~ .sheet-5 ~ span,
|
|
.sheet-recflag[value="5"] ~ .sheet-6 ~ span,
|
|
.sheet-recflag[value="6"] ~ .sheet-7 ~ span,
|
|
.sheet-recflag[value="7"] ~ .sheet-8 ~ span,
|
|
.sheet-recflag[value="8"] ~ .sheet-9 ~ span,
|
|
.sheet-recflag[value="9"] ~ .sheet-10 ~ span,
|
|
.sheet-recflag[value="1"] ~ .sheet-1 ~ .sheet-normal,
|
|
.sheet-recflag[value="2"] ~ .sheet-2 ~ .sheet-normal,
|
|
.sheet-recflag[value="3"] ~ .sheet-3 ~ .sheet-normal,
|
|
.sheet-recflag[value="4"] ~ .sheet-4 ~ .sheet-normal,
|
|
.sheet-recflag[value="5"] ~ .sheet-5 ~ .sheet-normal,
|
|
.sheet-recflag[value="6"] ~ .sheet-6 ~ .sheet-normal,
|
|
.sheet-recflag[value="7"] ~ .sheet-7 ~ .sheet-normal,
|
|
.sheet-recflag[value="8"] ~ .sheet-8 ~ .sheet-normal,
|
|
.sheet-recflag[value="9"] ~ .sheet-9 ~ .sheet-normal
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-0:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-0:hover + span::before
|
|
{
|
|
opacity: 0.25;
|
|
font-size: 12px;
|
|
content: "✖";
|
|
text-indent: 0.5px;
|
|
}
|
|
|
|
input.sheet-0 + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
button[type=roll]:hover,
|
|
button[type=roll]:hover *
|
|
{
|
|
color: gold !important;
|
|
}
|