mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1833 lines
43 KiB
CSS
1833 lines
43 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia&display=swap');
|
|
|
|
/* Set the min-width so that when the window is resized the look will stay consistant */
|
|
|
|
.sheet-charsheet {
|
|
|
|
background-color: rgb(225, 236, 204);
|
|
background: rgb(225, 236, 204);
|
|
background: linear-gradient(90deg, rgb(209, 235, 163) 0%, rgb(245, 240, 225) 20%, rgb(245, 240, 225) 95%,rgb(109, 141, 51) 100%);
|
|
/*background: linear-gradient(90deg, rgba(36,66,0,1) 0%, rgba(225, 236, 204,1) 5%, rgba(225, 236, 204,1) 95%, rgba(36,66,0,1) 100%);
|
|
*/
|
|
min-width: 832px;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
border: 2px solid #333;
|
|
padding:10px;
|
|
|
|
--icon_attacktype_melee:url("https://ulisses-digital.de/R20/hexxen/images/type_melee.png");
|
|
--icon_attacktype_ranged:url("https://ulisses-digital.de/R20/hexxen/images/type_range.png");
|
|
}
|
|
|
|
.sheet-npctoggle[value="1"] ~ .sheet-charsheet {
|
|
width:424px;
|
|
min-width: 424px;
|
|
}
|
|
.sheet-right {
|
|
width:auto;
|
|
float:right;
|
|
}
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-config,
|
|
.sheet-combat,
|
|
.sheet-npc{
|
|
display: none;
|
|
}
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="npc"] ~ div.sheet-npc{
|
|
display: block;
|
|
}
|
|
.sheet-npctoggle[value="1"] ~ div .sheet-pc_only
|
|
{
|
|
display: none;
|
|
}
|
|
.sheet-npctoggle[value="0"] ~ div .sheet-npc_only
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-npc_type_toggle:not([value="npc_type_gang"]) ~ div .sheet-npc_gang_only
|
|
{
|
|
display:none;
|
|
}
|
|
.sheet-npc_type_toggle:not([value="npc_type_leader"]) ~ div .sheet-npc_leader_only
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-ressource_hex,
|
|
.sheet-ressource_rage,
|
|
.sheet-ressource_ambition,
|
|
.sheet-ressource_quintessence {
|
|
display:none;
|
|
}
|
|
.sheet-ressource_coup,
|
|
.sheet-ressource_idea,
|
|
.sheet-ressource_blessing,
|
|
.sheet-ressource_rage_toggle[value="1"] ~ .sheet-ressource_rage,
|
|
.sheet-ressource_ambition_toggle[value="1"] ~ .sheet-ressource_ambition,
|
|
.sheet-ressource_quintessence_toggle[value="1"] ~ .sheet-ressource_quintessence,
|
|
.sheet-npctoggle[value="1"] ~ div .sheet-ressource_hex {
|
|
display: inline-block;
|
|
}
|
|
/* Universal styling applied to all elements of these types */
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
font-family: 'UnifrakturMaguntia', cursive;
|
|
text-align: center;
|
|
}
|
|
h2 span {
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
text-align: inherit;
|
|
}
|
|
h3 {
|
|
font-size: 18px;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
color:maroon;
|
|
}
|
|
h3 span {
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
text-align: inherit;
|
|
}
|
|
h4 {
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
color:maroon;
|
|
}
|
|
h4 span {
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
text-align: inherit;
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: auto;
|
|
margin-bottom:0px;
|
|
font-size:16px;
|
|
}
|
|
span {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
line-height:18px;
|
|
}
|
|
span.sheet-label {
|
|
font-variant: small-caps;
|
|
}
|
|
span.sheet-normal {
|
|
font-weight: normal;
|
|
}
|
|
span.sheet-text {
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
}
|
|
.charsheet .sheet-character input,
|
|
.charsheet .sheet-combat input,
|
|
.charsheet .sheet-configuration input {
|
|
display: inline-block;
|
|
width: 66%;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
border: 0;
|
|
outline: 0;
|
|
background: transparent;
|
|
padding: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.sheet-effect1,
|
|
.sheet-effect2,
|
|
.sheet-effect3,
|
|
.sheet-effect4,
|
|
.sheet-effect5,
|
|
.sheet-effect6,
|
|
.sheet-effect7,
|
|
.sheet-effect8,
|
|
.sheet-effect9,
|
|
.sheet-effect10{
|
|
display:none;
|
|
padding:8px;
|
|
position:relative;
|
|
width:95%;
|
|
}
|
|
.sheet-effectselector[value="1"] + .sheet-effect1,
|
|
.sheet-effectselector[value="2"] + .sheet-effect2,
|
|
.sheet-effectselector[value="3"] + .sheet-effect3,
|
|
.sheet-effectselector[value="4"] + .sheet-effect4,
|
|
.sheet-effectselector[value="5"] + .sheet-effect5,
|
|
.sheet-effectselector[value="6"] + .sheet-effect6,
|
|
.sheet-effectselector[value="7"] + .sheet-effect7,
|
|
.sheet-effectselector[value="8"] + .sheet-effect8,
|
|
.sheet-effectselector[value="9"] + .sheet-effect9,
|
|
.sheet-effectselector[value="10"] + .sheet-effect10{
|
|
display:inline-block;
|
|
}
|
|
div.sheet-powercontainer {
|
|
width:100%
|
|
}
|
|
hr.sheet-powerdivider {
|
|
margin: 2px;
|
|
border-top: 1px solid #333;
|
|
}
|
|
hr.sheet-stickydivider {
|
|
margin: 4px 0px 4px 0px;
|
|
border-top: 1px dashed #333;
|
|
}
|
|
div.sheet-powerbox {
|
|
display: inline-block;
|
|
border: 1px #333 solid;
|
|
opacity: 50%;
|
|
width: 30%;
|
|
height: 40px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
padding:4px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
position:relative;
|
|
}
|
|
div.sheet-powerbox input[type="radio"]{
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
div.sheet-powerbox input[type="radio"]:checked + span{
|
|
color:maroon;
|
|
}
|
|
input[value="1"] + div.sheet-powerbox
|
|
{
|
|
opacity: 100%;
|
|
}
|
|
|
|
input.sheet-hidedetails
|
|
{
|
|
opacity: 0;
|
|
z-index:2;
|
|
}
|
|
input.sheet-hidedetails + span {
|
|
white-space: nowrap;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #333;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
line-height: 18px;
|
|
opacity: 0.75;
|
|
}
|
|
input.sheet-hidedetails:hover + span {
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-hidedetails,
|
|
input.sheet-hidedetails + span {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
|
|
div.sheet-basepowerbox {
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
position:relative;
|
|
}
|
|
div.sheet-basepowerbox input[type="radio"]{
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
div.sheet-basepowerbox input[type="radio"]:checked + span{
|
|
color:maroon;
|
|
}
|
|
|
|
|
|
input[type=number].sheet-number {
|
|
width: 2.5em;
|
|
border: 0;
|
|
border-bottom: 2px solid #333;
|
|
height:21px;
|
|
outline: 0;
|
|
background: #0001;
|
|
border-radius: 4px;
|
|
text-align:right;
|
|
vertical-align: baseline;
|
|
font-size:16px;
|
|
line-height:18px;
|
|
font-weight: bold;
|
|
}
|
|
input[type=number].sheet-number[name="attr_upkeep"],
|
|
input[type=number].sheet-number[name="attr_wealth"] {
|
|
width: 5em;
|
|
}
|
|
|
|
input[type=number].sheet-number[name="attr_hitpoints"],
|
|
input[type=number].sheet-number[name="attr_npc_hitpoints"],
|
|
input[type=number].sheet-number[name="attr_npc_hitpoints_max"] {
|
|
width: 3.5em;
|
|
}
|
|
|
|
input[type=text].sheet-textline {
|
|
|
|
border: 0;
|
|
border-bottom: 2px solid #333;
|
|
border-radius: 4px;
|
|
background: #0001;
|
|
padding:0;
|
|
padding-left:4px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin-bottom: 0px;
|
|
height:21px;
|
|
}
|
|
select.sheet-textline {
|
|
|
|
border: 0;
|
|
border-bottom: 2px solid #333;
|
|
border-radius: 4px;
|
|
background: #0001;
|
|
padding:0;
|
|
padding-left:0px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin-bottom: 0px;
|
|
height:21px;
|
|
}
|
|
fieldset {
|
|
display: inline-block;
|
|
}
|
|
button {
|
|
height: 22px;
|
|
border-radius: 0;
|
|
background: white;
|
|
border: 2px solid #333;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
padding-top: 0;
|
|
margin:3px 3px 3px 3px;
|
|
}
|
|
button.sheet-roll {
|
|
width:20px;
|
|
height:20px;
|
|
border-radius: 6px;
|
|
padding: 2px 2px;
|
|
margin: 0 3px 0 3px;
|
|
}
|
|
/*
|
|
button.sheet-raven {
|
|
background-image: url(http://www.handsongaming.de/public/images/hexxen/dice/blessing_raven.png);
|
|
background-size: 22px 22px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
button.sheet-smallraven {
|
|
background-image: url(http://www.handsongaming.de/public/images/hexxen/dice/blessing_raven.png);
|
|
background-size: 13px 13px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width:13px;
|
|
height:13px;
|
|
border: 1px solid #333;
|
|
padding:0px;
|
|
}
|
|
*/
|
|
input:not([value="1"]) + .sheet-attack,
|
|
input:not([value="1"]) + .sheet-parry {
|
|
opacity:20%;
|
|
}
|
|
.sheet-weapons input.sheet-weaponrowactive:not([value="1"]) + .sheet-item{
|
|
display:none;
|
|
}
|
|
hr {
|
|
border-top: 2px dashed rgb(0, 0, 0);
|
|
}
|
|
img {
|
|
max-height: 100px;
|
|
}
|
|
div {
|
|
border-color: #333;
|
|
}
|
|
div.sheet-box {
|
|
border:2px solid #333;
|
|
border-radius: 10px;
|
|
padding:10px;
|
|
margin-top:30px;
|
|
position: relative;
|
|
padding-top:18px;
|
|
}
|
|
div.sheet-box .sheet-feather {
|
|
position: absolute;
|
|
right: 6px;
|
|
top:-7px;
|
|
width:52px;
|
|
opacity:100%;
|
|
}
|
|
|
|
div.sheet-box h2 {
|
|
position:absolute;
|
|
right: 50px;
|
|
top:-18px;
|
|
background: rgb(245, 240, 225);
|
|
padding-left: 10px;
|
|
padding-right: 15px;
|
|
font-size:1.5em;
|
|
}
|
|
|
|
input.sheet-feathertoggle[type="checkbox"]
|
|
{
|
|
position: absolute;
|
|
right: 6px;
|
|
top:-7px;
|
|
width:52px;
|
|
opacity:100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
input.sheet-feathertoggle[type="checkbox"] + img.sheet-feather
|
|
{
|
|
position: absolute;
|
|
right: 6px;
|
|
top:-7px;
|
|
width:52px;
|
|
opacity:50%;
|
|
}
|
|
input.sheet-feathertoggle[type="checkbox"]:checked + img.sheet-feather
|
|
{
|
|
opacity:100%;
|
|
}
|
|
|
|
input.sheet-feathertoggle[type="checkbox"]:not(:checked) + img.sheet-feather + div
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
width: 96%;
|
|
height: 50px;
|
|
outline: 0;
|
|
/*
|
|
background-attachment: local;
|
|
background-image:
|
|
repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 29px, black 29px, black 31px, rgba(255, 255, 255, 0) 31px);
|
|
line-height: 31px;
|
|
padding: 0px;*/
|
|
border: 0;
|
|
border-bottom: 2px solid #333;
|
|
border-radius: 4px;
|
|
background: #0001;
|
|
}
|
|
.sheet-container {
|
|
display:flex;
|
|
flex-flow:column wrap;
|
|
align-content: flex-start;
|
|
max-height:900px;
|
|
}
|
|
.sheet-2colrow {
|
|
margin-top:0px;
|
|
}
|
|
.sheet-2col
|
|
{
|
|
width:calc(67% - 17px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right:30px;
|
|
}
|
|
.ui-dialog .charsheet .sheet-3colrow .sheet-col
|
|
{
|
|
width: calc(33% - 17px);
|
|
margin-right:30px;
|
|
}
|
|
|
|
/*-----radio boxes-----*/
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-normal[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
width: 27px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 6px;
|
|
left: 13px;
|
|
margin: -14px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
vertical-align: baseline;
|
|
}
|
|
/* -----Fake radio----- */
|
|
input.sheet-normal[type="checkbox"] + span::before
|
|
{
|
|
border: solid 2px #333;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color:black;
|
|
content: "";
|
|
width: 23px;
|
|
height: 16px;
|
|
font-size: 2em;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
input.sheet-normal[type="checkbox"]:checked + span::before
|
|
{
|
|
content: "X";
|
|
}
|
|
|
|
input.sheet-normal[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 27px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 6px;
|
|
left: 13px;
|
|
margin: -14px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
/* -----Fake radio----- */
|
|
input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
border: solid 2px #333;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color:black;
|
|
content: "";
|
|
width: 23px;
|
|
height: 16px;
|
|
font-size: 2em;
|
|
margin-right: 8px;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
input.sheet-normal[type="radio"]:checked + span::before
|
|
{
|
|
content: "X";
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-rating[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 6px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
/* -----Fake radio----- */
|
|
input.sheet-rating[type="radio"] + span::before
|
|
{
|
|
border: solid 1px #333;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color:black;
|
|
content: "X";
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 1.3em;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
input.sheet-rating[type="radio"]:checked ~ input.sheet-rating[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
}
|
|
.sheet-inline {
|
|
display: inline-block;
|
|
}
|
|
/*#### Tooltip ###*/
|
|
|
|
.sheet-tooltip {
|
|
position: relative;
|
|
/*display: inline-block;*/
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext,
|
|
.sheet-tooltip + .sheet-tooltiptext {
|
|
visibility: hidden;
|
|
width: max-content;
|
|
max-width:300px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 7px;
|
|
|
|
/* Position the tooltip */
|
|
position: absolute;
|
|
top:100%;
|
|
left:15px;
|
|
margin-top:10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-tooltip:hover .sheet-tooltiptext,
|
|
.sheet-tooltip:hover + .sheet-tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
.sheet-tooltip:hover .sheet-tooltiptext:empty,
|
|
.sheet-tooltip:hover + .sheet-tooltiptext:empty {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/*#### Hints ###*/
|
|
.sheet-tutorial{
|
|
position: absolute;
|
|
top:12px;
|
|
left:-2px;
|
|
width:100%;
|
|
height:107%;
|
|
background: rgba(245, 240, 225, 0.85);
|
|
z-index:9;
|
|
}
|
|
.sheet-tutorialtoggle[value="1"] + .sheet-tutorial{
|
|
display: none;
|
|
}
|
|
.sheet-hintborder{
|
|
border:2px solid maroon;
|
|
z-index:11;
|
|
}
|
|
.sheet-hintcontainer{
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-hinttext{
|
|
width: max-content;
|
|
max-width:300px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 7px;
|
|
|
|
/* Position the tooltip */
|
|
position: absolute;
|
|
top:100%;
|
|
left:15px;
|
|
margin-top:10px;
|
|
z-index: 12;
|
|
}
|
|
.sheet-tutorialstep0:not([value="0"]) + .sheet-hintcontainer,
|
|
.sheet-tutorialstep1:not([value="1"]) + .sheet-hintcontainer,
|
|
.sheet-tutorialstep2:not([value="2"]) + .sheet-hintcontainer,
|
|
.sheet-tutorialstep3:not([value="3"]) + .sheet-hintcontainer,
|
|
.sheet-tutorialstep4:not([value="4"]) + .sheet-hintcontainer,
|
|
.sheet-tutorialtoggle[value="1"] + .sheet-hintcontainer{
|
|
display: none;
|
|
}
|
|
.sheet-tutorialstep0:not([value="0"]) + .sheet-hintborder,
|
|
.sheet-tutorialstep1:not([value="1"]) + .sheet-hintborder,
|
|
.sheet-tutorialstep2:not([value="2"]) + .sheet-hintborder,
|
|
.sheet-tutorialstep3:not([value="3"]) + .sheet-hintborder,
|
|
.sheet-tutorialstep4:not([value="4"]) + .sheet-hintborder,
|
|
.sheet-tutorialtoggle[value="1"] + .sheet-hintborder{
|
|
border:0px;
|
|
z-index:unset;
|
|
}
|
|
.sheet-tutorialstep0:not([value="0"]) + .sheet-hintborder .sheet-hinttext,
|
|
.sheet-tutorialstep1:not([value="1"]) + .sheet-hintborder .sheet-hinttext,
|
|
.sheet-tutorialstep2:not([value="2"]) + .sheet-hintborder .sheet-hinttext,
|
|
.sheet-tutorialstep3:not([value="3"]) + .sheet-hintborder .sheet-hinttext,
|
|
.sheet-tutorialstep4:not([value="4"]) + .sheet-hintborder .sheet-hinttext,
|
|
.sheet-tutorialtoggle[value="1"] + .sheet-hintborder .sheet-hinttext{
|
|
display:none;
|
|
}
|
|
.sheet-hinttextright{
|
|
right:-15px;
|
|
left:unset;
|
|
}
|
|
.sheet-hintposright{
|
|
top:15px;
|
|
left:100%;
|
|
margin-left:10px;
|
|
}
|
|
|
|
/*### CHIPSTACK ###*/
|
|
|
|
.sheet-chipnumber {
|
|
margin-top:-10px;
|
|
}
|
|
.sheet-chipnumber span {
|
|
width:20px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-right: -3.5px;
|
|
}
|
|
.sheet-chipnumber button {
|
|
border-radius: 100%;
|
|
width:20px;
|
|
height:20px;
|
|
font-family: "Pictos";
|
|
padding:0;
|
|
border:0;
|
|
background: transparent;
|
|
opacity:0;
|
|
margin:0px;
|
|
}
|
|
.sheet-chipnumber:hover button {
|
|
opacity:1;
|
|
}
|
|
.sheet-chipnumber button:hover {
|
|
outline:0;
|
|
color: black;
|
|
}
|
|
.sheet-chipnumber button:active {
|
|
outline:0;
|
|
}
|
|
.sheet-chipnumber button:focus {
|
|
outline:0;
|
|
}
|
|
.sheet-singlechip {
|
|
position:relative;
|
|
display: inline-block;
|
|
height:48px;
|
|
width:48px;
|
|
margin: 5px;
|
|
}
|
|
.sheet-chipstackgroup{
|
|
position:relative;
|
|
display: inline-block;
|
|
height:120px;
|
|
width:48px;
|
|
margin: 5px;
|
|
}
|
|
input.sheet-displaychipstacks[value="0"] + .sheet-chipstackgroup{
|
|
display:none;
|
|
}
|
|
input.sheet-displaychipstacks[value="1"] + .sheet-chipstackgroup + .sheet-singlechip{
|
|
display:none;
|
|
}
|
|
.sheet-chipstack,
|
|
.sheet-chipstackzero
|
|
{
|
|
opacity: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
font-family: 'Patrick Hand';
|
|
bottom:0px;
|
|
}
|
|
input.sheet-chip0,
|
|
input.sheet-chip0 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:0px;
|
|
left:0;
|
|
}
|
|
input.sheet-chip1,
|
|
input.sheet-chip1 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:10px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip2,
|
|
input.sheet-chip2 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:20px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip3,
|
|
input.sheet-chip3 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:30px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip4,
|
|
input.sheet-chip4 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:40px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip5,
|
|
input.sheet-chip5 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:50px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip6,
|
|
input.sheet-chip6 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:60px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip7,
|
|
input.sheet-chip7 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:70px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip8,
|
|
input.sheet-chip8 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:80px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip9,
|
|
input.sheet-chip9 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:90px;
|
|
left:5px;
|
|
}
|
|
input.sheet-chip10,
|
|
input.sheet-chip10 + span::before
|
|
{
|
|
position: absolute;
|
|
bottom:100px;
|
|
left:5px;
|
|
}
|
|
|
|
|
|
/* -----Fake radio----- */
|
|
.sheet-chipstack + span::before
|
|
{
|
|
border: solid 1px #333;
|
|
border-radius: 50%;
|
|
background-color: black;
|
|
color:black;
|
|
content: "";
|
|
width: 36px;
|
|
height: 18px;
|
|
opacity: 0.1;
|
|
box-shadow: 0px 5px rgb(97 69 0);
|
|
}
|
|
.sheet-chipstack.sheet-chip0 + span::before
|
|
{
|
|
border: solid 1px #333;
|
|
border-radius: 50%;
|
|
background-color: #333;
|
|
color:#333;
|
|
content: "";
|
|
width: 46px;
|
|
height: 18px;
|
|
box-shadow: 0px 0px;
|
|
}
|
|
|
|
|
|
.sheet-chipstackgroup:not(:hover) .sheet-chipstack + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
.sheet-chipstackgroup:not(:hover) .sheet-chipstack:checked ~ .sheet-chipstack + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-chipstackgroup:hover .sheet-chipstack + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
.sheet-chipstackgroup:hover .sheet-chipstack:hover ~ .sheet-chipstack + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
/*### DICEBAR ###*/
|
|
/* -----Hide actual radio----- */
|
|
.sheet-dicebar,
|
|
.sheet-dicebarzero,
|
|
.sheet-singledie
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin: -8px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
font-family: 'Patrick Hand';
|
|
}
|
|
/* -----Fake radio----- */
|
|
.sheet-dicebarzero + span::before
|
|
{
|
|
border: 0;
|
|
border-radius: 4px;
|
|
background-color: transparent;
|
|
text-align: center;
|
|
display: inline-block;
|
|
color:black;
|
|
content: "D";
|
|
font-family: "Pictos";
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: 0.1;
|
|
}
|
|
.sheet-spacer_dice
|
|
{
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-left: 20px;
|
|
}
|
|
.sheet-spacer_gap
|
|
{
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-dicebar + span::before,
|
|
.sheet-singledie + span::before
|
|
{
|
|
border: solid 1px #333;
|
|
border-radius: 4px;
|
|
background-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color:black;
|
|
content: "";
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: 0.1;
|
|
}
|
|
.sheet-hexdie + span::before
|
|
{
|
|
background-color:black;
|
|
}
|
|
.sheet-janusdiebonus + span::before
|
|
{
|
|
background-color:darkgray;
|
|
content:"+";
|
|
color:black;
|
|
font-family: "Pictos";
|
|
font-size:0.9em;
|
|
line-height: 1.1;
|
|
}
|
|
.sheet-janusdiemalus + span::before
|
|
{
|
|
background-color:darkgray;
|
|
content:"-";
|
|
color:black;
|
|
font-family: "Pictos";
|
|
font-size:0.9em;
|
|
line-height: 1.1;
|
|
}
|
|
.sheet-npcdie
|
|
{
|
|
background-color:black;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_hex_small.png) top left;
|
|
background-size: 16px 16px;
|
|
width:12px;
|
|
height:12px;
|
|
border-radius: 6px;
|
|
padding: 2px 2px;
|
|
margin: 0 3px 0 3px;
|
|
}
|
|
.sheet-checkdie
|
|
{
|
|
background-color:black;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_hex.png) top left;
|
|
background-size: 24px 24px;
|
|
}
|
|
.sheet-attackdie
|
|
{
|
|
background-color:black;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_hex.png) top left;
|
|
background-size: 24px 24px;
|
|
}
|
|
.sheet-parrydie
|
|
{
|
|
font-family: "Pictos Three";
|
|
font-size:22px;
|
|
color:white;
|
|
background-color:black;
|
|
}
|
|
.sheet-blessingdie
|
|
{
|
|
background-color:seashell;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_blessing.png) top left;
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-blooddie
|
|
{
|
|
background-color:maroon;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_wound.png) top left;
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-elixirdie
|
|
{
|
|
background-color:cornflowerblue;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/btn_elixier.png) top left;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
span.sheet-ideachip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_idea.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-ideachip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:olivedrab;
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_idea.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px rgb(38, 56, 38);
|
|
}
|
|
span.sheet-coupchip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_coup.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-coupchip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:maroon;
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_coup.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px rgb(66, 1, 1);
|
|
}
|
|
span.sheet-blessingchip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_blessing.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-blessingchip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:seashell;
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_blessing.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px grey;
|
|
}
|
|
span.sheet-ragechip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_rage.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-ragechip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:rebeccapurple;
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_rage.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px rgb(60, 42, 78);
|
|
}
|
|
span.sheet-ambitionchip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_ambition.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-ambitionchip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:darkgoldenrod;
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_ambition.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px rgb(94, 72, 16);
|
|
}
|
|
span.sheet-quintessencechip
|
|
{
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_quintessence.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-quintessencechip + span::before
|
|
{
|
|
border-radius: 50%;
|
|
background-color:rgb(114, 114, 114);
|
|
background-image: url(https://ulisses-digital.de/R20/hexxen/images/chip_quintessence.png);
|
|
background-size: 100% 100%;
|
|
box-shadow: 0px 5px rgb(41, 41, 41);
|
|
}
|
|
.sheet-dicebargroup:not(:hover) .sheet-reverse.sheet-dicebar + span::before
|
|
{
|
|
opacity: 0.1;
|
|
}
|
|
.sheet-dicebargroup:not(:hover) :not(.sheet-reverse).sheet-dicebar + span::before,
|
|
.sheet-dicebargroup:not(:hover) .sheet-reverse.sheet-dicebar:checked + span::before,
|
|
.sheet-dicebargroup:not(:hover) .sheet-reverse.sheet-dicebar:checked ~ .sheet-reverse.sheet-dicebar + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
.sheet-dicebargroup:not(:hover) .sheet-reverse.sheet-dicebar:checked ~ :not(.sheet-reverse).sheet-dicebar + span::before,
|
|
.sheet-dicebargroup:not(:hover) :not(.sheet-reverse).sheet-dicebar:checked ~ :not(.sheet-reverse).sheet-dicebar + span::before,
|
|
.sheet-dicebargroup:not(:hover) :not(.sheet-reverse).sheet-dicebarzero:checked ~ :not(.sheet-reverse).sheet-dicebar + span::before
|
|
{
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.sheet-dicebargroup:hover .sheet-reverse.sheet-dicebar + span::before
|
|
{
|
|
opacity: 0.25;
|
|
}
|
|
.sheet-dicebargroup:hover .sheet-dicebar:hover + span::before,
|
|
.sheet-dicebargroup:hover .sheet-reverse.sheet-dicebar:hover ~ .sheet-reverse.sheet-dicebar + span::before,
|
|
.sheet-dicebargroup:hover :not(.sheet-reverse).sheet-dicebar + span::before
|
|
{
|
|
opacity: 0.75;
|
|
}
|
|
.sheet-reverse.sheet-dicebar:hover ~ :not(.sheet-reverse).sheet-dicebar + span::before,
|
|
:not(.sheet-reverse).sheet-dicebar:hover ~ :not(.sheet-reverse).sheet-dicebar + span::before
|
|
{
|
|
opacity: 0.25;
|
|
}
|
|
|
|
/*------------empty traits-----------*/
|
|
input.sheet-dicebarzero[type="radio"]:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
input.sheet-dicebarzero[type="radio"]:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
input.sheet-dicebarzero[type="radio"] + span::before
|
|
{
|
|
opacity: 0.25;
|
|
}
|
|
|
|
/*------------single die-----------*/
|
|
input.sheet-singledie:checked + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
input.sheet-singledie:hover + span::before
|
|
{
|
|
opacity: 0.75;
|
|
}
|
|
input.sheet-singledie + span::before
|
|
{
|
|
opacity: 0.25;
|
|
}
|
|
|
|
/*------------empty traits-----------*/
|
|
input.sheet-zero[type="radio"]:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
input.sheet-zero[type="radio"]:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
input.sheet-zero[type="radio"] + span::before
|
|
{
|
|
border:0;
|
|
color:black;
|
|
content: "D";
|
|
opacity: 0.25;
|
|
font-size: 1em;
|
|
font-family: 'Pictos';
|
|
}
|
|
|
|
.sheet-counterreset{
|
|
counter-reset: counter;
|
|
}
|
|
.repcontainer .repitem{
|
|
|
|
counter-increment: counter;
|
|
}
|
|
.sheet-counter::after{
|
|
content:counter(counter);
|
|
}
|
|
|
|
/* Targetted styling that only effects elements with these classes */
|
|
label.sheet-note {
|
|
font-style: italic;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
label.sheet-text {
|
|
width: auto;
|
|
margin-left: 25px;
|
|
}
|
|
.sheet-attribute:before {
|
|
content: "[+";
|
|
font-style: normal;
|
|
}
|
|
.sheet-attribute {
|
|
font-style: italic;
|
|
font-variant: small-caps;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
.sheet-pureattribute {
|
|
font-style: italic;
|
|
font-variant: small-caps;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
.sheet-attribute:after {
|
|
content: "]";
|
|
font-style: normal;
|
|
}
|
|
|
|
div.sheet-sticky {
|
|
position: -webkit-sticky; /* Safari */
|
|
position: sticky;
|
|
top: 0;
|
|
padding: 10px;
|
|
/*background-color: rgba(225, 236, 204,1);*/
|
|
background-color: rgb(245, 240, 225);
|
|
border-radius: 10px;
|
|
border: 2px solid black;
|
|
box-shadow: 5px 5px #888888;
|
|
z-index: 10;
|
|
margin-top:20px;
|
|
}
|
|
div.sheet-sticky .sheet-raven
|
|
{
|
|
position:absolute;
|
|
top: -30px;
|
|
width: 180px;
|
|
left: calc(50% - 90px);
|
|
background-color: rgb(245, 240, 225);
|
|
}
|
|
div.sheet-sticky .sheet-watermark
|
|
{
|
|
position:absolute;
|
|
top: calc(47%);
|
|
width: 250px;
|
|
left: calc(39%);
|
|
background-color: transparent;
|
|
opacity: 0.1;
|
|
transform: scaleX(-1);
|
|
}
|
|
div.sheet-tabbuttonbar {
|
|
position: absolute;
|
|
right:10px;
|
|
bottom:-22px;
|
|
}
|
|
|
|
div.sheet-rolltestdice {
|
|
left:250px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 32px;
|
|
}
|
|
div.sheet-rolltestdice::before {
|
|
content: unset;
|
|
}
|
|
div.sheet-rolltestdice button[type="roll"] {
|
|
width: 90px;
|
|
max-width: 90px;
|
|
overflow: hidden;
|
|
background-color: #333;
|
|
color: burlywood;
|
|
text-shadow: 0 1px 1px rgb(0 0 0);
|
|
}
|
|
div.sheet-rolltestdice button[type="roll"]::before {
|
|
content: unset;
|
|
}
|
|
div.sheet-resettestdice {
|
|
left:250px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 65px;
|
|
}
|
|
div.sheet-resettestdice button {
|
|
width: 90px;
|
|
max-width: 90px;
|
|
overflow: hidden;
|
|
padding: 2px 3px;
|
|
margin: 0px 3px;
|
|
}
|
|
|
|
button[type="roll"].sheet-directdieroller::before {
|
|
content: unset;
|
|
}
|
|
button[type="roll"].sheet-directdieroller {
|
|
border-radius: 6px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
label.sheet-short {
|
|
width: 17%;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
input.sheet-short {
|
|
width: 17%;
|
|
}
|
|
input.sheet-medium {
|
|
width: 31%;
|
|
}
|
|
select.sheet-short {
|
|
width: 17%;
|
|
}
|
|
select.sheet-medium {
|
|
width: 31%;
|
|
}
|
|
|
|
|
|
select.sheet-dtype {
|
|
vertical-align: top;
|
|
width: 60px;
|
|
}
|
|
span.sheet-dee {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
left: -36%;
|
|
padding-right: 4px;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
.sheet-attributes {
|
|
display: grid;
|
|
grid-template-columns: auto auto 3em auto auto 3em ;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 2px;
|
|
}
|
|
.sheet-attributes > .sheet-item {
|
|
width: auto;
|
|
}
|
|
.sheet-ressources {
|
|
display: grid;
|
|
grid-template-columns: auto 7.5em 3.5em 3.5em;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 1rem;
|
|
}
|
|
.sheet-ressources > .sheet-item {
|
|
width: auto;
|
|
}
|
|
.sheet-skills {
|
|
display: grid;
|
|
grid-template-columns: auto 3.5em 3.5em 40px ;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 1rem;
|
|
}
|
|
.sheet-skills > .sheet-item {
|
|
width: auto;
|
|
}
|
|
.sheet-influences {
|
|
display: grid;
|
|
grid-template-columns: 20px 130px auto;
|
|
grid-row-gap: 2px;
|
|
}
|
|
.sheet-influences > .sheet-item {
|
|
width: auto;
|
|
}
|
|
.sheet-healinggrid {
|
|
display: grid;
|
|
grid-template-columns: auto auto ;
|
|
}
|
|
.sheet-stickygrid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2fr;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 2px;
|
|
}
|
|
.sheet-personalgrid {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 2px;
|
|
}
|
|
.sheet-weapons {
|
|
display: grid;
|
|
grid-template-columns: auto 2.5em 2.5em 2.5em 2.5em 30px 30px;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 2px;
|
|
}
|
|
.sheet-weapons > .sheet-item {
|
|
width: auto;
|
|
}
|
|
.sheet-weapons_edit {
|
|
display: grid;
|
|
grid-template-columns: 30px 150px 2em 2em 3.5em 2em;
|
|
grid-row-gap: 2px;
|
|
grid-column-gap: 2px;
|
|
}
|
|
.sheet-weapons_edit > .sheet-item {
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-icon_controller_attacktype[value="melee"] ~ .sheet-icon_receiver_attacktype
|
|
{
|
|
content: var(--icon_attacktype_melee);
|
|
}
|
|
.sheet-icon_controller_attacktype[value="ranged"] ~ .sheet-icon_receiver_attacktype
|
|
{
|
|
content: var(--icon_attacktype_ranged);
|
|
}
|
|
.sheet-icon_attacktype_melee
|
|
{
|
|
content: var(--icon_attacktype_melee);
|
|
}
|
|
.sheet-icon_attacktype_ranged
|
|
{
|
|
content: var(--icon_attacktype_ranged);
|
|
}
|
|
.sheet-npc_strategy_container > .sheet-npc_strategy
|
|
{
|
|
display:none;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_simple"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-simple
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_offensive"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-offensive
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_mighty_offensive"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-mighty_offensive
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_protective"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-protective
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_defensive"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-defensive
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_allrounder"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-allrounder
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc_strategy_controller[value="npc_strategy_mighty_allrounder"] ~ .sheet-npc_strategy_container > .sheet-npc_strategy.sheet-mighty_allrounder
|
|
{
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
/* Edit and details */
|
|
.sheet-details-flag:checked ~ .sheet-display{
|
|
color: maroon;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.charsheet .sheet-fieldsetcontainer .sheet-display {
|
|
min-height: 24px;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper {
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag:checked ~ .sheet-options {
|
|
display: inherit;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag:not(:checked) ~ .sheet-wrapper,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag:checked ~ .sheet-details,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag:not(:checked) ~ .sheet-options {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-options-flag
|
|
{
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag:checked + span {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag + span {
|
|
white-space: nowrap;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #333;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
display: none;
|
|
line-height: 18px;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-details-flag + span {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer:hover .sheet-details-flag + span {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag + span {
|
|
top: -24px;
|
|
right: 21px;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag {
|
|
z-index: 10;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-wrapper .sheet-options-flag + span {
|
|
display: inherit;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-options-flag + span {
|
|
white-space: nowrap;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #333;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
opacity: 0.75;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-options-flag,
|
|
.charsheet .sheet-fieldsetcontainer .sheet-options-flag + span {
|
|
position: absolute;
|
|
top: -19px;
|
|
right: 21px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.charsheet .sheet-fieldsetcontainer .sheet-options-flag:hover + span{
|
|
opacity: 1;
|
|
}
|
|
|
|
.charsheet .repcontrol button.btn {
|
|
visibility: hidden;
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ .repcontrol button.btn,
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ ul .repcontrol button.btn {
|
|
display: inline-block;
|
|
}
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ .repcontrol .repcontrol_add:before,
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ ul .repcontrol .repcontrol_add:before {
|
|
content: "&";
|
|
visibility: visible;
|
|
display: inline;
|
|
font-family: pictos;
|
|
border: 1px solid #333;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
}
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ .repcontrol .repcontrol_edit:after,
|
|
.charsheet .sheet-editmode_toggle[value="1"] ~ ul .repcontrol .repcontrol_edit:after {
|
|
content: "(";
|
|
visibility: visible;
|
|
display: inline;
|
|
font-family: pictos;
|
|
border: 1px solid #333;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
}
|
|
.charsheet .itemcontrol .repcontrol_move {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.charsheet .itemcontrol .repcontrol_del {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
font-family: "Pictos";
|
|
background-color: #da4f49;
|
|
}
|
|
.charsheet .repcontainer.editmode .sheet-wrapper,
|
|
.charsheet .repcontainer.editmode .sheet-details-flag,
|
|
.charsheet .repcontainer.editmode .sheet-details-flag + span{
|
|
display: none;
|
|
}
|
|
.sheet-editmode_toggle[value="0"] + input[type="number"],
|
|
.sheet-editmode_toggle[value="0"] + button,
|
|
.sheet-editmode_toggle[value="0"] + div,
|
|
.sheet-editmode_toggle[value="0"] + input[type="text"],
|
|
.sheet-editmode_toggle[value="0"] + select,
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + div,
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + input[type="text"],
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + select {
|
|
display: none;
|
|
}
|
|
.sheet-editmode_toggle[value="1"] + input[type="number"],
|
|
.sheet-editmode_toggle[value="1"] + button,
|
|
.sheet-editmode_toggle[value="1"] + div,
|
|
.sheet-editmode_toggle[value="1"] + input[type="text"],
|
|
.sheet-editmode_toggle[value="1"] + select,
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + div,
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + input[type="text"],
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + select {
|
|
display: inline-block;
|
|
}
|
|
.sheet-editmode_toggle[value="1"] + input[type="number"] + span.sheet-number,
|
|
.sheet-editmode_toggle[value="1"] + input[type="number"] + span.sheet-normal,
|
|
.sheet-editmode_toggle[value="1"] + button + button,
|
|
.sheet-editmode_toggle[value="1"] + div + div,
|
|
.sheet-editmode_toggle[value="1"] + input[type="text"] + span.sheet-label,
|
|
.sheet-editmode_toggle[value="1"] + select + span.sheet-normal,
|
|
.sheet-editmode_toggle[value="1"] + select + span.sheet-label,
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + div + div,
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + input[type="text"] + span,
|
|
.sheet-editmode_toggle[value="1"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + select + span {
|
|
display: none;
|
|
}
|
|
.sheet-editmode_toggle[value="0"] + input[type="number"] + span.sheet-number,
|
|
.sheet-editmode_toggle[value="0"] + input[type="number"] + span.sheet-normal,
|
|
.sheet-editmode_toggle[value="0"] + button + button,
|
|
.sheet-editmode_toggle[value="0"] + div + div,
|
|
.sheet-editmode_toggle[value="0"] + input[type="text"] + span.sheet-label,
|
|
.sheet-editmode_toggle[value="0"] + select + span.sheet-normal,
|
|
.sheet-editmode_toggle[value="0"] + select + span.sheet-label,
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + div + div,
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + input[type="text"] + span,
|
|
.sheet-editmode_toggle[value="0"] + fieldset + .repcontainer .sheet-fieldset_editmode_toggle + select + span {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
|
|
.sheet-editmode_toggle[value="0"] + div.sheet-box{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-editmode_toggle[value="1"] + div.sheet-box{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-editmode_toggle[value="1"] + div.sheet-box + div.sheet-box{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-editmode_toggle[value="0"] + div.sheet-box + div.sheet-box{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-editmode_off:not([value="0"]) + * {
|
|
display: none;
|
|
}
|
|
.sheet-editmode_on:not([value="1"]) + * {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideempty_toggle[value="0"] ~ .sheet-hideempty,
|
|
.sheet-hideempty_toggle:not([value]) ~ .sheet-hideempty {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* roll template */
|
|
|
|
.sheet-rolltemplate-check .sheet-rtcard,
|
|
.sheet-rolltemplate-blood .sheet-rtcard,
|
|
.sheet-rolltemplate-elixir .sheet-rtcard {
|
|
width: auto;
|
|
height: auto;
|
|
padding: 0px;
|
|
|
|
text-align: center;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-weight: bold;
|
|
border: 2px solid black;
|
|
border-radius: 10px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-rtcard .sheet-header,
|
|
.sheet-rolltemplate-blood .sheet-rtcard .sheet-header,
|
|
.sheet-rolltemplate-elixir .sheet-rtcard .sheet-header {
|
|
width:124px;
|
|
content:url("https://ulisses-digital.de/R20/hexxen/images/Rabenbanner.png");
|
|
}
|
|
.sheet-rolltemplate-check .sheet-rtcard .sheet-footer,
|
|
.sheet-rolltemplate-blood .sheet-rtcard .sheet-footer,
|
|
.sheet-rolltemplate-elixir .sheet-rtcard .sheet-footer {
|
|
width:124px;
|
|
content:url("https://ulisses-digital.de/R20/hexxen/images/Rabenbanner2.png");
|
|
position:relative;
|
|
bottom:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-check .sheet-rtcard {
|
|
counter-reset: result esprit;
|
|
}
|
|
.sheet-rolltemplate-blood .sheet-rtcard {
|
|
counter-reset: blood;
|
|
}
|
|
.sheet-rolltemplate-elixir .sheet-rtcard {
|
|
counter-reset: elixir;
|
|
}
|
|
|
|
.sheet-rolltemplate-check .sheet-rtcard .sheet-rtresult_result::before {
|
|
content: counter(result);
|
|
}
|
|
|
|
.sheet-rolltemplate-check .sheet-rtcard .sheet-rtresult_esprit::before {
|
|
content: counter(esprit);
|
|
}
|
|
|
|
.sheet-rolltemplate-check .sheet-hexxen,
|
|
.sheet-rolltemplate-check .sheet-janus,
|
|
.sheet-rolltemplate-check .sheet-janusmalus,
|
|
.sheet-rolltemplate-check .sheet-blessing,
|
|
.sheet-rolltemplate-blood .sheet-blood,
|
|
.sheet-rolltemplate-elixir .sheet-elixir {
|
|
display:inline-block;
|
|
width: 36px;
|
|
height: 36px;
|
|
background-size: 36px 36px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-check .sheet-hexxen.sheet-success {
|
|
counter-increment: result;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_hex_raven.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-hexxen.sheet-esprit {
|
|
counter-increment: esprit;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_hex_esprit.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-hexxen.sheet-empty {
|
|
counter-increment: none;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_hex_empty.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
|
|
.sheet-rolltemplate-check .sheet-janus.sheet-success {
|
|
counter-increment: result;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_janus_janus.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-janus.sheet-empty {
|
|
counter-increment: none;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_janus_empty.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-check .sheet-janusmalus.sheet-success {
|
|
counter-increment: result -1;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_janus_janus.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-janusmalus.sheet-empty {
|
|
counter-increment: none;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_janus_empty.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-check .sheet-blessing.sheet-success {
|
|
counter-increment: result;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_blessing_raven.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-blessing.sheet-doublesuccess {
|
|
counter-increment: result +2;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_blessing_2raven.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-blessing.sheet-esprit {
|
|
counter-increment: esprit;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_blessing_esprit.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-check .sheet-blessing.sheet-empty {
|
|
counter-increment: none;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_blessing_empty.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
/*----------- End Roll Template --------------------*/
|
|
|
|
/*----- Roll Template Blood ------*/
|
|
|
|
|
|
.sheet-rolltemplate-blood .sheet-rtcard .sheet-rtresult_blood::after {
|
|
content: counter(blood);
|
|
}
|
|
|
|
.sheet-rolltemplate-blood .sheet-blood.sheet-blood1 {
|
|
counter-increment: blood;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_wound_1.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-blood .sheet-blood.sheet-blood2 {
|
|
counter-increment: blood 2;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_wound_2.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-blood .sheet-blood.sheet-empty {
|
|
counter-increment: none;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_wound_empty.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-blood .sheet-blood.sheet-blood3 {
|
|
counter-increment: blood 3;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_wound_3.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
|
|
/*----------- End Roll Template --------------------*/
|
|
|
|
/*----- Roll Template Elixir ------*/
|
|
|
|
|
|
.sheet-rolltemplate-elixir .sheet-rtcard .sheet-rtresult_elixir::after {
|
|
content: counter(elixir);
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-elixir .sheet-elixir.sheet-elixir1 {
|
|
counter-increment: elixir;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_elixir_1.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-elixir .sheet-elixir.sheet-elixir2 {
|
|
counter-increment: elixir 2;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_elixir_2.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-elixir .sheet-elixir.sheet-elixir3 {
|
|
counter-increment: elixir 3;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_elixir_3.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-elixir .sheet-elixir.sheet-elixir4 {
|
|
counter-increment: elixir 4;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_elixir_4.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
.sheet-rolltemplate-elixir .sheet-elixir.sheet-elixir5 {
|
|
counter-increment: elixir 5;
|
|
background: url(https://ulisses-digital.de/R20/hexxen/images/dice_elixir_5.png) top left;
|
|
background-size: 36px 36px;
|
|
}
|
|
|
|
|
|
/*----------- End Roll Template --------------------*/ |