mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Stephen Lindberg
991549878a
* Fixed header banner * Added source drop-down fields for talents and quirks. * Removed hard-coded talents and quirks. Any data that was in these fields in v1.5 will be automatically migrated as a new row in their respective repeating sections. * Fixed upgrades/downgrades so be rules-correct for D20/D4 cases, respectively. * Moved Equipment and Campaign Notes to their own tabs. * Display version # in banner. * Updated preview image. * Include banner graphic in repository.
1187 lines
34 KiB
CSS
1187 lines
34 KiB
CSS
.sheet-rolltemplate-toe table {
|
|
background: #fff;
|
|
border: solid 2px #7e3fc1;
|
|
border-collapse: separate;
|
|
border-radius: 1em;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-toe table thead th {
|
|
background: #7e3fc1;
|
|
color: #fff;
|
|
padding: 0.5em 1em;
|
|
}
|
|
.sheet-rolltemplate-toe table tbody {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-toe table tbody tr:nth-child(2n+0) {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.sheet-rolltemplate-toe table tbody td {
|
|
padding: 0.5em 0;
|
|
}
|
|
.sheet-rolltemplate-toe table tbody .sheet-upgrade span:nth-child(1), .sheet-rolltemplate-toe table tbody .sheet-downgrade span:nth-child(1) {
|
|
font-weight: bold;
|
|
padding-right: 1em;
|
|
}
|
|
.sheet-rolltemplate-toe table tbody .sheet-notes {
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
word-break: break-word;
|
|
}
|
|
.charsheet {
|
|
background: #fff;
|
|
color: #5e3dba;
|
|
width: 8in;
|
|
}
|
|
.charsheet input {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.charsheet input[type=color] {
|
|
height: 20px;
|
|
padding: 0;
|
|
width: 20px;
|
|
}
|
|
.charsheet input[type=color]::-webkit-color-swatch-wrapper {
|
|
padding: 0;
|
|
}
|
|
.charsheet input[type=color]::-webkit-color-swatch {
|
|
border: none;
|
|
}
|
|
.charsheet input[type=number]::-webkit-inner-spin-button, .charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.charsheet label {
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet select {
|
|
box-shadow: none;
|
|
height: auto;
|
|
line-height: 18px;
|
|
margin-bottom: 0;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
.charsheet textarea {
|
|
background: linear-gradient(to bottom, transparent, transparent 17px, #5e3dba);
|
|
background-attachment: local;
|
|
background-size: 1px 18px;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: #5e3dba;
|
|
padding: 0;
|
|
resize: none;
|
|
}
|
|
.charsheet .sheet-checkbox label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-checkbox .sheet-checkboxInner {
|
|
border: solid 2px #5e3dba;
|
|
border-radius: 5px;
|
|
display: inline-block;
|
|
height: 16px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
}
|
|
.charsheet .sheet-checkbox .sheet-checkboxInner input {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-checkbox .sheet-checkboxInner input:checked + div {
|
|
background: #5e3dba;
|
|
height: 100%;
|
|
line-height: 16px;
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-checkbox .sheet-checkboxInner input:checked + div::after {
|
|
content: "✓";
|
|
color: #fff;
|
|
}
|
|
.charsheet .sheet-labelledAbove {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-labelledAbove label {
|
|
font-size: 0.8em;
|
|
margin-bottom: 0;
|
|
padding-top: 0.5em;
|
|
}
|
|
.charsheet .sheet-labelledBoxH {
|
|
background: #aaa;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > label {
|
|
display: inline;
|
|
font-weight: bold;
|
|
padding: 0 0.25em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner {
|
|
display: inline-block;
|
|
float: right;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner > * {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction input {
|
|
border: none;
|
|
display: inline;
|
|
}
|
|
.charsheet .sheet-labelledBoxV {
|
|
background: #aaa;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > label {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner input {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner .sheet-fraction {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner .sheet-fraction input {
|
|
border: none;
|
|
display: inline;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined {
|
|
display: inline-block;
|
|
margin-bottom: 1em;
|
|
min-width: 0.45in;
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined label {
|
|
position: absolute;
|
|
font-size: 0.75em;
|
|
line-height: 1em;
|
|
top: 110%;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined .sheet-inner {
|
|
border-bottom: dotted 1px #5e3dba;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined .sheet-inner input {
|
|
border: none;
|
|
border-radius: 0;
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined .sheet-inner select {
|
|
border: none;
|
|
border-radius: 0;
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined .sheet-inner .sheet-readOnlyBox {
|
|
padding: 0;
|
|
padding-top: initial;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-mathOperator {
|
|
display: inline-block;
|
|
margin-bottom: 0.5em;
|
|
padding-left: 0.25em;
|
|
padding-right: 0.25em;
|
|
}
|
|
.charsheet .sheet-readOnlyBox {
|
|
background: #ddd;
|
|
display: inline-block;
|
|
padding: 4px;
|
|
width: 3.5em;
|
|
}
|
|
.charsheet .sheet-updowngrade {
|
|
display: inline-block;
|
|
pointer-events: none;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-arrows {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-arrows .sheet-up, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down {
|
|
height: 14px;
|
|
position: relative;
|
|
width: 12px;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-arrows .sheet-up span, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down span {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-arrows .sheet-up input[type=checkbox], .charsheet .sheet-updowngrade .sheet-arrows .sheet-down input[type=checkbox] {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-arrows .sheet-up input[type=checkbox]:checked + span, .charsheet .sheet-updowngrade .sheet-arrows .sheet-down input[type=checkbox]:checked + span {
|
|
color: #bbace4;
|
|
}
|
|
.charsheet .sheet-updowngrade > label {
|
|
display: inline-block;
|
|
font-size: 0.7em;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
width: 0.5in;
|
|
}
|
|
.charsheet .sheet-updowngrade > span {
|
|
pointer-events: all;
|
|
}
|
|
.charsheet .sheet-updowngrade .sheet-labelledUnderlined {
|
|
min-width: auto;
|
|
}
|
|
.charsheet .sheet-d20 {
|
|
display: inline-block;
|
|
font-family: dicefontd20;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-d20::before {
|
|
content: "t";
|
|
}
|
|
.charsheet .sheet-itemIcon {
|
|
display: inline-block;
|
|
font-family: pictos;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-itemIcon::before {
|
|
content: ":";
|
|
}
|
|
.charsheet .sheet-quirkIcon {
|
|
display: inline-block;
|
|
font-family: pictos;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-quirkIcon::before {
|
|
content: "k";
|
|
}
|
|
.charsheet .sheet-reputationIcon {
|
|
display: inline-block;
|
|
font-family: pictos;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-reputationIcon::before {
|
|
content: "^";
|
|
}
|
|
.charsheet .sheet-talentIcon {
|
|
display: inline-block;
|
|
font-family: pictos;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-talentIcon::before {
|
|
content: "e";
|
|
}
|
|
.charsheet .sheet-main-container {
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio {
|
|
background: #DECFE1;
|
|
border-radius: 0.1in;
|
|
display: inline-block;
|
|
padding: 1em;
|
|
width: 5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-colors {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-colors span label {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined {
|
|
display: block;
|
|
font-size: 2em;
|
|
margin-bottom: 0.1in;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined label {
|
|
display: inline-block;
|
|
font-size: 0.7em;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
position: relative;
|
|
text-align: right;
|
|
width: 2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-bio .sheet-labelledUnderlined .sheet-inner select {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
font-size: 0.7em;
|
|
padding: 0;
|
|
width: 2.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-explodingHooves {
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
top: 1.5in;
|
|
width: 2.2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens {
|
|
background: #f226e4;
|
|
border-radius: 0.75in;
|
|
display: inline-block;
|
|
height: 1.5in;
|
|
position: absolute;
|
|
right: 0.5in;
|
|
top: 0;
|
|
width: 1.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 {
|
|
color: #fff;
|
|
font-size: 1.75em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span {
|
|
height: 100%;
|
|
position: absolute;
|
|
text-align: center;
|
|
transform-origin: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(1) {
|
|
transform: rotate(-63deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(2) {
|
|
transform: rotate(-49deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(3) {
|
|
transform: rotate(-35deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(4) {
|
|
transform: rotate(-21deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(5) {
|
|
transform: rotate(-7deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(6) {
|
|
transform: rotate(7deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(7) {
|
|
transform: rotate(21deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(8) {
|
|
transform: rotate(35deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(9) {
|
|
transform: rotate(49deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens h1 span:nth-of-type(10) {
|
|
transform: rotate(63deg);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-friendshipTokens input {
|
|
background: transparent;
|
|
color: #fff;
|
|
font-size: 5em;
|
|
left: 50%;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations {
|
|
background: #EDBBF3;
|
|
border-radius: 0.1in;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations h1 {
|
|
color: #5e3dba;
|
|
font-size: 2em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation {
|
|
background: #EDBBF3;
|
|
border-radius: 0.1in;
|
|
padding: 0.25em;
|
|
padding-bottom: 1em;
|
|
position: relative;
|
|
transition: background 0.5s;
|
|
width: 7in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation:hover {
|
|
background: #d664e4;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation > label {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
margin-top: 0.5em;
|
|
vertical-align: middle;
|
|
width: 0.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation select {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-reputations .sheet-reputation .sheet-labelledUnderlined {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina {
|
|
background: #F9B6DD;
|
|
border-radius: 0.1in;
|
|
display: inline-block;
|
|
height: 1in;
|
|
padding: 1em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina h1 {
|
|
color: #5e3dba;
|
|
display: inline-block;
|
|
font-size: 2em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction input {
|
|
background: transparent;
|
|
border-bottom: dotted 1px #5e3dba;
|
|
color: #5e3dba;
|
|
font-size: 2em;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-fraction span {
|
|
font-size: 2em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined {
|
|
display: block;
|
|
margin-bottom: 0.5em;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined label {
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
position: relative;
|
|
text-align: right;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner input, .charsheet .sheet-main-container .sheet-pcSheet .sheet-stamina .sheet-labelledUnderlined .sheet-inner select {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
font-size: 0.7em;
|
|
padding: 0;
|
|
width: 1.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait {
|
|
background: #aaa;
|
|
border-radius: 0.1in;
|
|
display: inline-block;
|
|
height: 1in;
|
|
padding: 1em;
|
|
position: relative;
|
|
transition: background 0.5s;
|
|
width: 1.2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait button {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait select {
|
|
background: transparent;
|
|
border: none;
|
|
color: #5e3dba;
|
|
font-size: 1.5em;
|
|
left: 0.2in;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-align-last: center;
|
|
top: 0.4in;
|
|
width: 1.1in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait label.sheet-traitName {
|
|
font-size: 2em;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-updowngrade {
|
|
position: absolute;
|
|
top: 0.8in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-updowngrade input {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-body {
|
|
background: #B3E7EF;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-body:hover {
|
|
background: #89dae6;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-mind {
|
|
background: #DECFE1;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-mind:hover {
|
|
background: #c8b0cd;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-charm {
|
|
background: #EDBBF3;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait.sheet-charm:hover {
|
|
background: #e290eb;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-pcSheet .sheet-traits .sheet-trait .sheet-d20 {
|
|
font-size: 2.5em;
|
|
left: 0.06in;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-bio input[type='text'] {
|
|
color: #5e3dba;
|
|
font-size: x-large;
|
|
width: 6in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-bio .sheet-checkbox {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-explodingHooves h1 {
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
width: 0.7in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-explodingHooves button {
|
|
font-size: 2.5em;
|
|
height: 0.3in;
|
|
width: 0.4in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks > label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .repcontainer {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .repitem {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk {
|
|
height: auto;
|
|
padding: 0;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox {
|
|
height: 16px;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:hover + .sheet-editIcon {
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked + .sheet-editIcon::after {
|
|
content: "_";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked ~ .sheet-editMode {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editCheckbox:checked ~ .sheet-viewMode {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editIcon {
|
|
color: #ab99de;
|
|
display: inline-block;
|
|
font-family: Pictos;
|
|
height: 16px;
|
|
position: absolute;
|
|
transition: color 0.5s;
|
|
width: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editIcon::after {
|
|
content: "y";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editMode {
|
|
display: none;
|
|
margin-left: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-editMode .sheet-labelledUnderlined:nth-of-type(2) {
|
|
width: 5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-quirks .sheet-quirk .sheet-viewMode {
|
|
margin-left: 16px;
|
|
margin-right: 1em;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina {
|
|
display: inline-block;
|
|
margin-top: 3px;
|
|
width: 2.8in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction input {
|
|
background: transparent;
|
|
border-bottom: dotted 1px #5e3dba;
|
|
color: #5e3dba;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 3em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-staminaInner .sheet-fraction span {
|
|
padding-left: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers label {
|
|
top: 0;
|
|
width: 0.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers .sheet-inner {
|
|
left: 0.6in;
|
|
position: absolute;
|
|
width: 2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-stamina .sheet-damageModifiers .sheet-inner input {
|
|
color: #5e3dba;
|
|
padding: 0;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents > label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .repcontainer {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .repitem {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent {
|
|
height: auto;
|
|
padding: 0;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox {
|
|
height: 16px;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:hover + .sheet-editIcon {
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked + .sheet-editIcon::after {
|
|
content: "_";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked ~ .sheet-editMode {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editCheckbox:checked ~ .sheet-viewMode {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editIcon {
|
|
color: #ab99de;
|
|
display: inline-block;
|
|
font-family: Pictos;
|
|
height: 16px;
|
|
position: absolute;
|
|
transition: color 0.5s;
|
|
width: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editIcon::after {
|
|
content: "y";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-editMode {
|
|
display: none;
|
|
margin-left: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-talents .sheet-talent .sheet-viewMode {
|
|
margin-left: 16px;
|
|
margin-right: 1em;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait {
|
|
border-radius: 10px;
|
|
display: inline-block;
|
|
height: 0.5in;
|
|
padding: 3px;
|
|
position: relative;
|
|
transition: background 0.5s;
|
|
width: 1.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait:hover {
|
|
background: #ccf;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait button {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait select {
|
|
background: transparent;
|
|
border: none;
|
|
color: #5e3dba;
|
|
line-height: 1em;
|
|
position: absolute;
|
|
width: 1in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait label.sheet-traitName {
|
|
display: inline-block;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait .sheet-updowngrade {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-npcSheet .sheet-traits .sheet-trait .sheet-updowngrade input {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-bio input[type='text'] {
|
|
color: #5e3dba;
|
|
font-size: x-large;
|
|
width: 6in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-bio .sheet-checkbox {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems {
|
|
background: #DECFE1;
|
|
border-radius: 0.1in;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems > label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .repcontainer {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .repitem {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system {
|
|
height: auto;
|
|
padding: 0;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system input {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox {
|
|
height: 16px;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:hover + .sheet-editIcon {
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked + .sheet-editIcon::after {
|
|
content: "_";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked ~ .sheet-editMode {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editCheckbox:checked ~ .sheet-viewMode {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editIcon {
|
|
color: #ab99de;
|
|
display: inline-block;
|
|
font-family: Pictos;
|
|
height: 16px;
|
|
position: absolute;
|
|
transition: color 0.5s;
|
|
width: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editIcon::after {
|
|
content: "y";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editMode {
|
|
display: none;
|
|
margin-left: 16px;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-editMode .sheet-labelledUnderlined:nth-of-type(2) {
|
|
width: 5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-systems .sheet-system .sheet-viewMode {
|
|
margin-left: 16px;
|
|
margin-right: 1em;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats {
|
|
border: solid 3px #79AB29;
|
|
border-collapse: separate;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats input {
|
|
color: #5e3dba;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats select {
|
|
border: none;
|
|
color: #5e3dba;
|
|
text-align: center;
|
|
text-align-last: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats td {
|
|
border-right: solid 1px #79AB29;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats td:last-of-type {
|
|
border-right: none;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats th {
|
|
background: #79AB29;
|
|
color: #fff;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction input {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 3em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-vehicleSheet .sheet-vehicleStats .sheet-fraction span {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentHeader {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentHeader span {
|
|
display: inline-block;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
padding-right: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-equipmentSheet .sheet-equipmentBody .sheet-labelledUnderlined {
|
|
padding-right: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet.sheet-notesSheet textarea {
|
|
height: 6in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-tabSheet > div {
|
|
margin-bottom: 0.2in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves h1 {
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof {
|
|
background: #B3E7EF;
|
|
border-radius: 0.1in;
|
|
display: inline-block;
|
|
transition: background 0.5s;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof button {
|
|
background: transparent;
|
|
border: none;
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
height: 0.4in;
|
|
width: 0.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:hover {
|
|
background: #5fccdd;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(1) button::before {
|
|
font-family: dicefontd4;
|
|
content: "l";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(2) button::before {
|
|
font-family: dicefontd6;
|
|
content: "l";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(3) button::before {
|
|
font-family: dicefontd8;
|
|
content: "h";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(4) button::before {
|
|
font-family: dicefontd10;
|
|
content: "j";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(5) button::before {
|
|
font-family: dicefontd12;
|
|
content: "l";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(6) button::before {
|
|
font-family: dicefontd20;
|
|
content: "t";
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks {
|
|
background: #DECFE1;
|
|
border-radius: 0.1in;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks h1 {
|
|
color: #5e3dba;
|
|
font-size: 2em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks .sheet-quirk > label {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
margin-top: 0.25em;
|
|
vertical-align: middle;
|
|
width: 0.3in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks .sheet-quirk input, .charsheet .sheet-main-container .sheet-quirks .sheet-quirk select {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks .sheet-quirk .sheet-labelledUnderlined {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-quirks .sheet-quirk .sheet-labelledUnderlined:nth-of-type(3) {
|
|
width: 4in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents {
|
|
background: #B3E7EF;
|
|
border-radius: 0.1in;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents h1 {
|
|
color: #5e3dba;
|
|
font-size: 2em;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent {
|
|
background: #B3E7EF;
|
|
border-radius: 0.1in;
|
|
height: 0.6in;
|
|
padding: 0.25em;
|
|
padding-bottom: 1em;
|
|
position: relative;
|
|
transition: background 0.5s;
|
|
width: 7in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent:hover {
|
|
background: #5fccdd;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent > label {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
margin-top: 0.5em;
|
|
vertical-align: middle;
|
|
width: 0.5in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent button {
|
|
background: #5fccdd;
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent input, .charsheet .sheet-main-container .sheet-talents .sheet-talent select {
|
|
background: transparent;
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-labelledUnderlined {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined {
|
|
display: block;
|
|
width: 7in;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined label {
|
|
display: inline-block;
|
|
font-size: 0.75em;
|
|
margin-bottom: 0;
|
|
padding-right: 0;
|
|
padding-top: 4px;
|
|
position: relative;
|
|
top: 0;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-main-container .sheet-talents .sheet-talent .sheet-notes .sheet-labelledUnderlined .sheet-inner {
|
|
display: inline-block;
|
|
width: 6in;
|
|
}
|
|
.charsheet input[name="attr_useApiExplodingHoof"]:checked ~ .sheet-tabs .sheet-main-container .sheet-explodingHooves.sheet-noApi {
|
|
display: none;
|
|
}
|
|
.charsheet input[name="attr_useApiExplodingHoof"]:not(:checked) ~ .sheet-tabs .sheet-main-container .sheet-explodingHooves.sheet-api {
|
|
display: none;
|
|
}
|
|
.charsheet .itemcontrol {
|
|
z-index: 99;
|
|
}
|
|
.charsheet .repcontrol button {
|
|
background: #ddaaff;
|
|
border: none;
|
|
color: #5e3dba;
|
|
margin-top: 0.1in;
|
|
text-shadow: none;
|
|
transition: background 0.5s;
|
|
z-index: 99;
|
|
}
|
|
.charsheet .repcontrol button:hover {
|
|
background: #aa88ff;
|
|
}
|
|
.charsheet h1 {
|
|
color: #5e3dba;
|
|
}
|
|
.charsheet .sheet-centeredH {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-centeredV > * {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-floatLeft {
|
|
float: left;
|
|
}
|
|
.charsheet .sheet-floatRight {
|
|
float: right;
|
|
}
|
|
.charsheet .sheet-inlineBlock {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-tabs {
|
|
/* Display the tabs if their radio is checked. */
|
|
}
|
|
.charsheet .sheet-tabs > input[type="radio"] {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-tabs > input[type="radio"]:checked + label {
|
|
background: #ea60e1;
|
|
color: #fff;
|
|
}
|
|
.charsheet .sheet-tabs > label {
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
min-width: 0.5in;
|
|
padding: 5px;
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-tabs > label:nth-of-type(1) {
|
|
margin-left: 0.5in;
|
|
}
|
|
.charsheet .sheet-tabs > .sheet-tabContents {
|
|
border: solid 5px #ea60e1;
|
|
border-radius: 0.25in;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .sheet-tabs > .sheet-tabContents > .sheet-tab {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-tabs input#sheet-sheetTabPC:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabPCContainer {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-tabs input#sheet-sheetTabNPC:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabNPCContainer {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-tabs input#sheet-sheetTabEquipment:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabEquipmentContainer {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-tabs input#sheet-sheetTabVehicle:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabVehicleContainer {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-tabs input#sheet-sheetTabNotes:checked ~ .sheet-tabContents .sheet-tab#sheet-sheetTabNotesContainer {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-top {
|
|
height: 2.6in;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 8in;
|
|
}
|
|
.charsheet .sheet-top .sheet-mask {
|
|
height: 1in;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 1.65in;
|
|
width: 100%;
|
|
background: linear-gradient(rgba(255, 255, 255, 0), #fff);
|
|
}
|
|
.charsheet .sheet-top .sheet-version {
|
|
bottom: 0;
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|