mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
529 lines
12 KiB
CSS
529 lines
12 KiB
CSS
.sheet-rolltemplate-pf table {
|
|
background: #fff;
|
|
border: solid 2px #000;
|
|
border-collapse: separate;
|
|
border-radius: 1em;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-pf table thead th {
|
|
background: #000;
|
|
color: #fff;
|
|
padding: 0.5em 1em;
|
|
}
|
|
.sheet-rolltemplate-pf table tbody {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-pf table tbody td {
|
|
padding: 0.5em 0;
|
|
}
|
|
.sheet-rolltemplate-pf table tbody td hr {
|
|
border-top: 1px solid #ccc;
|
|
margin: 2px;
|
|
}
|
|
.sheet-rolltemplate-pf table tbody .sheet-crit {
|
|
color: #800;
|
|
}
|
|
.sheet-rolltemplate-pf table tbody .sheet-notes {
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
}
|
|
.charsheet {
|
|
background: #fff;
|
|
height: 100%;
|
|
width: 9in;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores {
|
|
border-collapse: separate;
|
|
border-spacing: 0.5em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores th {
|
|
font-size: 0.75em;
|
|
padding: 0 1em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores td {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores td.sheet-blackBox {
|
|
border-radius: 0.5em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores td.sheet-blackBox .sheet-longname {
|
|
font-size: 0.7em;
|
|
line-height: 0.7em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-abilityScores td.sheet-blackBox .sheet-shortname {
|
|
text-transform: uppercase;
|
|
font-size: 1.5em;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks {
|
|
border-collapse: separate;
|
|
border-spacing: 0 0.5em;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-atkAbility {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-atkAbility select {
|
|
font-size: 0.6em;
|
|
height: 2.5em;
|
|
line-height: 1em;
|
|
padding: 1px;
|
|
position: absolute;
|
|
width: 4em;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-head label {
|
|
font-size: 0.75em;
|
|
line-height: 1em;
|
|
margin-bottom: 0;
|
|
width: 1in;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-body .sheet-blackBox {
|
|
border-radius: 0.5em;
|
|
width: 2in;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-body .sheet-blackBox input {
|
|
background: #000;
|
|
color: #fff;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 1.8in;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-body .sheet-labelledBoxH {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-body .sheet-rollButton {
|
|
color: #fff;
|
|
font-family: dicefontd20;
|
|
font-size: 0.5in;
|
|
font-weight: normal;
|
|
line-height: 0.5in;
|
|
}
|
|
.charsheet .sheet-coreTab .sheet-attacks .sheet-mathOperator {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows {
|
|
border-collapse: separate;
|
|
border-spacing: 0 0.5em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows th {
|
|
font-size: 0.75em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows td {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows td.sheet-blackBox {
|
|
border-radius: 0.5em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows td.sheet-blackBox .sheet-abilityName {
|
|
font-size: 0.7em;
|
|
line-height: 0.7em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows td.sheet-blackBox .sheet-saveName {
|
|
font-size: 1.5em;
|
|
}
|
|
.charsheet .sheet-coreTab table.sheet-savingThrows .sheet-mathOperator {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet input {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.charsheet input[type=number]::-webkit-inner-spin-button, .charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.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, #000);
|
|
background-attachment: local;
|
|
background-size: 1px 18px;
|
|
border: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
resize: none;
|
|
}
|
|
.charsheet .sheet-fieldBox {
|
|
background: #000;
|
|
border: solid 1px #000;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-fieldBox label {
|
|
position: absolute;
|
|
font-size: 0.75em;
|
|
line-height: 0.75em;
|
|
top: 110%;
|
|
}
|
|
.charsheet .sheet-fieldBox .sheet-inner input {
|
|
border: none;
|
|
border-radius: 0
|
|
display: inline;
|
|
text-align: center;
|
|
}
|
|
.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: #000;
|
|
border: solid 1px #000;
|
|
border-radius: 0.5em;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > label {
|
|
background: #000;
|
|
color: #fff;
|
|
display: inline;
|
|
font-weight: bold;
|
|
padding: 0 0.25em;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner {
|
|
background: #fff;
|
|
display: inline-block;
|
|
float: right;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner > * {
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction {
|
|
background: #fff;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-labelledBoxH > .sheet-inner .sheet-fraction input {
|
|
border: none;
|
|
display: inline;
|
|
}
|
|
.charsheet .sheet-labelledBoxV {
|
|
background: #000;
|
|
border: solid 1px #000;
|
|
border-radius: 0.5em;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > label {
|
|
background: #000;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner {
|
|
background: #fff;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner input {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-labelledBoxV > .sheet-inner .sheet-fraction {
|
|
background: #fff;
|
|
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: 0.75em;
|
|
top: 110%;
|
|
}
|
|
.charsheet .sheet-labelledUnderlined .sheet-inner {
|
|
border-bottom: solid 1px #000;
|
|
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-gearTab .sheet-mundaneGear {
|
|
float: right;
|
|
width: 35%;
|
|
}
|
|
.charsheet .sheet-gearTab .sheet-mundaneGear .sheet-money {
|
|
text-align: center
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-gearTab .sheet-mundaneGear .sheet-money .sheet-labelledBoxV input {
|
|
width: 0.6in;
|
|
}
|
|
.charsheet .sheet-gearTab .sheet-specialGear {
|
|
float: left;
|
|
width: 60%;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spellLevel > .sheet-head {
|
|
height: 0.4in;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spellLevel > .sheet-head h3 {
|
|
float: left;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-name {
|
|
vertical-align: top;
|
|
width: 2.3in;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-name input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-prepared {
|
|
float: left;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
position: relative;
|
|
width: 20px;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-prepared div, .charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-prepared input {
|
|
background: #000;
|
|
border: solid 1px #ccf;
|
|
border-radius: 10px;
|
|
color: #ccf;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-prepared input {
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-prepared input:checked + div {
|
|
background: #ccf;
|
|
color: #000;
|
|
opacity: 1;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-school {
|
|
float: right;
|
|
width: 1.1in;
|
|
}
|
|
.charsheet .sheet-magicTab .sheet-spell.sheet-card .sheet-school select {
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .sheet-skillsTab .sheet-skillsBody .sheet-skill .sheet-name.sheet-blackBox {
|
|
width: 2in;
|
|
}
|
|
.charsheet .sheet-skillsTab .sheet-skillsBody .sheet-skill .sheet-name.sheet-blackBox .sheet-labelledUnderlined {
|
|
margin: 0;
|
|
}
|
|
.charsheet .sheet-skillsTab .sheet-skillsBody .sheet-skill .sheet-name.sheet-blackBox .sheet-labelledUnderlined input {
|
|
background: #000;
|
|
color: #fff;
|
|
padding: 0;
|
|
}
|
|
.charsheet .sheet-skillsTab .sheet-skillsHead label {
|
|
font-size: 0.7em;
|
|
padding: 0;
|
|
}
|
|
.charsheet .sheet-specialFeatsTab .sheet-card .sheet-head .sheet-level {
|
|
float: left;
|
|
}
|
|
.charsheet .sheet-specialFeatsTab .sheet-card .sheet-head .sheet-uses {
|
|
float: right;
|
|
}
|
|
.charsheet .sheet-specialFeatsTab .sheet-card.sheet-trait .sheet-head .sheet-name {
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-specialFeatsTab .sheet-card.sheet-trait .sheet-head .sheet-name input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .sheet-tabsContainer {
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab {
|
|
display: inline-block;
|
|
margin-left: 1em;
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab > input {
|
|
height: 0.1px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 0.1px;
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab > input:checked ~ .sheet-tabPanel {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab > input:checked ~ label {
|
|
background: #000;
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab > label {
|
|
background: #447;
|
|
clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
|
|
color: #fff;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
height: 1.4em;
|
|
padding: 0.2em 1em;
|
|
-webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
.charsheet .sheet-tabsContainer .sheet-tab > .sheet-tabPanel {
|
|
background: #fff;
|
|
border-radius: 1em;
|
|
border-bottom: solid 2px #000;
|
|
border-top: solid 2px #000;
|
|
display: none;
|
|
left: 0;
|
|
padding: 1em;
|
|
position: absolute;
|
|
top: 2em;
|
|
width: 95%;
|
|
}
|
|
.charsheet table thead th {
|
|
line-height: 1em;
|
|
}
|
|
.charsheet table tbody td.sheet-blackBox {
|
|
display: table-cell;
|
|
}
|
|
.charsheet .sheet-blackBox {
|
|
background: #000;
|
|
border-radius: 0.5em;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .sheet-blackBox .sheet-longname {
|
|
font-size: 0.7em;
|
|
line-height: 0.7em;
|
|
}
|
|
.charsheet .sheet-blackBox .sheet-shortname {
|
|
text-transform: uppercase;
|
|
font-size: 1.5em;
|
|
}
|
|
.charsheet .sheet-blackBox .sheet-rollButton {
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-blackBox .sheet-rollButton button {
|
|
background: #fff;
|
|
border: none;
|
|
color: #fff;
|
|
height: 200%;
|
|
left: -50%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -50%;
|
|
transition: opacity 1s;
|
|
width: 200%;
|
|
}
|
|
.charsheet .sheet-blackBox .sheet-rollButton button:hover {
|
|
opacity: 0.5;
|
|
}
|
|
.charsheet .sheet-card {
|
|
border: solid 1px;
|
|
border-radius: 0.5em;
|
|
margin-bottom: 1em;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .sheet-card .sheet-body textarea {
|
|
height: 1.5em;
|
|
resize: vertical;
|
|
}
|
|
.charsheet .sheet-card .sheet-head {
|
|
background: #000;
|
|
height: 2em;
|
|
}
|
|
.charsheet .sheet-card .sheet-head .sheet-labelledBoxH {
|
|
border-radius: 0;
|
|
height: 1.75em;
|
|
}
|
|
.charsheet .sheet-card .sheet-head .sheet-labelledBoxH select {
|
|
border: none;
|
|
border-radius: 0;
|
|
height: 1.75em;
|
|
padding: 0;
|
|
}
|
|
.charsheet .sheet-card .sheet-head .sheet-name {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-card .sheet-head .sheet-name input {
|
|
background: #000;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
vertical-align: top;
|
|
width: 2in;
|
|
}
|
|
.charsheet .sheet-card .sheet-body {
|
|
background: #fff;
|
|
margin: 0.25em 0.5em;
|
|
}
|
|
.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-pfLogo {
|
|
background-image: url("http://paizo.com/image/content/Logos/PathfinderRPGLogo_500.jpeg");
|
|
background-size: 100%;
|
|
display: inline-block;
|
|
height: 1in;
|
|
width: 4in;
|
|
}
|
|
.charsheet .sheet-topStats {
|
|
display: inline-block;
|
|
width: 4.5in;
|
|
}
|