mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
2087 lines
44 KiB
CSS
2087 lines
44 KiB
CSS
.sheet-container {
|
|
width: 750px;
|
|
background-color: white;
|
|
position: relative;
|
|
}
|
|
|
|
/* Configuration of Tabs */
|
|
input[type=radio].sheet-tab-button {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 92px;
|
|
right: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button + span {
|
|
position: absolute;
|
|
top: 92px;
|
|
right: 0px;
|
|
width: 17px;
|
|
height: 17px;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
background-color: #E8E8E8;
|
|
color: black;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button:checked + span {
|
|
color: #FFFFFF;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.sheet-page {
|
|
display: none;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab1:checked ~ .sheet-page.sheet-tab1,
|
|
input[type=radio].sheet-tab-button.sheet-tab2:checked ~ .sheet-page.sheet-tab2,
|
|
input[type=radio].sheet-tab-button.sheet-tab3:checked ~ .sheet-page.sheet-tab3,
|
|
input[type=radio].sheet-tab-button.sheet-tab4:checked ~ .sheet-page.sheet-tab4,
|
|
input[type=radio].sheet-tab-button.sheet-tab5:checked ~ .sheet-page.sheet-tab5,
|
|
input[type=radio].sheet-tab-button.sheet-tab6:checked ~ .sheet-page.sheet-tab6,
|
|
input[type=radio].sheet-tab-button.sheet-tab7:checked ~ .sheet-page.sheet-tab7 {
|
|
display: block;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab1,
|
|
input[type=radio].sheet-tab-button.sheet-tab1 + span {
|
|
right: 281px;
|
|
width: 87px;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab2,
|
|
input[type=radio].sheet-tab-button.sheet-tab2 + span {
|
|
right: 209px;
|
|
width: 69px;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab3,
|
|
input[type=radio].sheet-tab-button.sheet-tab3 + span {
|
|
right: 141px;
|
|
width: 65px;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab4,
|
|
input[type=radio].sheet-tab-button.sheet-tab4 + span {
|
|
right: 70px;
|
|
width: 68px;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab5,
|
|
input[type=radio].sheet-tab-button.sheet-tab5 + span {
|
|
right: 20px;
|
|
width: 47px;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab7,
|
|
input[type=radio].sheet-tab-button.sheet-tab7 + span {
|
|
left: 0px;
|
|
width: 30px;
|
|
}
|
|
|
|
/* SHEET HEADER */
|
|
.sheet-header {
|
|
height: 91px;
|
|
}
|
|
|
|
.sheet-header input,
|
|
.sheet-header select {
|
|
border-bottom: 1px solid #B0B0B0;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-header input {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-header select {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-header input[type=number] {
|
|
text-align: center;
|
|
margin-bottom: 0px;
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-header input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-header input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-header span {
|
|
display: block;
|
|
font-size: 9px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
.sheet-name-container {
|
|
width: 250px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-name-container input {
|
|
font-size: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-header-info {
|
|
width: 482px;
|
|
margin-left: -2px;
|
|
display: block;
|
|
border: 3px double #666;
|
|
padding: 5px;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-info-container {
|
|
display: inline-block;
|
|
margin-left: -4px;
|
|
}
|
|
|
|
.sheet-info-container:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
/* SHEET BODY */
|
|
.sheet-body {
|
|
width: 750px;
|
|
margin-top: 21px;
|
|
}
|
|
|
|
textarea {
|
|
width: calc(100% - 8px);
|
|
resize: vertical;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
}
|
|
|
|
input {
|
|
color: black;
|
|
}
|
|
|
|
.sheet-section {
|
|
margin-bottom: 5px;
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-section-name {
|
|
display: inline-block;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
height: 25px;
|
|
width: 100%;
|
|
border-radius: 0px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.sheet-section-name span {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
margin-top: 3px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.repcontrol {
|
|
min-height: 27px;
|
|
}
|
|
|
|
.repcontrol .btn {
|
|
/*visibility: hidden;*/
|
|
border: medium none;
|
|
color: white !important;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: none;
|
|
border-radius: 0px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: #000000;
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
|
|
.repcontrol .repcontrol_add:before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: none;
|
|
border-radius: 0px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: #000000;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:before {
|
|
background-color: #EFEFEF;
|
|
}
|
|
|
|
.sheet-resources .repcontrol {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
.sheet-container button[type=roll]::before {
|
|
content: 'Q';
|
|
font-family: dicefontd6;
|
|
color: #000000;
|
|
}
|
|
|
|
/* CHARACTER TAB */
|
|
|
|
.sheet-col-left-character-tab {
|
|
width: 325px;
|
|
}
|
|
|
|
.sheet-col-right-character-tab {
|
|
width: 421px;
|
|
}
|
|
|
|
/* Abilities table */
|
|
.sheet-abilities-table {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-ability-container {
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-left-ability-container {
|
|
display: inline-block;
|
|
width: 267px;
|
|
border-right: 1px solid black;
|
|
min-height: 70px;
|
|
}
|
|
|
|
.sheet-ability-name {
|
|
width: 250px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-ability-name button[type=roll] {
|
|
background-color: transparent;
|
|
color: white;
|
|
border: none;
|
|
font-size: 12px;
|
|
background: none;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
padding-top: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-ability-name button[type=roll]::before,
|
|
.sheet-ability-focus-list button[type=roll]::before {
|
|
content: "";
|
|
}
|
|
|
|
.sheet-ability-name button[type=roll]:hover,
|
|
.sheet-ability-name button[type=roll]:hover *,
|
|
.sheet-ability-focus-list button[type=roll]:hover,
|
|
.sheet-ability-focus-list button[type=roll]:hover * {
|
|
color: #EC2127;
|
|
}
|
|
|
|
.sheet-ability-name button[type=roll] *,
|
|
.sheet-ability-focus-list button[type=roll] * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-primary-checkbox {
|
|
display: inline-block;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.sheet-primary-checkbox input[type="checkbox"],
|
|
.sheet-list-toggle-container input[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: relative;
|
|
left: 5px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-primary-checkbox input[type="checkbox"] + span::before,
|
|
.sheet-list-toggle-container input[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: 1px solid black;
|
|
line-height: 12px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: white;
|
|
}
|
|
|
|
.sheet-primary-checkbox input[type="checkbox"] + span::before,
|
|
.sheet-list-toggle-container input[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 10px;
|
|
border-radius: 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-primary-checkbox input[type="checkbox"]:checked + span::before,
|
|
.sheet-list-toggle-container input[type="checkbox"]:checked + span::before {
|
|
content: "✓";
|
|
color: black;
|
|
}
|
|
|
|
.sheet-right-ability-container input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-right-ability-container input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-right-ability-container input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-right-ability-container input[type=number] {
|
|
|
|
text-align: center;
|
|
font-size: 35px;
|
|
width: 50px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
color: black;
|
|
margin-top: 24%;
|
|
margin-bottom: 15%;
|
|
}
|
|
|
|
.sheet-ability-focus-list {
|
|
width: 100%;
|
|
min-height: 44px;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.sheet-ability-focus-list button[type=roll] {
|
|
display: inline-block;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 12px;
|
|
padding-right: 0px;
|
|
margin: 0px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-ability-focus-list .repitem {
|
|
display: inline-block;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-ability-focus-list .repitem:last-child .sheet-focus-comma {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-ability-focus-list .repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
/* Right column */
|
|
.sheet-sectionfourth {
|
|
width: calc(25% - 4.71px);
|
|
height: 92px;
|
|
}
|
|
|
|
.sheet-sectiontwofourths {
|
|
width: calc(50% - 3.79px);
|
|
height: 92px;
|
|
}
|
|
|
|
.sheet-mana-section,
|
|
.sheet-experience-points-section,
|
|
.sheet-fatigue-section,
|
|
.sheet-conviction-section,
|
|
.sheet-corruption-section,
|
|
.sheet-power-short-container,
|
|
.sheet-spell-short-divtohide,
|
|
.sheet-equipment-section,
|
|
.sheet-money-section {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-fatigue-section select {
|
|
display: inline-block;
|
|
font-size: 9px;
|
|
line-height: 9px;
|
|
width: 100%;
|
|
color: #A0A0A0;
|
|
text-align: center;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border: none;
|
|
color: black;
|
|
padding: none;
|
|
}
|
|
|
|
.sheet-health input[name="attr_health"],
|
|
.sheet-fatigue-section input,
|
|
.sheet-conviction-section input[name="attr_conviction"],
|
|
.sheet-corruption-section input {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
font-size: 30px;
|
|
padding-right: 0px;
|
|
padding-left: 19px;
|
|
padding-bottom: 0px;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.sheet-fatigue-section input {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-health .sheet-maximum-input span {
|
|
height: 50px;
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
line-height: 9px;
|
|
text-align: right;
|
|
margin-left: 20px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.sheet-conviction-section .sheet-maximum-input span {
|
|
height: 50px;
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
line-height: 9px;
|
|
text-align: right;
|
|
margin-left: 25px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.sheet-health input[name="attr_health"],
|
|
.sheet-mana-section input[name="attr_mana"],
|
|
.sheet-experience-points-section input[name="attr_experience-points"] {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
font-size: 30px;
|
|
padding-right: 0px;
|
|
padding-left: 19px;
|
|
padding-bottom: 0px;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.sheet-maximum-input span {
|
|
height: 50px;
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
line-height: 9px;
|
|
text-align: right;
|
|
margin-left: 20px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.sheet-maximum-input input {
|
|
display: inline-block;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: #A0A0A0;
|
|
width: 30px;
|
|
font-size: 12px;
|
|
line-height: 9px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-maximum-input input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-maximum-input input[type=number]::-webkit-outer-spin-button,
|
|
.sheet-experience-points-section input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-experience-points-section input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-experience-points-section .sheet-maximum-input span {
|
|
margin-left: 62px;
|
|
}
|
|
|
|
.sheet-experience-points-section .sheet-maximum-input input {
|
|
width: 55px;
|
|
}
|
|
|
|
.sheet-health .sheet-maximum-input input[type=number],
|
|
.sheet-mana-section .sheet-maximum-input input[type=number],
|
|
.sheet-experience-points-section input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-experience-points-section input[name="attr_experience-points"] {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.sheet-sectionfull {
|
|
width: 419px;
|
|
}
|
|
|
|
.sheet-speed-defense-armor-container {
|
|
height: 92px;
|
|
}
|
|
|
|
.sheet-speed-defense-armor-container .sheet-col {
|
|
width: 32.5%;
|
|
}
|
|
|
|
.sheet-speed-defense-score {
|
|
width: 100px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
border: 1px solid #666;
|
|
border-radius: 50%;
|
|
width: 35px;
|
|
height: 35px;
|
|
background-color: white;
|
|
margin-top: 5px;
|
|
margin-left: 50px;
|
|
margin-right: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-speed-defense-score input {
|
|
width: 100%;
|
|
text-align: left;
|
|
font-size: 20px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
margin-top: 2px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-speed-defense-score input[name="attr_armor"] {
|
|
margin-left: 7.5px;
|
|
}
|
|
|
|
.sheet-speed-defense-armor-container .sheet-maximum-input span {
|
|
margin-left: 37px;;
|
|
}
|
|
|
|
.sheet-speed-defense-armor-container .sheet-maximum-input input {
|
|
width: 35px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.sheet-speed-defense-score input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-speed-defense-score input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-speed-defense-score input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-sectionfull .repitem {
|
|
border-bottom: 1px solid #B0B0B0;
|
|
}
|
|
|
|
.sheet-repeatingcol input,
|
|
.sheet-col-weapon-groups input {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
border:none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-col-attack-name input,
|
|
.sheet-col-attack-range input,
|
|
.sheet-col-attack-reload input,
|
|
.sheet-col-ammo input[type=number],
|
|
.sheet-equipment-name input,
|
|
.sheet-equipment-quantity input,
|
|
.sheet-equipment-description input,
|
|
.sheet-power-short-name input,
|
|
.sheet-power-short-description input {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-col-attack-name {
|
|
width: 158px;
|
|
}
|
|
|
|
.sheet-col-attack-range,
|
|
.sheet-col-attack-reload,
|
|
.sheet-col-attackdice {
|
|
width: 55px;
|
|
}
|
|
|
|
.sheet-attack-container .sheet-col-ammo {
|
|
width: 30px;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-col-ammo input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-col-ammo input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-money-score input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-col-attackdice input {
|
|
width: 38px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-col-attackdice .sheet-attackroll-withaim,
|
|
.sheet-col-attackdice .sheet-attackroll-withaim::before {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-col-attack-damage {
|
|
width: 80px;
|
|
}
|
|
|
|
.sheet-col-attack-damage input {
|
|
width: 58px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.sheet-repeatingcol button[type=roll],
|
|
.sheet-focus-container button[type=roll] {
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
width: 10px;
|
|
padding: 0px;
|
|
margin-left: -2px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-equipment-name {
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-equipment-quantity {
|
|
width: 75px;
|
|
}
|
|
|
|
.sheet-equipment-description {
|
|
width: 186px;
|
|
}
|
|
|
|
.sheet-col-weapon-groups {
|
|
border-top: 1px solid black;
|
|
}
|
|
|
|
.sheet-col-weapon-groups input {
|
|
width: 100%;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.sheet-power-short-description textarea,
|
|
.sheet-spell-short-description textarea,
|
|
.sheet-equipment-description textarea {
|
|
display: inline-block;
|
|
min-height: 36px;
|
|
height: 36px;
|
|
resize: vertical;
|
|
border: none;
|
|
margin: 0px;
|
|
padding-bottom: 0px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-equipment-description textarea {
|
|
min-height: 22px;
|
|
height: 22px
|
|
}
|
|
|
|
.sheet-power-short-name {
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-power-short-description {
|
|
width: 265px;
|
|
}
|
|
|
|
.sheet-power-short-container .repcontrol,
|
|
.sheet-spell-short-container .repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-spell-short-name {
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-spell-short-name span {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-spell-short-description {
|
|
width: 248px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-spell-short-container button[type=roll] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-money-section {
|
|
width: 100%;
|
|
border-top: 1px solid black;
|
|
}
|
|
|
|
.sheet-money-score {
|
|
width: 100px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
border: 1px solid #666;
|
|
border-radius: 50%;
|
|
width: 45px;
|
|
height: 45px;
|
|
background-color: white;
|
|
margin-top: 2px;
|
|
margin-left: 0px;
|
|
margin-right: 2px;
|
|
margin-bottom: 2px;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-money-score input {
|
|
text-align: left;
|
|
font-size: 20px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
margin-top: 6px;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.sheet-money-score input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-money-score input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-money-score input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
/* PERSONA TAB */
|
|
|
|
.sheet-persona-section {
|
|
width: 100%
|
|
}
|
|
|
|
.sheet-left-persona {
|
|
width: 249px;
|
|
}
|
|
|
|
.sheet-right-persona {
|
|
width: 495px;
|
|
}
|
|
|
|
.sheet-textbox textarea {
|
|
border: none;
|
|
margin: 0px;
|
|
padding-bottom: 0px;
|
|
min-height: 48px;
|
|
height: 48px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* POWERS TAB */
|
|
|
|
.sheet-power-container {
|
|
width: 748px;
|
|
}
|
|
|
|
.sheet-power-section-name,
|
|
.sheet-spell-section-name {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-power-section-name input[type=text],
|
|
.sheet-spell-section-name input[type=text] {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
margin-top: 3px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sheet-power-stats .sheet-col {
|
|
width: 372px;
|
|
}
|
|
|
|
.sheet-power-stats span {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-row-power-type-source {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-power-stats input[type=text],
|
|
.sheet-focus-container input[type=text] {
|
|
display: inline-block;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-row-shortpowerdescription textarea,
|
|
.sheet-row-fullpowerdescription textarea,
|
|
.sheet-row-short-spell-description textarea,
|
|
.sheet-row-full-spell-description textarea {
|
|
display: inline-block;
|
|
width: 658px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-row-shortpowerdescription textarea,
|
|
.sheet-row-short-spell-description textarea {
|
|
height: 18px;
|
|
}
|
|
|
|
.sheet-row-fullpowerdescription textarea,
|
|
.sheet-row-full-spell-description textarea {
|
|
height: 72px;
|
|
}
|
|
|
|
/* FOCUSES TAB */
|
|
.sheet-tab4 .sheet-col {
|
|
width: 247px;
|
|
}
|
|
|
|
.sheet-focus-section {
|
|
display:inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-focus-section-name {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-focus-container span {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-focus-container input[name=attr_focusname] {
|
|
width: 158px;
|
|
}
|
|
|
|
.sheet-focus-container input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-focus-container input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-focus-container input[type=number] {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
padding: 0px;
|
|
width: 15px;
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-focus-container textarea {
|
|
display: inline-block;
|
|
width: 247px;
|
|
height: 54px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* MAGIC/ARCANA TAB */
|
|
|
|
.sheet-spell-container {
|
|
width: 748px;
|
|
}
|
|
|
|
.sheet-col-spell-stats {
|
|
width: 245px;
|
|
}
|
|
|
|
.sheet-col-spell-stats .sheet-row {
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-spell-stats span {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-spell-stats input {
|
|
width: 148px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
padding: 0px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-spell-stats input[type=number] {
|
|
-moz-appearance:textfield;
|
|
width: 148px;
|
|
}
|
|
|
|
.sheet-spell-stats input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-spell-stats input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-spell-stats button[type=roll] {
|
|
display: inline-block;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 18px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-spell-stats select {
|
|
display: inline-block;
|
|
width: 148px;
|
|
border-bottom: 1px solid #B0B0B0;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
margin-top: -9px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-row-short-spell-description {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* OPTIONS TAB */
|
|
|
|
input[type=checkbox].sheet-hiddencheckbox {
|
|
display:none
|
|
}
|
|
|
|
.sheet-arcana-tab-span {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ .sheet-magic-tab-span {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab1,
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab1 + span {
|
|
right: 294px;
|
|
width: 87px;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab2,
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab2 + span {
|
|
right: 222px;
|
|
width: 69px;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab3,
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab3 + span {
|
|
right: 154px;
|
|
width: 65px;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab4,
|
|
input.sheet-blue-rose-button:checked ~ input[type=radio].sheet-tab-button.sheet-tab4 + span {
|
|
right: 85px;
|
|
width: 66px;
|
|
}
|
|
|
|
input.sheet-blue-rose-button:checked ~ .sheet-arcana-tab-span,
|
|
input.sheet-blue-rose-button:checked ~ .sheet-tab-button.sheet-tab5 {
|
|
display: block;
|
|
position: absolute;
|
|
top: 92px;
|
|
right: 20px;
|
|
width: 62px;
|
|
height: 17px;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
background-color: #E8E8E8;
|
|
color: black;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-button.sheet-tab5:checked ~ .sheet-arcana-tab-span {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sheet-dragon-age-selected,
|
|
.sheet-fantasy-age-selected,
|
|
.sheet-titansgrave-selected,
|
|
.sheet-blue-rose-selected,
|
|
.sheet-age-selected,
|
|
.sheet-second-gen-selected {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-black-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span {
|
|
background-color: #000000;
|
|
}
|
|
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-tab-button:checked + span,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-section-name {
|
|
background-color: #810206;
|
|
}
|
|
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button:checked + span,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-section-name {
|
|
background-color: #00576B;
|
|
}
|
|
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button:checked + span,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-section-name {
|
|
background-color: #1f7b92;
|
|
}
|
|
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button:checked + span,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-section-name {
|
|
background-color: #007ab8;
|
|
}
|
|
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button:checked + span,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button.sheet-tab5:checked + span + span,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-section-name {
|
|
background-color: #006496;
|
|
}
|
|
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before,
|
|
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before {
|
|
color: #810206;
|
|
}
|
|
|
|
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before,
|
|
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before {
|
|
color: #00576B;
|
|
}
|
|
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before,
|
|
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before {
|
|
color: #1f7b92;
|
|
}
|
|
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before,
|
|
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before {
|
|
color: #007ab8;
|
|
}
|
|
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=roll]::before,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=roll]::before,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=roll]::before,
|
|
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=roll]::before {
|
|
color: #006496;
|
|
}
|
|
|
|
input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-dragon-age-selected,
|
|
input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-age-selected,
|
|
input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-fantasy-age-selected,
|
|
input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-age-selected,
|
|
input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-second-gen-selected,
|
|
input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-titansgrave-selected,
|
|
input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-age-selected,
|
|
input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-second-gen-selected,
|
|
input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-blue-rose-selected,
|
|
input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-second-gen-selected {
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-dragon-age-button:checked ~ .sheet-page .sheet-blue-rose-selected,
|
|
input.sheet-fantasy-age-button:checked ~ .sheet-page .sheet-blue-rose-selected,
|
|
input.sheet-titansgrave-button:checked ~ .sheet-page .sheet-blue-rose-selected,
|
|
input.sheet-blue-rose-button:checked ~ .sheet-page .sheet-age-selected {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tab6 .sheet-row {
|
|
float: right;
|
|
}
|
|
|
|
.sheet-small-section {
|
|
width: 160px;
|
|
}
|
|
|
|
.sheet-larger-section {
|
|
width: 325px;
|
|
}
|
|
|
|
.sheet-list-toggle-text {
|
|
margin-top: 2px;
|
|
margin-right: 7px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-whisper-rolls-text {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-list-toggle-container input[type="checkbox"] + span::before {
|
|
margin-right: none;
|
|
}
|
|
|
|
.sheet-tab6 .sheet-section select {
|
|
float: right;
|
|
width: 150px;
|
|
border: 1px solid #B0B0B0;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-tab6 .sheet-section select[name="attr_char-name-option"] {
|
|
width: 75px;
|
|
}
|
|
|
|
input.sheet-aim-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim,
|
|
input.sheet-aim-checkbox:checked ~ .sheet-page .sheet-attackroll-noaim::before
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-aim-checkbox:checked ~ .sheet-page .sheet-attackroll-withaim,
|
|
input.sheet-aim-checkbox:checked ~ .sheet-page .sheet-attackroll-withaim::before,
|
|
input.sheet-mana-section-checkbox:checked ~ .sheet-page .sheet-mana-section,
|
|
input.sheet-exp-section-checkbox:checked ~ .sheet-page .sheet-experience-points-section,
|
|
input.sheet-fatigue-section-checkbox:checked ~ .sheet-page .sheet-fatigue-section,
|
|
input.sheet-conviction-section-checkbox:checked ~ .sheet-page .sheet-conviction-section,
|
|
input.sheet-corruption-section-checkbox:checked ~ .sheet-page .sheet-corruption-section,
|
|
input.sheet-ammo-col-checkbox:checked ~ .sheet-page .sheet-attack-container .sheet-col-ammo,
|
|
input.sheet-power-list-checkbox:checked ~ .sheet-page .sheet-power-short-container,
|
|
input.sheet-spell-list-checkbox:checked ~ .sheet-page .sheet-spell-short-divtohide,
|
|
input.sheet-equipment-section-checkbox:checked ~ .sheet-page .sheet-equipment-section,
|
|
input.sheet-money-section-checkbox:checked ~ .sheet-page .sheet-money-section {
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-armor-container {
|
|
width: calc(75% - 2.9px);
|
|
}
|
|
|
|
input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-score {
|
|
margin-left: 33%;
|
|
}
|
|
|
|
input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-maximum-input span {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
input.sheet-ammo-col-checkbox:checked ~ .sheet-page .sheet-attack-container .sheet-col-attack-name {
|
|
width: 125px;
|
|
}
|
|
|
|
.sheet-aim-value-field input[type=number] {
|
|
text-align: center;
|
|
width: 18px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
margin-right: 3px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.sheet-aim-value-field input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-aim-value-field input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-aim-value-field input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
/* ROLL TEMPLATES */
|
|
|
|
.sheet-rolltemplate-default table {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-default caption {
|
|
background-color: black;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 0px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td:nth-child(2) {
|
|
text-align: right;
|
|
}
|
|
|
|
/* OLD CHARACTER SHEET TAB */
|
|
.sheet-tab7 {
|
|
background-color: white;
|
|
width: 830px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-colrow {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-spacer {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.sheet-tab7 textarea {
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
resize: none;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-tab7 tbody {
|
|
background: none;
|
|
}
|
|
|
|
.sheet-tab7 table {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 td {
|
|
background: none;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-characterinfotable {
|
|
border: 1px solid black;
|
|
width: 300px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-characterinfotable td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-basicinfotextbox {
|
|
width: 100%;
|
|
background: none;
|
|
border-style:none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: left;
|
|
font-size:13px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-blackbox {
|
|
border: 1px solid black;
|
|
background-color: black;
|
|
font-weight: none;
|
|
color: white;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
height: 25px;
|
|
padding: 3px;
|
|
font-family: Georgia;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-characterfeaturestable {
|
|
border: 1px solid black;
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-blackbox_alternate {
|
|
border: 1px solid black;
|
|
background-color: black;
|
|
font-weight: none;
|
|
color: white;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-featurestextarea {
|
|
width: 97%;
|
|
height: 95px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skilltable {
|
|
border: 1px solid black;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skilltable td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skilltable div {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skillvaluebox {
|
|
font-weight: bold;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
margin: 0px auto 0px auto;
|
|
text-align: center;
|
|
font-size:50px;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skillvalue {
|
|
width: 90px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-focustextarea {
|
|
width: 97%;
|
|
height: 36px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-xptable {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-xptable td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-blackboxlarge {
|
|
border: 1px solid black;
|
|
background-color: black;
|
|
font-weight: none;
|
|
color: white;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
height: 25px;
|
|
padding: 1px;
|
|
font-family: Georgia;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-class_and_xptextbox {
|
|
width: 150px;
|
|
background: none;
|
|
border-style:none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: center;
|
|
font-size:13px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2ndstattable {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2ndstattable td {
|
|
border: 1px solid black;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2ndstatbox {
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-otherinput {
|
|
width: 50px;
|
|
background: none;
|
|
border-style:none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2nd_statstextbox {
|
|
width: 83px;
|
|
background: none;
|
|
border-style:none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-armortypetextarea {
|
|
width: 97%;
|
|
background: none;
|
|
border-style:none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-container {
|
|
position: relative;
|
|
min-height: 60px;
|
|
border-radius: 0px;
|
|
border: 1px solid black;
|
|
background: none;
|
|
width: 470px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weapons-content {
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponscont {
|
|
border: 1px solid black;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponstable {
|
|
border: 1px solid black;
|
|
width: 100%;
|
|
}
|
|
.sheet-tab7 .sheet-weaponstable td {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-blackbox_alternate2 {
|
|
border: 1px solid black;
|
|
background-color: black;
|
|
font-weight: none;
|
|
color: white;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponnametext {
|
|
width: 200px;
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0px;
|
|
border-bottom: 2px solid;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponatacktext {
|
|
width: 60px;
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0px;
|
|
border-bottom: 2px solid;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponrangetext {
|
|
width: 40px;
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0px;
|
|
border-bottom: 2px solid;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weapondamagetext {
|
|
width: 60px;
|
|
background: none;
|
|
border: none;
|
|
border-bottom: 2px solid;
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-borderdown {
|
|
border-bottom: 1px solid black;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-borderall {
|
|
border: 1px solid black;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponstype {
|
|
height: 30px;
|
|
width: 458px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weapondetails {
|
|
height: 30px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponnametext2 {
|
|
width: 150px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
.sheet-tab7 .sheet-reloadtext {
|
|
height: 100%;
|
|
width: 85px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
border-color: #000000;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-weaponspecs {
|
|
width: 231px;
|
|
height: 100%;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-ammotable td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-ammotext {
|
|
width: 100%;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
|
|
}
|
|
.sheet-tab7 .sheet-ammotypetext {
|
|
width: 100%;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-circularhome {
|
|
width:100%;
|
|
height:100%;
|
|
z-index:1;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-circulartextbox {
|
|
background: none;
|
|
border: none;
|
|
width: 70px;
|
|
height: 70px;
|
|
background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
text-align:center;
|
|
padding:0;
|
|
right: -10px;
|
|
top: -33px;
|
|
z-index:2;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-circulartext {
|
|
font-weight: bold;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
margin: 0px auto 0px auto;
|
|
text-align: center;
|
|
font-size:24px;
|
|
width: 70px;
|
|
color: #000000;
|
|
padding:0;
|
|
vertical-align: middle;
|
|
position:absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
.sheet-tab7 .sheet-circularp {
|
|
font-weight: bold;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
margin: 0px auto 0px auto;
|
|
text-align: center;
|
|
font-size:14px;
|
|
color: #000000;
|
|
font-family: Georgia;
|
|
padding:0;
|
|
position:absolute;
|
|
left: 50%;
|
|
top: 110%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
.sheet-tab7 .sheet-spellbox {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-powerstext {
|
|
width: 475px;
|
|
height: 80px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-spelltable td {
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-tab7 .sheet-spelltable {
|
|
border: 1px solid black;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-spelltext {
|
|
width:110px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-spellselect {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
color: #000000;
|
|
-webkit-appearance: none;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-spellselect2 {
|
|
width: 90px;
|
|
font-size: 12px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
color: #000000;
|
|
-webkit-appearance: none;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-manatext {
|
|
width: 45px;
|
|
font-size: 12px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-timetext {
|
|
width:100px;
|
|
font-size:12px;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-natext {
|
|
width:30px;
|
|
font-size:12px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-vstext {
|
|
width:100%;
|
|
font-size:10px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-spelltext {
|
|
width:100%;
|
|
height: 40px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-talent {
|
|
height: 360px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-lefter {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
|
|
.sheet-tab7 .sheet-general {
|
|
width: 97%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-concepttext {
|
|
height: 80px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-goalstextsmall {
|
|
height: 70px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-goalstext {
|
|
height: 100px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-tiestext {
|
|
height: 110px;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-section {
|
|
position: relative;
|
|
min-height: 30px;
|
|
border-radius: 0px;
|
|
border: 1px solid black;
|
|
background: none;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-inventory {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-inventory-content {
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-InventoryName {
|
|
border: none;
|
|
width: 100%;
|
|
font-size: 10px;
|
|
box-shadow: none;
|
|
}
|
|
.sheet-tab7 .sheet-InventoryAmount {
|
|
border: none;
|
|
width: 50px;
|
|
font-size: 10px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-invTable td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-circularmoney {
|
|
background: none;
|
|
border: none;
|
|
width: 70px;
|
|
height: 70px;
|
|
background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
text-align:center;
|
|
}
|
|
.sheet-tab7 .sheet-circularmoneytext {
|
|
width: 65px;
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
border-color: black;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-talenttext {
|
|
width:300px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-talentnumber {
|
|
background: none;
|
|
border: 1px solid black;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-talentselect {
|
|
width: 100%;
|
|
font-size: 15px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: left;
|
|
color: #000000;
|
|
-webkit-appearance: none;
|
|
padding:0;
|
|
}
|
|
.sheet-tab7 .sheet-talentarea {
|
|
width:100%;
|
|
height: 40px;
|
|
}
|
|
|
|
.sheet-tab7 .focus-input {
|
|
font-family: Lucida Handwriting;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-skillvaluebox {
|
|
width: 100% !important;
|
|
font-size: 2em !important;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2ndstattable {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-tab7 .sheet-2nd_statstextbox {
|
|
width: 100% !important;
|
|
} |