mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
ParadigmPixels
036f7943b2
Updates the Character Sheet with additional buttons for hiding and showing sections of the character sheet. Updates the character sheet with V2.0 rules from Paradigm's RWBY TTRPG. Changes Roll20 user selection name from RWBY TTRPG to Paradigm's RWBY TTRPG.
1718 lines
32 KiB
CSS
1718 lines
32 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;
|
|
}
|
|
|
|
/* NEW */
|
|
.sheet-4colrow2 {
|
|
background-color: #EBEBEB;
|
|
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-altrow2 {
|
|
background-color: rgb(235, 235, 235);
|
|
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-acc-bonus2 {
|
|
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: 30px !important;
|
|
}
|
|
|
|
.sheet-acc-bonus3 {
|
|
padding-left: 0px;
|
|
padding-top: 3px;
|
|
padding-right: 0px;
|
|
letter-spacing: -1px;
|
|
background-color: white;
|
|
border: none; font-size: 1.1em;
|
|
font-family: monospace, sans-serif;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
width: 30px !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: justify ;
|
|
padding: 5px 3px 5px 0px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.85em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 1.5px;
|
|
}
|
|
|
|
.sheet-col-wRvB {
|
|
padding: 1px;
|
|
width: 22px;
|
|
margin-right: -5px;
|
|
margin-left: -4px;
|
|
display: inline;
|
|
position: relative;
|
|
top: 1.5px;
|
|
}
|
|
|
|
.sheet-col-wRvB2 {
|
|
padding: 1px;
|
|
width: 22px;
|
|
margin-right: 0px;
|
|
margin-left: -4px;
|
|
display: inline;
|
|
position: relative;
|
|
top: 1.5px;
|
|
}
|
|
|
|
.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: 55px ;
|
|
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;
|
|
}
|
|
|
|
/* ===== CUSTOM TOOLTIP2 ===== */
|
|
.sheet-popup2 {
|
|
width: 50px ; /*Was 30*/
|
|
color: DarkRed ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popup2 + .sheet-tooltip2 {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
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-popup2:hover + .sheet-tooltip2 {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* ===== END CUSTOM TOOLTIP2 ===== */
|
|
|
|
/* ===== CUSTOM TOOLTIP3 ===== */
|
|
.sheet-popup3 {
|
|
width: 70px ; /*Was 30->70*/
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-popup3 + .sheet-tooltip3 {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
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-popup3:hover + .sheet-tooltip3 {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* ===== END CUSTOM TOOLTIP3 ===== */
|
|
|
|
/* ===== CUSTOM TOOLTIP4 ===== */
|
|
.sheet-popup4 {
|
|
width: 100px ; /*Was 30->70*/
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-popup4 + .sheet-tooltip4 {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
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-popup4:hover + .sheet-tooltip4 {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* ===== END CUSTOM TOOLTIP4 ===== */
|
|
|
|
/* ===== CUSTOM TOOLTIP5 ===== */
|
|
.sheet-popup5 {
|
|
width: 130px ; /*Was 30->70*/
|
|
text-align: center ;
|
|
padding: 5px 2px 5px 2px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
}
|
|
|
|
.sheet-popup5 + .sheet-tooltip5 {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
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-popup5:hover + .sheet-tooltip5 {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* ===== END CUSTOM TOOLTIP5 ===== */
|
|
|
|
/* ===== CUSTOM TOOLTIP6 ===== */
|
|
.sheet-popupdatt2 {
|
|
width: 130px ;
|
|
color: DarkRed ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
Font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popupdatt2 + .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-popupdatt2:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popupdatt2 + .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;
|
|
}
|
|
|
|
/* ===== END CUSTOM TOOLTIP6 ===== */
|
|
|
|
/* ===== CUSTOM ADDITIONAL ACTION ROW 2 LIGHT GREY ===== */
|
|
|
|
.sheet-col-wv4 {
|
|
width: 70px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
Font-family: monospace, ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wv4 + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
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-col-wv4:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid gray;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* ===== END ADDITIONAL ACTION ROW 2 LIGHT GREY ===== */
|
|
|
|
/* Button Based Tab Info by Finderski & GiGs (https://wiki.roll20.net/CSS_Wizardry#Tabs) */
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-vehicle,
|
|
.sheet-levelup,
|
|
.sheet-modifiers,
|
|
.sheet-assets,
|
|
.sheet-specializations,
|
|
.sheet-gameplay {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="vehicle"] ~ div.sheet-vehicle,
|
|
.sheet-tabstoggle[value="modifiers"] ~ div.sheet-modifiers,
|
|
.sheet-tabstoggle[value="levelup"] ~ div.sheet-levelup,
|
|
.sheet-tabstoggle[value="assets"] ~ div.sheet-assets,
|
|
.sheet-tabstoggle[value="specializations"] ~ div.sheet-specializations,
|
|
.sheet-tabstoggle[value="gameplay"] ~ div.sheet-gameplay {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-hider:not(:checked) + span + div {
|
|
display: none;
|
|
} |