diff --git a/HeXXen-1733-2E/hexxen2.css b/HeXXen-1733-2E/hexxen2.css new file mode 100644 index 000000000000..b3bdea473111 --- /dev/null +++ b/HeXXen-1733-2E/hexxen2.css @@ -0,0 +1,1952 @@ +@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 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 2.5em 3em; + 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 --------------------*/ \ No newline at end of file diff --git a/HeXXen-1733-2E/hexxen2.html b/HeXXen-1733-2E/hexxen2.html new file mode 100644 index 000000000000..5e481ffe0855 --- /dev/null +++ b/HeXXen-1733-2E/hexxen2.html @@ -0,0 +1,2417 @@ + + + + +
{{attr}}{{#attr_val}} ({{attr_val}}){{/attr_val}}
{{/attr}}{{#hexxen1}} + {{#rollTotal() hexxen1 1}}{{/rollTotal() hexxen1 1}} + {{#rollBetween() hexxen1 2 4}}{{/rollBetween() hexxen1 2 4}} + {{#rollBetween() hexxen1 5 6}}{{/rollBetween() hexxen1 5 6}} + {{/hexxen1}}{{#hexxen2}} + {{#rollTotal() hexxen2 1}}{{/rollTotal() hexxen2 1}} + {{#rollBetween() hexxen2 2 4}}{{/rollBetween() hexxen2 2 4}} + {{#rollBetween() hexxen2 5 6}}{{/rollBetween() hexxen2 5 6}} + {{/hexxen2}}{{#hexxen3}} + {{#rollTotal() hexxen3 1}}{{/rollTotal() hexxen3 1}} + {{#rollBetween() hexxen3 2 4}}{{/rollBetween() hexxen3 2 4}} + {{#rollBetween() hexxen3 5 6}}{{/rollBetween() hexxen3 5 6}} + {{/hexxen3}}{{#hexxen4}} + {{#rollTotal() hexxen4 1}}{{/rollTotal() hexxen4 1}} + {{#rollBetween() hexxen4 2 4}}{{/rollBetween() hexxen4 2 4}} + {{#rollBetween() hexxen4 5 6}}{{/rollBetween() hexxen4 5 6}} + {{/hexxen4}}{{#hexxen5}} + {{#rollTotal() hexxen5 1}}{{/rollTotal() hexxen5 1}} + {{#rollBetween() hexxen5 2 4}}{{/rollBetween() hexxen5 2 4}} + {{#rollBetween() hexxen5 5 6}}{{/rollBetween() hexxen5 5 6}} + {{/hexxen5}}{{#hexxen6}} + {{#rollTotal() hexxen6 1}}{{/rollTotal() hexxen6 1}} + {{#rollBetween() hexxen6 2 4}}{{/rollBetween() hexxen6 2 4}} + {{#rollBetween() hexxen6 5 6}}{{/rollBetween() hexxen6 5 6}} + {{/hexxen6}}{{#hexxen7}} + {{#rollTotal() hexxen7 1}}{{/rollTotal() hexxen7 1}} + {{#rollBetween() hexxen7 2 4}}{{/rollBetween() hexxen7 2 4}} + {{#rollBetween() hexxen7 5 6}}{{/rollBetween() hexxen7 5 6}} + {{/hexxen7}}{{#hexxen8}} + {{#rollTotal() hexxen8 1}}{{/rollTotal() hexxen8 1}} + {{#rollBetween() hexxen8 2 4}}{{/rollBetween() hexxen8 2 4}} + {{#rollBetween() hexxen8 5 6}}{{/rollBetween() hexxen8 5 6}} + {{/hexxen8}}{{#hexxen9}} + {{#rollTotal() hexxen9 1}}{{/rollTotal() hexxen9 1}} + {{#rollBetween() hexxen9 2 4}}{{/rollBetween() hexxen9 2 4}} + {{#rollBetween() hexxen9 5 6}}{{/rollBetween() hexxen9 5 6}} + {{/hexxen9}}{{#hexxen10}} + {{#rollTotal() hexxen10 1}}{{/rollTotal() hexxen10 1}} + {{#rollBetween() hexxen10 2 4}}{{/rollBetween() hexxen10 2 4}} + {{#rollBetween() hexxen10 5 6}}{{/rollBetween() hexxen10 5 6}} + {{/hexxen10}}{{#hexxen11}} + {{#rollTotal() hexxen11 1}}{{/rollTotal() hexxen11 1}} + {{#rollBetween() hexxen11 2 4}}{{/rollBetween() hexxen11 2 4}} + {{#rollBetween() hexxen11 5 6}}{{/rollBetween() hexxen11 5 6}} + {{/hexxen11}}{{#hexxen12}} + {{#rollTotal() hexxen12 1}}{{/rollTotal() hexxen12 1}} + {{#rollBetween() hexxen12 2 4}}{{/rollBetween() hexxen12 2 4}} + {{#rollBetween() hexxen12 5 6}}{{/rollBetween() hexxen12 5 6}} + {{/hexxen12}}{{#hexxen13}} + {{#rollTotal() hexxen13 1}}{{/rollTotal() hexxen13 1}} + {{#rollBetween() hexxen13 2 4}}{{/rollBetween() hexxen13 2 4}} + {{#rollBetween() hexxen13 5 6}}{{/rollBetween() hexxen13 5 6}} + {{/hexxen13}}{{#hexxen14}} + {{#rollTotal() hexxen14 1}}{{/rollTotal() hexxen14 1}} + {{#rollBetween() hexxen14 2 4}}{{/rollBetween() hexxen14 2 4}} + {{#rollBetween() hexxen14 5 6}}{{/rollBetween() hexxen14 5 6}} + {{/hexxen14}}{{#hexxen15}} + {{#rollTotal() hexxen15 1}}{{/rollTotal() hexxen15 1}} + {{#rollBetween() hexxen15 2 4}}{{/rollBetween() hexxen15 2 4}} + {{#rollBetween() hexxen15 5 6}}{{/rollBetween() hexxen15 5 6}} + {{/hexxen15}}{{#hexxen16}} + {{#rollTotal() hexxen16 1}}{{/rollTotal() hexxen16 1}} + {{#rollBetween() hexxen16 2 4}}{{/rollBetween() hexxen16 2 4}} + {{#rollBetween() hexxen16 5 6}}{{/rollBetween() hexxen16 5 6}} + {{/hexxen16}}{{#hexxen17}} + {{#rollTotal() hexxen17 1}}{{/rollTotal() hexxen17 1}} + {{#rollBetween() hexxen17 2 4}}{{/rollBetween() hexxen17 2 4}} + {{#rollBetween() hexxen17 5 6}}{{/rollBetween() hexxen17 5 6}} + {{/hexxen17}}{{#hexxen18}} + {{#rollTotal() hexxen18 1}}{{/rollTotal() hexxen18 1}} + {{#rollBetween() hexxen18 2 4}}{{/rollBetween() hexxen18 2 4}} + {{#rollBetween() hexxen18 5 6}}{{/rollBetween() hexxen18 5 6}} + {{/hexxen18}}{{#hexxen19}} + {{#rollTotal() hexxen19 1}}{{/rollTotal() hexxen19 1}} + {{#rollBetween() hexxen19 2 4}}{{/rollBetween() hexxen19 2 4}} + {{#rollBetween() hexxen19 5 6}}{{/rollBetween() hexxen19 5 6}} + {{/hexxen19}}{{#hexxen20}} + {{#rollTotal() hexxen20 1}}{{/rollTotal() hexxen20 1}} + {{#rollBetween() hexxen20 2 4}}{{/rollBetween() hexxen20 2 4}} + {{#rollBetween() hexxen20 5 6}}{{/rollBetween() hexxen20 5 6}} + {{/hexxen20}}{{#janus1}} + {{#rollBetween() janus1 1 3}}{{/rollBetween() janus1 1 3}} + {{#rollBetween() janus1 4 6}}{{/rollBetween() janus1 4 6}} + {{/janus1}}{{#janus2}} + {{#rollBetween() janus2 1 3}}{{/rollBetween() janus2 1 3}} + {{#rollBetween() janus2 4 6}}{{/rollBetween() janus2 4 6}} + {{/janus2}}{{#janus3}} + {{#rollBetween() janus3 1 3}}{{/rollBetween() janus3 1 3}} + {{#rollBetween() janus3 4 6}}{{/rollBetween() janus3 4 6}} + {{/janus3}}{{#janus4}} + {{#rollBetween() janus4 1 3}}{{/rollBetween() janus4 1 3}} + {{#rollBetween() janus4 4 6}}{{/rollBetween() janus4 4 6}} + {{/janus4}}{{#janus5}} + {{#rollBetween() janus5 1 3}}{{/rollBetween() janus5 1 3}} + {{#rollBetween() janus5 4 6}}{{/rollBetween() janus5 4 6}} + {{/janus5}}{{#janus-1}} + {{#rollBetween() janus-1 1 3}}{{/rollBetween() janus-1 1 3}} + {{#rollBetween() janus-1 4 6}}{{/rollBetween() janus-1 4 6}} + {{/janus-1}}{{#janus-2}} + {{#rollBetween() janus-2 1 3}}{{/rollBetween() janus-2 1 3}} + {{#rollBetween() janus-2 4 6}}{{/rollBetween() janus-2 4 6}} + {{/janus-2}}{{#janus-3}} + {{#rollBetween() janus-3 1 3}}{{/rollBetween() janus-3 1 3}} + {{#rollBetween() janus-3 4 6}}{{/rollBetween() janus-3 4 6}} + {{/janus-3}}{{#janus-4}} + {{#rollBetween() janus-4 1 3}}{{/rollBetween() janus-4 1 3}} + {{#rollBetween() janus-4 4 6}}{{/rollBetween() janus-4 4 6}} + {{/janus-4}}{{#janus-5}} + {{#rollBetween() janus-5 1 3}}{{/rollBetween() janus-5 1 3}} + {{#rollBetween() janus-5 4 6}}{{/rollBetween() janus-5 4 6}} + {{/janus-5}}{{#blessing1}} + {{#rollBetween() blessing1 1 2}}{{/rollBetween() blessing1 1 2}} + {{#rollTotal() blessing1 3}}{{/rollTotal() blessing1 3}} + {{#rollBetween() blessing1 4 5}}{{/rollBetween() blessing1 4 5}} + {{#rollTotal() blessing1 6}}{{/rollTotal() blessing1 6}} + {{/blessing1}} ++ Erfolge: + Esprit: +
Blut:
Elixier: