mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
KnowledgeRhino
04af08d388
====New Features:==== -4.0.4.6 -Added Version info and Recent Changes list. ====Bug Fixes:==== -4.0.4.5 -Fixed an auto-calculation error that effected skill down-down lists. - 4.0.4.6 - Fixed species display for Dressellian. - Fixed an auto-calculation error that effected skill down-down lists (again).
1413 lines
36 KiB
CSS
1413 lines
36 KiB
CSS
/*
|
|
Version Info:
|
|
Verion 4.0.4.6
|
|
*/
|
|
|
|
.sheet-clear {clear:both}
|
|
.sheet-divider {border-top:1px solid #e3e3e3}
|
|
|
|
/* GRID
|
|
* ----------------------------------------------------------------- */
|
|
|
|
.sheet-row {padding: 1% 0%; clear: both}
|
|
.sheet-column {margin:0 1%; float:left;}
|
|
.sheet-column .sheet-column {margin:0 0%; float:left;}
|
|
|
|
.sheet-row .sheet-column:last-child {float:right}
|
|
|
|
.sheet-small-1 {width: 6.3%}
|
|
.sheet-small-2 {width: 14.6%}
|
|
.sheet-small-3 {width: 23%}/* 25% */
|
|
.sheet-small-4 {width: 31.3%}
|
|
.sheet-small-5 {width: 39.6%}
|
|
.sheet-small-6 {width: 48%}/* 50% */
|
|
.sheet-small-7 {width: 56.3%}
|
|
.sheet-small-8 {width: 64.6%}
|
|
.sheet-small-9 {width: 73%}/* 75% */
|
|
.sheet-small-10 {width: 81.3%}
|
|
.sheet-small-11 {width: 91.6%}
|
|
.sheet-small-12 {width: 98%}/* 100% */
|
|
|
|
/* Dice input reset
|
|
*-------------------------------------- */
|
|
.sheet-dice-pool [type=roll] {
|
|
padding:2px 4px !important;
|
|
margin:0 !important;
|
|
font-size:28px !important;
|
|
line-height:28px !important;
|
|
}
|
|
|
|
.sheet-dice-pool [name='roll_ResetDicePool'],
|
|
.sheet-dice-pool [name='roll_ResetGMDicePool'] {padding-bottom:3px !important}
|
|
|
|
.sheet-dice-pool [name='roll_ResetDicePool']:before,
|
|
.sheet-dice-pool [name='roll_ResetGMDicePool']:before {
|
|
font-family: "Pictos" !important;
|
|
content: "r" !important;
|
|
}
|
|
|
|
/* ------------------------------------ */
|
|
/* Dice input span graphics
|
|
*----------------------------------------- */
|
|
|
|
.sheet-yd + span {
|
|
background-image:url('http://i.imgur.com/Ntq77sk.png');/* Yellow - Proficiency Die */
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
height:20px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
.sheet-gd + span {
|
|
background-image:url('http://i.imgur.com/cqkTp2t.png');/* Green - Ability Die */
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
height:20px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
.sheet-pd + span {
|
|
background-image:url('http://i.imgur.com/afj6fxH.png');/* Purple - Difficulty Die */
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
height:20px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
.sheet-gd[value="0"] + span {width:0;}
|
|
.sheet-gd[value="1"] + span {width: 17px}
|
|
.sheet-gd[value="2"] + span {width: 34px}
|
|
.sheet-gd[value="3"] + span {width: 51px}
|
|
.sheet-gd[value="4"] + span {width: 68px}
|
|
.sheet-gd[value="5"] + span {width: 85px}
|
|
.sheet-gd[value="6"] + span {width: 102px}
|
|
.sheet-gd[value="7"] + span {width: 124px}
|
|
|
|
.sheet-yd[value="0"] + span {width:0;}
|
|
.sheet-yd[value="1"] + span {width: 17px}
|
|
.sheet-yd[value="2"] + span {width: 34px}
|
|
.sheet-yd[value="3"] + span {width: 51px}
|
|
.sheet-yd[value="4"] + span {width: 68px}
|
|
.sheet-yd[value="5"] + span {width: 85px}
|
|
.sheet-yd[value="6"] + span {width: 102px}
|
|
.sheet-yd[value="7"] + span {width: 124px}
|
|
|
|
/*used for crit section*/
|
|
.sheet-pd[value="0"] + span {width:0;}
|
|
.sheet-pd[value="1"] + span {width: 20px}
|
|
.sheet-pd[value="2"] + span {width: 40px}
|
|
.sheet-pd[value="3"] + span {width: 60px}
|
|
.sheet-pd[value="4"] + span {width: 80px}
|
|
.sheet-pd[value="5"] + span {width: 100px}
|
|
.sheet-pd[value="6"] + span {width: 120px}
|
|
.sheet-pd[value="7"] + span {width: 140px}
|
|
|
|
/* Switch
|
|
* ------------------------------------ */
|
|
.sheet-switch {
|
|
position: relative;
|
|
margin: 0px auto;
|
|
height: 27px;
|
|
width: 120px;
|
|
background: rgba(0, 0, 0, 0.40);
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.sheet-switch [type=radio] {
|
|
width:60px;
|
|
height:27px;
|
|
float:left;
|
|
display:block;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
border:none;
|
|
outline:none;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-switch [type=radio]::before {
|
|
content: attr(title);
|
|
display:block;
|
|
width:60px;
|
|
height:27px;
|
|
line-height:27px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-switch [type=radio]:checked,
|
|
.sheet-switch [type=radio]:active,
|
|
.sheet-switch [type=radio]:focus {
|
|
font-weight: normal;
|
|
background:transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-switch-input-on:checked ~ .sheet-switch-selection {
|
|
left: 2px;
|
|
}
|
|
|
|
.sheet-switch-input-off:checked ~ .sheet-switch-selection {
|
|
left: 60px;
|
|
}
|
|
|
|
.sheet-switch-selection {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 58px;
|
|
height: 23px;
|
|
background: #65bd63;
|
|
border-radius: 3px;
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
-webkit-transition: left 0.15s ease-out;
|
|
-moz-transition: left 0.15s ease-out;
|
|
-o-transition: left 0.15s ease-out;
|
|
transition: left 0.15s ease-out;
|
|
}
|
|
|
|
/* Form Options
|
|
* ------------------------------------ */
|
|
|
|
table .sheet-opt-content {
|
|
display: none;
|
|
}
|
|
|
|
/* Old Vehicle Tabs */
|
|
input.sheet-opt-vehicle:checked ~ table tr.sheet-opt-vehicle,
|
|
input.sheet-opt-ship:checked ~ table tr.sheet-opt-ship,
|
|
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
|
|
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
|
|
input.sheet-tab-older:checked ~ div.sheet-tab-older,
|
|
/* New Vehicle Tabs */
|
|
input.sheet-tab-transport-space:checked ~ table tr.sheet-tab-transport-space,
|
|
input.sheet-tab-transport-planetary:checked ~ table tr.sheet-tab-transport-planetary,
|
|
input.sheet-tab-transport-beast:checked ~ table tr.sheet-tab-transport-beast,
|
|
/* Base of Operations Tabs */
|
|
input.sheet-opt-rebel:checked ~ table tr td.sheet-opt-rebel,
|
|
input.sheet-opt-business:checked ~ table tr td.sheet-opt-business,
|
|
input.sheet-opt-homestead:checked ~ table tr td.sheet-opt-homestead,
|
|
/* Companion Tabs */
|
|
input.sheet-tab-companion-info:checked ~ table tr td.sheet-tab-companion-info,
|
|
input.sheet-tab-companion-combat:checked ~ table tr td.sheet-tab-companion-combat,
|
|
input.sheet-tab-companion-inventory:checked ~ table tr td.sheet-tab-companion-inventory,
|
|
/* GM Tabs */
|
|
input.sheet-tab-gm-combat:checked ~ table tr td.input.sheet-tab-gm-combat,
|
|
input.sheet-tab-gm-weapons:checked ~ table tr td.sheet-tab-gm-weapons,
|
|
input.sheet-tab-group-base-details:checked ~ table tr td.sheet-tab-group-base-details,
|
|
input.sheet-tab-group-shared:checked ~ table tr td.sheet-tab-group-shared,
|
|
input.sheet-tab-gm-adversaries:checked ~ table tr td.sheet-tab-gm-adversaries
|
|
{
|
|
display: table-row;
|
|
}
|
|
|
|
/* Old Vehicle Tabs */
|
|
input.sheet-opt-vehicle:checked ~ table tr td.sheet-opt-vehicle,
|
|
input.sheet-opt-ship:checked ~ table tr td.sheet-opt-ship,
|
|
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
|
|
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
|
|
input.sheet-tab-older:checked ~ div.sheet-tab-older,
|
|
/* New Vehicle Tabs */
|
|
input.sheet-tab-transport-space:checked ~ table tr.sheet-tab-transport-space,
|
|
input.sheet-tab-transport-planetary:checked ~ table tr.sheet-tab-transport-planetary,
|
|
input.sheet-tab-transport-beast:checked ~ table tr.sheet-tab-transport-beast,
|
|
/* Base of Operations Tabs */
|
|
input.sheet-opt-rebel:checked ~ table tr td.sheet-opt-rebel,
|
|
input.sheet-opt-business:checked ~ table tr td.sheet-opt-business,
|
|
input.sheet-opt-homestead:checked ~ table tr td.sheet-opt-homestead,
|
|
/* Companion Tabs */
|
|
input.sheet-tab-companion-info:checked ~ table tr td.sheet-tab-companion-info,
|
|
input.sheet-tab-companion-stp:checked ~ table tr td.sheet-tab-companion-stp,
|
|
input.sheet-tab-companion-combat:checked ~ table tr td.sheet-tab-companion-combat,
|
|
input.sheet-tab-companion-inventory:checked ~ table tr td.sheet-tab-companion-inventory,
|
|
/* GM Tabs */
|
|
input.sheet-tab-gm-combat:checked ~ table tr td.input.sheet-tab-gm-combat,
|
|
input.sheet-tab-gm-weapons:checked ~ table tr td.sheet-tab-gm-weapons,
|
|
input.sheet-tab-group-base-details:checked ~ table tr td.sheet-tab-group-base-details,
|
|
input.sheet-tab-group-shared:checked ~ table tr td.sheet-tab-group-shared,
|
|
input.sheet-tab-gm-adversaries:checked ~ table tr td.sheet-tab-gm-adversaries
|
|
{
|
|
display: table-cell;
|
|
}
|
|
|
|
input.sheet-opt {
|
|
height: 30px;
|
|
margin-right:120px;
|
|
border:none;
|
|
outline:none;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-opt::after {
|
|
content: attr(title);
|
|
text-align: left;
|
|
display: block;
|
|
color:#444;
|
|
width: 120px;
|
|
padding-left:20px;
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
input.sheet-opt-vehicle {
|
|
margin-left:10px;
|
|
}
|
|
|
|
input.sheet-opt:active,
|
|
input.sheet-op:focus {
|
|
outline:none;
|
|
}
|
|
|
|
/* START TAB CODE */
|
|
|
|
input.sheet-tab-new {
|
|
cursor: pointer;
|
|
height: 20px;
|
|
opacity: 0;
|
|
position: relative;
|
|
width: 120px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
span.sheet-tab-new {
|
|
background: #ff0b02 none repeat scroll 0 0;
|
|
border-radius: 4px;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
height: 20px;
|
|
margin-left: -122px;
|
|
position: relative;
|
|
text-align: center;
|
|
line-height:20px;
|
|
width: 120px;
|
|
}
|
|
|
|
input.sheet-tab-new:checked + span {
|
|
background: #dea710 none repeat scroll 0 0;
|
|
border-radius: 4px;
|
|
color: black;
|
|
}
|
|
|
|
/* END TAB CODE */
|
|
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
border-top:1px solid #444;
|
|
margin-top:2px;
|
|
}
|
|
|
|
/* Top Level Tabs */
|
|
input.sheet-tab-character-sheet:checked ~ div.sheet-tab-character-sheet,
|
|
input.sheet-tab-ship-sheet:checked ~ div.sheet-tab-ship-sheet,
|
|
input.sheet-tab-base-sheet:checked ~ div.sheet-tab-base-sheet,
|
|
input.sheet-tab-gm-dice:checked ~ div.sheet-tab-gm-dice,
|
|
input.sheet-tab-companion-sheet:checked ~ div.sheet-tab-companion-sheet,
|
|
|
|
/* Character Sheet Tab SubTabs */
|
|
input.sheet-tab-character:checked ~ div.sheet-tab-character,
|
|
input.sheet-tab-skills:checked ~ div.sheet-tab-skills,
|
|
input.sheet-tab-talents:checked ~ div.sheet-tab-talents,
|
|
input.sheet-tab-weapons:checked ~ div.sheet-tab-weapons,
|
|
input.sheet-tab-notes:checked ~ div.sheet-tab-notes,
|
|
|
|
/* Vehicle Sheet Tab SubTabs */
|
|
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
|
|
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
|
|
input.sheet-tab-older:checked ~ div.sheet-tab-older,
|
|
input.sheet-tab-transport-space:checked ~ div.sheet-tab-transport-space,
|
|
input.sheet-tab-transport-planetary:checked ~ div.sheet-tab-transport-planetary,
|
|
input.sheet-tab-transport-beast:checked ~ div.sheet-tab-transport-beast,
|
|
|
|
/* Group Sheet Tab*/
|
|
input.sheet-tab-base-details:checked ~ div.sheet-tab-base-details,
|
|
input.sheet-tab-base-shared:checked ~ div.sheet-tab-base-shared,
|
|
|
|
/* Group Sheet Tab SubTabs */
|
|
input.sheet-tab-groupshared:checked ~ div.sheet-tab-groupshared,
|
|
|
|
/* Group Sheet Tab Radio Buttons */
|
|
input.sheet-opt-rebel:checked ~ div.sheet-opt-rebel,
|
|
input.sheet-opt-business:checked ~ div.sheet-opt-business,
|
|
input.sheet-opt-homestead:checked ~ div.sheet-opt-homestead,
|
|
|
|
/* Companion Sub Tabs */
|
|
input.sheet-tab-companion-info:checked ~ div.sheet-tab-companion-info,
|
|
input.sheet-tab-companion-combat:checked ~ div.sheet-tab-companion-combat,
|
|
input.sheet-tab-companion-inventory:checked ~ div.sheet-tab-companion-inventory,
|
|
|
|
/* gmdice Sheet Tab SubTabs */
|
|
input.sheet-tab-gm-combat:checked ~ div.sheet-tab-gm-combat,
|
|
input.sheet-tab-gm-weapons:checked ~ div.sheet-tab-gm-weapons, /* Currently used for Group Mechanics sheet */
|
|
input.sheet-tab-group-base-details:checked ~ div.sheet-tab-group-base-details, /* Group Base of Operations Copy*/
|
|
input.sheet-tab-group-shared:checked ~ div.sheet-tab-group-shared, /* Group Shared Resources Copy*/
|
|
input.sheet-tab-gm-adversaries:checked ~ div.sheet-tab-gm-adversaries /* Currently used for Campaign Details sheet */
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* Roll Template Formatting */
|
|
|
|
.sheet-rolltemplate-base table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-base th {
|
|
border-radius: 3px;
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-subheader {
|
|
font-size:0.8em;
|
|
padding:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-tcat-header {
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
line-height: 1.2em;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-rolltemplate-base td {
|
|
padding:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-tcat {
|
|
font-weight: bold;
|
|
padding:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .sheet-flavor {
|
|
font-style: italic;
|
|
padding:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base tr:nth-child(odd) {
|
|
background-color: rgba(217, 217, 214,1);
|
|
padding:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base tr:nth-child(even) {
|
|
background-color: rgba(233, 233, 233,1);
|
|
padding:2px;
|
|
}
|
|
|
|
/* Custom Show Hide
|
|
* ------------------------------------ */
|
|
.sheet-player-sheet,
|
|
.sheet-gm-sheet {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-player:checked ~ .sheet-player-sheet,
|
|
input.sheet-gm:checked ~ .sheet-gm-sheet{
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-gm:checked ~ div.sheet-tab-content {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-gm:checked ~ div.sheet-tab-gm-dice {
|
|
display: block;
|
|
}
|
|
|
|
/* ------------------------------------ */
|
|
|
|
.charsheet {
|
|
padding:0px !important;
|
|
margin:0px !important;
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
text-align:right;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.charsheet input[type=text],
|
|
.charsheet textarea,
|
|
.charsheet select {
|
|
width:100%;
|
|
height:auto;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
.charsheet input,
|
|
.charsheet textarea {
|
|
background:#e3e3e3;
|
|
}
|
|
|
|
.charsheet input:focus,
|
|
.charsheet textarea:focus {
|
|
background:#fff;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
width:calc(100% - 15px);
|
|
height:auto;
|
|
text-align:left;
|
|
}
|
|
|
|
.charsheet label {
|
|
font-size:11px;
|
|
color:#444;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
.charsheet table {
|
|
width:100%;
|
|
background-image: url('http://i.imgur.com/4biHABZ.jpg');/* Grey Background */
|
|
background-position:center center;
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
.charsheet table tr th {
|
|
text-align:left;
|
|
background:#444;
|
|
color:#f3f3f3;
|
|
padding:3px 5px;
|
|
}
|
|
|
|
.charsheet table tr th:last-child {
|
|
background-image: url('http://i.imgur.com/iZPF9he.png');/* Blank white space */
|
|
background-position: right bottom;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.charsheet table tr td {
|
|
text-align:left;
|
|
padding:3px 5px;
|
|
border-bottom:1px dotted #ccc;
|
|
}
|
|
|
|
.charsheet table tr:hover td {
|
|
background-color:#f1f1f1;
|
|
}
|
|
|
|
.sheet-bg-gray label {color:#eee}
|
|
.sheet-bg-gray td,
|
|
.sheet-bg-gray:hover td,
|
|
|
|
.charsheet .sheet-sub-header,
|
|
.charsheet .sheet-sub-header:hover{
|
|
background:#D3D3D3;
|
|
color:#eee;
|
|
}
|
|
|
|
.sheet-bg-blue label {color:#fff}
|
|
.sheet-bg-blue td,
|
|
.sheet-bg-blue:hover td,
|
|
|
|
.charsheet .sheet-sub-header,
|
|
.charsheet .sheet-sub-header:hover{
|
|
background:#78728f;
|
|
color:#fff;
|
|
}
|
|
|
|
.charsheet table tr td.sheet-div-right {
|
|
border-right:1px solid #ccc
|
|
}
|
|
|
|
.charsheet h3 {
|
|
background-image: url('http://i.imgur.com/dulnTTi.png'), url('http://i.imgur.com/oWaNr2C.png');/* Stretched hexagon, Grey Title lines*/
|
|
background-position: center top, center 5px;
|
|
background-repeat:no-repeat, repeat-x;
|
|
line-height:40px;
|
|
padding:0;
|
|
margin:0;
|
|
text-align:center;
|
|
color:#fff;
|
|
}
|
|
|
|
.charsheet .sheet-sub-header,
|
|
.charsheet .sheet-sub-header:hover{
|
|
background:#485a6d;
|
|
color:#fff;
|
|
}
|
|
|
|
/* ------------------------------------------------- Dice Pool */
|
|
|
|
.sheet-section-1 {
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
.sheet-section-1 .sheet-column {
|
|
margin-bottom:0px;
|
|
margin:0 0;
|
|
width:100%
|
|
}
|
|
|
|
.sheet-dice-pool {border-bottom:1px solid #444;}
|
|
|
|
.sheet-dice-pool img {
|
|
width:20px;
|
|
margin:4px 0 0 -10px;
|
|
padding:0px;
|
|
position:absolute;
|
|
}
|
|
|
|
.sheet-dice-pool .sheet-note {
|
|
font-size:10px;
|
|
font-weight:normal;
|
|
color:#d3d3d3;
|
|
}
|
|
|
|
.sheet-dice-pool td,
|
|
.sheet-dice-pool tr:hover td {
|
|
background:#444;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-light,
|
|
.sheet-dice-pool td.sheet-dark,
|
|
.sheet-dice-pool td.sheet-force {
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-light:nth-child(1),
|
|
.sheet-dice-pool td.sheet-dark:nth-child(5) {
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-light:nth-child(3),
|
|
.sheet-dice-pool td.sheet-dark:nth-child(7) {
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-force {
|
|
border-left:1px solid #777;
|
|
border-right:1px solid #777;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-force {border-bottom:none}
|
|
.sheet-dice-pool td.sheet-light {}
|
|
.sheet-dice-pool td.sheet-dark {}
|
|
|
|
.sheet-dice-pool td.sheet-light:nth-child(1) {
|
|
border-left:1px solid #999;
|
|
}
|
|
|
|
.sheet-dice-pool td.sheet-upgrade,
|
|
.sheet-dice-pool td.sheet-downgrade {
|
|
text-align:center !important;
|
|
border-bottom:1px solid #777;
|
|
border-top:1px solid #777;
|
|
}
|
|
|
|
.sheet-dice-pool [type=number] {
|
|
background:#f3f3f3;
|
|
width: 50px !important;
|
|
height:40px;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-dice-pool [type=number]:focus {
|
|
background:#fff;
|
|
}
|
|
|
|
.sheet-upgrade label,
|
|
.sheet-downgrade label {
|
|
display:inline-block;
|
|
width:auto;
|
|
text-align:center;
|
|
color:#f3f3f3;
|
|
}
|
|
|
|
/* ------------------------------------------------- Soak, Wounds... */
|
|
|
|
.sheet-swsd {
|
|
background: url('http://i.imgur.com/M8dBhzt.png') center -2px no-repeat;/* Character Sheet Stat connecting sword title - Border */
|
|
}
|
|
.sheet-swsd tr:hover td {background-color:transparent;}
|
|
.sheet-swsd tr td {border:none;}
|
|
|
|
.sheet-swsd th {
|
|
font-size:10px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-swsd td {
|
|
text-align:center;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-swsd td:nth-child(1),
|
|
.sheet-swsd td:nth-child(2),
|
|
.sheet-swsd td:nth-child(3),
|
|
.sheet-swsd td:nth-child(4),
|
|
.sheet-swsd td:nth-child(5) {
|
|
background-image: url('http://i.imgur.com/cODj4n5.png');/* Threshold / Current - Border */
|
|
background-position: center top;
|
|
background-repeat:no-repeat;
|
|
width:153px;
|
|
height:87px;
|
|
}
|
|
|
|
.sheet-swsd td:nth-child(3),
|
|
.sheet-swsd td:nth-child(4),
|
|
.sheet-swsd td:nth-child(5) {
|
|
background-position: center center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.sheet-swsd tr:nth-child(2) td:nth-child(1),
|
|
.sheet-beast tr:first-child td:nth-child(5){
|
|
background-image: url('http://i.imgur.com/cyPJPLg.png');/* Single Digit - Border */
|
|
background-position: center top;
|
|
background-repeat:no-repeat;
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-beast tr:first-child td:nth-child(5){
|
|
vertical-align:middle;
|
|
background-position: center 60px;
|
|
}
|
|
|
|
.sheet-swsd tr:nth-child(2) td:nth-child(2) {
|
|
background:none;
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
|
|
.sheet-swsd tr:nth-child(2) td:nth-child(1) label.sheet-label-title {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
line-height:15px;
|
|
padding-bottom:4px;
|
|
font-size:14px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-beast tr:first-child td:nth-child(5) label.sheet-label-title {
|
|
padding-bottom:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
label.sheet-label-title {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-size:13px;
|
|
line-height:25px;
|
|
padding-bottom:6px;
|
|
}
|
|
|
|
label.sheet-label-threshold,
|
|
label.sheet-label-current,
|
|
label.sheet-label-range,
|
|
label.sheet-label-melee {
|
|
color:#fff;
|
|
font-size:9px;
|
|
font-weight:normal;
|
|
display:inline-block;
|
|
width:auto;
|
|
padding:0 5px;
|
|
}
|
|
label.sheet-label-current-speed,
|
|
label.sheet-label-threshold-speed {
|
|
color:#fff;
|
|
font-size:9px;
|
|
font-weight:normal;
|
|
display:inline-block;
|
|
width:auto;
|
|
padding:0 10px;
|
|
}
|
|
|
|
label.sheet-label-current {
|
|
padding-right:16px;
|
|
}
|
|
|
|
.charsheet .sheet-swsd [type=number] {
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
text-align:right;
|
|
width:50px !important;
|
|
}
|
|
|
|
.sheet-destiny td:nth-child(1)
|
|
{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width:250px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-destiny td:nth-child(3)
|
|
{
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.sheet-destiny td:nth-child(2),
|
|
.sheet-destiny td:nth-child(4)
|
|
{
|
|
text-align:center;
|
|
background-image: url('http://i.imgur.com/cyPJPLg.png');/* Single Digit - Border */
|
|
background-position: center top;
|
|
background-repeat:no-repeat;
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-destiny {
|
|
background-image:none;
|
|
}
|
|
|
|
.sheet-destiny tr td {border:none;}
|
|
.sheet-destiny tr:hover td {background-color:transparent;}
|
|
|
|
.sheet-destiny label {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
line-height:15px;
|
|
padding-bottom:4px;
|
|
font-size:14px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-destiny [type=number] {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* ------------------------------------------------- Characteristics */
|
|
|
|
.sheet-characteristics td:nth-child(1),
|
|
.sheet-characteristics td:nth-child(3),
|
|
.sheet-characteristics td:nth-child(5),
|
|
.sheet-characteristics td:nth-child(7),
|
|
.sheet-characteristics td:nth-child(9),
|
|
.sheet-characteristics td:nth-child(11),
|
|
.sheet-characteristics td:nth-child(13)
|
|
{
|
|
text-align:center;
|
|
background-image: url('http://i.imgur.com/cyPJPLg.png');/* Single Digit - Border */
|
|
background-position: center top;
|
|
background-repeat:no-repeat;
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-characteristics {
|
|
background-image:none;
|
|
}
|
|
|
|
.sheet-characteristics tr td {border:none;}
|
|
.sheet-characteristics tr:hover td {background-color:transparent;}
|
|
|
|
.sheet-characteristics label {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
line-height:15px;
|
|
padding-bottom:4px;
|
|
font-size:14px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-characteristics [type=number] {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* Critical */
|
|
|
|
.sheet-critical tr td {
|
|
border-bottom:none;
|
|
}
|
|
|
|
.sheet-critical {
|
|
border-bottom:1px dotted #999;
|
|
}
|
|
|
|
.sheet-critical:hover {
|
|
background:#f1f1f1;
|
|
}
|
|
|
|
.sheet-roll-critical,
|
|
.sheet-roll-critical tr td,
|
|
.sheet-roll-critical tr:hover td {
|
|
background-color:#444;
|
|
border:none;
|
|
color:#ccc
|
|
}
|
|
|
|
.sheet-crit-dice-bg {
|
|
background-image:url('http://i.imgur.com/UqQCDZ6.png');/* Four Boxes - Dice Border */
|
|
background-position:center center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.sheet-roll-critical label {
|
|
color:#ccc;
|
|
}
|
|
|
|
[name="attr_critAddRangeNum"],
|
|
[name="attr_critShipAddRangeNum"],
|
|
[name="attr_critAddOffset"],
|
|
[name="attr_critShipAddOffset"]{
|
|
background:#ccc;
|
|
}
|
|
|
|
.sheet-critical {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-checkbox-criton {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-checkbox-criton:checked + .sheet-critical {
|
|
display:block;
|
|
}
|
|
|
|
button.sheet-btn-lightSide[type=roll]::before {
|
|
content: '';
|
|
}
|
|
|
|
button.sheet-btn-lightSide[type=roll] {
|
|
white-space:nowrap;
|
|
font-size:15px;
|
|
margin:0;
|
|
}
|
|
|
|
button.sheet-btn-heal-crit[type=roll]::before,
|
|
button.sheet-btn-roll-crit[type=roll]::before,
|
|
button.sheet-btn-add-crit[type=roll]::before {
|
|
content: '';
|
|
}
|
|
|
|
button.sheet-btn-heal-crit[type=roll],
|
|
button.sheet-btn-add-crit[type=roll],
|
|
button.sheet-btn-roll-crit[type=roll] {
|
|
white-space:nowrap;
|
|
font-size:12px;
|
|
width:100%;
|
|
margin:0;
|
|
}
|
|
|
|
button.sheet-btn-roll-crit[type=roll] {
|
|
color:#fff;
|
|
font-size:16px;
|
|
line-height:30px;
|
|
background: #65bd63;
|
|
border:none;
|
|
background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: -o-linear-gradient(top, #485a6d, #2c3947);
|
|
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
|
|
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
button.sheet-btn-roll-crit[type=roll]::before {
|
|
content: 't ';
|
|
font-size:18px;
|
|
color:#fff;
|
|
}
|
|
|
|
button.sheet-btn-roll-crit[type=roll]:focus {
|
|
outline:none;
|
|
border:none;
|
|
}
|
|
|
|
button.sheet-btn-roll-crit[type=roll]:active {
|
|
background-image: -webkit-linear-gradient(top, #2c3947, #485a6d);
|
|
background-image: -moz-linear-gradient(top, #2c3947, #485a6d);
|
|
background-image: -o-linear-gradient(top, #2c3947, #485a6d);
|
|
background-image: linear-gradient(to bottom, #2c3947, #485a6d);
|
|
}
|
|
|
|
/* ------------------------------------------------- Skills */
|
|
|
|
.sheet-skills td:nth-child(2),
|
|
.sheet-skills td:nth-child(3),
|
|
.sheet-skills td:nth-child(6){
|
|
width:50px;
|
|
}
|
|
|
|
.sheet-init td:nth-child(2),
|
|
.sheet-init td:nth-child(5),
|
|
.sheet-skills td:nth-child(4) {
|
|
width:124px;
|
|
background-image:url(http://i.imgur.com/xUqfqbd.gif);/*url('http://i.imgur.com/fY7gsGx.png'); Seven Boxes - Dice Border */
|
|
background-repeat:no-repeat;
|
|
background-position:3px center;
|
|
}
|
|
|
|
.sheet-skills td:nth-child(5) {
|
|
width:124px;
|
|
}
|
|
|
|
.sheet-custome-skills td:nth-child(2) {
|
|
width:100px;
|
|
}
|
|
|
|
.sheet-custome-skills td:nth-child(3),
|
|
.sheet-custome-skills td:nth-child(4),
|
|
.sheet-custome-skills td:nth-child(7) {
|
|
width:50px;
|
|
background-image:none;
|
|
}
|
|
|
|
.sheet-custome-skills td:nth-child(6) {
|
|
width:120px;
|
|
}
|
|
|
|
.sheet-custome-skills td:nth-child(5) {
|
|
width:124px;
|
|
background-image:url('http://i.imgur.com/xUqfqbd.gif');/* Seven Boxes - Dice Border */
|
|
background-repeat:no-repeat;
|
|
background-position:4px center;
|
|
}
|
|
|
|
.sheet-skills th:nth-child(2),
|
|
.sheet-skills td:nth-child(2),
|
|
.sheet-custome-skills th:nth-child(3),
|
|
.sheet-custome-skills td:nth-child(3) {
|
|
text-align:center;
|
|
}
|
|
|
|
/* TIP HELP */
|
|
|
|
.sheet-icon-S {background:url('http://galacticcampaigns.com/images/EotE/Symbols/S.png') center center no-repeat;}/* Success - Symbol */
|
|
.sheet-icon-F {background:url('http://galacticcampaigns.com/images/EotE/Symbols/F.png') center center no-repeat;}/* Failure - Symbol */
|
|
.sheet-icon-A {background:url('http://galacticcampaigns.com/images/EotE/Symbols/A.png') center center no-repeat;}/* Advantage - Symbol */
|
|
.sheet-icon-Tri {background:url('http://galacticcampaigns.com/images/EotE/Symbols/Triumph.png') center center no-repeat;}/* Triumph - Symbol */
|
|
.sheet-icon-T {background:url('http://galacticcampaigns.com/images/EotE/Symbols/T.png') center center no-repeat;}/* Threat - Symbol */
|
|
.sheet-icon-Des {background:url('http://galacticcampaigns.com/images/EotE/Symbols/Despair.png') center center no-repeat;}/* Despair - Symbol */
|
|
.sheet-icon-B {background:url('http://galacticcampaigns.com/images/EotE/Boost/boostBlank.png') center center no-repeat;}
|
|
.sheet-icon-G {background:url('http://galacticcampaigns.com/images/EotE/Ability/abilityBlank.png') center center no-repeat;}
|
|
.sheet-icon-Y {background:url('http://galacticcampaigns.com/images/EotE/Proficiency/ProficiencyBlank.png') center center no-repeat;}
|
|
.sheet-icon-P {background:url('http://galacticcampaigns.com/images/EotE/Difficulty/DifficultyBlank.png') center center no-repeat;}
|
|
.sheet-icon-R {background:url('http://galacticcampaigns.com/images/EotE/Challenge/ChallengeBlank.png') center center no-repeat;}
|
|
.sheet-icon-BLK {background:url('http://galacticcampaigns.com/images/EotE/Setback/SetBackBlank.png') center center no-repeat;}
|
|
.sheet-icon-W {background:url('http://galacticcampaigns.com/images/EotE/Force/ForceD.png') center center no-repeat;}/* Force Die - Black - Symbol */
|
|
|
|
.sheet-icon-S,
|
|
.sheet-icon-F,
|
|
.sheet-icon-A,
|
|
.sheet-icon-Tri,
|
|
.sheet-icon-T,
|
|
.sheet-icon-Des,
|
|
.sheet-icon-B,
|
|
.sheet-icon-G,
|
|
.sheet-icon-Y,
|
|
.sheet-icon-P,
|
|
.sheet-icon-R,
|
|
.sheet-icon-BLK,
|
|
.sheet-icon-W {
|
|
background-size:15px 15px;
|
|
display:inline-block;
|
|
width:15px;
|
|
height:15px;
|
|
}
|
|
|
|
.sheet-skills label {
|
|
float:left;
|
|
width:auto;
|
|
}
|
|
|
|
.sheet-tips {
|
|
float:left;
|
|
margin-left:5px;
|
|
}
|
|
|
|
.sheet-help {display:none;}
|
|
.sheet-help-def {display:block}
|
|
|
|
.sheet-tips:hover .sheet-help {display:block}
|
|
|
|
.sheet-icon-question {
|
|
width:14px;
|
|
margin:auto;
|
|
line-height:14px;
|
|
display:block;
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
background:#444;
|
|
-webkit-border-radius: 7px;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
th .sheet-icon-question {
|
|
color:#444;
|
|
background:#fff;
|
|
}
|
|
|
|
.sheet-help .sheet-icon {
|
|
position:absolute;
|
|
width:21px;
|
|
height:16px;
|
|
padding:4px 2px 2px 2px;
|
|
text-align:center;
|
|
margin-top:-2px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.sheet-help-def .sheet-icon {margin-left: 0px}
|
|
.sheet-help-success .sheet-icon {margin-left: 25px}
|
|
.sheet-help-advantage .sheet-icon {margin-left: 50px}
|
|
.sheet-help-triumph .sheet-icon {margin-left: 75px}
|
|
.sheet-help-threat .sheet-icon {margin-left: 100px}
|
|
.sheet-help-despair .sheet-icon {margin-left: 125px}
|
|
.sheet-help-failure .sheet-icon {margin-left: 150px}
|
|
|
|
.sheet-help-content {
|
|
position:absolute;
|
|
background:#fff;
|
|
border:1px solid #ccc;
|
|
display:none;
|
|
width:250px;
|
|
margin-left:-25px;
|
|
margin-top:19px;
|
|
padding:10px;
|
|
font-size:12px;
|
|
-webkit-border-radius: 0px 3px 3px 3px;
|
|
border-radius: 0px 3px 3px 3px;
|
|
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
|
|
/* -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75); */
|
|
box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
|
|
}
|
|
|
|
th .sheet-help-content {
|
|
color:#444;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-icon:hover ~ .sheet-help-content {display:block; z-index:10}
|
|
|
|
.sheet-icon:hover {
|
|
background:#fff;
|
|
border:1px solid #ccc;
|
|
border-bottom:1px solid #fff;
|
|
padding:3px 1px 1px 1px;
|
|
z-index:15;
|
|
-webkit-border-radius: 3px 3px 0px 0px;
|
|
border-radius: 3px 3px 0px 0px;
|
|
}
|
|
|
|
.sheet-help-content h5 {
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
.sheet-help-content ul li {
|
|
line-height:14px;
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
.sheet-force-rating label input {
|
|
text-align: center;
|
|
}
|
|
|
|
/* -------------------------------------------------- Talents */
|
|
|
|
.sheet-talents th:last-child {
|
|
background-image:none;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-talent tr td {
|
|
border-bottom:none;
|
|
}
|
|
|
|
.sheet-talent {
|
|
border-bottom:1px dotted #999;
|
|
}
|
|
|
|
.sheet-talent:hover {
|
|
background:#f1f1f1;
|
|
}
|
|
|
|
[name=attr_talentname] {
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* ------------------------------------------------- Weapons */
|
|
|
|
.sheet-weapons td:nth-child(1),
|
|
.sheet-weapons td:nth-child(9) {
|
|
width:20%;
|
|
}
|
|
|
|
.sheet-weapons td:nth-child(2),
|
|
.sheet-weapons td:nth-child(4),
|
|
.sheet-weapons td:nth-child(6),
|
|
.sheet-weapons td:nth-child(8)
|
|
{
|
|
text-align:center;
|
|
background-image: url('http://i.imgur.com/cyPJPLg.png');/* Single Digit - Border */
|
|
background-position: center top;
|
|
background-repeat:no-repeat;
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-weapons {
|
|
background: url('http://i.imgur.com/oWaNr2C.png') center 45px repeat-x;/* Title Double Line */
|
|
}
|
|
|
|
.sheet-weapons tr td {border:none;}
|
|
.sheet-weapons tr:hover td {background-color:transparent;}
|
|
|
|
.sheet-weapons label {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
line-height:15px;
|
|
padding-bottom:4px;
|
|
font-size:14px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-weapons [type=text] {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
width:50px;
|
|
text-align:center
|
|
}
|
|
|
|
.sheet-weapons [type=roll] {
|
|
font-size:28px !important;
|
|
line-height:30px !important;
|
|
width:auto !important;
|
|
}
|
|
|
|
.sheet-attachments-wrapper {
|
|
position:relative;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.sheet-view-attachments {
|
|
float:left;
|
|
margin-left:10px;
|
|
padding-bottom:15px;
|
|
position:relative;
|
|
}
|
|
|
|
input.sheet-view-attachments {
|
|
margin-top:-28px;
|
|
}
|
|
|
|
label.sheet-view-attachments {
|
|
width:150px;
|
|
margin-top:-31px;
|
|
margin-left:30px;
|
|
}
|
|
|
|
.sheet-attachments {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-view-attachments:checked ~ .sheet-attachments {
|
|
display:table;
|
|
}
|
|
|
|
.sheet-attachments th:last-child {
|
|
background:#444;
|
|
}
|
|
|
|
|
|
|
|
/* ---------------------------------------------------------- Ship */
|
|
|
|
.sheet-ship {
|
|
background:url('http://i.imgur.com/R7CME69.png') center center no-repeat;/* Vehicle Sheet Stat connecting sword title - Border */
|
|
background-color:transparent;
|
|
}
|
|
|
|
table.sheet-ship tr td {
|
|
border:none;
|
|
background-color:transparent;
|
|
}
|
|
|
|
table.sheet-ship tr:hover td {
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-ship-defense {
|
|
background:url('http://i.imgur.com/VaTaF9r.png') center center no-repeat;/* Starship Four Zones - Border */
|
|
width:302px;
|
|
height:236px;
|
|
text-align:center;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-ship-char-thre-bg {
|
|
background-image: url('http://i.imgur.com/cODj4n5.png');/* Threshold / Current - Border */
|
|
background-position: center 0px;
|
|
background-repeat:no-repeat;
|
|
vertical-align:top;
|
|
width: 33%;/*153px;*/
|
|
height:87px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-ship-char-thre-bg-speed {
|
|
background-image: url('http://i.imgur.com/cODj4n5.png');/* Threshold / Current - Border */
|
|
background-position: center 25px;
|
|
background-repeat:no-repeat;
|
|
vertical-align:top;
|
|
width: 33%;/*153px;*/
|
|
height:87px;
|
|
text-align:center;
|
|
padding-top:28px;
|
|
}
|
|
|
|
.sheet-ship-char-bg {
|
|
text-align:center;
|
|
background-image: url('http://i.imgur.com/cyPJPLg.png');/* Single Digit - Border */
|
|
background-position: center 37px;
|
|
background-repeat:no-repeat;
|
|
width:99px;
|
|
height:66px;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
padding-top:40px;
|
|
}
|
|
|
|
.sheet-ship-char-bg label {
|
|
text-align:center;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
line-height:15px;
|
|
padding-bottom:4px;
|
|
font-size:13px;
|
|
display:block;
|
|
}
|
|
|
|
.sheet-ship [type=number] {
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
text-align:right;
|
|
width:50px !important;
|
|
}
|
|
|
|
.sheet-ship-char-bg [type=number] {
|
|
font-size:14px;
|
|
}
|
|
|
|
.sheet-ship-defense label {
|
|
color:#fff;
|
|
text-align:center
|
|
}
|
|
|
|
.sheet-def-label {
|
|
position:absolute;
|
|
width:50px;
|
|
margin-left:220px;
|
|
margin-top:48px;
|
|
font-size:14px
|
|
}
|
|
|
|
.sheet-fore,
|
|
.sheet-starboard,
|
|
.sheet-aft,
|
|
.sheet-port {
|
|
width:99px;
|
|
height:66px;
|
|
position:absolute;
|
|
}
|
|
|
|
.sheet-fore {
|
|
margin-left:99px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.sheet-starboard {
|
|
margin-left:203px;
|
|
margin-top:91px;
|
|
}
|
|
|
|
.sheet-aft {
|
|
margin-left:99px;
|
|
margin-top:172px;
|
|
}
|
|
|
|
.sheet-port {
|
|
margin-left:0px;
|
|
margin-top:91px;
|
|
}
|
|
|
|
.sheet-firearc-field {width:32px; height:32px; padding:1px 0 0 0; vertical-align:top}
|
|
|
|
.sheet-fireArcFore,
|
|
.sheet-fireArcStarboard,
|
|
.sheet-fireArcAft,
|
|
.sheet-fireArcPort {
|
|
position:absolute;
|
|
z-index:5;
|
|
opacity:0.0;
|
|
}
|
|
|
|
.sheet-fireArcFore {margin-left:10px; margin-top:0px}
|
|
.sheet-fireArcStarboard {margin-left:20px; margin-top:10px}
|
|
.sheet-fireArcAft {margin-left:10px; margin-top:20px}
|
|
.sheet-fireArcPort {margin-left:0px; margin-top:10px}
|
|
|
|
span.sheet-fireArcForeImg,
|
|
span.sheet-fireArcStarboardImg,
|
|
span.sheet-fireArcAftImg,
|
|
span.sheet-fireArcPortImg {
|
|
background:url('http://i.imgur.com/DcWGIWp.png') left bottom no-repeat;/* Starship Weapon Firing Arcs */
|
|
display:block;
|
|
width:32px;
|
|
height:32px;
|
|
position:absolute;
|
|
}
|
|
|
|
span.sheet-fireArcForeImg {background-position:0px bottom}
|
|
span.sheet-fireArcStarboardImg {background-position:-32px bottom}
|
|
span.sheet-fireArcAftImg {background-position:-64px bottom}
|
|
span.sheet-fireArcPortImg {background-position:-96px bottom}
|
|
|
|
.sheet-fireArcFore:checked ~ span.sheet-fireArcForeImg {background-position:0px top}
|
|
.sheet-fireArcStarboard:checked ~ span.sheet-fireArcStarboardImg {background-position:-32px top}
|
|
.sheet-fireArcAft:checked ~ span.sheet-fireArcAftImg {background-position:-64px top}
|
|
.sheet-fireArcPort:checked ~ span.sheet-fireArcPortImg {background-position:-96px top} |