Dustin Spates
12b34dd58a
1) Added Ship section that was missing from original sheet 2) Added flavor text for Ranged, Melee, and Psy attacks to make uniform 3) Various fixes to bad syntax/practices 4) Change to Degrees_Weapons to separate Psy from Weapon attacks 5) Added storage for Psy Rating used so it can be added to the damage roll 6) Added list option query to Psy Damage Roll asking to add Rating Didn't see any issues created by changes that would impact current games using the sheet. New Weapons API will be necessary to replace current or API will not execute.
1079 lines
25 KiB
CSS
1079 lines
25 KiB
CSS
/*----------- Tabs Setup -------------*/
|
|
|
|
/*this hides the contents of each tab by default*/
|
|
.charsheet div[class^="sheet-section"] {
|
|
display: none;
|
|
}
|
|
|
|
/*this shows the tab content when the appropriate input field is selected*/
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-gear,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-advancements,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-npcsandminions,
|
|
.charsheet input.sheet-tab5:checked ~ div.sheet-section-journal,
|
|
.charsheet input.sheet-tab6:checked ~ div.sheet-section-vehicles,
|
|
.charsheet input.sheet-tab7:checked ~ div.sheet-section-psykana,
|
|
.charsheet input.sheet-tab8:checked ~ div.sheet-section-social,
|
|
.charsheet input.sheet-tab9:checked ~ div.sheet-section-ship {
|
|
display: block;
|
|
}
|
|
|
|
.btn:focus {
|
|
border-color: red;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
display: block;
|
|
}
|
|
|
|
/*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/
|
|
.charsheet input.sheet-tab {
|
|
width: 100px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
background: rgba(229, 229, 229, 0.34);
|
|
color: black;
|
|
border: solid 1px rgba(0, 0, 0, 0.21);
|
|
font-weight: bold;
|
|
border-radius: 35px;
|
|
width: 95px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -104px;
|
|
}
|
|
|
|
/*this modifies the span color once the radio button is selected so you know which tab is selected*/
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
|
|
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
|
|
.charsheet input.sheet-tab8:checked + span.sheet-tab8,
|
|
.charsheet input.sheet-tab9:checked + span.sheet-tab9,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
|
|
background: #6d131b;
|
|
color: #eaeaea;
|
|
border-radius: 35px;
|
|
}
|
|
|
|
/* CSS Reset */
|
|
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper span,
|
|
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
|
|
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
color: #404040;
|
|
vertical-align: baseline;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.charsheet .sheet-wrapper table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
.charsheet .sheet-wrapper input::-webkit-outer-spin-button,
|
|
.charsheet .sheet-wrapper input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.charsheet .sheet-wrapper input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.charsheet .sheet-wrapper textarea {
|
|
resize: vertical;
|
|
}
|
|
/* Button Reset */
|
|
.charsheet .sheet-wrapper button[type="roll"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-wrapper button[type="roll"],
|
|
.charsheet .sheet-wrapper .sheet-btn {
|
|
width: 100%;
|
|
height:24px;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
border: 1px solid #ccc;
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.charsheet .sheet-wrapper button[type="roll"]:hover,
|
|
.charsheet .sheet-wrapper .sheet-btn:hover,
|
|
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
|
|
background-color: rgba(212, 2, 15, 0.85);
|
|
border-color: #ff0000;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
|
|
}
|
|
.charsheet .sheet-wrapper button[type="roll"] span,
|
|
.charsheet .sheet-wrapper button[type="roll"] input {
|
|
height:24px;
|
|
line-height: 24px;
|
|
font-size: 11px; /*13px*/
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
width: 99%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border:none;
|
|
font-weight:700;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper button[type="roll"] input {
|
|
}
|
|
.charsheet .sheet-wrapper button[type="roll"]:hover span,
|
|
.charsheet .sheet-wrapper button[type="roll"]:hover input {
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
/* Main Styles */
|
|
.charsheet {
|
|
background-image: url(http://i.imgur.com/0pdFte1.png);
|
|
background-size: cover;
|
|
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper h3 {
|
|
color: black;
|
|
padding:3px;
|
|
margin-bottom:5px;
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
font-family: inherit;
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea {
|
|
display: inline-block;
|
|
border: 1px solid #aaa;
|
|
padding: 2px;
|
|
height: 24px;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
font-family: inherit;
|
|
line-height: 16px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
background: rgba(255, 255, 255, 0.45);
|
|
vertical-align: middle;
|
|
cursor: auto;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
text-transform: none;
|
|
text-indent: 0px;
|
|
text-shadow: none;
|
|
text-align: start;
|
|
-webkit-rtl-ordering: logical;
|
|
-webkit-user-select: text;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-writing-mode: horizontal-tb;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input, .charsheet .sheet-wrapper select, .charsheet .sheet-wrapper input[type="number"] {
|
|
display: inline-block;
|
|
border-bottom: 1px dotted #a5a4a0;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding: 2px;
|
|
height: 24px;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
font-family: inherit;
|
|
line-height: 16px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
background-color: transparent;
|
|
vertical-align: middle;
|
|
cursor: auto;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
text-transform: none;
|
|
text-indent: 0px;
|
|
text-shadow: none;
|
|
text-align: start;
|
|
-webkit-rtl-ordering: logical;
|
|
-webkit-user-select: text;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-writing-mode: horizontal-tb;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input:not([type='checkbox']) {
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input[type="checkbox"] {
|
|
height: 13px;
|
|
width: 13px;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
border: 1px solid #aaa;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input[disabled],
|
|
.charsheet .sheet-wrapper select[disabled],
|
|
.charsheet .sheet-wrapper textarea[disabled],
|
|
.charsheet .sheet-wrapper input[readonly],
|
|
.charsheet .sheet-wrapper select[readonly],
|
|
.charsheet .sheet-wrapper textarea[readonly] {
|
|
background-color: transparent;
|
|
border-color: #aaa;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea {
|
|
width: 98%;
|
|
height: 80px;
|
|
line-height: 16px;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper span {
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*Three Columns w/ Image Center Column*/
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
|
|
width: calc(40% - 9px) !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2) {
|
|
width: calc(20% - 9px) !important;
|
|
margin-right:5px;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/*Three Equal Columns*/
|
|
.charsheet .sheet-wrapper .sheet-3colroweven .sheet-col {
|
|
width: calc(33% - 3px) !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-3colroweven .sheet-col:nth-child(2) {
|
|
width: calc(33% - 9px) !important;
|
|
margin-right:5px;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-3colroweven .sheet-col:last-child {
|
|
width: calc(33% - 3px) !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/*Two Equal Columns*/
|
|
.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 3px) !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/*Two Columns: Left Column Wider*/
|
|
.charsheet .sheet-wrapper .sheet-2colrowodd .sheet-col {
|
|
width: calc(50% + 97px) !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-2colrowodd .sheet-col:last-child {
|
|
width: calc(50% - 103px) !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-1colrow .sheet-col {
|
|
width: calc(100% - 3px) !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/* Table Container */
|
|
.charsheet .sheet-wrapper .sheet-tablecontainer {
|
|
display:table;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-tablecell {
|
|
display:table-cell;
|
|
}
|
|
|
|
/* Special Styles */
|
|
.charsheet .sheet-wrapper .sheet-skills td:first-child {
|
|
width:70%;
|
|
height:24px;
|
|
border-bottom:1px solid #a5a4a0;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-skills td:nth-child(n+2) {
|
|
width:24px;
|
|
height:24px;
|
|
border:1px solid #a5a4a0;
|
|
text-align:center;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-skills button[type="roll"] {
|
|
width:100%; /*24px*/
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-transparent {
|
|
background: transparent;
|
|
border: transparent;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-inline {
|
|
display:inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-quickborder {
|
|
border: 1px solid #AAAAAA;
|
|
padding:3px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-quickborder2 {
|
|
border: 1px solid rgba(255, 0, 0, 0.08);
|
|
padding: 3px;
|
|
margin-bottom: 5px;
|
|
background-color: rgba(165, 164, 160, 0.15);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-uppercase span {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-armourblock {
|
|
text-align: center;
|
|
margin: auto auto 5px auto;
|
|
width: calc(33% - 3px);
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-armourblock span {
|
|
text-align: center;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-armourblock input {
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* Rows and Items */
|
|
.charsheet .sheet-wrapper .sheet-row {
|
|
height: 24px;
|
|
margin: 0 0 2px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-doublerow {
|
|
height: 48px;
|
|
margin: 0 0 2px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-alternative:nth-child(even) {
|
|
background-color: #DBB0B1;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-header {
|
|
height: 20px;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-header span {
|
|
padding: 0;
|
|
font-size: 10px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
margin: 0 -2px;
|
|
text-align: left;
|
|
padding: 3px 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-brackets {
|
|
border-left: 1px solid #aaa;
|
|
border-right: 1px solid #aaa;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-multiline span {
|
|
line-height: 12px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-puny {
|
|
width: calc(10% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-little {
|
|
width: calc(12% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
|
|
width: calc(15% - 2%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-small {
|
|
width: calc(20% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea.sheet-small {
|
|
height: 32px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-med {
|
|
width: calc(30% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-large {
|
|
width: calc(40% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-big {
|
|
width: calc(50% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-morebig {
|
|
width: calc(60% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-bigger {
|
|
width: calc(70% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-huge {
|
|
width: calc(80% - 3%);
|
|
}
|
|
|
|
/* Characteristics */
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] span,
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input {
|
|
height:65px;
|
|
color: black;
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
font-family: inherit;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
width: 99%; /* 99% Original*/
|
|
cursor: pointer;
|
|
background-color: #b99597;
|
|
border-radius: 6px;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border:none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover span,
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover input {
|
|
color: #fff;
|
|
border: none;
|
|
background-color: rgb(109, 19, 27);
|
|
border-color: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] {
|
|
border: none;
|
|
height:65px;
|
|
background-color: transparent;
|
|
white-space: normal;
|
|
width: 100%;
|
|
margin:auto;
|
|
text-align:center;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics select {
|
|
display:inline-block;
|
|
width:100%;
|
|
text-align: center;
|
|
background-color:transparent;
|
|
border:0;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics input {
|
|
display:block;
|
|
border:1px solid #a5a4a0;
|
|
background-color:transparent;
|
|
width:70%;
|
|
height:65px;
|
|
margin:auto;
|
|
text-align:center;
|
|
font-weight:bolder;
|
|
font-family: inherit;
|
|
font-size:3em;
|
|
}
|
|
|
|
/* Footer */
|
|
.charsheet .sheet-wrapper .sheet-footer {
|
|
display:inline-block;
|
|
padding:5px;
|
|
vertical-align:super;
|
|
font-size:0.9em;
|
|
line-height:0.8em;
|
|
text-align:center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-footer td {
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-innerfooter {
|
|
display:inline-block;
|
|
border:inherit;
|
|
width:47%;
|
|
padding:2px;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-innerfooter input {
|
|
width:100%;
|
|
margin-top:-7px;
|
|
}
|
|
|
|
.sheet-mainleft {
|
|
width:39%;
|
|
float:left;
|
|
padding-right: 1%;
|
|
}
|
|
|
|
.sheet-mainright {
|
|
width:39%;
|
|
float:right;
|
|
}
|
|
.roll_advancedskill {
|
|
width: 30px;
|
|
height: 25px;
|
|
text-align: center;
|
|
}
|
|
|
|
.attr_advancedskill .charsheet .sheet-wrapper button[type="roll"] span, .charsheet .sheet-wrapper button[type="roll"] input {
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.tcenter {
|
|
text-align: center;
|
|
}
|
|
|
|
input.sheet-arrow
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-hbody
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input:focus, textarea:focus
|
|
{
|
|
border-color: red;
|
|
}
|
|
|
|
/*=== Red Horizontal Line ===*/
|
|
|
|
.sheet-dhhr
|
|
{
|
|
border-top: 0;
|
|
margin-top: 0px;
|
|
border-color: rgba(255, 0, 0, 0.29);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/*=== Unnatural Characteristic Boxes===*/
|
|
|
|
.sheet-unnatural_box {
|
|
position:relative;
|
|
width: 99px;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-unnatural {
|
|
position:absolute;
|
|
left: 59px;
|
|
top: 40px;
|
|
z-index:1;
|
|
margin-bottom:0px;
|
|
padding-bottom:0px;
|
|
}
|
|
.charsheet .sheet-wrapper .sheet-unnatural[type="number"] {
|
|
font-size: 1em;
|
|
height:1.8em;
|
|
width:1.8em;
|
|
background: rgba(225, 225, 225, 0.66);
|
|
border: none;
|
|
border-top-left-radius: 16px;
|
|
}
|
|
|
|
/*=== Water mark Inquisitorial Backgrounds ===*/
|
|
.sheet-section-core {
|
|
background: url(http://i.imgur.com/KtIcPpG.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-watermark {
|
|
background: url(http://i.imgur.com/KtIcPpG.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-watermark1 {
|
|
background: url(https://i.imgur.com/ZFEOPRx.png);
|
|
background-size: contain;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
.sheet-watermarksail {
|
|
background: url(https://i.imgur.com/i0QIZei.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
.sheet-watermarkbroadside {
|
|
background: url(https://i.imgur.com/CehzKsE.png);
|
|
background-size: cover;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
/*=== Styled Buttons===*/
|
|
|
|
.sheet-Impskull button[type="roll"] {
|
|
background-image: url(http://i.imgur.com/OyYtpHq.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
}
|
|
.sheet-Impskull {
|
|
background-color: rgba(111, 21, 29, 0.4);
|
|
background-clip: content-box;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.sheet-redbgns {
|
|
background-color: rgba(111, 21, 29, 0.4);
|
|
background-clip: content-box;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.sheet-DHBtn span {
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-DHBtn button[type="roll"] {
|
|
background-color: rgba(111, 21, 29, 0.4);
|
|
background-clip: content-box;
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
width: 200px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-DHBtn button[type="roll"]:hover {
|
|
background-color: rgb(109, 19, 27);
|
|
}
|
|
|
|
.sheet-DHBtn2 {
|
|
background-color: rgba(111, 21, 29, 0.4);
|
|
background-clip: content-box;
|
|
border-radius: 6px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-DHBtn2 button[type="roll"]:hover {
|
|
background-color: rgb(109, 19, 27);
|
|
border: none;
|
|
}
|
|
|
|
.sheet-DHBtn2 span {
|
|
color: white;
|
|
}
|
|
.charsheet .sheet-redbgns span {
|
|
color: white;
|
|
}
|
|
|
|
.charsheet .sheet-redbgns button[type="roll"]:hover {
|
|
background-color: rgb(109, 19, 27);
|
|
border: none;
|
|
}
|
|
|
|
/*=== Silhoullette for Armor and Defense Box ===*/
|
|
.sheet-sildh {
|
|
background-image: url(http://i.imgur.com/rQQbxXK.png);
|
|
background-size: contain;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-unnaturaltext[type="text"]{
|
|
background-color: rgba(0, 0, 0, 0.31);
|
|
border: none;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.sheet-grayborders {
|
|
background-color: #a5a4a0;
|
|
}
|
|
|
|
.sheet-tcenter {
|
|
text-align: center;
|
|
}
|
|
|
|
/*=== Textarea overides ===*/
|
|
|
|
.charsheet .sheet-wrapper .sheet-charmotive1[type="text"] {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-style: italic;
|
|
font-family: caslon antique;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-charmotive textarea {
|
|
background: rgba(238, 237, 232, 0.31);
|
|
border: none;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
height: 50px;
|
|
resize: none;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
font-style: italic;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-priobj textarea {
|
|
height: 189px;
|
|
width: 87%;
|
|
margin-left: 24px;
|
|
margin-top: 42px;
|
|
background: transparent;
|
|
border: none;
|
|
color: #0ed80e;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-misblock textarea {
|
|
height: 20px;
|
|
resize: none;
|
|
display: inline;
|
|
width: 86%;
|
|
}
|
|
|
|
/*=== Inquisitorial Dataslate for Missions ===*/
|
|
|
|
.sheet-priobj {
|
|
background-image: url(http://i.imgur.com/qs2c0H2.png);
|
|
background-position: top center;
|
|
background-clip: initial;
|
|
background-size: cover;
|
|
height: 261px;
|
|
width: 350px;
|
|
}
|
|
|
|
/*=== Minor/misc Style Edits ===*/
|
|
.sheet-tdother {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-btn:focus {
|
|
border-color: #d80a0a;
|
|
}
|
|
|
|
.sheet-halfcol {
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-tdalignt {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-misblock span {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-mutchecks {
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-dhcol {
|
|
width: calc(25% - 3px) !important;
|
|
margin-right: 2px !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-colcor {
|
|
vertical-align: top !important;
|
|
width: 49% !important;
|
|
}
|
|
|
|
/*=== Roll Template Style ===*/
|
|
|
|
.sheet-rolltemplate-darkheresy2 table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/VmcMVk2.png) top left repeat;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 th {
|
|
color: black;
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Caslon Antique, "Arial", Helvetica, sans-serif;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 td {
|
|
padding-left: 5px;
|
|
font-family: Berylium-Regular;
|
|
font-size: 15px;
|
|
color: rgb(80, 80, 80);
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkheresy2 .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-scattergram table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/VmcMVk2.png) top left repeat;
|
|
}
|
|
|
|
.sheet-rolltemplate-scattergram th {
|
|
color: black;
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Caslon Antique, "Arial", Helvetica, sans-serif;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
/*=== Secondary Tabs CSS Style ===*/
|
|
|
|
.sheet-secondarytabs {
|
|
position: relative;
|
|
min-height: 300px;
|
|
clear: both;
|
|
margin: 35px 0 25px !important;
|
|
background: rgba(255, 255, 255, 0.34);
|
|
}
|
|
|
|
.sheet-secondarytab {
|
|
float: left;
|
|
|
|
}
|
|
.sheet-secondarytab span {
|
|
background: #eee;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
margin-left: -1px;
|
|
position: relative;
|
|
left: 1px;
|
|
top: -29px;
|
|
-webkit-transition: background-color .17s linear;
|
|
}
|
|
.sheet-secondarytab [type=radio] {
|
|
display: none;
|
|
}
|
|
.sheet-content {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: 0;
|
|
background: transparent;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 5px !important;
|
|
border: 1px solid #ccc;
|
|
-webkit-transition: opacity .6s linear;
|
|
opacity: 0;
|
|
}
|
|
[type=radio]:checked ~ span {
|
|
z-index: 2;
|
|
}
|
|
[type=radio]:checked ~ span ~ .sheet-content {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-secondarytab span {
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
height: 24px;
|
|
line-height: 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-socialitem input[type="number"] {
|
|
text-align:center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-socialspan span{
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.sheet-DHBtn2 span{
|
|
height: 24px;
|
|
color: white;
|
|
line-height: 24px;
|
|
font-size: 11px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
width: 99%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border: none;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.sheet-span2 span{
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
float: none;
|
|
}
|
|
|
|
[class*="span"] {
|
|
float: none;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/*=== Advance select reconfiguration ===*/
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics .sheet-advanceselect input {
|
|
height: 20px;
|
|
font-size: 15px;
|
|
} |