/**** Official looking Shadowrun Anarchy Sheet ****/ /**** Colors: Blue headers - #4f7da7; Yellow - #e9b230; TanRows - #8c9180; French Yellow - #f2be1a French Gray - #d2d5d8 ****/ button { background-color: transparent; background-image: none; border-color: transparent; border: none; box-shadow: none; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; font-weight: bold; text-shadow: none; } button:hover, button:focus { background-color: transparent; } .ui-dialog .charsheet button[type=roll] { margin: 0px 0px 0px 0px; padding: 2px 0px; } button:before { display: none; } h1 { text-align: center; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;; } h2 { text-align: center; } h1, h3 { color: #ffffff; } h1, h2, h3, h4 { font-family: monospace; text-transform: uppercase; } img { margin-bottom: -4px; } input { -webkit-box-shadow: none; border-bottom: 1px solid; border-radius: 0px; font-size: 0.8em; } input[type="checkbox"], input[type="radio"] { opacity: 0; z-index: 1; position: relative; } input[type="number"], input[type="text"] { font-size: 1em; font-weight: bold; text-align: center; } label { padding-right: 0px; } textarea, textarea::-webkit-input-placeholder { background: transparent; resize: vertical; border: 0px; height: inherit; font-size: 0.8em; overflow-wrap: break-word; white-space: pre-line; } /**** Removes the arrows for increase numbers ****/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, select { -webkit-appearance: none; margin: 0; } .charsheet { margin-left: -10px; } img.sheet-header { width: 850px; } .sheet-pictos { font-family: "Pictos"; } .sheet-row-name .sheet-special button[type="action"], .sheet-row-name .sheet-npc-toggle button[type="action"] { font-size: 1em; } .sheet-row-name button[type="action"].sheet-pictos:hover{ color: #fff; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-row-name .sheet-special button[type="action"]:hover { color: #4f7da7; } .sheet-row-name .sheet-npc-toggle button[type="action"]:hover { color: #e9b230; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } div.sheet-row-name button[type="action"].sheet-pictos { font-size: 2em; margin-left: 2%; margin-top: 10%; } div.sheet-special { width: 8%; } div.sheet-special input[value="awakened"] ~ button[name="act_awakened"], div.sheet-special input[value="emerged"] ~ button[name="act_emerged"] { color: #4f7da7; } div.sheet-npc-toggle { margin-top: 1%; width: 5%; } /**** Repeating Sections Styled ****/ .repcontrol { display: inline-block; width: 100%; border-radius: 25px; margin-bottom: 5px; } .repcontainer { vertical-align: top; } .repcontainer .repitem { width: 32.5%; display: inline-block; margin: 0px 3px 0px 3px; } .sheet-bubblerow .repcontainer { margin-bottom: -20px; } .sheet-bubblerow .repcontainer .repitem { height: auto; margin-bottom: 5px; vertical-align: top; width: 32%; } .sheet-bubblerow .repcontrol { margin-top: 25px; } .sheet-weaponsection .repcontainer { margin-top: -25px; margin-bottom: 20px; } .repcontrol .repcontrol_add, .repcontrol .repcontrol_edit { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: white; letter-spacing: .12em; background: #59595b; border: none; } .repcontrol .repcontrol_add:hover, .repcontrol .repcontrol_edit:hover { background: #4f7da7; } .repcontrol .repcontrol_add { border-radius: 0px 20px 20px 0px; border-left: 10px solid #001323; } .repcontrol .repcontrol_edit { border-radius: 20px 0px 0px 20px; border-right: 10px solid #001323 ; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move { margin-top: 5px; padding: 0px; height: 20px; width: 20px; } .itemcontrol .repcontrol_del { color: #4f7da7; font-family: pictos; font-size: 15px; } .itemcontrol .repcontrol_move { font-size: 10px; } /**** Sheet Page ****/ .sheet-container { width: 850px; font-family: sans-serif; font-weight: bolder; align-content: center; } /**** PC Page ****/ .sheet-pc { background-color: #ffffff; border: 1px solid #000; } .sheet-row-name { display: inline-block; border: 1px solid #000000; border-radius: 0em 0em 1em 1em; } .sheet-tan { background-color: #8c9180; } .sheet-tan h2 { color: #ffffff; } .sheet-col-name { width: 80%; } .sheet-col-name input[name="attr_character_name"] { background : none; border : none; box-shadow : none; color : #000000; font-size : 2em; height : 35px; margin-left : 5%; margin-top : 0.5%; text-transform: uppercase; width : 90%; } /**** Format the Attribute area ****/ .sheet-attribute { height: 9em; } .sheet-attribute .sheet-col { text-align: center; width: 15.4%; } .sheet-attribute .sheet-col:nth-child(1) { margin-left: -5px; margin-right: -5px; } .sheet-attribute h1 { font-size: 1.5em; } .sheet-attribute h1:hover { color: #4f7da7; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-attribute input[type="number"] { background: transparent; border: none; box-shadow: none; color: white; font-size: 4em; margin: 0em 0em .2em 0em; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; width: 1.5em; } /**** Format the Toggle Gears ****/ .sheet-toggle input[type="checkbox"] { height: 20px; width: 30px; } .sheet-toggle input[type="checkbox"] + span { font-family: pictos; font-size: 16px; position: relative; } /**** Inputs for Karma ****/ .sheet-karma { display: inline-flex; margin: -1em 0em -4em 40em; float: right; } .sheet-karma-bubbles { background: white; color: black; width: 115px; height: 35px; text-shadow: none; text-align: center; font-weight: bold; border: 1px solid black; border-radius: 10px 10px 10px 10px; margin: 0em 1em 0em 0em; } .sheet-karma-bubbles input[type="number"] { border: none; height: 1.5em; margin-top: -0.5em; width: 5em; } div.sheet-karma label, div.sheet-meta label { font-size : 0.9em; text-align : center; margin-bottom: 0px; } /**** Inputs for Metatype ****/ div.sheet-meta { background-color: white; border : 1px solid #000; border-radius : 5px; float : left; margin : -1em 0em -4em 5em; width : 12%; } div.sheet-meta label { text-transform: capitalize; } div.sheet-meta input[name="attr_metatype"] { border : 0px; border-bottom-left-radius : 5px; border-bottom-right-radius: 5px; padding : 0px; width : 100%; } /**** Dispositions Customizations ****/ .sheet-dispositionsrow { border-top: 2px solid #000; box-shadow: 0px -5px 5px -5px; } .sheet-dispositionsrow h2 { left: 37%; margin-bottom: 10px; margin-top: -15px; position: relative; width: 30%; } .sheet-dispositionsrow .sheet-textbox, .sheet-cuerow .sheet-textbox { margin: -20px 0px 0px 0px !important; } .sheet-dispositions input { width: 45%; display: inline-block; border: none; border-bottom: 1px solid black; border-radius: 0px 0px 0px 0px; margin: 0em 0em 0em 1.5em; } /**** Format the Skill Capsules ****/ .sheet-skillrow { border-top: 3px solid #000; } .sheet-skillrow h2 { left: 34.5%; position: relative; top: -40px; width: 30%; } .sheet-skillbox { min-height: 40px; display: inline-block; width: 95%; background: #ffffff; resize: none; margin: 10px 0px 10px 15px; box-shadow: none; border: 1.4px solid #000000; border-radius: 15px 15px 15px 15px; box-shadow: none; text-align: center; } .sheet-skillbox input { border: none; border-bottom: 1px solid black; border-radius: 0px 0px 0px 0px; } .sheet-skillbox input[type="text"] {width: 75%;} .sheet-skillbox input[type="text"]:last-child {width: 85%;} .sheet-skillbox input[type="number"], .sheet-ampbox input[type="number"] {width: 10%;} .sheet-skillname { color: black; font-size: 0.65em; font-weight: bold; line-height: 35px; text-shadow: none; text-transform: uppercase; } span.sheet-skillname:hover { color: #4f7da7; background-color: none; } .sheet-skillheader { display: inline-block; width: 80%; } .sheet-skillheader button[type="roll"] { padding: 0px; margin: 0px; } .sheet-skillcontainer { width: 20%; margin-top: 0.5em; float: right; } .sheet-skillcontainer, .sheet-skillbox select { color:#ffffff; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-skillcontainer span {font-size: 1.5em;} .sheet-skillbox select { background-color: transparent; border: none; box-shadow: none; font-size: 1.5em; height: inherit; margin-left: -5px; margin-top: -8px; text-align: center; width: 76%; } .sheet-option {color: black;} /****Start of AMP area ****/ .sheet-essence-box { display: inline-block; width: 80%; z-index: 1; position: relative; margin-top: -15px; margin-left: 42px; } .sheet-essence-box h2, .sheet-essence-box h3, .sheet-essence-box input[type="text"] { display: inherit; text-align: center; } .sheet-essence-box h2 {margin-left: 22.5%;} .sheet-essence-box h3 {margin-left: 2%;} .sheet-essence-input { background: none; border: 1px solid #ffffff2b; color: #ffffff; font-size: 1em; margin-bottom: 3px; margin-right: 5px; width: 2em !important; } .sheet-essence-note { width: 14em; background: #ffffff; border: 1px solid #000000; border-radius: 5px 5px 5px 5px; margin-right: 2%; text-align: left; } /**** Amps ****/ .sheet-amprow { border-top: 1px solid #000; box-shadow: 0px -5px 5px -5px; } .sheet-ampbox input[type="text"] {width: 80%; margin-top: 2px;} .sheet-ampbox textarea { width: 90%; margin-top: 5px; border: none; } .sheet-amprating { border-radius: 50%; width: 25px; height: 25px; background: white; border: 1px solid; margin-left: -14px; margin-top: 10px; float: left; font-size: 0.8em; } .sheet-amprating span { position: relative; top: 4px; } .sheet-ampheader {width: 100%;} .sheet-ampheader button { margin-top: -8px !important; } .sheet-textcontainer { margin-top: -12px; font-weight: normal; font-style: italic; font-size: 0.9em; overflow: hidden; overflow-wrap: break-word; white-space: pre-line; padding: 0px 3px; } /**** Formating the Cues inputs ****/ .sheet-cues, .sheet-gear { -webkit-box-shadow: none; background-color: #ffffff; background-image: repeating-linear-gradient(transparent, transparent 29px, #000000 30px, #000000 20px, white 31px); display: inline-block; margin: 0px 10px 10px 15px; min-height: 35px; resize: none; text-align: left; vertical-align: top; width: 46%; } .sheet-gear { margin-bottom: 20px; } .sheet-textbox textarea, .sheet-cues span, .sheet-gear span { font-size: 1em; line-height: 2.45em; font-weight: normal; padding: 8px 5px; white-space: pre-line; } /**** Customize all the inputs & their spans ****/ .sheet-toggle input[type="checkbox"] + span { display: none; } .sheet-toggle input[type="checkbox"]:hover + span, .sheet-toggle input[type="checkbox"]:checked + span { display: inline-block; color: #e9b230; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-options-flag ~ .sheet-options, .sheet-options-flag:checked ~ .sheet-display { display: none; } .sheet-options-flag:checked ~ .sheet-options, .sheet-options-flag ~ .sheet-display { display: block; } .sheet-dispositionsrow input[type="checkbox"], .sheet-dispositionsrow input[type="checkbox"] + span { left: 61%; top: -20px; } .sheet-dispositionsrow input[type="checkbox"] + span { left: 58%; } .sheet-cuerow input[type="checkbox"] { left: 53%; top: -23px; } .sheet-cuerow input[type="checkbox"] + span { left: 50%; top: -23px; } .sheet-bubblerow .sheet-toggle input[type="checkbox"], .sheet-bubblerow .sheet-toggle input[type="checkbox"] + span { position: absolute; left: 95%; top: 5px; } .sheet-bubblerow .sheet-toggle input[type="checkbox"] + span { left: 97%; } .sheet-unarmedbox input[type="checkbox"], .sheet-unarmedbox input[type="checkbox"] + span { left: 50%; top: -35px; } .sheet-unarmedbox input[type="checkbox"] + span { left: 41%; } .sheet-weaponbox input[type="checkbox"] { left: 78%; top: 0px; } .sheet-weaponbox input[type="checkbox"] + span { left: 69%; top: 0px; } .sheet-armorsection .sheet-toggle input[type="checkbox"], .sheet-armorsection .sheet-toggle input[type="checkbox"] + span { left: 155px; top: -25px; } .sheet-armorsection .sheet-toggle input[type="checkbox"] + span { left: 130px; } .sheet-geartoggle input[type="checkbox"], .sheet-geartoggle input[type="checkbox"] + span, .sheet-contacttoggle input[type="checkbox"], .sheet-contacttoggle input[type="checkbox"] + span { left: 27%; top: -7px; } .sheet-geartoggle input[type="checkbox"] + span { left: 18%; } .sheet-contacttoggle input[type="checkbox"] { left: 47%; } .sheet-contacttoggle input[type="checkbox"] + span { left: 38%; } /**** Cues customizations ****/ .sheet-cuerow { border-bottom: none; border-top: 1px solid #000; } .sheet-cuerow h2 { position: relative; top: -15px; width: 10%; left: 45%; } /**** Qualities ****/ .sheet-ampbox { background: #ffffff; border-radius: 15px 15px 15px 15px; border: 1.4px solid #000000; box-shadow: none; display: inline-block; margin: 0px 0px 5px 8px; min-height: 35px; resize: none; text-align: center; width: 95%; } .sheet-ampbox input { border: none; border-bottom: 1px solid black; border-radius: 0px 0px 0px 0px; } .sheet-quality-pos + span, .sheet-quality-neg + span { font-family: pictos; position: relative; } .sheet-quality-pos, .sheet-quality-neg { left: 5%; top: 25px; } .sheet-quality-neg { left: 82%; } .sheet-quality-pos + span, .sheet-quality-neg + span { left: 0%; top: 23px; } .sheet-quality-neg + span { left: 77.5%; } .sheet-quality-neg:checked ~ .sheet-ampbox, .sheet-quality-neg[value="negative"] ~ .sheet-skillbox { border: 2px dashed; } .sheet-quality-pos:checked ~ .sheet-ampbox, .sheet-quality-pos[value="positive"] ~ .sheet-skillbox { border: 1px solid; } .sheet-quality-neg:hover + span, .sheet-quality-pos:hover + span, .sheet-quality-neg:checked + span, .sheet-quality-pos:checked + span { color: #4f7da7; } .sheet-qualityrow { border-top: none; } /**** Weapons ****/ .sheet-weaponrow { border-top: 1px solid #000; } .sheet-weaponrow h2 { position: relative; width: 30%; top: -17px; left: 19%; } .sheet-unarmedbox, .sheet-weaponsection, .sheet-weaponbox, .sheet-armorsection { display: inline-block; background: #ffffff; } .sheet-unarmedbox, .sheet-weaponsection { border: 1.4px solid #000000; } .sheet-unarmedbox, .sheet-weaponbox { min-height: 35px; width: 33%; resize: none; box-shadow: none; text-align: center; border-radius: 15px 15px 15px 15px; } .sheet-weaponsection { width: 98%; min-height: 150px; border-radius: 5px 5px 0px 0px; border-bottom: none; margin: -20px 0px 0px 8px; } .sheet-unarmedbox { width: 29%; height: 45px; position: relative; top: -25px; left: 40%; } .sheet-unarmedheader { width: 30%; margin-top: 15px; margin-left: 5px; } .sheet-unarmedheader h4 {font-size: 1em;} .sheet-unarmeddamagebox { width: 66%; margin: -35px 0px 0px 75px; } .sheet-weaponsubtitlesbox label { display: inline-block; padding: 0px; width: 22%; } .sheet-weaponlabels { display: inline-block; width: 21%; } .sheet-weaponsubtitlesbox label, .sheet-weaponlabels label { color: #59595b; font-size: 0.7em; text-align: center; margin-bottom: 15px; margin-top: 2px; text-transform: uppercase; } .sheet-weaponbox { display: inline-block; width: 98%; margin: 5px 0px 5px 2px; } .sheet-weapondamagebox { display: inline-block; margin: 0px 0px 0px 0px; } .sheet-options-flag:checked ~ div.sheet-options.sheet-weapondamagebox { display: inline-block; margin-top: -10px; } .sheet-unarmeddamagebox input[type="text"], .sheet-weapondamagebox input[type="text"] { font-size: 1em; margin-right: 2px; padding: 0px; text-transform: uppercase; width: 20%; } .sheet-weapondamagebox input[type="text"] { width: 21%; } .sheet-weaponsubtitlesbox .sheet-weaponslabel label { font-size: 0.7em; margin-bottom: 0px; } .sheet-weaponsubtitlesbox { width: 51%; float: right; } .sheet-weaponheader { width: 50%; float: left; } .sheet-weaponheader input[type="text"] { float: left; margin-bottom: 5px; text-transform: none; width: 100%; } div.sheet-display div.sheet-weaponheader button[type="roll"] { font-size: 1em; } .sheet-display .sheet-weaponheader div.sheet-weaponslabel { width: 100%; } .sheet-weaponheader span[name="attr_weapon_type"] { font-size: 0.7em; font-weight: normal; } .sheet-weaponbody { width: 50%; display: inline-block; vertical-align: top; } /**** Condition Monitor ****/ .sheet-conrow { display: inline-block; border-top: 1px solid #000; border-bottom: 1px solid #000; } .sheet-conrow h1 { width: 40%; font-size: 25px; position: relative; top: -30px; left: 31%; } .sheet-conrow img { position: relative; vertical-align: top; } img.sheet-conmiddec { width: 12%; transform: rotate(12deg); top: 5px; left: 50px; } img.sheet-conrightdec { width: 5%; top: -35px; left: 130px; } img.sheet-conleftdec { width: 5%; top: -35px; left: -28px; } img.sheet-conrightdec { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /**** Indent the rows of circles ****/ .sheet-circles5 {margin-left: 5px;} .sheet-circles15 {margin-left: 15px;} .sheet-circles25 {margin-left: 25px;} .sheet-circles35 {margin-left: 35px;} /**** Armor Section ****/ .sheet-armorbox { display: inline-block; width: 32%; vertical-align: top; margin-top: -5px; } .sheet-armorbox h1 { margin: 0px 0px -55px 160px; position: relative; top: -85px; left: 0px; } .sheet-armorsection { width: 99%; min-height: 180px; border: 1.5px solid #000; border-radius: 0px 15px 0px 0px; } .sheet-armorsection img { position: relative; left: 1%; } .sheet-armorsection input[type="text"] { border: none; border-bottom: 1px solid; font-weight: bold; margin-left: 5px; margin-top: 5px; text-align: right; vertical-align: top; width: 70%; } .sheet-armorsection input[type="number"] { margin-top: 5px; } .sheet-armorsection .sheet-toggle .sheet-options { margin: -18px 2px 0px 2px; text-align: right; } .sheet-armorsection .sheet-toggle .sheet-display { margin-top: -10px; margin-bottom: 5px; } .sheet-armorcircles { width: 60%; margin: -85px 0px 0px 100px; } .sheet-armorcircles input[type="radio"] { height: 25px; left: 1px; margin-right: -3px; top: -7px; width: 25px; } .sheet-armor { width: 70%; display: inline-block; margin: -18px 0px 0px 75px; box-shadow: none; border-bottom: 1.4px solid #000000; border-radius: 0px 0px 0px 0px; text-align: right; } /**** Physiocal & Stun Damage track areas****/ .sheet-conditionbox { width: 37%; display: inline-block; vertical-align: top; color: #fff; margin: -45px 2px 0px -205px; } .sheet-conditionsection { display: inline-block; width: 41%; vertical-align: top; margin: -10px 5px 0px 15px; } .sheet-conditionsection h2, .sheet-edgesection h2 { font-size: 18px; text-align: center; } .sheet-edgesection { width: 40%; display: inline-block; margin-top: -30px; margin-left: 25px; } .sheet-edgesection h2 { margin-bottom: -5px; } .sheet-conditioncircles input[type="radio"], .sheet-edgecircles input[type="radio"] { height: 20px; left: 2px; top: -7px; width: 20px; } .sheet-edgecircles input[type="radio"] { top: -5px; } .sheet-armorcircles input[type="radio"] + span, .sheet-conditioncircles input[type="radio"] + span, .sheet-edgecircles input[type="radio"] + span { background: #ffffff; border-radius: 50%; border: 1px solid #000; display: inline-block; height: 20px; margin-left: -20px; width: 20px; } .sheet-armorcircles input[type="radio"] + span { font-size: 0.8em; } .sheet-edgecircles input[type="radio"], .sheet-edgecircles input[type="radio"] + span { height: 15px; width: 15px; } .sheet-edgecircles input[type="radio"] + span { margin-left: -15px; } .sheet-condigit { margin-left: 5px; vertical-align: top; } /* Hiding Physical & Stun bubbles */ input[type="hidden"][value="false"] + input[type="radio"], input[type="hidden"][value="false"] + input[type="radio"] + span, input[type="hidden"][value="false"] + input[type="radio"] + span + div, input[type="hidden"][value="false"] + input[type="radio"] + span + span { display: none; } /**** Color fill for Armor, Condition tracks, Edge, and plot ****/ .sheet-conditioncircles input[type="radio"] + span, .sheet-armorcircles input[type="radio"] + span, .sheet-edgecircles input[type="radio"] + span { content: ""; background-color: #4f7da7; } .sheet-armorcircles input[type="radio"]:checked ~ input[type="radio"] + span, .sheet-conditioncircles input[type="radio"]:checked ~ input[type="radio"] + span, .sheet-edgecircles input[type="radio"]:checked ~ input[type="radio"] + span, input.sheet-radio-header-armor:checked ~ .sheet-armorcircles input[type="radio"] + span, input.sheet-radio-header-physical:checked ~ .sheet-conditioncircles input[type="radio"] + span, input.sheet-radio-header-small:checked ~ .sheet-conditioncircles input[type="radio"] + span, input.sheet-radio-header-small:checked ~ .sheet-edgecircles input[type="radio"] + span { content: ""; background-color: #fff; } input.sheet-radio-header-armor { height: 20px; left: 65%; top: -60px; width: 80px; } input.sheet-radio-header-physical, input.sheet-radio-header-small { height: 15px; left: 17%; top: 24px; width: 80px; } input.sheet-radio-header-small { left: 30%; width: 50px; } input.sheet-radio-header-armor:hover + h1, input.sheet-radio-header-physical:hover + h2, input.sheet-radio-header-small:hover + h2 { color: #4f7da7; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } /**** Gear & Contact Section ****/ .sheet-gearbox, .sheet-gear { display: inline-block; resize: none; -webkit-box-shadow: none; text-align: left; } .sheet-gearbox { min-height: 40px; width: 32%; vertical-align: top; margin-left: -13px; margin-top: -30px; } .sheet-gearbox h1 { text-align: left; margin-left: 20px; position: inherit; } .sheet-gearbox textarea { padding: 0px; min-height: 50px; } .sheet-gear { width: 100%; min-height: 50px; vertical-align: top; border: 1.5px solid #000000; border-radius: 15px 0px 0px 15px; margin: -5px 0px 0px 0px; } div.sheet-textbox.sheet-toggle.sheet-geartoggle, div.sheet-textbox.sheet-toggle.sheet-contacttoggle { margin-top: -23px; } div.sheet-gear.sheet-contact, div.sheet-gearback.sheet-contact { border-bottom-left-radius: 0px; } /**** Roll Toggles in the Skills section ****/ .sheet-roll-toggles { color: #000; font-family: "pictos"; font-size: 18px; position: relative; top: 35px; width: 42%; } .sheet-roll-toggles input { height: 20px; width: 20px; } .sheet-toggle-buttons { display: inline-block; width: 54%; } .sheet-toggle-toggles { display: inline-block; font-size: 23px; left: -10px; letter-spacing: -12px; position: relative; top: -4px; width: 40%; } span.sheet-pictosC { font-family: "Pictos Custom"; } span.sheet-lightening { color: #8c9180; font-family: "pictos"; font-size: 0.7em; left: -15px; position: relative; top: -4px; } span.sheet-glitch { position: relative; left: -10px; top: -2px; } span.sheet-d6 { font-family: "dicefontd6"; position: relative; left: -10px; top: -1px; } span.sheet-pictos3 { font-family: "Pictos Three"; } span.sheet-wound-flag, span.sheet-wound-line, span.sheet-modifier-flag { position: relative; } span.sheet-wound-flag { } span.sheet-wound-line { color: #8c9180; font-size: 0.8em; left: -5%; top: -2px; } input.sheet-whisper-flag { left: 16%; } input.sheet-edge-flag { left: 15%; } input.sheet-wound-flag { left: 16%; } input.sheet-modifier-flag { left: 16%; } .sheet-whisper-flag:checked ~ span.sheet-whisper-flag, .sheet-edge-flag:checked ~ span.sheet-edge-flag, .sheet-wound-flag:checked ~ span.sheet-wound-flag, .sheet-modifier-flag:checked ~ span.sheet-modifier-flag, .sheet-whisper-flag:hover ~ span.sheet-whisper-flag, .sheet-edge-flag:hover ~ span.sheet-edge-flag, .sheet-wound-flag:hover ~ span.sheet-wound-flag, .sheet-modifier-flag:hover ~ span.sheet-modifier-flag, .sheet-roll-toggles button:hover { color: #e9b230; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-roll-toggles button[type="roll"] { color: #000; font-family: "pictos"; font-size: 1.5em; margin: 0px; } .sheet-roll-toggles button:hover { color: #4f7da7; } /**** Decorations for the page ****/ .sheet-vertdeco { display: inline-block; background: #ffffff; height: 70px; margin: 10px 2px 1px 2px; border-right: 1px solid #fff; border-left: 1px solid #fff; } .sheet-trapezoid, .sheet-trapezoid-white, .sheet-trapezoid-tan { border-bottom: 20px solid #000; border-left: 15px solid transparent; border-right: 15px solid transparent; position: relative; } .sheet-amprow .sheet-trapezoid, .sheet-amprow .sheet-trapezoid-tan, .sheet-cuerow .sheet-trapezoid, .sheet-cuerow .sheet-trapezoid-white, .sheet-weaponrow .sheet-trapezoid, .sheet-weaponrow .sheet-trapezoid-tan, .sheet-conrow .sheet-trapezoid, .sheet-conrow .sheet-trapezoid-tan { border-bottom: 15px solid #000; border-left: 25px solid transparent; border-right: 25px solid transparent; position: relative; } .sheet-dispositionsrow .sheet-trapezoid, .sheet-dispositionsrow .sheet-trapezoid-white { left: 37%; margin-top: -20px; width: 25%; } .sheet-trapezoid-white { border-bottom-color: #fff; top: 2px; } .sheet-skillrow .sheet-trapezoid, .sheet-skillrow .sheet-trapezoid-tan { left: 40%; top: -23px; width: 15%; } .sheet-skillrow .sheet-trapezoid-tan { border-bottom-color: #8c9180; margin-top: -20px; top: -20px; } .sheet-amprow .sheet-trapezoid, .sheet-amprow .sheet-trapezoid-tan, .sheet-cuerow .sheet-trapezoid, .sheet-cuerow .sheet-trapezoid-white { width: 60%; top: 0px; left: 20%; margin-top: -15px; } .sheet-amprow .sheet-trapezoid-tan, .sheet-weaponrow .sheet-trapezoid-tan { border-bottom-color: #8c9180; top: 2px; } .sheet-cuerow .sheet-trapezoid-white { border-bottom-color: #fff; top: 2px; } .sheet-weaponrow .sheet-trapezoid, .sheet-weaponrow .sheet-trapezoid-tan { width: 40%; top: 1px; left: 25%; margin-top: -15px; } .sheet-weaponrow .sheet-trapezoid-tan { border-bottom-color: #8c9180; top: 2px; } .sheet-conrow .sheet-trapezoid, .sheet-conrow .sheet-trapezoid-tan { width: 30%; left: 33%; margin-top: -12px; } .sheet-conrow .sheet-trapezoid { top: -8px; } .sheet-conrow .sheet-trapezoid-tan { border-bottom-color: #8c9180; top: -10px; } .sheet-conrow .sheet-trapezoid:nth-child(1), .sheet-conrow .sheet-trapezoid-tan:nth-child(2) { border-bottom: 10px solid #000; border-left: 25px solid transparent; border-right: 25px solid transparent; left: 15%; position: relative; top: 2px; width: 65%; } .sheet-conrow .sheet-trapezoid:nth-child(2) { top: 5px; } .sheet-conrow .sheet-trapezoid-tan:nth-child(2) { border-bottom-color: #8c9180; top: 5px; } .sheet-arrow-left { display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #000; position: relative; top: -6px; left: -1px; margin-right: -10px; } /**** NPC Sheet ****/ div.sheet-col.sheet-toggle { width: 5%; } div.sheet-col.sheet-toggle input { top: 5px; left: 5px; } div.sheet-col.sheet-toggle span { display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bolder; top: -15px; left: 10px; } .sheet-npc { width: 600px; margin-left: 10px; display: none; } .sheet-npc-toggle[value="npc"] ~ .sheet-npc { display: inline-block; margin-bottom: 20px; } .sheet-npc-toggle[value="npc"] ~ .sheet-pc { display: none; } .sheet-npc-toggle[value="npc"] ~ img.sheet-header { width: 72% !important; } .sheet-indent-row { padding-left: 1.5em; text-indent: -1.5em; } .sheet-npc button:hover { color: #4f7da7; } .sheet-npc .repcontrol button:hover { color: #fff; } .sheet-npc .sheet-npc-toggle { opacity: 1; } .sheet-npc input.sheet-options-flag { left: 95%; } .sheet-npc .sheet-toggle input[type="checkbox"] + span { left: 91%; } .sheet-npc .sheet-npc-ampbox input[type="checkbox"] + span { left: 97%; } .sheet-npc .sheet-weaponbox input.sheet-options-flag { left: 92%; position: absolute; } .sheet-npc .sheet-weaponbox input.sheet-options-flag + span { left: 93%; position: absolute; } .sheet-npc .sheet-options { border-top: 1px dashed #e4bc34; } .sheet-npc .sheet-options .sheet-col { width: 30%; } .sheet-npc .sheet-options span { display: inline-block; text-transform: uppercase; font-size: 10px; font-weight: bold; text-align: left; } .sheet-npc .sheet-options label { text-transform: uppercase; font-size: 15px; margin-top: 10px; margin-bottom: 5px; } .sheet-npc .sheet-options input { border: none; border-bottom: 1px #8c9180 solid; margin-left: 5px; padding: 0px; } .sheet-npc .sheet-options input[type="number"] { width: 20px; text-align: center; } .sheet-npc .sheet-options .repcontainer .repitem { width: 100%; padding: 0px 5px; border: 1px dashed #e4bc34; } input.sheet-npc-desc { margin-left: 0px !important; width: 100%; } .sheet-npc .sheet-weaponsubtitlesbox { width: 50%; position: relative; left: 5%; } .sheet-npc-name { width: 50%; max-width: 500; margin-bottom: -10px; margin-left: -5px; } .sheet-npc-name span { color: #000; background-color: #e4bc34; text-transform: uppercase; font-weight: bolder; font-size: 1.3em; padding: 5px 8px 5px 8px; } .sheet-npc-name label { text-align: center; padding-top: 5px; } .sheet-npc-name input { margin-bottom: 5px; margin-left: 25%; } .sheet-npc-attribute { background-color: #3f4144; height: 70px; width: 100%; } .sheet-npc-attribute label, .sheet-npc-attribute button { display: inline-block; width: 14%; color: #fff; text-align: center; text-transform: uppercase; padding-top: 5px; margin-bottom: 3px !important; margin-left: 2px !important; } .sheet-npc-attribute label:hover { color: #589cda; } .sheet-npc-attr-row { background-color: #fff; width: 100%; height: 35px; display: inline-flex; } .sheet-npc-attr-num { margin-left: 50px; margin-right: 39px; padding-top: 10px; font-weight: bolder; font-size: 16px; } .sheet-npc-body { margin-top: 10px; } .sheet-npc-body span { font-size: 13px; } .sheet-npc-amps { padding-left: 3.7em; text-indent: -2.5em; } .sheet-npc-amps button[type="roll"] { font-size: 0.9em !important; } .sheet-npc-ampbox input[type="checkbox"] { position: absolute; left: 96%; } .sheet-npc-ampbox input[type="checkbox"] + span { position: absolute; left: 101%; } .sheet-npc-amps button[type=roll] { font-weight: bolder; padding-bottom: 6px !important; } .sheet-npc-long { width: 63%; } .sheet-caps { text-transform: uppercase; } .sheet-npc .sheet-npc-ampname { text-transform: capitalize; } .sheet-npc-weapons h2 { font-size: 1.5em; margin-top: 5px; text-align: left; } .sheet-npc .sheet-weaponheader { text-align: left; } .sheet-npc .sheet-weaponheader span { font-size: 1em; font-weight: bolder; margin-right: 8px; text-align: left; width: 20%; } .sheet-npc .sheet-weaponbox { min-height: 0px; margin: 0px 0px 0px 0px; } .sheet-npc .repcontainer .repitem { width: 100%; margin-bottom: 5px; height: 20px; } .sheet-indent { text-indent: 1.5em; } .sheet-npc .sheet-conditioncircles { display: inline; padding-left: 15px; } .sheet-npc .sheet-armorcircles, .sheet-npc .sheet-edgecircles { display: inline; margin: 0px 5px 0px 15px; } .sheet-npc .sheet-armorcircles input[type="radio"], .sheet-npc .sheet-conditioncircles input[type="radio"], .sheet-npc .sheet-edgecircles input[type="radio"] { height: 15px; width: 15px; top: -2px; left: 0px; margin-right: 5px; } .sheet-npc .sheet-armorcircles input[type="radio"] + span, .sheet-npc .sheet-conditioncircles input[type="radio"] + span, .sheet-npc .sheet-edgecircles input[type="radio"] + span { height: 10px; width: 10px; } .sheet-npc .sheet-edgecircles input[type="radio"] { margin-right: 0px; } .sheet-npc .sheet-arrow-left { top: -1px; left: -2px; border-left: 8px solid #000; margin-right: -8px; } .sheet-npc .sheet-roll-toggles { display: inline; position: relative; top: 0px; left: 48%; } .sheet-npc .sheet-toggle-toggles { width: auto; left: -3%; letter-spacing: -20px; } .sheet-npc .sheet-toggle-toggles input[type="checkbox"] + span { display: inline; left: -17%; font-size: 1em; } .sheet-npc .sheet-roll-toggles button { margin-left: 0px !important; } .sheet-npc input.sheet-whisper-flag, .sheet-npc input.sheet-wound-flag, .sheet-npc input.sheet-modifier-flag, .sheet-npc input.sheet-edge-flag { left: 3%; } .sheet-npc span.sheet-lightening { color: #fff; } .sheet-npc span.sheet-wound-line { color: #fff; font-size: 1em; left: -18%; } .sheet-npc .sheet-radio-header-armor { height: 10px; width: 40px; margin-right: -44px; left: 0%; top: 0px; } .sheet-npc .sheet-radio-header-physical, .sheet-npc .sheet-radio-header-small { top: 0px; left: 0%; } .sheet-npc .sheet-radio-header-physical { width: 60px; height: 15px; margin-right: -35px; left: 5%; } .sheet-npc .sheet-radio-header-small { margin-right: -53px; } .sheet-npc .sheet-npc-consection .sheet-radio-header-small { width: 50px; margin-right: -25px; left: 4%; } .sheet-npc .sheet-npc-consection span:first-child { font-weight: bolder; } .sheet-npc .sheet-radio-header-armor:hover + span, .sheet-npc .sheet-radio-header-physical:hover + span, .sheet-npc .sheet-radio-header-small:hover + span { color: #e9b230; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-npc .sheet-essence-input, .sheet-npc .sheet-essence-note { border: none; border-bottom: 1px solid #3f4144; border-radius: 0px; font-size: 0.8em; } .sheet-npc .sheet-essence-input { margin-left: 5px; color: #000; text-align: center; } .sheet-npc .sheet-essence-note { margin-bottom: 1px; } /**** Hide NPC Skills that are not used ****/ .sheet-optional-flag0[value="1"] + .sheet-optional { display: inline; } .sheet-optional-flag0[value="0"] + .sheet-optional { display: none; } /**** Footer ****/ .sheet-footer { width: 850px; text-align: left; font-size: 0.55em; line-height: 15px; border: none; } .sheet-npc-toggle[value="npc"] ~ div.sheet-footer { width: 72%; } /**** Roll Templates ****/ .sheet-rolltemplate-sAnarchy .sheet-template-body { border-radius: 3px 3px 3px 3px; } .sheet-rolltemplate-sAnarchy .sheet-template-header { font-family: "contrail one"; font-size: 18px; font-weight: normal; font-variant: normal; text-transform: capitalize; letter-spacing: 2px; text-align: center; margin: 0px; padding: 5px 2px 3px 2px; color: #fff; background-color: #4f7da7; border: 1px solid #000; border-bottom: 2px solid #000; } .sheet-rolltemplate-sAnarchy .sheet-template-header span { font-family: "tahoma"; font-size: 11px; font-weight: normal; font-variant: normal; letter-spacing: 1px; } .sheet-rolltemplate-sAnarchy .sheet-template-row { color: #fff; text-align: center; font-size: 18px; background-color: #5c5658; line-height: 1.1em; vertical-align: middle; font-family: "helvetica"; font-weight: normal; padding: 5px 5px 3px 5px; border-radius: 0px; border: 1px solid #000; } .sheet-rolltemplate-sAnarchy .sheet-template-row:last-child { background-color: #373438; } .sheet-rolltemplate-sAnarchy .inlinerollresult { display:inline-block; color: #fff; font-size: 25px; background-color: transparent; border: none; } .sheet-rolltemplate-sAnarchy .inlinerollresult.fullfail, .sheet-rolltemplate-sAnarchy .inlinerollresult.fullcrit, .sheet-rolltemplate-sAnarchy .inlinerollresult.importantroll { border: none; } .sheet-rolltemplate-sAnarchy .inlinerollresult.fullfail {color: #589cda;} .sheet-rolltemplate-sAnarchy .inlinerollresult.fullcrit {color: #e9b230;} .sheet-rolltemplate-sAnarchy .sheet-template-desc {font-size: 1em;} /*** USE ENGLISH PRINTING TEMPLATE OR FRENCH ***/ .sheet-template[value="English"] ~ .sheet-pc .sheet-meta, .sheet-template[value="French"] ~ .sheet-pc .sheet-que-hide, .sheet-template[value="French"] ~ .sheet-pc .sheet-dispoenglish, .sheet-template[value="English"] ~ .sheet-pc .sheet-dispofrench { display: none; } .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(1), .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(1) { width: 15%; } .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(2), .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(2) { width: 50%; } .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(3), .sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(3) { width: 25%; } .sheet-template[value="French"] ~ .sheet-pc .sheet-qualityrow h2[data-i18n="qualities"] { position : relative; margin-top: -1%; } .sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow h2[data-i18n="skills"], .sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box h2[data-i18n="shadowamps"], .sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box h3[data-i18n="essence"], .sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow h2[data-i18n="weapons"] { text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; } .sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box .sheet-essence-input { color: #001323; } .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles span.sheet-wound-line, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-buttons span.sheet-lightening, .sheet-template[value="French"] ~ .sheet-pc .sheet-attribute .sheet-col h1, .sheet-template[value="French"] ~ .sheet-pc .sheet-attribute input[type="number"] { color: #f2be1a; } .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-skillrow, .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-weaponrow { background-color: #f2be1a; } .sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow .sheet-trapezoid-tan, .sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow .sheet-trapezoid-tan { border-bottom-color: #f2be1a; } .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-whisper-flag:checked ~ span.sheet-whisper-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-edge-flag:checked ~ span.sheet-edge-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-wound-flag:checked ~ span.sheet-wound-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-modifier-flag:checked ~ span.sheet-modifier-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-whisper-flag:hover ~ span.sheet-whisper-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-edge-flag:hover ~ span.sheet-edge-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-wound-flag:hover ~ span.sheet-wound-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-modifier-flag:hover ~ span.sheet-modifier-flag, .sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-roll-toggles button:hover, .sheet-template[value="French"] ~ .sheet-pc .sheet-attribute .sheet-col button[type="roll"]:hover > h1, .sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection input.sheet-radio-header-physical:hover + h2, .sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection input.sheet-radio-header-small:hover + h2 { color: #fff; } .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-attribute, .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-amprow, .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-conrow { background-color: #d2d5d8; } .sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-trapezoid-tan, .sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-conrow .sheet-trapezoid-tan { border-bottom-color: #d2d5d8; } .sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection h2 { color: #000; } input.sheet-radio-header-physical:hover + h2 .sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow, .sheet-template[value="French"] ~ .sheet-pc .sheet-amprow, .sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow { box-shadow: 0px -5px 5px -5px; } /* FRENCH adjustments */ .charsheet.lang-fr .sheet-cuerow input[type="checkbox"] { left: 55%; top: -25px;} .charsheet.lang-fr .sheet-cuerow input[type="checkbox"] + span {left: 52.5%;} .charsheet.lang-fr .sheet-geartoggle input[type="checkbox"] {left: 58%;} .charsheet.lang-fr .sheet-geartoggle input[type="checkbox"] + span {left: 50%;} .charsheet.lang-fr sheet-npc .sheet-weaponsubtitlesbox { left: 3%; } .charsheet.lang-fr .sheet-weaponlabels { width: 23%; } .charsheet.lang-fr .sheet-npc .sheet-npc-consection .sheet-radio-header-small { left: 4%; margin-right: -70px; width: 15%; } .charsheet.lang-fr .sheet-npc .sheet-weaponsubtitlesbox { left: 4%; } .charsheet.lang-fr .sheet-pc h1[data-i18n="condition"] { font-size: 1.5em; } .charsheet.lang-fr .sheet-pc h2[data-i18n="skills"] { font-size: 1.7em; } /* END FRENCH adjustments */