Kasenai3
15f2876de5
* Update to V2- Added numerous roll and display options change log ¤ Modified all roll values ¤ Added Empower feature in Semblance section ¤ Added optional Additional, Unarmed and Alternate Form attack and damage rolls in Weapon section footer ¤ Added Info boxes attached to various parts of the sheet containing rule details ¤ Added Version Notes section in the header containing update and how-to-use notes ¤ Added Sheet Options section in the footer, containing modifiers and roll options ¤ Added option to hide Modification and Phial description fields, reduced format includes a Quick description field for mods and roll buttons for phials ¤ Changed Weapon Variants to Weapon Styles ¤ Added default placeholders to drop-down menus for Weapon styles and phial attributes ¤ Minor cosmetic changes (sans-serif font in text areas, etc) ¤ (Chrome only) Added webkit buttons (up/down arrows) in RoC Dice field for one-click RoC modification * Update RWBY_RoC-Unofficial_Tabletop_RPG/RWBY-UnofficialTabletopRPG.css Changed image link to github repo Co-Authored-By: Kasenai3 <Sengannomahoutsukai@gmail.com> * changed logo link to github repo * Update preview.jpg * Minor update v2.01 Fixed semblance and phial rolls, added character level field (and udpated changelog) * Updated Sheet to match v19.6.30 General: ¤ Updated Info boxes descriptions and rolls to match v.19.6.30 ¤ Updated Initiative Roll to enable choosing "Initiate" or "React" ¤ Updated Defense rolls to no longer ignore PER when Aura is depleted Weapon section: ¤ Updated Martial Arts Mod line to match v.19.6.30 (new accuracy: STR+PER, new damage: STR) Skill Check List section ¤ Added expandable "Skill Check list" above Semblance section, containing all fifteen exemple Skill Checks with stand-alone Roll buttons Semblance Empowering: ¤ Added Empower feature (checkbox) in Defense section ¤ Changed normal Semblance roll Empowering from Checkbox to in-chat button Dust Phials section: ¤ Added Dust Phial Roll button next to Secondary Attribute selection menu ¤ Removed individual Phial Level roll buttons ¤ Removed reduced mode second line (with Phial Level shortcut rolls) ¤ Phial description fields are still collapsible and take even less space than before Sheet Options section: ¤ Replaced "Initiative" permanent modifier field with "Dust phials (all)" permanent modifier field ¤ Replaced Semblance Empowering dialog box option with Defense Semblance Empowering dialog box option * Display fixes and a new feature ¤ Fixed displaying issues in Firefox ¤ Minor cosmetic changes (Dust textfields switched to gray) ¤ Fixed Initiative dialog box displaying wrong attributes for React check ¤ Converted some style attributes in .html to classes in .css Added features : ¤ Added read-only fields showing accuracy bonus next to melee and ranged roll butons
1403 lines
25 KiB
CSS
1403 lines
25 KiB
CSS
.charsheet {
|
|
background: white;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.sheet-col {
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-col-att {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-col-datt {
|
|
width: 30px ;
|
|
color: darkred ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-col-cha {
|
|
text-align: left ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-4colrow1 {
|
|
background-color: rgb(190, 190, 190);
|
|
margin: 1px;
|
|
height: 30px;
|
|
padding: 1px 1px 0px -1px;
|
|
}
|
|
|
|
.sheet-altrow {
|
|
background-color: rgb(190, 190, 190);
|
|
height: 30px;
|
|
margin: 1px;
|
|
padding: 1px 1px 0px -1px;
|
|
}
|
|
|
|
.sheet-4colrow {
|
|
margin: 1px;
|
|
height: 30px;
|
|
padding: 1px 1px 0px -1px;
|
|
background-color: rgb(235, 235, 235);
|
|
}
|
|
|
|
.sheet-2colrow1 {
|
|
padding: 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
border: 0px;
|
|
}
|
|
|
|
/* ===== Info =====*/
|
|
.sheet-col-inf {
|
|
width: 60px ;
|
|
text-align: right ;
|
|
padding: 5px 0px 0px 2px;
|
|
display: inline;
|
|
font-weight: bold ;
|
|
Font-family: sans-serif;
|
|
font-size: 1em ;
|
|
}
|
|
|
|
.sheet-col-it {
|
|
text-align: center ;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-57 {
|
|
width: 65px;
|
|
margin: 1px 0px 0px 0px;
|
|
font-weight: bold;
|
|
Font-family: sans-serif;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-53 {
|
|
width: 53px;
|
|
margin: 0px 0px 0px 0px;
|
|
font-weight: bold;
|
|
Font-family: sans-serif;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-82 {
|
|
width:102px;
|
|
margin: 1px 0px 0px 0px;
|
|
font-weight: bold;
|
|
Font-family: sans-serif;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
/* ===== Defenses ===== */
|
|
.sheet-col-def {
|
|
height: 30px;
|
|
text-align: right ;
|
|
padding: 5px 0px 0px 10px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
/* ===== WEAPON ===== */
|
|
|
|
.sheet-select {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-col-wv {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif;
|
|
font-size: 1em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wv3 {
|
|
width: 100px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wMv {
|
|
width: 115px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px 4px 5px 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wRv {
|
|
width: 115px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px 0px 5px 4px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wMvA {
|
|
width: 100px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px 6px 5px 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wMvB {
|
|
padding: 1px;
|
|
width: 22px;
|
|
margin-right: -5px;
|
|
margin-left: 2px;
|
|
display: inline;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
.sheet-acc-bonus {
|
|
padding-left: 0px;
|
|
padding-top: 3px;
|
|
padding-right: 0px;
|
|
letter-spacing: -1px;
|
|
background-color: transparent;
|
|
border: none; font-size: 1.1em;
|
|
font-family: monospace, sans-serif;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
width: 12px !important;
|
|
}
|
|
|
|
.sheet-col-wMvD {
|
|
width: 115px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px 2px 5px 0px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
.sheet-col-wRvA {
|
|
width: 86px ;
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px 3px 5px 0px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wRvB {
|
|
padding: 1px;
|
|
width: 22px;
|
|
margin-right: -5px;
|
|
margin-left: -4px;
|
|
display: inline;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
.sheet-col-wRvD {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px 1px 5px 4px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-4colrowwdesc {
|
|
margin: 1px;
|
|
padding: 1px 1px 0px -1px;
|
|
background-color: rgb(235, 235, 235);
|
|
height: 100px;
|
|
}
|
|
|
|
textarea {
|
|
height: 65px;
|
|
width: 455px;
|
|
margin: 1px;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.sheet-col-ma {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 90px;
|
|
}
|
|
|
|
.sheet-col1-ba {
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 60px;
|
|
}
|
|
.sheet-col2-ba {
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 50px;
|
|
position: relative;
|
|
left: 0px;
|
|
}
|
|
.sheet-col3-ba {
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 70px;
|
|
border-left: 1px solid gray;
|
|
}
|
|
.sheet-col4-ba {
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 7px;
|
|
width: 115px;
|
|
}
|
|
|
|
.sheet-col-af {
|
|
height: 30px;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.8em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 90px;
|
|
margin-right: -8px;
|
|
text-align: justify ;
|
|
}
|
|
|
|
.sheet-col-afb {
|
|
padding: 1px;
|
|
width: 22px;
|
|
margin-right: -5px;
|
|
margin-left: -4px;
|
|
display: inline;
|
|
}
|
|
|
|
/* ===== Semblance ===== */
|
|
|
|
.sheet-col-sem {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif;
|
|
font-size: 1em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-sem-desc {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif;
|
|
font-size: 1em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
width: 358px;
|
|
}
|
|
|
|
/* ===== INPUTS ===== */
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
input[type=number].sheet-roc::-webkit-inner-spin-button,
|
|
input[type=number].sheet-roc::-webkit-outer-spin-button {
|
|
-webkit-appearance: enable;
|
|
position: relative;
|
|
right: -1px;
|
|
width: 0.8em;
|
|
z-index: 5;
|
|
opacity: 0.5;
|
|
background: url('https://github.com/Roll20/roll20-character-sheets/blob/master/RWBY_RoC-Unofficial_Tabletop_RPG/webkit.jpg?raw=true') center center;
|
|
|
|
}
|
|
input[type="number"].sheet-roc::-webkit-inner-spin-button:hover,
|
|
input[type="number"].sheet-roc::-webkit-inner-spin-button:active{
|
|
box-shadow: 0 0 2px #0CF;
|
|
opacity: 1;
|
|
}
|
|
|
|
input[type=number].sheet-roc {
|
|
-moz-appearance: textfield;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-row input {
|
|
height: 20px;
|
|
padding: 0px;
|
|
margin-top: -2px;
|
|
padding: 0 2px;
|
|
line-height: 22px;
|
|
|
|
background: #FFFFFF;
|
|
border: solid black 1px #000000;
|
|
box-shadow: none;
|
|
cursor: initial;
|
|
}
|
|
|
|
.sheet-box input[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 30px;
|
|
height: 22px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ===== CSS TOOLTIP ===== */
|
|
.sheet-popup {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popup:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
.sheet-popupdatt {
|
|
width: 30px ;
|
|
color: DarkRed ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popupdatt + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popupdatt:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popupdatt + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
|
|
.sheet-popup-def {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 2px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-popup-def + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popup-def:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup-def + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
|
|
.sheet-popup-semblance {
|
|
width: 25px ;
|
|
text-align: center ;
|
|
padding: 0px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popup-semblance + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
position: relative;
|
|
right: 7px;
|
|
}
|
|
|
|
.sheet-popup-semblance:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup-semblance + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
|
|
.sheet-popup-skill {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: sans-serif;
|
|
font-size: 0.85em;
|
|
display: inline;
|
|
}
|
|
.sheet-popup-skill-stat {
|
|
width: 80px ;
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: monospace;
|
|
font-size: 0.85em;
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-popup-skill + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popup-skill:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup-skill + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
|
|
.sheet-defense + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-defense:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 40px;
|
|
margin-left: -60px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wv3 + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wv3:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wMv + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wMv:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wMvD + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wMvD:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wRv + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wRv:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wRvA + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wRvA:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-wRvD + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wRvD:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -90px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col- + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: -70px;
|
|
margin-left: -50px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-ma + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-ma:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -110px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col1-ba + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col1-ba:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -95px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-col2-ba + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col2-ba:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -50px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-col3-ba + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col3-ba:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -95px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-col-af + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-af:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -50px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-col-afb + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-afb:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -250px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
.sheet-semblance + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-semblance:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 30px;
|
|
margin-left: -69px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
font-family: sans-serif;
|
|
font-weight: none;
|
|
font-size: 1em;
|
|
}
|
|
.sheet-col-wv + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-col-wv:hover + .sheet-tooltip {
|
|
z-index: 10;
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 25px;
|
|
margin-left: -280px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
font-family: sans-serif;
|
|
font-weight: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
|
|
.sheet-dust {
|
|
font-family: monospace, sans-serif;
|
|
font-size: 1.1em;
|
|
}
|
|
.sheet-dust + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-dust:hover + .sheet-tooltip {
|
|
width: auto;
|
|
z-index: 5;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
margin-left: -50px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
font-family: sans-serif;
|
|
font-weight: none;
|
|
font-size: 1em;
|
|
}
|
|
.sheet-phial + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
.sheet-phial:hover + .sheet-tooltip {
|
|
z-index: 10;
|
|
width: auto;
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-top: -220px;
|
|
margin-left: -110px;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
font-family: sans-serif;
|
|
font-weight: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
/*======================================================arrow===*/
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrow
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrow + span::before
|
|
{
|
|
margin-left: -18px;
|
|
margin-right: 5px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.85;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 11px;
|
|
}
|
|
input[type="checkbox"].sheet-arrow:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrow::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow ~ div.sheet-additionnal
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-additionnal
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrow2
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrow2 + span::before
|
|
{
|
|
margin-left: -18px;
|
|
margin-right: 5px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.85;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 11px;
|
|
}
|
|
input[type="checkbox"].sheet-arrow2:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrow2::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow2 ~ div.sheet-unarmed
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow2:checked ~ div.sheet-unarmed
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrow3
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrow3 + span::before
|
|
{
|
|
margin-left: -18px;
|
|
margin-right: 5px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.85;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 11px;
|
|
}
|
|
input[type="checkbox"].sheet-arrow3:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrow3::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow3 ~ div.sheet-alternate
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow3:checked ~ div.sheet-alternate
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrowmod
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrowmod + span::before
|
|
{
|
|
margin-left: -15px;
|
|
margin-right: 5px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.85;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 11px;
|
|
}
|
|
input[type="checkbox"].sheet-arrowmod:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrowmod::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrowmod ~ div.sheet-moddescfield
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrowmod:checked ~ div.sheet-moddescfield
|
|
{
|
|
display: block;
|
|
}
|
|
input.sheet-arrowmod:checked ~ input.sheet-modnamefield
|
|
{
|
|
width: 85%;
|
|
}
|
|
|
|
input.sheet-arrowmod ~ input.sheet-modnamefield
|
|
{
|
|
width: 42%;
|
|
}
|
|
input.sheet-arrowmod:checked ~ input.sheet-modrapiddesc
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrowmod ~ input.sheet-modrapiddesc
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrowmod
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrowmod + span::before
|
|
{
|
|
margin-left: -15px;
|
|
margin-right: 5px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.85;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 11px;
|
|
}
|
|
input[type="checkbox"].sheet-arrowmod:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrowmod::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrowmod ~ div.sheet-phialfield
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrowmod:checked ~ div.sheet-phialfield
|
|
{
|
|
display: block;
|
|
}
|
|
input.sheet-arrowmod ~ div.sheet-phialquick
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-arrowmod:checked ~ div.sheet-phialquick
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/*----------------skilllist--------------------------*/
|
|
|
|
input.sheet-arrowmod ~ div.sheet-skilllist
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrowmod:checked ~ div.sheet-skilllist
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* hide original checkboxk */
|
|
input[type="checkbox"].sheet-arrow4
|
|
{
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 9px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
/* Fake checkbox */
|
|
input[type="checkbox"].sheet-arrow4 + span::before
|
|
{
|
|
margin-left: -18px;
|
|
margin-right: 5px;
|
|
line-height: 9px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "▼";
|
|
opacity: 0.65;
|
|
width: 14px;
|
|
height: 9px;
|
|
font-size: 7px;
|
|
}
|
|
input[type="checkbox"].sheet-arrow4:checked + span::before
|
|
{
|
|
content: "►";
|
|
}
|
|
|
|
input.sheet-arrow4::before
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow4 ~ div.sheet-version
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow4:checked ~ div.sheet-version
|
|
{
|
|
display: block;
|
|
} |