diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.css b/Shadowrun5thEdition/Shadowrun5thEdition.css index 8b609232ed..d8200153ff 100644 --- a/Shadowrun5thEdition/Shadowrun5thEdition.css +++ b/Shadowrun5thEdition/Shadowrun5thEdition.css @@ -1,2651 +1,2612 @@ -/* Colors: - Gold: #FCD116; - Red: #610b0d; - Purple: #7a2593; - Gray: #555; (primaryly on the NPC sheet) - Light gray: #9a9a9a; - Blacker: #040404; (primaryly on the NPC sheet) - Blackish: #1c1c1c; (Gray on the role template) -*/ - /********************************************************************************************************/ /********************************* GLOBAL SETTINGS *******************************************************/ /********************************************************************************************************/ - * { - box-sizing: border-box; - font-family: sans-serif;} - - 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; - text-shadow : none;} - - button[type="roll"], - button[type="action"] { - font-size: 1em; - margin: 0px 0px 0px 0px; - padding: 0px 0px;} - - button:before {display: none;} - button:hover {background-color: transparent;} - - div {background-color: transparent;} - - fieldset { - background: transparent;} - - hr { - border: 0.5px solid #555; - margin: 7px 0px -2px 0px;} - - label { - display: inline-block; - font-size: 0.9em; - margin-bottom: 0px; - padding-right: 5px; - text-transform: capitalize; - width: auto;} - - input { - border: none; - cursor: auto; - font-weight: normal; - margin: 0px; - text-align: center; - vertical-align: middle;} - - input::placeholder { - color: #b8b7b6; - } - - input[type="checkbox"], - input[type="radio"], - input[type="checkbox"] + span, - input[type="radio"] + span { - position: relative;} - - input[type="checkbox"], - input[type="radio"] { - opacity: 0; - z-index: 2;} - - input[type="checkbox"] + span { - font-family: pictos;} - - input[type="text"], - input[type="number"] { - background: transparent; - /* border-radius: 2px; - border: 1px solid #000; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; */ - height : 20px;} - - input[type="text"]:hover, - input[type="number"]:hover, - input[type="text"]:focus, - input[type="number"]:focus { - background-color: #d2d1cd; - color: #333;} - - input::-webkit-outer-spin-button, - input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0;} - - select { - border-radius: 2px; - border: 1px solid #000; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - margin-bottom: 0px; - width: auto;} - - span {word-break: break-word;} - - textarea { - border-radius: 2px; - border: 1px solid #000; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - height: 50px; - overflow-wrap: break-word; - overflow: hidden; - resize: vertical; - vertical-align: top; - white-space: pre-line;} - - .charsheet { - width: 850px;} - - .sheet-red {color: #610b0d;} - - button.sheet-settings-button { - height: 5%; - margin-left: 1%; - } - -/********************************************************************************************************/ -/********************************* PC & NPC SHEET SHOW & HIDE SETTINGS ***********************************/ -/********************************************************************************************************/ - .sheet-arms, - .sheet-augs, - .sheet-core, - .sheet-gear, - .sheet-npc, - .sheet-options, - .sheet-pc, - .sheet-social, - .sheet-magic, - .sheet-matrix, - .sheet-vehicle, - .sheet-hide-magic, - .sheet-hide-resonance, - .sheet-options_toggle[value="options"] ~ .sheet-pc, - .sheet-options_toggle[value="options"] ~ .sheet-npc { - display: none;} - - .sheet-static, - .sheet-sheet_type[value="grunt"] ~ .sheet-npc, - .sheet-sheet_type[value="host"] ~ .sheet-npc, - .sheet-sheet_type[value="sprite"] ~ .sheet-npc, - .sheet-sheet_type[value="vehicle"] ~ .sheet-npc, - .sheet-sheet_type[value="pc"] ~ .sheet-pc, - .sheet-options_toggle[value="arms"] ~ .sheet-arms, - .sheet-options_toggle[value="augs"] ~ .sheet-augs, - .sheet-options_toggle[value="options"] ~ .sheet-options, - .sheet-options_toggle[value="core"] ~ .sheet-core, - .sheet-options_toggle[value="gear"] ~ .sheet-gear, - .sheet-options_toggle[value="social"] ~ .sheet-social, - .sheet-options_toggle[value="magic"] ~ .sheet-magic, - .sheet-options_toggle[value="matrix"] ~ .sheet-matrix, - .sheet-options_toggle[value="vehicle"] ~ .sheet-vehicle, - .sheet-character-type[value="magic"] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-magic, - .sheet-character-type[value="resonance"] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-resonance { - display: inline-block;} - - /***** TABS FOR SHEETS *****/ - - .sheet-sheet_type[value="pc"] ~ .sheet-tabs { - position: relative; - margin-bottom: -15%;} - - .sheet-tabs div {display: inline-block;} - - .sheet-tabs button[type="action"] { - background-color: #333; - border-radius : 2px; - border : 1px solid #000; - box-shadow : inset 0px 0px 3px 1px #7c7c7c; - color : #fff; - font-family : sans-serif; - font-size : 1em; - font-weight : bolder; - text-transform : capitalize; - padding : 5px;} - - .sheet-tabs input[value*="gm"] + button[type="action"], - .sheet-tabs input[value*="wounds"] + button[type="action"], - .sheet-tabs input[value*="Modifiers"] + button[type="action"], - .sheet-tabs input[value*="edge"] + button[type="action"], - .sheet-tabs input[value*="core"] ~ button[name*="core"], - .sheet-tabs input[value*="arms"] ~ button[name*="arms"], - .sheet-tabs input[value*="augs"] ~ button[name*="augs"], - .sheet-tabs input[value*="gear"] ~ button[name*="gear"], - .sheet-tabs input[value*="magic"] ~ button[name*="magic"], - .sheet-tabs input[value*="matrix"] ~ button[name*="matrix"], - .sheet-tabs input[value*="social"] ~ button[name*="social"], - .sheet-tabs input[value*="vehicle"] ~ button[name*="vehicle"], - .sheet-tabs input[value*="options"] ~ button[name*="options"] { - background-color: #610b0d; - box-shadow : inset 0px 0px 3px 1px #e31715; - color : #fff;} - - .sheet-tab-col button[type="action"]:last-child { - font-family: pictos; - text-transform: lowercase;} - - .sheet-tab-whisper, - .sheet-tab-toggles { - margin-left : 1%; - margin-right: 5%;} - - .sheet-tabs button[type="roll"] { - color : #fff; - font-family : "dicefontd6"; - font-size : 2.5em; - vertical-align: top;} - - .sheet-tabs button[type="roll"]:hover { - text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715;} - - .sheet-tabs img { - vertical-align: top; - width : 50%;} - - .sheet-tab-sheet { - width: 35%;} - - /***** NPC TABS CUSTOMIZATIONS *****/ - .sheet-sheet_type[value="pc"] ~ .sheet-tabs div.sheet-tab-sheet, - .sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs div.sheet-tab-col, - .sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs .sheet-info-box { - display: none;} - - .sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs { - background : black; - margin-bottom: -1.5%; - padding : 2%; - position : relative; - width : 720px;} - -/********************************************************************************************************/ -/**************************************** START OF THE PC SHEET *******************************************/ -/********************************************************************************************************/ - .sheet-pc { - background-color: #333; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/Blackbackground.jpg"); - background-size : cover; - border : 3px solid; - box-shadow : inset 0px 0px 3px 1px #7c7c7c; - margin-left : -1%; - padding-left : 0.5%;} - - .sheet-pc button > h2:hover, - .sheet-pc button > span:hover, - .sheet-pc label > button[type="roll"]:hover, - .sheet-pc .sheet-con-track button[type="action"]:hover { - color : #fff; - text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d;} - - .sheet-pc h1 { - background-color: #610b0d; - color : #fff; - font-size : 1em; - letter-spacing : 2px; - line-height : 20px; - padding-left : 5px; - padding-right : 5px; - text-transform : uppercase;} - - .sheet-pc h2, - .sheet-pc h3 { - display : inline-block; - text-transform: capitalize; - margin-right : 5px;} - - .sheet-pc h2 { - font-size : 0.9em; - line-height: 25px;} - - .sheet-pc h3 { - color : #b8b7b6; - font-size: 0.8em;} - - .sheet-pc input[type="number"] {border: 1px solid #b8b7b6;} - - /***** PC ROWS & COLUMNS SETTINGS *****/ - .sheet-pc-row {margin-bottom: 10px;} - - .sheet-pc-col { - vertical-align: top; - width : calc(50% - 5px); - margin-top: 16%;} - - .sheet-pc-col:first-child { - margin-right: 1.5%; - width : calc(50% - 10px);} - - .sheet-row-long {border-bottom: 1px solid #000;} - .sheet-settings-row {margin-top: 5px;} - .sheet-settings-row select.sheet-skill-select {width: 29%;} - - /***** DECORATIVE BOX THAT ADDS THE RED OUTLINE ON PC SHEET *****/ - .sheet-border-box { - background-image: -moz-linear-gradient(#610b0d, transparent), -moz-linear-gradient(#610b0d, transparent); - background-image: -o-linear-gradient(#610b0d, transparent), -o-linear-gradient(#610b0d, transparent); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#610b0d), to(transparent)); - background-image: -webkit-linear-gradient(#610b0d, transparent); - background-image: linear-gradient(#610b0d, transparent), linear-gradient(#610b0d, transparent); - border-top : 2px solid #610b0d; - clear : both;} - - .sheet-border-box, - .sheet-border-box .sheet-pc-box { - border-top-right-radius: 10px; - border-top-left-radius : 0px;} - - .sheet-static .sheet-border-box, - .sheet-static .sheet-border-box .sheet-pc-box { - border-top-right-radius: 0px; - border-top-left-radius : 10px;} - - /***** HEADERS AND TRIANGLES *****/ - .sheet-header { - display: inline-flex; - float: right; - height: 20px;} - - .sheet-triangle, - .sheet-right-tri { - border-top: 20px solid transparent;} - - .sheet-triangle {border-right: 30px solid #610b0d;} - .sheet-right-tri {border-left: 30px solid #610b0d;} - - .sheet-right-header {float: left;} - - /***** SECONDARY HEADERS LIKE ON SKILLS *****/ - .sheet-htab {margin-right: -47px;} - - .sheet-htab input[type="radio"] { - margin-right: -80px; - top : 4px; - width : 80px;} - - .sheet-htab input[type="radio"] + h1 {color: #9a9a9a;} - .sheet-htab input[type ="radio"]:hover ~ h1, - .sheet-htab input[type ="radio"]:checked ~ h1 {color: #fff;} - - /***** SWITCH BETWEEN DIFFERENT TABS *****/ - .sheet-skills-active, - .sheet-skills-know, - .sheet-skills-lang, - .sheet-quality, - .sheet-martial, - .sheet-magic-spells, - .sheet-magic-preps, - .sheet-magic-rituals { - display: none;} - - .sheet-tab-switch[value="active"] ~ .sheet-skills-active, - .sheet-tab-switch[value="knowledge"] ~ .sheet-skills-know, - .sheet-tab-switch[value="language"] ~ .sheet-skills-lang, - .sheet-tab-switch[value="quality"] ~ .sheet-quality, - .sheet-tab-switch[value="martial"] ~ .sheet-martial, - .sheet-magic-toggle[value="spells"] ~ .sheet-magic-spells, - .sheet-magic-toggle[value="preps"] ~ .sheet-magic-preps, - .sheet-magic-toggle[value="rituals"] ~ .sheet-magic-rituals { - display: inline;} - - /***** BOXES FOR DIFFERENT PC SECTIONS *****/ - .sheet-pc-box { - background-color: #e7e6e5; - margin-left : 1.5px; - margin-right : 1.5px; - padding-left : 5px; - padding-right : 5px;} - - .sheet-small-box { - min-height: 150px;} - - .sheet-medium-box { - height: 330px;} - - /***** PLAYER DATA INPUTS *****/ - .sheet-info-box { - margin-bottom: 10px; - margin-top : 10px; - width : 100%;} - - .sheet-info-box div { - width: 48%;} - - .sheet-info-box h1 { - color : #fff; - background-color: transparent; - display : inline-block; - font-size : 1em; - letter-spacing : 2px; - line-height : 20px; - margin-left : 5%; - text-align : left; - text-transform : uppercase; - width : 35%;} - - .sheet-info-box input[type="text"] { - color : #fff; - font-weight : bolder; - background-color: transparent; - border : none; - box-shadow : none; - border-bottom : 2px solid #fff; - border-radius : 0px; - height : 30px; - width : 60%;} - - /***** CHARACTER PERSONAL DATA SECTION INPUTS *****/ - .sheet-pd-nam input[type="text"] {width: 66%;} - - .sheet-pd-meta input[type="text"] {width: 35.5%;} - - .sheet-pd-age input[type="text"] {width: 13%;} - - .sheet-pd-rep input[type="number"] { - border: none; - width : 13.5%;} - - .sheet-pd-kar input[type="number"], - .sheet-pd-kar input[type="text"] { - border: none; - width : 20%;} - - /***** CORE COMBAT INFO *****/ - .sheet-core-combat button[type="roll"] { - font-size : 0.9em; - text-align: left;} - - .sheet-core-combat h2, - .sheet-core-combat h3 { - margin-right: 0px;} - - .sheet-flag-primary + div {display: none;} - - .sheet-flag-primary[value="primary"] + div { - display : inline; - margin-right: -5%;} - - .sheet-flag-primary + div > span {font-family: "pictos";} - - /***** PRIMARY ARMOR *****/ - .sheet-cc-arm button[type="roll"] { - padding : 2px 3px; - margin-left: 0px;} - - .sheet-cc-arm button[type="roll"]:nth-of-type(2) { - margin-right: 0px; - margin-left : 5px;} - - .sheet-cc-arm .sheet-armor-buttons button[type="roll"] { - font-size : 1.3em; - margin-right: -5px; - width : 15%;} - - .sheet-armor-buttons { - display : inline-block; - font-size : 1.2em; - line-height: 20px; - margin-left: 1%; - width : 28%;} - - .sheet-armor-buttons span { - font-size : 1.2em; - margin-left: -5px;} - - /***** PRIMARY WEAPON *****/ - .sheet-cc-row button[type="roll"] { - width: 40%;} - - .sheet-cc-row button[type="action"] { - font-family: fontello; - width : 5%;} - - .sheet-cc-row button[name*="primary_ammo"] { - width : 10%;} - - .sheet-cc-row button[type="roll"] > span, - .sheet-cc-row h3 + span { - display : inline-block; - margin-left: 1%; - text-align : center; - width : 8%;} - - /** Ammo displa */ - .sheet-cc-row span[name*="ammo"] { - width : 4%;} - - .sheet-cc-row span[name*="ammo_max"]:before { - content: "/";} - - /** The x# after ammo button **/ - .sheet-cc-row button[type="action"] > span { - display: inline; - margin-left: 0px;} - - .sheet-cc-row button[type="action"] > span:before { - content: "x";} - - .sheet-cc-row button[name*="shots"], - .sheet-cc-row button[name="act_reload"], - .sheet-cc-row button[name="act_primary_ammo"] { - border-bottom : 2px solid #666; - border-bottom-right-radius: 2px; - border-color : #aaa; - border-radius : 5px; - border-right : 3px solid #999; - border-style : outset; - font-family : "Pictos";} - - .sheet-cc-row button[name*="shots_remove"] { - transform: rotate(180deg); - -ms-transform: rotate(180deg); /* IE 9 */ - -webkit-transform: rotate(180deg); /* Safari 3-8 */} - - .sheet-cc-row span[name*="fired"] { - font-size: 0.9em;} - - /***** ATTRIBUTE AND CONDITION MONITOR *****/ - /***** ATTRIBUTES BOX *****/ - .sheet-attr-box h3 {color: #000;} - - .sheet-attr-col { - display : inline-block; - margin-top : 10px; - vertical-align: top; - width : 48%;} - - .sheet-attr-col button[type="roll"] { - border-bottom: 1px solid #000; - border-radius: 0px; - cursor : pointer; - font-size : 0.9em; - font-weight : bold; - margin-left : 0px; - padding-right: 2px; - text-align : right; - width : 30%;} - - .sheet-attr-col input[type="number"] { - border-radius: 0px; - width : 23%;} - - .sheet-attr-col input[type="text"] { - width: 50%; - } - - .sheet-attr-col .sheet-totals { - padding : 0px 2px;} - - sheet-attr-col button > span {font-weight: bold;} - - .sheet-attr-col-left {margin-left: -13%;} - - .sheet-attr-col-right {width: 50%;} - - .sheet-attr-col-right .sheet-attr-ini input[type="number"] {width: 15%;} - - .sheet-attr-col-right button[type="roll"] { - margin-right: 0px; - width : 55%;} - - .sheet-settings-toggle:checked ~ .sheet-attr-col-right .sheet-attr-ini {width: 70%;} - - .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini {width: 28%;} - - .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings {display: inline;} - - .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings, - .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-display { - display: none;} - - .sheet-attr-col-right label { - border-bottom: 1px solid #000; - font-size : 0.9em; - height : 22px; - text-align : right; - width : 55%;} - - .sheet-attr-col-right .sheet-attr-und {width: 43%;} - - .sheet-attr-und { - border-bottom : 1px solid #000; - display : inline-block; - height : 22px; - margin-bottom : 4px; - vertical-align: top; - width : 65%;} - - .sheet-attr-und .sheet-display {text-align: center;} - - .sheet-tiny-span {font-size: 0.75em;} - - /***** ATTRIBUTE LIMITS *****/ - .sheet-attr-lim {margin-top: 20px;} - - .sheet-attr-lim div { - display : inline-block; - height : 22px; - text-align: center; - width : 10%;} - - .sheet-attr-lim input[type="number"] {width: 6%;} - - .sheet-attr-lim label {width: auto;} - - .sheet-attr-lim span + span {margin-right: 1%;} - - .sheet-attr-lim .sheet-display {width: 100%;} - - /***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/ - /***** ATTRIBUTE SETTINGS TOGGLE *****/ - .sheet-attr-box input.sheet-settings-toggle { - left: 94%; - top : 0px;} - - .sheet-attr-box input.sheet-settings-toggle + span { - font-size: 1em; - left : 88%;} - - /***** CONDITION SETTINGS TOGGLE *****/ - .sheet-condition-box input[type="checkbox"] { - left: -1%;} - - .sheet-condition-box input[type="checkbox"] + span { - left: -10%;} - - /***** CONDITION MONITOR SECTION *****/ - .sheet-con-track { - display : inline-block; - vertical-align: top; - width : 47%;} - - .sheet-con-track button[type="action"] { - font-size : 1em; - font-weight : bold; - margin-bottom: -5px; - padding-left : 20px; - width : 100%;} - - .sheet-condition-box .sheet-display, - .sheet-condition-box .sheet-settings { - margin-top: -10px;} - - /***** CONDITION MONITOR SETTINGS *****/ - .sheet-condition-box .sheet-settings input { - border-bottom: 1px solid #000; - border-radius: 0px; - height : 22px; - margin-bottom: 5px;} - - .sheet-condition-box .sheet-settings .sheet-con-footer { - margin-top : 0px; - text-indent: 10px;} - - /***** CONDITION MONITOR DISPLAY*****/ - .sheet-con-footer .sheet-attr-und { - display : inline-block; - margin-bottom: -5px; - text-align : center; - width : 60%;} - - /***** CONDITION MONITOR SQUARES *****/ - .sheet-squares { - margin-left: 20%; - width : 70%;} - - .sheet-squares div { - background-color: transparent; - border-right : none; - left : 85%; - margin-bottom : -20px; - position : relative; - top : -15px;} - - .sheet-squares input[type="radio"], - .sheet-squares span { - height: 45px; - width : 33%;} - - .sheet-squares input[type="radio"] { - clear : both; - left : 2px; - margin-right: -43px; - position : relative; - top : 6px;} - - .sheet-squares span { - background-color: #9a9a9a; - border-radius : 0px; - border : 2px solid #610b0d; - box-shadow : inset 0px 0px 3px 1px #7c7c7c; - display : inline-block; - margin-bottom : -25px; - margin-right : -7px;} - - .sheet-squares input[type="radio"]:checked ~ input[type="radio"] + span, - .sheet-con-track input[type="radio"]:checked ~ .sheet-squares span, - .sheet-con-track input[type="hidden"][value="0"] ~ .sheet-squares span { - background-color: transparent;} - - /***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/ - .sheet-hex-hider[value="8"] ~ input[type="radio"]:nth-child(1n+19), - .sheet-hex-hider[value="9"] ~ input[type="radio"]:nth-child(1n+21), - .sheet-hex-hider[value="10"] ~ input[type="radio"]:nth-child(1n+24), - .sheet-hex-hider[value="11"] ~ input[type="radio"]:nth-child(1n+26), - .sheet-hex-hider[value="12"] ~ input[type="radio"]:nth-child(1n+28), - .sheet-hex-hider[value="13"] ~ input[type="radio"]:nth-child(1n+32), - .sheet-hex-hider[value="14"] ~ input[type="radio"]:nth-child(1n+34), - .sheet-hex-hider[value="15"] ~ input[type="radio"]:nth-child(1n+36), - .sheet-hex-hider[value="16"] ~ input[type="radio"]:nth-child(1n+38), - .sheet-hex-hider[value="17"] ~ input[type="radio"]:nth-child(1n+40), - .sheet-hex-hider[value="18"] ~ input[type="radio"]:nth-child(1n+42), - .sheet-hex-hider[value="8"] ~ div:nth-child(1n+19), - .sheet-hex-hider[value="9"] ~ div:nth-child(1n+24), - .sheet-hex-hider[value="10"] ~ div:nth-child(1n+24), - .sheet-hex-hider[value="11"] ~ div:nth-child(1n+24), - .sheet-hex-hider[value="12"] ~ div:nth-child(1n+30), - .sheet-hex-hider[value="13"] ~ div:nth-child(1n+30), - .sheet-hex-hider[value="14"] ~ div:nth-child(1n+30), - .sheet-hex-hider[value="15"] ~ div:nth-child(1n+38), - .sheet-hex-hider[value="16"] ~ div:nth-child(1n+38), - .sheet-hex-hider[value="17"] ~ div:nth-child(1n+38), - .sheet-hex-hider[value="18"] ~ div:nth-child(1n+48) { - display: none;} - - .sheet-hex-hider[value="8"] ~ input[type="radio"]:nth-child(1n+19) + span, - .sheet-hex-hider[value="9"] ~ input[type="radio"]:nth-child(1n+21) + span, - .sheet-hex-hider[value="10"] ~ input[type="radio"]:nth-child(1n+24) + span, - .sheet-hex-hider[value="11"] ~ input[type="radio"]:nth-child(1n+26) + span, - .sheet-hex-hider[value="12"] ~ input[type="radio"]:nth-child(1n+28) + span, - .sheet-hex-hider[value="13"] ~ input[type="radio"]:nth-child(1n+32) + span, - .sheet-hex-hider[value="14"] ~ input[type="radio"]:nth-child(1n+34) + span, - .sheet-hex-hider[value="15"] ~ input[type="radio"]:nth-child(1n+36) + span, - .sheet-hex-hider[value="16"] ~ input[type="radio"]:nth-child(1n+38) + span, - .sheet-hex-hider[value="17"] ~ input[type="radio"]:nth-child(1n+40) + span, - .sheet-hex-hider[value="18"] ~ input[type="radio"]:nth-child(1n+42) + span { - opacity: 0;} - - /***** CONDITION MONITOR FOOTERS *****/ - .sheet-con-footer { - font-size : 0.8em; - margin-top: 10px;} - - .sheet-con-footer label { - margin-right: 5px; - width : auto;} - - .sheet-con-footer input[type="number"] { - border-bottom: 1px solid #000; - border-radius: 0px; - height : 22px; - margin-top : -5px;} - - /***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/ - .sheet-repeat-box .sheet-medium-box { - height : auto; - min-height: 200px;} - - .sheet-repeat-box h3 { - color : #000; - margin-bottom: -3px;} - - /***** REPEATING SECTION *****/ - .sheet-repeat-box .repitem { - display : inline-flex; - border-bottom: 1px solid #000; - width : 100%;} - - /***** REPEATING SECTION TOGGLES *****/ - .sheet-repeat-box input.sheet-settings-toggle, - .sheet-repeat-box input.sheet-primary-flag + span { - position: absolute; - width : 13px;} - - .sheet-repeat-box input.sheet-settings-toggle, - .sheet-repeat-box input.sheet-settings-toggle + span { - left: 98.5%;} - - .sheet-repeat-box input.sheet-settings-toggle + span { - top : -2px; - width: 2%;} - - /***** REPEATING BOX SECTION INPUTS *****/ - .sheet-repeat-box .sheet-settings input[type="text"] { - border-bottom: 1px solid #333; - border-radius: 0px;} - - .sheet-repeat-box .sheet-settings input[type="number"] { - border : none; - border-bottom: 1px solid #333; - border-radius: 0px; - width : 8%;} - - .sheet-repeat-box .sheet-settings input[type="text"]:first-child { - text-align: left;} - - .sheet-repeat-box .sheet-settings label { - font-size : 0.8em; - margin-bottom: 0px;} - - /***** REPEATING BOX DISPLAY *****/ - .sheet-repeat-box button[type="roll"], - .sheet-repeat-box button[type="action"] { - font-size: 0.9em; - color : #000;} - - .sheet-rank { - display : inline-block; - text-align: center; - width : 10%;} - - /***** REPEATING SECTION SELECTS *****/ - .sheet-repeat-box select { - color : #000; - font-size : 0.8em; - font-weight: bolder; - height : 20px; - padding : 0px; - width : 14%;} - - .sheet-repeat-box option { - padding : 2px; - font-weight: bold;} - - /***** COLLAPSABLE DIVS *****/ - .sheet-collapsable { - padding-left: 1.5em; - width : 100%; - word-break : break-word;} - - .sheet-collapsable span { - white-space: pre-line;} - - /***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/ - .sheet-quality-box .sheet-display-flag, - .sheet-contacts .sheet-display-flag, - .sheet-item-box .sheet-display-flag, - .sheet-spell-box .sheet-display-flag, - .sheet-powers-box .sheet-display-flag, - .sheet-program-box .sheet-display-flag, - .sheet-aug-box .sheet-display-flag, - .sheet-form-box .sheet-display-flag, - .sheet-social-box .sheet-display-flag, - .sheet-vehicle-box .sheet-display-flag { - opacity : 0; - position: absolute; - top : 0px; - width : 95%; - height : 100%;} - - .sheet-collapsable .sheet-desc, - .sheet-collapsable .sheet-desc-lifestyle { - display: none; - } - - .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc { - display: inline; - } - - .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle { - display: inline-block; - width: 100%; - } - - .sheet-arms input.sheet-display-flag, - .sheet-arms input.sheet-display-flag + span, - .sheet-spell-box input.sheet-display-flag, - .sheet-spell-box input.sheet-display-flag + span, - .sheet-matrix input.sheet-display-flag, - .sheet-matrix input.sheet-display-flag + span { - height : 12px; - position: absolute; - top : 2px; - width : 12px; - } - - .sheet-arms input.sheet-display-flag, - .sheet-arms input.sheet-display-flag + span, - .sheet-spell-box input.sheet-display-flag, - .sheet-spell-box input.sheet-display-flag + span, - .sheet-matrix input.sheet-display-flag, - .sheet-matrix input.sheet-display-flag + span { - left: 93%; - } - - .sheet-arms input.sheet-display-flag + span, - .sheet-spell-box input.sheet-display-flag + span, - .sheet-matrix input.sheet-display-flag + span, - .sheet-matrix input.sheet-display-flag + span { - top: -2px;} - - /***** DISPLAY ROWS *****/ - .sheet-display-row { - display : inline-block; - overflow : hidden; - text-align : center; - vertical-align: top; - word-break : break-word;} - - .sheet-display-row:nth-of-type(1), - .sheet-display-row:nth-of-type(1) button { - font-weight: bold; - text-align : left;} - - /***** DISPLAY & SETTINGS *****/ - .sheet-skills-row, - .sheet-quality-box .sheet-settings div, - .sheet-quality-box .sheet-display, - .sheet-lifestyle .sheet-settings div, - .sheet-contacts .sheet-settings div, - .sheet-contacts .sheet-display, - .sheet-magic-rituals .sheet-settings div, - .sheet-spell-box .sheet-display, - .sheet-item-box .sheet-display, - .sheet-item-box .sheet-settings div, - .sheet-aug-box .sheet-display, - .sheet-powers-box .sheet-display { - display: inline-block; - width : 100%;} - - /***** SKILLS *****/ - .sheet-skill-box h3[data-i18n="skill"] {margin-right: 47%;} - .sheet-skill-box h3[data-i18n="attribute"] {margin-left: 4%;} - .sheet-skill-box h3[data-i18n="limit"] {margin-left: 8%;} - - .sheet-skill-box label { - display : inline-block; - font-size : 0.8em; - text-transform: capitalize;} - - select.sheet-attr-select { - position: absolute;} - - select.sheet-attr-select[name="attr_attribute"] { - left : 62%;} - - select.sheet-attr-select[name="attr_limit"] { - left : 82%;} - - .sheet-attr-select option:nth-of-type(1n+5), - .sheet-limit-select option:nth-of-type(1n+5) {color: #610b0d;} - .sheet-attr-select option:nth-of-type(1n+9) {color: #7a2593;} - - .sheet-limit-select { - margin-left: 4%; - } - - /***** SKILLS REPEATING SECTION *****/ - .sheet-skills-row .sheet-settings-row div { - width: 70%;} - - .sheet-skill-box .sheet-name, - .sheet-skill-box select.sheet-skill-select, - .sheet-skill-box .sheet-settings input[type="text"] { - width: 50%;} - - .sheet-skill-box .sheet-settings input[type="text"] {text-align: left;} - - .sheet-skill-box .sheet-settings input[type="number"] { - margin-left : 3px; - margin-right : 5px; - margin-bottom: 2px;} - - option.sheet-option-headers {opacity: 0.2;} - - option.sheet-option-groups { - font-size: 1em; - font-style: italic;} - - input.sheet-skill-select { - opacity: 1; - width: 3%;} - - /***** SKILLS SETTINGS ROWS *****/ - .sheet-skills-row label { - font-size : 0.8em; - font-weight : 700; - margin-bottom: -3px;} - - .sheet-skills-row .sheet-settings-row input[type="text"] { - width: 45%;} - - /***** SKILLS DISPLAY *****/ - .sheet-skill-box .sheet-name { - display: inline-block; - min-height: 20px;} - - /***** ARMS *****/ - .sheet-arms .sheet-htab {margin-right: -40px;} - .sheet-arms .sheet-htab:first-child {margin-left: -35px;} - - /***** WEAPONS *****/ - .sheet-pc .sheet-weapon-range, - .sheet-pc .sheet-weapon-melee { - display: none; - width : 100%;} - - .sheet-tab-switch[value="range"] ~ .sheet-weapon-range, - .sheet-tab-switch[value="melee"] ~ .sheet-weapon-melee, - .sheet-arms .sheet-display { - display: inline-block;%; - } - - .sheet-arms .sheet-display { - margin-left: -1%; - } - - /***** WEAPON SETTINGS *****/ - .sheet-weapon-box select {width: 10%;} - .sheet-weapon-box .sheet-settings-row {margin-top: 5px;} - - .sheet-arms input[type="text"], - .sheet-arms h3, - .sheet-arms .sheet-display .sheet-display-row { - text-align: center; - width : 8%;} - - .sheet-arms input[type="text"]:first-child, - .sheet-arms .sheet-display .sheet-display-row:first-child { - text-align : left; - width : 36%; - margin-right: 1%; - } - - .sheet-arms h3:first-child { - text-align: left; - margin-right: 2%; - } - - .sheet-arms h3[data-i18n="weapon"] { - width: 34%; - } - - .sheet-arms h3[data-i18n="armor"] { - width: 38%; - } - - .sheet-weapon-range h3 { - margin-right: 3px;} - - .sheet-weapon-melee h3 { - margin-right: 10px;} - - .sheet-weapon-melee h3:first-child, - .sheet-weapon-melee input[type="text"]:first-child { - width: 40%;} - - .sheet-arms .sheet-display-row:nth-of-type(2) { - width: 12%;} - - .sheet-weapon-range h3:nth-child(2), - .sheet-weapon-range h3:nth-child(5) { - width: 11%;} - - .sheet-weapon-melee input, - .sheet-weapon-melee .sheet-display-row { - margin-right: 5px;} - - .sheet-weapon-box label + input[type="text"] {width: 27%;} - - .sheet-exotic-warning { - display : none; - font-size: 0.8em;} - - .sheet-skill-select[value="0"] ~ .sheet-exotic-warning { - display: inline;} - - /***** ARMOR *****/ - .sheet-armor-box h3 {margin-right: 5.5px;} - - /***** ARMOR SETTINGS *****/ - .sheet-armor-box .sheet-settings input[name="attr_name"] { - width: 40%; - } - - .sheet-armor-box .sheet-settings input[type="number"] { - margin-right: 0.75%; - } - - /***** ARMOR DISPLAY *****/ - .sheet-armor-box .sheet-display .sheet-display-row {margin-right: 3px;} - .sheet-armor-box .sheet-display .sheet-display-row:nth-of-type(7) {margin-right: 0px;} - - /***** QUALITIES *****/ - .sheet-quality-box h3:first-child { - margin-right: 67%; - width : 15%;} - - /***** QUALITIES SETTINGS *****/ - .sheet-quality button[type="roll"], - .sheet-quality button[type="action"] { - font-size: 1em; - left: 92%; - position: absolute;} - - .sheet-quality button[type="action"] { - left: 98%;} - - .sheet-quality .sheet-settings input[type="text"] { - margin-right: 2%; - width : 82%;} - - .sheet-quality .sheet-display-row:nth-of-type(1) { - width: 80%;} - - .sheet-quality .sheet-display-row:nth-of-type(2), - .sheet-quality .sheet-settings select { - width: 8%;} - - /***** QUALITIES & MARTIAL ARTS TABS *****/ - .sheet-quality-box .sheet-htab input[type="radio"] { - margin-right: -100px; - width : 100px;} - - .sheet-quality-box .sheet-header:nth-of-type(2) .sheet-htab input[type="radio"] { - margin-right: -150px; - width : 150px;} - - /***** MARTIAL ARTS *****/ - .sheet-martial h3:first-child {margin-right: 39%;} - - .sheet-martial input[type="text"], - .sheet-martial .sheet-display-row { - width: 54%;} - - .sheet-martial input[type="text"]:nth-of-type(2), - .sheet-martial .sheet-display-row:nth-of-type(2) { - text-align: left; - width : 43%;} - - /***** LIFESTYLES *****/ - .sheet-lifestyle h3:nth-of-type(2) { - margin-right: 1%;} - - .sheet-lifestyle input[type="text"] { - background-color: transparent;} - - .sheet-lifestyle input[type="text"]:hover, - .sheet-lifestyle input[type="text"]:focus { - background-color: #d2d1cd;} - - /***** LIFESTYLE SETTINGS *****/ - .sheet-lifestyle textarea { - min-height: 30px; - margin : 0px 0px 0px 0px;} - - /***** LIFESTYLE DISPLAY *****/ - .sheet-lifestyle .sheet-display-flag:checked ~ span:nth-of-type(1), - .sheet-lifestyle .sheet-display-flag ~ span:nth-of-type(1n+2) { - display: none;} - - .sheet-lifestyle .sheet-display-flag:checked ~ span:nth-of-type(1n+2) {display: inherit;} - - /***** CONTACTS *****/ - .sheet-contacts h3:nth-of-type(1) {margin-right: 50%;} - - .sheet-contacts h3:nth-of-type(2), - .sheet-contacts h3:nth-of-type(3) { - margin-right: 2%;} - - /***** CONTACTS SETTINGS *****/ - .sheet-contacts input[type="text"]:nth-of-type(1) { - margin-right: 5px; - width : 58%;} - - .sheet-contacts input[type="number"] {margin-right: 4%;} - - .sheet-contacts input[type="text"]:nth-of-type(4) { - margin-left: -1px; - width : 22%;} - - /***** CONTACTS DISPLAY *****/ - .sheet-contacts .sheet-display-row {width: 14%;} - - .sheet-contacts .sheet-display-row:nth-of-type(1) { - margin-right: 2%; - width : 53%;} - - /***** GEAR *****/ - .sheet-item-box h3:first-child{ - margin-right: 83%;} - - /***** GEAR SETTINGS *****/ - .sheet-item-box input[type="text"] {width: 90%;} - - /***** GEAR DISPLAY *****/ - .sheet-item-box .sheet-display-row, - .sheet-aug-box .sheet-settings input[type="number"] { - width: 10%;} - - .sheet-aug-box .sheet-display-row, - .sheet-aug-box .sheet-display-row:nth-of-type(1), - .sheet-item-box .sheet-display-row:nth-of-type(1) { - margin-right: 2%;} - - .sheet-item-box .sheet-display-row:nth-of-type(1) { - width: 85%;} - - /***** AUGMENTATIONS (AUGS) *****/ - .sheet-aug-box h3:nth-of-type(1) {margin-right: 55%;} - .sheet-aug-box h3:nth-of-type(2) {margin-right: 3%;} - - /***** AUGMENTATIONS SETTINGS *****/ - .sheet-aug-box .sheet-settings input[type="text"], - .sheet-aug-box .sheet-display-row:nth-of-type(1) { - width: 75%;} - - .sheet-aug-box .sheet-settings input[type="number"] {margin-right: 1%;} - - /***** AUGMENTATIONS DIPLAY *****/ - .sheet-aug-box .sheet-display-flag {top: 1px;} - - .sheet-aug-box .sheet-display-row { - text-align: center; - width: 8%;} - - .sheet-aug-box .sheet-display-row:nth-of-type(1) {text-align: left;} - - /***** MAGIC & POWERS *****/ - .sheet-magic .sheet-htab {margin-right: -45px;} - .sheet-magic .sheet-htab:first-child {margin-left: -45px;} - - .sheet-spell-box h3, - .sheet-spell-box .sheet-display .sheet-display-row, - .sheet-powers-box h3, - .sheet-powers-box .sheet-settings input[type="text"], - .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { - margin-right: 1%;} - - .sheet-spell-box h3 {width: 13%;} - - .sheet-powers-box h3, - .sheet-powers-box input[type="number"], - .sheet-spell-box h3:nth-of-type(5), - .sheet-powers-box h3:nth-of-type(3), - .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { - width: 8%;} - - .sheet-spell-box h3:nth-of-type(1), - .sheet-spell-box input[type="text"] { - width: 40%;} - - .sheet-spell-box h3:nth-of-type(5), - .sheet-powers-box h3:nth-of-type(3), - .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { - margin-right: 0px;} - - .sheet-powers-box h3:nth-of-type(1), - .sheet-powers-box .sheet-settings input[type="text"], - .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { - width: 85%;} - - /***** MAGIC & POWERS SETTINGS *****/ - .sheet-powers-box .sheet-settings {width: 100%;} - .sheet-spell-box input[type="number"] {width: 19%;} - - /***** RITUAL SETTINGS *****/ - .sheet-magic-rituals input[type="text"] {width: 95%;} - .sheet-magic-rituals .sheet-settings select {width: 32%;} - - /***** MAGIC DISPLAY *****/ - .sheet-spell-box .sheet-display .sheet-display-row { - text-align: left; - width: 14%;} - - .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(1) {width: 39%;} - .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(3) {width: 13%;} - .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(4) {width: 16%;} - .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(5) {width: 6%;} - - .sheet-combat-type-hide {display: none;} - - .sheet-combat-type[value*="Direct"] + span:after, - .sheet-combat-type[value*="Indirect"] + span:after { - display: inline;} - - .sheet-combat-type[value*="Direct"] + span:after {content: "(Direct)";} - .sheet-combat-type[value*="Indirect"] + span:after {content: "(Indirect)";} - - /***** RITUAL DISPLAY *****/ - .sheet-magic-rituals .sheet-display .sheet-display-row {width: 99%;} - - /***** MATRIX *****/ - .sheet-matrix .sheet-con-hex { - margin-bottom: -10px; - margin-right : 0px; - margin-top : 5px; - position : unset; - width : 100%;} - - .sheet-con-hex input[type="radio"]:first-child { - margin-right: -25%; - margin-top : 2%; - width : 25%;} - - .sheet-con-hex input[type="radio"]:hover ~ h2 { - color : #fff; - text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d;} - - .sheet-con-hex h2 {vertical-align: top;} - - /***** CYBERDECK *****/ - .sheet-cyberdeck button {font-weight: bold;} - - .sheet-cyberdeck h3 {line-height: 20px;} - .sheet-cyberdeck h3:nth-of-type(2) {margin-left: 5%;} - .sheet-cyberdeck h3:nth-of-type(3) {margin-left: 1%;} - .sheet-cyberdeck h3:nth-of-type(4) { - margin-left : 0%; - margin-right: 15%;} - - .sheet-cyberdeck .sheet-row-long h3:first-child {margin-left: 15%;} - - .sheet-cyberdeck input[type="number"] { - border : none; - border-bottom: 1px solid #333; - border-radius: 0px; - height: 20px; - width : 25px;} - - .sheet-cyberdeck .sheet-row-long:nth-of-type(1) input[type="text"] { - width : 90%;} - - .sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label { - padding-bottom: 5px; - padding-right : 0px; - width : 15%;} - - .sheet-cyberdeck .sheet-row-long span { - margin-left : 1%; - margin-right: 1%;} - - /**** MATRIX BUBBLES ****/ - .sheet-pc .sheet-device-attr {display: inline;} - - .sheet-matrix-tot { - display: inline-block; - height : 20px; - width : 20px;} - - .sheet-matrix-bubble { - display : inline; - margin-left : 15px; - margin-right : 25px; - background-color: #222;} - - .sheet-matrix-bubble span:nth-of-type(6), - .sheet-matrix-bubble input[type="radio"]:nth-of-type(5n+6) { - margin-left: 2%;} - - .sheet-matrix-bubble input[type="radio"] { - height: 15px; - left : -8px; - width : 15px;} - - .sheet-matrix-bubble input[type="radio"] + span { - border-radius: 3px; - display : inline-block; - height : 18px; - margin-left : -25px; - top : 4px; - width : 18px;} - - .sheet-matrix-bubble input[type="radio"]:checked ~ input[type="radio"] + span { - height : 14px; - margin-bottom: 3px; - opacity : 0.5;} - - .sheet-matrixAttack span { - border : 2px solid #3a0000; - background-color : #cc0701; - -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000; - -moz-box-shadow : inset 0px 1px 5px 2px #3a0000; - box-shadow : inset 0px 1px 5px 2px #3a0000;} - - .sheet-matrixSleaze span { - border : 2px solid #000e3b; - background-color : #007bfc; - -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b; - -moz-box-shadow : inset 0px 1px 5px 2px #000e3b; - box-shadow : inset 0px 1px 5px 2px #000e3b;} - - .sheet-matrixData span { - border : 2px solid #074202; - background-color : #88dd04; - -webkit-box-shadow: inset 0px 1px 5px 2px #074202; - -moz-box-shadow : inset 0px 1px 5px 2px #074202; - box-shadow : inset 0px 1px 5px 2px #074202;} - - .sheet-matrixFirewall span { - border : 2px solid #470101; - background-color : #f88703; - -webkit-box-shadow: inset 0px 1px 5px 2px #470101; - -moz-box-shadow : inset 0px 1px 5px 2px #470101; - box-shadow : inset 0px 1px 5px 2px #470101;} - - /***** MATRIX PROGRAMS *****/ - .sheet-program-box .sheet-repeating-indent { - padding-left: 0em; - text-indent : -1em;} - - .sheet-program-box input.sheet-program-toggle { - left : 5px; - top : 2px; - width: 15px;} - - .sheet-program-box span.sheet-program-toggle { - left: 5px; - top : -3px;} - - /***** MATRIX PROGRAM SETTINGS *****/ - .sheet-program-box .sheet-settings div { - display: inline-block; - width : 100%;} - - .sheet-program-box input[type="text"] { - border-radius: 0px; - border-bottom: 1px solid #000; - width : 98%;} - - /***** MATRIX PROGRAM DISPLAY *****/ - .sheet-matrix-box .sheet-display { - display: inline-block;} - - .sheet-program-box .sheet-repeat-box .sheet-display { - margin-left: 0px;} - - .sheet-program-box .sheet-display-row { - margin-left: 25px; - width: 95%;} - - .sheet-program-box .sheet-program-toggle { - position: absolute;} - - .sheet-program-box .sheet-program-toggle:checked span, - .sheet-program-box .sheet-program-toggle:checked ~ .sheet-display-row, - .sheet-program-box .sheet-program-toggle:checked ~ .sheet-collapsable { - opacity: 0.3;} - - .sheet-program-box input.sheet-display-flag { - left: 5%; - width: 90%;} - - .sheet-program-box .sheet-collapsable { - padding-left: 0em;} - - /***** COMPLEX FORMS *****/ - .sheet-form-box h3 { - margin-right: 1%; - width : 16%;} - - .sheet-form-box h3:nth-of-type(1) { - width: 48%;} - - .sheet-form-box h3:nth-of-type(4) { - width: 10%;} - - .sheet-form-box h3:nth-of-type(5) { - margin-right: 0px; - width : 7%;} - - .sheet-form-box input[type="text"] {width: 50%;} - - .sheet-form-box input[type="number"] {width: 8%;} - - /***** COMPLEX FORM SETTINGS *****/ - .sheet-form-box .sheet-settings div {width: 100%;} - - .sheet-form-box select { - margin-right: 1%; - width : 17%;} - - /***** COMPLEX FORM DISPLAY *****/ - .sheet-form-box .sheet-display {display: inline-block;} - - .sheet-form-box .sheet-display .sheet-display-row { - margin-right: 1%; - text-align : left; - width : 16%;} - - .sheet-form-box .sheet-display-row:nth-of-type(1) {width: 48%;} - .sheet-form-box .sheet-display .sheet-display-row:nth-of-type(4) {width: 10%;} - .sheet-form-box .sheet-display .sheet-display-row:nth-of-type(5) {width: 7%;} - - /***** VEHICLE *****/ - .sheet-vehicle-box .sheet-settings div, - .sheet-vehicle-box .sheet-display { - display: inline-block; - width : 100%;} - - .sheet-vehicle-box input[type="text"] { - width: 44%;} - - .sheet-vehicle-box label { - width: 20%;} - - .sheet-vehicle-box .sheet-row-long:first-child label { - width : 12%;} - - .sheet-vehicle-box label:nth-child(1n+4) { - text-align: right; - width : 21%;} - - /***** VEHICLE SETTING *****/ - .sheet-vehicle-box .sheet-settings h3 {margin-right: 2%;} - - .sheet-vehicle-box .sheet-settings h3:nth-child(1) { - margin-left: 18%; - margin-top : -5px;} - - .sheet-vehicle-box .sheet-settings h3:nth-child(4) {margin-left: 22%;} - .sheet-vehicle-box .sheet-settings h3:nth-child(6) {margin-right: 0px;} - - .sheet-vehicle-box .sheet-settings input[type="text"], - .sheet-vehicle-box .sheet-settings input[type="number"] { - border: none;} - - /***** VEHICLE DISPLAY *****/ - .sheet-vehicle-box .sheet-display-row { - text-align: left; - width : 49%;} - - .sheet-vehicle-box .sheet-display-row h3 { - width: 35%;} - - .sheet-vehicle-box .sheet-display-row div { - display : inline-block; - font-weight: normal; - text-align : center; - } - - .sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat { - width: 60%; - } - - .sheet-vehicle-box .sheet-collapsable {padding-left: 0.2em;} - - /***** Options Section *****/ - .sheet-options .sheet-pc-box { - min-height: 800px;} - - .sheet-op-col { - display : inline-block; - vertical-align: top; - width : 48%;} - - .sheet-op-col {margin-bottom: 5px;} - - .sheet-op-col h2 { - text-decoration: underline; - width: 100%; - } - - .sheet-op-col button[name="act_import_launch"] { - border: 2px solid black; - background: #333; - color: white; - font-weight: bold; - width: auto; - height: auto; - padding: 2% 4% - } - - .sheet-op-col p { - margin-top: 2%; - margin-right: 5%; - } - - .sheet-op-col hr { - border : 0.5px solid #1c1c1c; - margin : 3px 0px; - opacity: 0.1;} - - .sheet-op-col label { - margin-bottom: 2%; - width : 55%;} - - .sheet-options input[type="checkbox"] { - height : 15px; - margin-left: 5%; - opacity : 1; - width : 15px;} - - /***** EDGE & MATRIX CONDITION HEXAGONS *****/ - .sheet-edg-hex, - .sheet-con-hex { - position: relative; - top : -60px;} - - .sheet-edg-hex input[type="checkbox"], - .sheet-con-hex input[type="radio"] { - height : 20px; - margin-right: -21px; - top : -9px; - width : 20px;} - - .sheet-hexagon { - display: inline-block; - margin: 5.77px 0; - position: relative; - background-color: #222; - height: 11.55px; - width: 20px; } - - .sheet-hexagon:before, - .sheet-hexagon:after { - border-left : 10px solid transparent; - border-right: 10px solid transparent; - content : ""; - position : absolute; - width : 0;} - - .sheet-hexagon:before { - bottom : 100%; - border-bottom: 5.77px solid #222;} - - .sheet-hexagon:after { - top: 100%; - width: 0; - border-top: 5.77px solid #222;} - - .sheet-edg-hex input[type="checkbox"]:checked ~ .sheet-hexagon, - .sheet-con-hex input[type="radio"]:checked ~ .sheet-hexagon, - .sheet-edge-zero[value="0"] ~ .sheet-hexagon { - background-color: #610b0d;} - - .sheet-edg-hex input[type="checkbox"]:checked ~ .sheet-hexagon:before, - .sheet-con-hex input[type="radio"]:checked ~ .sheet-hexagon:before, - .sheet-edge-zero[value="0"] ~ .sheet-hexagon:before { - border-bottom-color: #610b0d;} - - .sheet-edg-hex input[type="checkbox"]:checked ~ .sheet-hexagon:after, - .sheet-con-hex input[type="radio"]:checked ~ .sheet-hexagon:after, - .sheet-edge-zero[value="0"] ~ .sheet-hexagon:after { - border-top-color: #610b0d;} - - .sheet-edg-hex input[type="checkbox"]:checked + .sheet-hexagon, - .sheet-con-hex input[type="radio"] + .sheet-hexagon, - .sheet-con-hex input[type="radio"]:checked + .sheet-hexagon { - background-color: #222;} - - .sheet-edg-hex input[type="checkbox"]:checked + .sheet-hexagon:before, - .sheet-con-hex input[type="radio"]:checked + .sheet-hexagon:before { - border-bottom-color: #222;} - - .sheet-edg-hex input[type="checkbox"]:checked + .sheet-hexagon:after, - .sheet-con-hex input[type="radio"]:checked + .sheet-hexagon:after { - border-top-color: #222;} - - /***** MAKE HEXES APPEAR & DISAPPEAR *****/ - .sheet-hex-hider[value="1"] ~ input[type="checkbox"]:nth-child(1n+5), - .sheet-hex-hider[value="1"] ~ input[type="checkbox"]:nth-child(1n+5) + span, - .sheet-hex-hider[value="2"] ~ input[type="checkbox"]:nth-child(1n+7), - .sheet-hex-hider[value="2"] ~ input[type="checkbox"]:nth-child(1n+7) + span, - .sheet-hex-hider[value="3"] ~ input[type="checkbox"]:nth-child(1n+9), - .sheet-hex-hider[value="3"] ~ input[type="checkbox"]:nth-child(1n+9) + span, - .sheet-hex-hider[value="4"] ~ input[type="checkbox"]:nth-child(1n+11), - .sheet-hex-hider[value="4"] ~ input[type="checkbox"]:nth-child(1n+11) + span, - .sheet-hex-hider[value="5"] ~ input[type="checkbox"]:nth-child(1n+13), - .sheet-hex-hider[value="5"] ~ input[type="checkbox"]:nth-child(1n+13) + span, - .sheet-hex-hider[value="6"] ~ input[type="checkbox"]:nth-child(1n+15), - .sheet-hex-hider[value="6"] ~ input[type="checkbox"]:nth-child(1n+15) + span, - .sheet-hex-hider[value="7"] ~ input[type="checkbox"]:nth-child(1n+17), - .sheet-hex-hider[value="7"] ~ input[type="checkbox"]:nth-child(1n+17) + span { - display: none;} - -/********************************************************************************************************/ -/**************************************** START OF THE NPC SHEET *******************************************/ -/********************************************************************************************************/ - .sheet-npc { - background-color: #040404; - border-radius : 3px; - color : #fff; - margin-top : -20px; - min-height : 800px; - padding : 10px 10px; - width : 720px;} - - .sheet-npc button[type="roll"] { - color : #fff; - font-size: 14px; - margin : 0px; - padding : 0px;} - - .sheet-npc button:hover { - background-color: transparent; - text-shadow : none;} - - .sheet-npc button[type="action"] { - font-size : 1em; - padding-left: 0px;} - - .sheet-npc h1, - .sheet-npc h2, - .sheet-npc h3, - .sheet-npc h4, - .sheet-npc hr, - .sheet-npc input, - .sheet-npc label, - .sheet-sheet_type[value="npc"] ~ .sheet-tab-toggles button { - color: #fff;} - - .sheet-npc h1, - .sheet-npc h3, - .sheet-npc h4, - .sheet-npc .sheet-repeating label { - text-decoration: underline;} - - .sheet-npc h1, - .sheet-npc h2 { - line-height : 15px; - margin-bottom: 10px; - margin-top : 5px;} - - .sheet-npc h1 {font-size: 1.25em;} - .sheet-npc h2 {font-size: 1em;} - - .sheet-npc h3, - .sheet-npc h4, - .sheet-npc .sheet-repeating label { - font-size : 1em; - font-variant: small-caps; - text-align : center;} - - .sheet-npc .sheet-repeating label { - font-size: 0.9em; - width : 100%;} - - .sheet-npc textarea, - .sheet-npc select, - .sheet-npc .sheet-stat-inputs input, - .sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs select, - .sheet-npc .sheet-matrix input { - color : #fff; - background-color: #555;} - - .sheet-npc .sheet-repeat-section option {background-color: #000;} - - .sheet-npc input[type="text"] , - .sheet-npc input[type="number"] { - margin-bottom: 5px;} - - .sheet-npc input[type="checkbox"].sheet-character-type { - margin-right: 5%; - opacity : 1;} - - .sheet-npc label { - font-size: 1em; - font-weight: normal;} - - .sheet-npc textarea { - margin-top: -35px;} - - /*:+:+:+: NPC STATS :+:+:+:*/ - .sheet-stats {display: inline;} - - /*:+:+:+: NPC CUSTOMIZED ROWS & COLUMNS :+:+:+:*/ - .sheet-row {margin: 0px 0px 0px 0px;} - - .sheet-leftcol, - .sheet-2col { - display : inline-block; - vertical-align: top;} - - div.sheet-grunt.sheet-2col, - div.sheet-vehicle.sheet-2col { - width:calc(16% - 0px);} - - div.sheet-grunt.sheet-vehicle.sheet-2col { - margin-left : 1%; - margin-right: 3%; - width :calc(27% - 0px);} - - div.sheet-leftcol { - width:calc(50% - 0px);} - - div.sheet-leftcol input[type="number"]{ - width: 10%;} - - div.sheet-2col input[type="number"] { - width: 20%;} - - div.sheet-grunt.sheet-vehicle.sheet-2col label { - width: 75%;} - - /*:+:+:+: NPC TOGGLES & GEAR ICONS :+:+:+:*/ - input.sheet-settings-toggle { - width: 3em;} - - .sheet-settings-toggle input[type="checkbox"] + span { - background : transparent; - font-family: pictos; - font-size : 20px; - height : 20px; - text-align : center; - width : 20px;} - - .sheet-npc button:hover, - .sheet-toggle input[type="checkbox"]:hover + span, - .sheet-toggle input[type="radio"]:hover + span, - .sheet-toggle input[type="checkbox"]:checked + span, - .sheet-toggle input[type="radio"]:checked + span, - .sheet-character-type:checked + label, - .sheet-character-type:hover + label, - .sheet-npc button[type="action"]:hover { - color: #FCD116;} - - /*:+:+:+: NPC SETTINGS & DISPLAYS :+:+:+:*/ - .sheet-npc .sheet-display, - .sheet-npc .sheet-display .sheet-grunt, - .sheet-npc .sheet-display .sheet-host, - .sheet-npc .sheet-display .sheet-vehicle, - .sheet-npc .sheet-display .sheet-sprite { - vertical-align: top; - width : calc(100% - 0px) !important;} - - .sheet-npc .sheet-display div:nth-of-type(1n+5) { - margin: 1px;} - - .sheet-npc .sheet-display span { - border : 0px; - font-size : 1em; - letter-spacing: 0.5px; - line-height : 1em;} - - .sheet-npc .sheet-display .sheet-textrow span { - overflow-wrap: break-word; - overflow : hidden; - white-space : pre-line;} - - .sheet-settings, - input.sheet-settings-toggle:checked ~ div.sheet-display, - input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-display, - input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings, - input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display, - input.sheet-settings-toggle[value="settings"] ~ div.sheet-display, - input.sheet-settings-toggle[value="display"] ~ div.sheet-settings { - display: none;} - - .sheet-display, - input.sheet-settings-toggle:checked ~ div.sheet-settings, - input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-settings, - input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-settings { - background: none; - display : inherit; - font-size : 1em; - text-align: left; - width : 100%;} - - input.sheet-settings-toggle[value="display"] ~ div.sheet-display, - input.sheet-settings-toggle[value="settings"] ~ div.sheet-settings { - display: inline-block; - } - - /*:+:+:+: NPC SKILLS :+:+:+:*/ - .sheet-npc .sheet-skill-box select { - font-size: 1em; - height : 25px; - width : 60%;} - - .sheet-npc .sheet-skill-box select:last-child { - margin-left : 6%; - text-transform: capitalize; - width : 14%;} - - .sheet-npc .sheet-sprite.sheet-skills .sheet-skill-box select {width: 25%;} - - .sheet-npc .sheet-skill-box .sheet-settings-toggle, - .sheet-npc .sheet-skill-box .sheet-settings-toggle + span { - position: absolute; - opacity : 0;} - - .sheet-npc .sheet-skill-box .sheet-settings-toggle:checked + span, - .sheet-npc .sheet-skill-box .sheet-settings-toggle:hover + span { - opacity: 1;} - - .sheet-npc .sheet-skill-box input.sheet-settings-toggle {width: 8%} - - .sheet-npc .sheet-skill-box .sheet-settings-row {width: 100%;} - - .sheet-npc .sheet-skill-box .repcontainer { - display : inline; - max-width: 500px;} - - .sheet-npc .sheet-skill-box .repitem, - .sheet-npc .sheet-skill-box .repcontrol { - display : inline-block; - vertical-align: top; - margin-bottom : 0px;} - - .sheet-npc .sheet-skill-box .sheet-settings {display: none;} - - .sheet-npc .sheet-skill-box .sheet-settings-toggle:checked ~ .sheet-settings {display: inline-block;} - - /*:+:+:+: NPC INLINE REPEAITNG SECTIONS LIKE SKILLS :+:+:+:*/ - .sheet-npc-repeating { - display : inline-block; - position: relative;} - - .sheet-npc-repeating button[type="roll"] {margin-left: 8px;} - - .sheet-npc-repeating textarea {margin-top: 5px;} - - .sheet-npc-repeating .sheet-settings {min-width: 700px;} - - .sheet-npc-repeating .sheet-settings input[type="text"] {width: 51%;} - - - /*:+:+:+: NPC ATTRIBUTES :+:+:+:*/ - .sheet-attribute { - border-bottom: 1px solid #fff; - border-top : 1px solid #fff; - margin : 10px 0px; - text-indent : center; - width : 100%;} - - .sheet-attribute input[type="number"] { - width: 50%;} - - .sheet-attr-header { - margin-bottom: 5px; - text-align : center; - width : 80%;} - - /*:+:+:+: NPC BONUS ROW CUSTOMIZATIONS :+:+:+:*/ - .sheet-bonusrow { - display: inline-block; - width : 100%;} - - - /*:+:+:+: NPC CUSTOMIZED DISPLAYS :+:+:+:*/ - .sheet-textrow { - display: inline-block; - width : 100%;} - - .sheet-textrow textarea {margin-bottom: 10px;} - - .sheet-settings .sheet-textrow label {margin-bottom: 36px;} - - .sheet-npc .sheet-quality div.sheet-display, - .sheet-npc .sheet-weakness div.sheet-display {text-indent: 78px;} - - .sheet-augmentation div.sheet-display {text-indent: 125px;} - - .sheet-power div.sheet-display {text-indent: 65px;} - - .sheet-npc .sheet-gear div.sheet-display {text-indent: 45px;} - - /*:+:+:+: NPC CUSTOMIZE THE SETTING STOGGLES :+:+:+:*/ - .sheet-stats input.sheet-settings-toggle + span, - .sheet-textrow input.sheet-settings-toggle + span, - .sheet-repeating input.sheet-settings-toggle + span { - position: relative;} - - .sheet-npc-stats-toggle {left: 95%;} - .sheet-npc-stats-toggle + span {left: 90%;} - - .sheet-textrow input.sheet-settings-toggle { - left: 775px; - top : -12px;} - - .sheet-textrow input.sheet-settings-toggle + span { - left: 750px; - top : -10px;} - - .sheet-repeating input.sheet-settings-toggle { - left: -10px; - top : 5px;} - - .sheet-repeating input.sheet-settings-toggle + span { - font-size: 0.8em; - left : -9px; - top : 3px;} - - button.sheet-spec-button { - margin-left : 2px !important; - margin-right: 2px !important;} - - /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ - .sheet-repeating, - .sheet-repeat-section { - display:inline-block; - width : 100%;} - - .sheet-repeating button.sheet-display { - text-align: left;} - - .sheet-repeating input[type="checkbox"], - .sheet-repeating input[type="checkbox"] + span { - position: absolute;} - - .sheet-repeating input[type="checkbox"] { - width: 15px; - height: 15px;} - - .sheet-repeating label {padding: 0px;} - - .sheet-repeating .sheet-settings, - .sheet-npc-repeating .sheet-settings { - border-bottom: 1px dotted #FCD116;} - - .sheet-repeat-indent { - padding-left: 2.5em; - text-indent : -1.5em;} - - .sheet-repeating .sheet-display {display: inline-flex;} - - .sheet-repeat-section input { - height : 27px; - background-color: transparent; - border-bottom : 1px solid #fff; - border-radius : 0px;} - - .sheet-npc-weapons input[type="number"], - .sheet-npc-weapons input[type="text"], - .sheet-magic .sheet-repeat-section input[type="number"], - .sheet-magic .sheet-repeat-section input[type="text"], - .sheet-resonance .sheet-repeat-section input[type="number"], - .sheet-resonance .sheet-repeat-section input[type="text"] { - width: 100%;} - - .sheet-repeat-row { - display: inherit; - width : 5%;} - - .sheet-repeat-row-8 {width: 8%;} - .sheet-repeat-row-11 {width: 11%;} - .sheet-repeat-row-12 {width: 12%;} - .sheet-repeat-row-15 {width: 15%;} - .sheet-repeat-row-20 {width: 20%;} - - .sheet-repeat-row span {font-size: 0.8em;} - - .sheet-repeat-dice {font-size: 12px;} - - /*:+:+:+: NPC WEAPONS :+:+:+:*/ - .sheet-repeat-row.sheet-weapon-range, - .sheet-repeat-row.sheet-weapon-melee { - display: none;} - - input.sheet-range-toggle, - input.sheet-melee-toggle { - left : 28px; - margin-left: -32px; - position : relative;} - - input.sheet-melee-toggle:checked ~ div.sheet-weapon-melee, - input.sheet-range-toggle:checked ~ div.sheet-weapon-range { - display: inherit;} - - input.sheet-melee-toggle + span {margin-right: 0px !important;} - - .sheet-npc.sheet-settings input[type="checkbox"] + span, - .sheet-npc .sheet-weapon-range input[type="number"] + span, - .sheet-npc .sheet-settings input[type="radio"] + span { - font-family : sans-serif; - font-size : 12px; - margin-left : -9px; - margin-right: 10px;} - - .sheet-weapon-note { - display : inherit; - margin-top: 3px; - width : 100%;} - - .sheet-npc .sheet-settings .sheet-weapon-note input[type="text"] {text-align: left;} - - /*:+:+:+: NPC SPELLS :+:+:+:*/ - input.sheet-spell-toggle {margin: 0px -38px 0px 5px;} - - .sheet-magic .sheet-repeating select {width: 100%;} - - /*:+:+:+: NPC MATRIX :+:+:+:*/ - .sheet-npc .sheet-matrix h1 { - display : inline-block; - font-size: 1em; - width : 16.5%;} - - .sheet-npc .sheet-matrix h3 { - color : #000; - margin-top : 5px; - text-align : center; - text-shadow: 0 0 25px #4f7da7, 0 0 5px #4f7da7;} - - .sheet-npc .sheet-matrix .sheet-2col { - display: inline; - width : calc(49% - -2px);} - - .sheet-npc .sheet-matrix label { - text-indent: 10px; - width : 20%;} - - .sheet-npc .sheet-matrix input[type="number"] { - border-radius: 25px 25px; - height : 25px; - width : 25px;} - - .sheet-npc .sheet-matrix input[type="text"] { - background : none; - border-bottom: 1px solid; - border-radius: 0px; - margin-right : 1%; - text-align : left; - width : 50%;} - - /*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/ - .sheet-npc .sheet-matrix-bubble { - background-color: transparent;} - - .sheet-npc .sheet-matrix-bubble input[type="radio"] { - height: 25px; - width : 20px; - left : 0px;} - - .sheet-npc .sheet-matrix-bubble input[type="radio"] + span { - border-radius: 5px; - height : 25px; - left : 5px; - width : 20px;} - - .sheet-npc .sheet-matrixAttack { - box-shadow: 0px 0px 29px 8px #cc0701;} - - .sheet-npc .sheet-matrixSleaze { - box-shadow: 0px 0px 29px 8px #007bfc;} - - .sheet-npc .sheet-matrixData { - box-shadow: 0px 0px 29px 8px #88dd04;} - - .sheet-npc .sheet-matrixFirewall { - box-shadow: 0px 0px 29px 8px #f88703;} - - /*:+:+:+: NPC MATRIX PROGRAMS :+:+:+:*/ - .sheet-npc .sheet-matrix .repcontainer { - margin-top: 0px;} - - .sheet-npc .sheet-matrix .sheet-weapon-note input[type="text"] { - margin-top: 5px; - width : 650px;} - - .sheet-npc .sheet-matrix .sheet-settings, - .sheet-npc .sheet-matrix .sheet-display, - .sheet-npc .sheet-host .sheet-display { - margin-left: 10px;} - - .sheet-npc .sheet-matrix .sheet-display span { - margin-right: 5px;} - - .sheet-npc .sheet-matrix .sheet-display button + span { - font-size: 12px;} - - .sheet-npc .sheet-matrix .sheet-repeat-indent, - .sheet-host .sheet-repeat-indent { - padding-left: 3em; - text-indent : -1.5em;} - - input.sheet-program-toggle { - left: 15px; - top : 5px;} - - .sheet-host input.sheet-program-toggle { - left: 5px; - top : 2px;} - - span.sheet-program-toggle { - font-size: 15px !important; - left : 24px; - top : 2px;} - - .sheet-program-toggle[value="0"] + div.sheet-repeat-indent {opacity: 0.3;} - - /*:+:+:+: NPC HOSTS :+:+:+:*/ - .sheet-host .sheet-repeat-section input[type="text"], - .sheet-host .sheet-repeat-section select { - width: 100%;} - - /*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/ - .sheet-matrix, - .sheet-magic, - .sheet-resonance, - .sheet-optional, - .sheet-textboxes, - .sheet-optional-flag[value="0"] + .sheet-attr-header, - .sheet-category + div, - .sheet-category + div + div, - .sheet-grunt, - .sheet-host, - .sheet-sprite, - .sheet-vehicle { - display: none;} - - .sheet-optional-flag:not([value="0"]) + .sheet-optional, - .sheet-npc-type[value="grunt"] ~ .sheet-grunt, - .sheet-npc-type[value="host"] ~ .sheet-host, - .sheet-npc-type[value="sprite"] ~ .sheet-sprite, - .sheet-npc-type[value="vehicle"] ~ .sheet-vehicle { - display: inline-block;} - - .sheet-optional-flag:not([value="0"]) + .sheet-textboxes { - display: inherit; - width: 100%;} - - .sheet-category[value="Combat"] + div, - .sheet-category[value="Combat"] + div + div, - .sheet-character-type[value="matrix"] + .sheet-matrix { - display: inherit;} - - .sheet-category[value="Combat"] ~ .sheet-combat-type-hide {display: inline;} - - .sheet-npc-type[value="grunt"] ~ div.sheet-grunt.sheet-attribute, - .sheet-npc-type[value="host"] ~ div.sheet-host.sheet-attribute, - .sheet-npc-type[value="sprite"] ~ div.sheet-sprite.sheet-attribute, - .sheet-npc-type[value="vehicle"] ~ div.sheet-vehicle.sheet-attribute { - display: inline-flex;} - - .sheet-magic-skill, - .sheet-resonance-skill { - opacity: 0.15;} - - .sheet-character-type[value="magic"] + .sheet-magic-skill, - .sheet-character-type[value="magic"] + .sheet-magic-skill + .sheet-magic-skill, - .sheet-character-type[value="resonance"] + .sheet-resonance-skill { - opacity: 1;} - - .sheet-character-type[value="magic"] ~ .sheet-magic, - .sheet-character-type[value="magic"] ~ .sheet-magic + .sheet-magic, - .sheet-character-type[value="resonance"] ~ .sheet-resonance, - .sheet-character-type[value="resonance"] ~ .sheet-resonance + .sheet-resonance { - display: inline-block; - width: 100%;} - - /*:+:+:+: NPC ARMOR BUTTONS :+:+:+:*/ - .sheet-npc .sheet-armor-buttons { - display: inline; - margin-left: 15px;} - - .sheet-npc .sheet-armor-buttons span { - font-size: 20px; - margin-right: 10px;} - - .sheet-armor-buttons, - .sheet-armor-buttons span, - .sheet-roll-toggles, - .sheet-roll-toggles span { - font-family: "pictos"; - position: relative;} - - .sheet-armor-buttons, - .sheet-armor-buttons span { - font-size: 1em; - padding: 0px;} - - .sheet-roll-toggles, - .sheet-roll-toggles span { - display: inline; - font-size: 1.5em; - margin-bottom: 5px;} - - .sheet-roll-toggles input { - height: 20px; - width: 20px;} - - button.sheet-pictos {font-family: "Pictos";} - span.sheet-pictosC {font-family: "Pictos Custom";} - span.sheet-pictos3 {font-family: "Pictos Three";} - span.sheet-d6 {font-family: "dicefontd6";} - -/********************************************************************************************************/ -/**************************************** FOOTER *******************************************/ -/********************************************************************************************************/ - /**** Footer ****/ - .sheet-footer { - border : none; - font-size : 0.55em; - line-height: 15px; - margin-top : 15px; - text-align : left; - width : 700px;} - - div.sheet-footer div { - display: inline-block; - width: 90%; - } - - div.sheet-footer img { - float: right; - vertical-align: top; - width: 5%; - } +/* GLOBALS + ============================= */ +* { + box-sizing: border-box; + font-family: sans-serif; } + +button { + background-image: none; + font-size: 0.8em; + text-shadow: none; } + button[type='roll'], button[type='action'] { + font-size: 1em; + margin: 0px; + padding: 1px 2px; + border-bottom: 0.01em solid #666; + border-bottom-right-radius: 0.01em; + border-color: #b3b3b3; + border-radius: 0.25em !important; + border-right: 0.02em solid #333333; + border-style: outset; } + button:before { + display: none; } + button:hover, button:focus, button:active { + font-weight: bold; } + +div { + background-color: transparent; } + +fieldset { + background: transparent; } + +hr { + border: 0.5px solid #555; } + +label { + display: inline-block; + font-size: 0.9em; + margin-bottom: 0px; + padding-right: 5px; + text-transform: capitalize; + width: auto; } + +input { + background-color: #9a9a9a; + color: #040404; + border: none; + cursor: auto; + font-weight: normal; + margin: 0px; + text-align: center; + vertical-align: middle; } + input[type='text'], input[type='number'] { + border: 1px dotted #555; + height: 20px; } + input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus { + background-color: #d2d1cd; + color: #1c1c1c; } + input[type='text']:placeholder-shown, input[type='number']:placeholder-shown { + background-color: rgba(28, 28, 28, 0.14902); + color: white; } + input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; } + +select { + border-radius: 2px; + border: 1px solid #000; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + margin-bottom: 0px; + width: auto; } + +span { + word-break: break-word; } + +textarea { + border-radius: 2px; + border: 1px solid #000; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + height: 50px; + overflow-wrap: break-word; + overflow: hidden; + resize: vertical; + vertical-align: top; + white-space: pre-line; } + +.charsheet { + width: 850px; } + +.sheet-red { + color: #610b0d; } + +.sheet-text-align-center { + text-align: center; } + +input[name='attr_stats_toggle'], +input[name='attr_stats_toggle'] + span { + position: relative; } + +input[name='attr_stats_toggle'] { + opacity: 0; + z-index: 2; } + +/* SWITCHES + ============================= */ +/* The switch - the box around the slider */ +.sheet-switch { + position: relative; + display: inline-block; + width: 50px; + height: 24px; } + +/* Hide default HTML checkbox */ +.sheet-switch input { + opacity: 0; + width: 0; + height: 0; } + +/* The slider */ +.sheet-slider { + -webkit-transition: .4s; + background-color: #ccc; + border-radius: 34px; + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + transition: .4s; } + +.sheet-slider:before { + -webkit-transition: .4s; + background-color: white; + border-radius: 50%; + bottom: 4px; + content: ""; + height: 16px; + left: 4px; + position: absolute; + transition: .4s; + width: 16px; } + +input:checked + .sheet-slider { + background-color: #610b0d; } + +input:focus + .sheet-slider { + box-shadow: 0 0 1px #9a9a9a; } + +input:checked + .sheet-slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); } + +/***** TABS FOR SHEETS *****/ +.sheet-tabs button[type='action'] { + background-color: #333; + border-radius: 2px; + border: 1px solid #000; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + color: #fff; + font-size: 1em; + font-weight: bolder; + text-transform: capitalize; + padding: 5px; } + .sheet-tabs button[type='action'].sheet-pictos, .sheet-tabs .sheet-cc-row button[type='action'][name*='shots'], .sheet-cc-row .sheet-tabs button[type='action'][name*='shots'], .sheet-tabs .sheet-cc-row button[type='action'][name='act_reload'], .sheet-cc-row .sheet-tabs button[type='action'][name='act_reload'], .sheet-tabs .sheet-cc-row button[type='action'][name='act_primary_ammo'], .sheet-cc-row .sheet-tabs button[type='action'][name='act_primary_ammo'], .sheet-tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .sheet-tabs button[type='action'].repcontrol_edit:after, + .sheet-tabs .repcontrol button[type='action'].repcontrol_add:after, + .repcontrol .sheet-tabs button[type='action'].repcontrol_add:after, .sheet-tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .sheet-tabs button[type='action'].repcontrol_del { + text-transform: lowercase; } +.sheet-tabs button[type='roll'] { + background: none; + border: none; + color: #fff; + font-family: 'dicefontd6'; + font-size: 2.5em; + vertical-align: top; } + .sheet-tabs button[type='roll']:hover { + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; } +.sheet-tabs h2 { + color: #fff; + font-size: 1em; + text-transform: capitalize; + text-align: right; + line-height: 2em; + margin-right: 5%; } + +/***** TABS FOR SHEETS *****/ +.sheet-settings-toggle input { + width: 3em; } +.sheet-settings-toggle input[type='checkbox'] + span { + background: transparent; + font-size: 20px; + height: 20px; + text-align: center; + width: 20px; } + +.sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice'], .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice'], .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'], .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] { + vertical-align: middle; } + .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:before, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:before, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:before, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:before { + content: '('; } + .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:after, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:after, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:after, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:after { + content: ')'; } + +.sheet-npc div.sheet-repeating input[name='attr_flag'], +input.sheet-toggle { + position: absolute; + opacity: 0; + z-index: 2; } + +.sheet-pc input[type='checkbox'], +.sheet-pc input[type='radio'] { + position: relative; + opacity: 0; + z-index: 2; } + +.sheet-npc div.sheet-repeating input[name='attr_flag'] + span { + opacity: 0; } +.sheet-npc div.sheet-repeating input[name='attr_flag']:checked + span { + opacity: 1; } +.sheet-npc div.sheet-repeating input[name='attr_flag']:checked ~ .sheet-settings { + display: inline-grid; + margin-bottom: 2%; } + +.sheet-pc div.sheet-skill-box label > input, .sheet-pc div.sheet-skill-box input[name='attr_skill'] { + border-bottom: 1px solid #333; } + +/*:+:+:+: MATRIX DEVICE :+:+:+:*/ +div.sheet-matrix-device button[name*='Attack']:hover { + color: #cc0701; } +div.sheet-matrix-device button[name*='Sleaze']:hover { + color: #007bfc; } +div.sheet-matrix-device button[name*='Data']:hover { + color: #88dd04; } +div.sheet-matrix-device button[name*='Firewall']:hover { + color: #f88703; } +div.sheet-matrix-device input[type='radio'] { + position: relative; + opacity: 0; + z-index: 2; } + div.sheet-matrix-device input[type='radio'] + span { + position: relative; } +div.sheet-matrix-device .sheet-matrixAttack { + box-shadow: 0px 0px 29px 8px #cc0701; } +div.sheet-matrix-device .sheet-matrixSleaze { + box-shadow: 0px 0px 29px 8px #007bfc; } +div.sheet-matrix-device .sheet-matrixData { + box-shadow: 0px 0px 29px 8px #88dd04; } +div.sheet-matrix-device .sheet-matrixFirewall { + box-shadow: 0px 0px 29px 8px #f88703; } + +/******************************************************************************/ +/********************************* VARIABLES *********************************/ +/****************************************************************************/ +/***************************************************************************************/ +/************************** START OF THE PC SHEET *************************************/ +/*************************************************************************************/ +.sheet-pc { + background-color: #333; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/Blackbackground.jpg"); + background-size: cover; + border: 3px solid; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + margin-left: -1%; + padding-left: 0.5%; + /***** REPEATING CONTAINERS *****/ + /***** SKILLS *****/ } + .sheet-pc button > h2:hover, + .sheet-pc button > span:hover, + .sheet-pc label > button[type='roll']:hover, + .sheet-pc .sheet-repeat-box button[type='roll']:hover, + .sheet-pc .sheet-con-track button[type='action']:hover, + .sheet-pc button[data-i18n="default"]:hover { + color: #fff; + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; } + .sheet-pc hr { + margin: 7px 0px -2px 0px; } + .sheet-pc .sheet-tabs { + grid-template-columns: 1fr 5em 1fr 5em 2.5em 5em 5em 5em 5em 5em 5em 5em; + grid-column-gap: 0.25%; + padding: 0px 1% 3% 1%; + margin-top: 1%; + grid-row-gap: 10%; + /***** PLAYER DATA INPUTS *****/ } + .sheet-pc .sheet-tabs button[type='roll'] { + grid-area: 2 / 5 / 2 / 5; } + .sheet-pc .sheet-tabs h1 { + background-color: transparent; + color: #fff; + display: inline-block; + font-size: 1em; + grid-column: 6 / 8; + letter-spacing: 2px; + line-height: 20px; + margin-left: 5%; + text-align: right; + text-transform: uppercase; } + .sheet-pc .sheet-tabs h2[data-i18n-title='/w GM'] { + grid-area: 2 / 1 / 2 / 1; } + .sheet-pc .sheet-tabs h2[data-i18n-title='wounds'] { + grid-area: 2 / 3 / 2 / 4; } + .sheet-pc .sheet-tabs h2[data-i18n-title='modifiers'] { + grid-area: 3 / 1 / 3 / 1; } + .sheet-pc .sheet-tabs h2[data-i18n-title='edge'] { + grid-area: 3 / 3 / 3 / 4; } + .sheet-pc .sheet-tabs img { + grid-area: 1 / 1 / 2 / 6; + height: 100%; + width: 100%; } + .sheet-pc .sheet-tabs label[data-i18n-title='character name'] > input[type='text'], .sheet-pc .sheet-tabs label[data-i18n-title='player name'] > input[type='text'] { + color: #fff; + font-weight: bolder; + background-color: transparent; + border: none; + box-shadow: none; + border-bottom: 2px solid #fff; + border-radius: 0px; + height: 30px; + width: 100%; + grid-column: 4; } + .sheet-pc .sheet-tabs label[data-i18n-title='character name'] { + grid-area: 1 / 8 / 1 / 14; } + .sheet-pc .sheet-tabs label[data-i18n-title='player name'] { + grid-area: 2 / 8 / 2 / 14; } + .sheet-pc .sheet-tabs label[data-i18n-title='whisper rolls to gm'] { + grid-area: 2 / 2 / 2 / 3; } + .sheet-pc .sheet-tabs label[data-i18n-title='wounds'] { + grid-area: 2 / 4 / 2 / 5; } + .sheet-pc .sheet-tabs label[data-i18n-title='modifiers'] { + grid-area: 3 / 2 / 3 / 3; } + .sheet-pc .sheet-tabs label[data-i18n-title='edge'] { + grid-area: 3 / 4 / 3 / 5; } + .sheet-pc input[type='checkbox'] + span, + .sheet-pc input[type='radio'] + span { + font-family: 'pictos'; } + .sheet-pc input[type='checkbox']:checked + span, + .sheet-pc input[type='radio']:checked + span { + color: #610b0d; } + .sheet-pc select { + height: 1.8em; + padding: 0px; } + .sheet-pc div.sheet-core-info h2 { + margin-right: 1%; } + .sheet-pc div.sheet-core-info input[type='text'], .sheet-pc div.sheet-core-info input[type='number'] { + background-color: transparent; + border: none; } + .sheet-pc div.sheet-core-info input[type='text']:placeholder-shown, .sheet-pc div.sheet-core-info input[type='number']:placeholder-shown { + background-color: rgba(28, 28, 28, 0.14902); } + .sheet-pc input.sheet-display-flag { + position: absolute; } + .sheet-pc div.repitem input[type='number'] { + text-align: center; + width: 2.5em; } + .sheet-pc div.sheet-skill-box button[type='roll'] { + font-size: 1em; + text-align: left; } + .sheet-pc div.sheet-skill-box h2:nth-of-type(1n+2) { + text-align: center; } + .sheet-pc div.sheet-skill-box label { + display: inline-block; + font-size: 0.8em; + text-transform: capitalize; } + .sheet-pc div.sheet-skill-box label[data-i18n-title='ratingmodifier'] { + grid-area: 2 / 3 / 2 / 6; } + .sheet-pc div.sheet-skill-box label[data-i18n-title='specializations'] { + grid-area: 3 / 1 / 3 / 6; } + .sheet-pc div.sheet-skill-box label[data-i18n-title='notes'], .sheet-pc div.sheet-skill-box label textarea { + grid-area: 4 / 1 / 4 / 6; } + .sheet-pc div.sheet-skill-box label > input { + text-align: left; + border-radius: 0px; + width: 100%; } + .sheet-pc div.sheet-skill-box div.sheet-row-long { + display: inline-grid; + grid-column-gap: 1%; + grid-row-gap: 2%; + grid-template-columns: 1fr 3.5em 5em 5em 1.5em; + padding: 1%; + width: 100%; } + .sheet-pc div.sheet-skill-box div.sheet-row-long h3:nth-of-type(1n+2) { + text-align: center; } + .sheet-pc div.sheet-skill-box select.sheet-attribute-select option:nth-of-type(1n+9) { + color: #7a2593; } + .sheet-pc div.sheet-skill-box select.sheet-attribute-select option:nth-of-type(1n+5) { + color: #610b0d; } + .sheet-pc div.sheet-skill-box select.sheet-limit-select option:nth-of-type(1n+5) { + color: #610b0d; } + +/***** PC ROWS & COLUMNS SETTINGS *****/ +.sheet-pc-row { + margin-bottom: 10px; } + +.sheet-pc-col { + vertical-align: top; + width: calc(50% - 5px); } + .sheet-pc-col h1 { + background-color: #610b0d; + color: #fff; + font-size: 1em; + letter-spacing: 2px; + line-height: 20px; + padding-left: 5px; + padding-right: 5px; + text-transform: uppercase; } + .sheet-pc-col h2, .sheet-pc-col h3 { + display: inline-block; + text-transform: capitalize; } + .sheet-pc-col h2 { + font-size: 0.9em; + line-height: 25px; } + .sheet-pc-col h3 { + color: rgba(51, 51, 51, 0.59); + font-size: 0.8em; } + .sheet-pc-col:first-child { + margin-right: 1.5%; + width: calc(50% - 10px); } + +.sheet-row-long { + border-bottom: 1px solid #000; } + +.sheet-settings-row { + margin-top: 5px; } + .sheet-settings-row select.sheet-skill-select { + width: 29%; } + +/***** DECORATIVE BOX THAT ADDS THE RED OUTLINE ON PC SHEET *****/ +.sheet-border-box { + background-image: -moz-linear-gradient(#610b0d, transparent), -moz-linear-gradient(#610b0d, transparent); + background-image: -o-linear-gradient(#610b0d, transparent), -o-linear-gradient(#610b0d, transparent); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#610b0d), to(transparent)); + background-image: -webkit-linear-gradient(#610b0d, transparent); + background-image: linear-gradient(#610b0d, transparent), linear-gradient(#610b0d, transparent); + border-top: 2px solid #610b0d; + clear: both; + border-top-right-radius: 10px; + border-top-left-radius: 0px; } + .sheet-border-box .sheet-pc-box { + border-top-right-radius: 10px; + border-top-left-radius: 0px; } + +.sheet-static { + margin-right: 0.5%; } + .sheet-static .sheet-border-box, + .sheet-static .sheet-border-box .sheet-pc-box { + border-top-right-radius: 0px; + border-top-left-radius: 10px; } + +/***** HEADERS AND TRIANGLES *****/ +.sheet-header { + display: inline-flex; + float: right; + height: 20px; } + +.sheet-triangle, +.sheet-right-tri { + border-top: 20px solid transparent; } + +.sheet-triangle { + border-right: 30px solid #610b0d; } + +.sheet-right-tri { + border-left: 30px solid #610b0d; } + +.sheet-right-header { + float: left; } + +/***** SECONDARY HEADERS LIKE ON SKILLS *****/ +.sheet-htab { + margin-right: -47px; } + .sheet-htab input[type='radio'] { + margin-right: -80px; + top: 4px; + width: 80px; } + .sheet-htab input[type='radio'] + h1 { + color: #9a9a9a; } + .sheet-htab input[type='radio']:hover ~ h1, .sheet-htab input[type='radio']:checked ~ h1 { + color: #fff; } + +/***** SWITCH BETWEEN DIFFERENT TABS *****/ +/***** BOXES FOR DIFFERENT PC SECTIONS *****/ +.sheet-pc-box { + background-color: #e7e6e5; + margin-left: 1.5px; + margin-right: 1.5px; + padding-left: 5px; + padding-right: 5px; + height: auto; } + +.sheet-small-box { + min-height: 150px; } + +.sheet-medium-box { + min-height: 330px; } + +/***** CHARACTER PERSONAL DATA SECTION INPUTS *****/ +.sheet-pd-nam input[type='text'] { + width: 66%; } + +.sheet-pd-meta input[type='text'] { + width: 35.5%; } + +.sheet-pd-age input[type='text'] { + width: 13%; } + +.sheet-pd-rep input[type='number'] { + border: none; + width: 13.5%; } + +.sheet-pd-kar input[type='number'], +.sheet-pd-kar input[type='text'] { + border: none; + width: 20%; } + +/***** CORE COMBAT INFO *****/ +.sheet-core-combat button[type='roll'] { + font-size: 0.9em; + text-align: left; } +.sheet-core-combat h2, .sheet-core-combat h3 { + margin-right: 0px; } + +.sheet-flag-primary + div { + display: none; } +.sheet-flag-primary[value='primary'] + div { + display: inline; + margin-right: -5%; } + +/***** PRIMARY ARMOR *****/ +.sheet-armor-buttons { + display: inline-block; + font-size: 1.2em; + line-height: 20px; + margin-left: 1%; + width: 30%; } + .sheet-armor-buttons button[type='roll'] { + margin-right: -5px; } + .sheet-armor-buttons span { + font-size: 1em; } + +/***** PRIMARY WEAPON *****/ +.sheet-cc-row { + /** Ammo display */ } + .sheet-cc-row button[type='roll'] { + width: 40%; } + .sheet-cc-row button[type='action'] { + font-family: fontello; + width: 5%; } + .sheet-cc-row button[name*='primary_ammo'] { + width: 10%; } + .sheet-cc-row button[type='action'] > span { + display: inline; + margin-left: 0px; + /** The x# after ammo button **/ } + .sheet-cc-row button[type='action'] > span:before { + content: 'x'; } + .sheet-cc-row button[name*='shots'], .sheet-cc-row button[name='act_reload'], .sheet-cc-row button[name='act_primary_ammo'] { + border-bottom: 2px solid #666; + border-bottom-right-radius: 2px; + border-color: #aaa; + border-radius: 5px; + border-right: 3px solid #999; + border-style: outset; } + .sheet-cc-row button[name*='shots_remove'] { + transform: rotate(180deg); + -ms-transform: rotate(180deg); + /* IE 9 */ + -webkit-transform: rotate(180deg); + /* Safari 3-8 */ } + .sheet-cc-row button[type='roll'] > span, + .sheet-cc-row h3 + span { + display: inline-block; + margin-left: 1%; + text-align: center; + width: 8%; } + .sheet-cc-row span[name*='ammo'] { + width: 4%; } + .sheet-cc-row span[name*='ammo_max']:before { + content: '/'; } + .sheet-cc-row span[name*='fired'] { + font-size: 0.9em; } + +/***** ATTRIBUTE AND CONDITION MONITOR *****/ +/***** ATTRIBUTES BOX *****/ +.sheet-attr-box h3 { + color: #000; } + +.sheet-attr-col { + display: inline-block; + margin-top: 15px; + vertical-align: top; + width: 48%; } + .sheet-attr-col button[type='roll'] { + border-bottom: 1px solid #000; + border-radius: 0px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + margin-left: 0px; + padding-right: 2px; + text-align: right; + width: 30%; } + .sheet-attr-col button > span { + font-weight: bold; } + .sheet-attr-col input[type='number'] { + border-radius: 0px; + width: 23%; + font-weight: bold; } + .sheet-attr-col input[type='text'] { + width: 50%; } + .sheet-attr-col .sheet-totals { + padding: 0px 2px; } + .sheet-attr-col-left { + margin-left: -7%; } + .sheet-attr-col-right { + width: 50%; } + .sheet-attr-col-right button[type='roll'] { + margin-right: 0px; + width: 55%; } + .sheet-attr-col-right .sheet-attr-ini input[type='number'] { + width: 17%; } + .sheet-attr-col-right label { + border-bottom: 1px solid #000; + font-size: 0.9em; + height: 22px; + text-align: right; + width: 55%; } + .sheet-attr-col-right .sheet-attr-und { + width: 43%; } + +.sheet-settings-toggle:checked ~ .sheet-attr-col-right .sheet-attr-ini { + width: 70%; } + +.sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini { + width: 28%; } + +.sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings { + display: inline; } + +.sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings, +.sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-display { + display: none; } + +.sheet-attr-und { + border-bottom: 1px solid #000; + display: inline-block; + height: 22px; + margin-bottom: 4px; + vertical-align: top; + text-align: center; + width: 65%; } + .sheet-attr-und .sheet-display { + text-align: center; } + +.sheet-tiny-span { + font-size: 0.75em; } + +/***** ATTRIBUTE LIMITS *****/ +.sheet-attr-lim { + margin-top: 20px; } + .sheet-attr-lim div { + display: inline-block; + height: 22px; + text-align: center; + width: 10%; } + .sheet-attr-lim input[type='number'] { + width: 6%; } + .sheet-attr-lim label { + width: auto; } + .sheet-attr-lim span + span { + margin-right: 1%; } + .sheet-attr-lim .sheet-display { + width: 100%; } + +/***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/ +/***** ATTRIBUTE SETTINGS TOGGLE *****/ +.sheet-attr-box input.sheet-settings-toggle { + left: 98%; } + .sheet-attr-box input.sheet-settings-toggle + span { + font-size: 1em; + left: 94%; + top: 0px; + position: relative; } + +/***** CONDITION SETTINGS TOGGLE *****/ +.sheet-condition-box input[type='checkbox'] { + left: -1%; } + .sheet-condition-box input[type='checkbox'] + span { + left: -4%; + position: relative; } + +/***** CONDITION MONITOR SECTION *****/ +.sheet-con-track { + display: inline-block; + vertical-align: top; + width: 47%; + margin-top: 2%; + margin-bottom: 3%; } + .sheet-con-track button[type='action'] { + font-size: 1em; + font-weight: bold; + text-align: center; + padding: 1% 2%; + margin-left: 7%; + width: 100%; } + +/***** CONDITION MONITOR SETTINGS *****/ +.sheet-condition-box .sheet-display, +.sheet-condition-box .sheet-settings { + margin-top: -10px; } +.sheet-condition-box .sheet-settings { + /***** CONDITION MONITOR DISPLAY*****/ } + .sheet-condition-box .sheet-settings input { + border-bottom: 1px solid #000; + border-radius: 0px; + height: 22px; + margin-bottom: 5px; } + .sheet-condition-box .sheet-settings .sheet-con-footer { + margin-top: 0px; + text-indent: 10px; } + .sheet-condition-box .sheet-settings .sheet-con-footer .sheet-attr-und { + display: inline-block; + margin-bottom: -5px; + text-align: center; + width: 60%; } + +/***** CONDITION MONITOR SQUARES *****/ +.sheet-squares { + margin-left: 20%; + width: 70%; } + .sheet-squares div { + background-color: transparent; + border-right: none; + left: 85%; + margin-bottom: -20px; + position: relative; + top: -15px; } + .sheet-squares input[type='radio'], + .sheet-squares span { + height: 45px; + width: 33%; } + .sheet-squares input[type='radio'] { + clear: both; + left: 2px; + margin-right: -43px; + position: relative; + top: 6px; } + .sheet-squares span { + background-color: #9a9a9a; + border-radius: 0px; + border: 2px solid #610b0d; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + display: inline-block; + margin-bottom: -25px; + margin-right: -7px; } + +.sheet-squares input[type='radio']:checked ~ input[type='radio'] + span, +.sheet-con-track input[type='radio']:checked ~ .sheet-squares span, +.sheet-con-track input[type='hidden'][value='0'] ~ .sheet-squares span { + background-color: transparent; } + +/***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/ +.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19), +.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21), +.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24), +.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26), +.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28), +.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32), +.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34), +.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36), +.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38), +.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40), +.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42), +.sheet-hex-hider[value='8'] ~ div:nth-child(1n+19), +.sheet-hex-hider[value='9'] ~ div:nth-child(1n+24), +.sheet-hex-hider[value='10'] ~ div:nth-child(1n+24), +.sheet-hex-hider[value='11'] ~ div:nth-child(1n+24), +.sheet-hex-hider[value='12'] ~ div:nth-child(1n+30), +.sheet-hex-hider[value='13'] ~ div:nth-child(1n+30), +.sheet-hex-hider[value='14'] ~ div:nth-child(1n+30), +.sheet-hex-hider[value='15'] ~ div:nth-child(1n+38), +.sheet-hex-hider[value='16'] ~ div:nth-child(1n+38), +.sheet-hex-hider[value='17'] ~ div:nth-child(1n+38), +.sheet-hex-hider[value='18'] ~ div:nth-child(1n+48) { + display: none; } + +.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span, +.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span, +.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span, +.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span, +.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span, +.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span, +.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span, +.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span, +.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span, +.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span, +.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span { + opacity: 0; } + +/***** CONDITION MONITOR FOOTERS *****/ +.sheet-con-footer { + font-size: 0.8em; + margin-top: 10px; } + .sheet-con-footer label { + margin-right: 5px; + width: auto; } + .sheet-con-footer input[type='number'] { + border-bottom: 1px solid #000; + border-radius: 0px; + height: 22px; + margin-top: -5px; } + +/***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/ +.sheet-repeat-box { + /***** REPEATING SECTION *****/ + /***** REPEATING SECTION TOGGLES *****/ + /***** REPEATING BOX SECTION INPUTS *****/ + /***** REPEATING BOX DISPLAY *****/ + /***** REPEATING SECTION SELECTS *****/ } + .sheet-repeat-box .sheet-medium-box { + height: auto; + min-height: 200px; } + .sheet-repeat-box h3 { + color: #000; + margin-bottom: -3px; } + .sheet-repeat-box button.sheet-pictos, .sheet-repeat-box .sheet-cc-row button[name*='shots'], .sheet-cc-row .sheet-repeat-box button[name*='shots'], .sheet-repeat-box .sheet-cc-row button[name='act_reload'], .sheet-cc-row .sheet-repeat-box button[name='act_reload'], .sheet-repeat-box .sheet-cc-row button[name='act_primary_ammo'], .sheet-cc-row .sheet-repeat-box button[name='act_primary_ammo'], .sheet-repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .sheet-repeat-box button.repcontrol_edit:after, + .sheet-repeat-box .repcontrol button.repcontrol_add:after, + .repcontrol .sheet-repeat-box button.repcontrol_add:after, .sheet-repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .sheet-repeat-box button.repcontrol_del, + .sheet-repeat-box button.sheet-settings-button { + font-size: 1em; + position: absolute; + line-height: 1em; } + .sheet-repeat-box button.sheet-settings-button { + left: 96%; } + .sheet-repeat-box .repitem { + display: inline-flex; + border-bottom: 1px solid #000; + width: 100%; } + .sheet-repeat-box input.sheet-settings-toggle, + .sheet-repeat-box input.sheet-primary-flag + span { + position: absolute; + width: 13px; } + .sheet-repeat-box input.sheet-settings-toggle { + left: 98.5%; } + .sheet-repeat-box input.sheet-settings-toggle + span { + left: 98.5%; + top: -2px; + width: 2%; } + .sheet-repeat-box .sheet-settings input[type='text'] { + border-bottom: 1px solid #333; + border-radius: 0px; } + .sheet-repeat-box .sheet-settings input[type='text']:first-child { + text-align: left; } + .sheet-repeat-box .sheet-settings input[type='number'] { + border: none; + border-bottom: 1px solid #333; + border-radius: 0px; + width: 8%; } + .sheet-repeat-box .sheet-settings label { + font-size: 0.8em; + margin-bottom: 0px; } + .sheet-repeat-box button[type='roll'], + .sheet-repeat-box button[type='action'] { + font-size: 0.9em; + color: #000; } + .sheet-repeat-box select { + color: #000; + font-size: 0.8em; + font-weight: bolder; + height: 20px; + padding: 0px; + width: 14%; } + .sheet-repeat-box option { + padding: 2px; + font-weight: bold; } + +.sheet-rank { + display: inline-block; + text-align: center; + width: 10%; } + +/***** COLLAPSABLE DIVS *****/ +.sheet-collapsable { + padding-left: 1.5em; + width: 100%; + word-break: break-word; } + .sheet-collapsable span { + white-space: pre-line; } + .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle { + width: 100%; } + +/***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/ +.sheet-quality-box .sheet-display-flag, .sheet-contacts .sheet-display-flag, .sheet-item-box .sheet-display-flag, .sheet-spell-box .sheet-display-flag, .sheet-powers-box .sheet-display-flag, .sheet-program-box .sheet-display-flag, .sheet-aug-box .sheet-display-flag, .sheet-form-box .sheet-display-flag, .sheet-social-box .sheet-display-flag, .sheet-vehicle-box .sheet-display-flag { + opacity: 0; + position: absolute; + top: 0px; + width: 90%; + height: 100%; } + +.sheet-arms input.sheet-display-flag, +.sheet-arms input.sheet-display-flag + span, .sheet-spell-box input.sheet-display-flag, +.sheet-spell-box input.sheet-display-flag + span, .sheet-matrix input.sheet-display-flag, +.sheet-matrix input.sheet-display-flag + span { + height: 12px; + position: absolute; + top: 2px; + width: 12px; + left: 93%; } + +.sheet-arms input.sheet-display-flag { + top: 2px; } + +.sheet-arms input.sheet-display-flag + span { + top: -2px; } + +.sheet-spell-box input.sheet-display-flag { + top: 2px; } + +.sheet-spell-box input.sheet-display-flag + span { + top: -2px; } + +.sheet-matrix input.sheet-display-flag { + top: 2px; } + +.sheet-matrix input.sheet-display-flag + span { + top: -2px; } + +/***** DISPLAY ROWS *****/ +.sheet-display-row { + display: inline-block; + overflow: hidden; + text-align: center; + vertical-align: top; + word-break: break-word; } + .sheet-display-row:nth-of-type(1), .sheet-display-row:nth-of-type(1) button { + text-align: left; } + +/***** DISPLAY & SETTINGS *****/ +.sheet-skills-row, .sheet-quality-box .sheet-display, +.sheet-quality-box .sheet-settings div, .sheet-contacts .sheet-display, +.sheet-contacts .sheet-settings div, .sheet-item-box .sheet-display, +.sheet-item-box .sheet-settings div, +.sheet-lifestyle .sheet-settings div, +.sheet-magic-rituals .sheet-settings div, +.sheet-spell-box .sheet-display, +.sheet-aug-box .sheet-display, +.sheet-powers-box .sheet-display { + display: inline-block; + width: 100%; } + +/***** SKILLS *****/ +/***** SKILLS REPEATING SECTION *****/ +.sheet-skills-row, .sheet-quality-box .sheet-display, +.sheet-quality-box .sheet-settings div, .sheet-contacts .sheet-display, +.sheet-contacts .sheet-settings div, .sheet-item-box .sheet-display, +.sheet-item-box .sheet-settings div { + /***** SKILLS SETTINGS ROWS *****/ } + .sheet-skills-row select.sheet-skill-select, .sheet-quality-box .sheet-display select.sheet-skill-select, + .sheet-quality-box .sheet-settings div select.sheet-skill-select, .sheet-contacts .sheet-display select.sheet-skill-select, + .sheet-contacts .sheet-settings div select.sheet-skill-select, .sheet-item-box .sheet-display select.sheet-skill-select, + .sheet-item-box .sheet-settings div select.sheet-skill-select, + .sheet-skills-row .sheet-settings input[type='text'], + .sheet-quality-box .sheet-display .sheet-settings input[type='text'], + .sheet-quality-box .sheet-settings div .sheet-settings input[type='text'], + .sheet-contacts .sheet-display .sheet-settings input[type='text'], + .sheet-contacts .sheet-settings div .sheet-settings input[type='text'], + .sheet-item-box .sheet-display .sheet-settings input[type='text'], + .sheet-item-box .sheet-settings div .sheet-settings input[type='text'] { + width: 50%; } + .sheet-skills-row .sheet-settings input[type='text'], .sheet-quality-box .sheet-display .sheet-settings input[type='text'], + .sheet-quality-box .sheet-settings div .sheet-settings input[type='text'], .sheet-contacts .sheet-display .sheet-settings input[type='text'], + .sheet-contacts .sheet-settings div .sheet-settings input[type='text'], .sheet-item-box .sheet-display .sheet-settings input[type='text'], + .sheet-item-box .sheet-settings div .sheet-settings input[type='text'] { + text-align: left; } + .sheet-skills-row .sheet-settings input[type='number'], .sheet-quality-box .sheet-display .sheet-settings input[type='number'], + .sheet-quality-box .sheet-settings div .sheet-settings input[type='number'], .sheet-contacts .sheet-display .sheet-settings input[type='number'], + .sheet-contacts .sheet-settings div .sheet-settings input[type='number'], .sheet-item-box .sheet-display .sheet-settings input[type='number'], + .sheet-item-box .sheet-settings div .sheet-settings input[type='number'] { + margin-left: 3px; + margin-right: 5px; + margin-bottom: 2px; } + .sheet-skills-row label, .sheet-quality-box .sheet-display label, + .sheet-quality-box .sheet-settings div label, .sheet-contacts .sheet-display label, + .sheet-contacts .sheet-settings div label, .sheet-item-box .sheet-display label, + .sheet-item-box .sheet-settings div label { + font-size: 0.8em; + font-weight: 700; + margin-bottom: -3px; } + .sheet-skills-row .sheet-settings-row div, .sheet-quality-box .sheet-display .sheet-settings-row div, + .sheet-quality-box .sheet-settings div .sheet-settings-row div, .sheet-contacts .sheet-display .sheet-settings-row div, + .sheet-contacts .sheet-settings div .sheet-settings-row div, .sheet-item-box .sheet-display .sheet-settings-row div, + .sheet-item-box .sheet-settings div .sheet-settings-row div { + width: 70%; } + .sheet-skills-row .sheet-settings-row input[type='text'], .sheet-quality-box .sheet-display .sheet-settings-row input[type='text'], + .sheet-quality-box .sheet-settings div .sheet-settings-row input[type='text'], .sheet-contacts .sheet-display .sheet-settings-row input[type='text'], + .sheet-contacts .sheet-settings div .sheet-settings-row input[type='text'], .sheet-item-box .sheet-display .sheet-settings-row input[type='text'], + .sheet-item-box .sheet-settings div .sheet-settings-row input[type='text'] { + width: 45%; } + +option.sheet-option-headers { + opacity: 0.2; } + +option.sheet-option-groups { + font-size: 1em; + font-style: italic; } + +input.sheet-skill-select[type='checkbox'] { + opacity: 1; + width: 3%; } + +/***** ARMS *****/ +.sheet-arms .sheet-htab { + margin-right: -40px; } + .sheet-arms .sheet-htab:first-child { + margin-left: -35px; } +.sheet-arms .sheet-display { + margin-left: -1%; } + .sheet-arms .sheet-display .sheet-display-row { + text-align: center; + width: 8%; } + .sheet-arms .sheet-display .sheet-display-row:first-child { + text-align: left; + width: 36%; } + .sheet-arms .sheet-display .sheet-display-row:nth-of-type(2) { + width: 12%; } +.sheet-arms input[type='text'] { + text-align: center; + width: 8%; } + .sheet-arms input[type='text']:first-child { + text-align: left; + width: 36%; } +.sheet-arms h3 { + text-align: center; + width: 8%; } + .sheet-arms h3:first-child { + text-align: left; + margin-right: 2%; } + .sheet-arms h3[data-i18n='weapon'] { + width: 34%; } + .sheet-arms h3[data-i18n='armor'] { + width: 38%; } + +/***** WEAPONS *****/ +.sheet-pc .sheet-weapon-range, +.sheet-pc .sheet-weapon-melee { + display: none; + width: 100%; } + +.sheet-tab-switch[value='range'] ~ .sheet-weapon-range, +.sheet-tab-switch[value='melee'] ~ .sheet-weapon-melee { + display: inline-block; } + +/***** WEAPON SETTINGS *****/ +.sheet-weapon-box select { + width: 10%; } + +.sheet-weapon-box .sheet-settings-row { + margin-top: 5px; } + +.sheet-weapon-range h3 { + margin-right: 3px; } + +.sheet-weapon-melee h3 { + margin-right: 10px; } + .sheet-weapon-melee h3:first-child { + width: 40%; } +.sheet-weapon-melee input[type='text']:first-child { + width: 40%; } +.sheet-weapon-melee input, +.sheet-weapon-melee .sheet-display-row { + margin-right: 5px; } + +.sheet-weapon-range h3:nth-child(2), +.sheet-weapon-range h3:nth-child(5) { + width: 11%; } + +.sheet-weapon-box label + input[type='text'] { + width: 27%; } + +.sheet-exotic-warning { + display: none; + font-size: 0.8em; } + .sheet-skill-select[value='0'] ~ .sheet-exotic-warning { + display: inline; } + +/***** ARMOR *****/ +.sheet-armor-box { + /***** ARMOR SETTINGS *****/ + /***** ARMOR DISPLAY *****/ } + .sheet-armor-box h3 { + margin-right: 5.5px; } + .sheet-armor-box .sheet-settings input[name='attr_name'] { + width: 40%; } + .sheet-armor-box .sheet-display .sheet-display-row { + margin-right: 3px; } + .sheet-armor-box .sheet-display .sheet-display-row:nth-of-type(7) { + margin-right: 0px; } + +/***** QUALITIES *****/ +.sheet-quality-box { + /***** QUALITIES & MARTIAL ARTS TABS *****/ } + .sheet-quality-box h3:first-child { + margin-right: 67%; + width: 15%; } + .sheet-quality-box .sheet-htab input[type='radio'] { + margin-right: -100px; + width: 100px; } + .sheet-quality-box .sheet-header:nth-of-type(2) .sheet-htab input[type='radio'] { + margin-right: -150px; + width: 150px; } + +/***** QUALITIES SETTINGS *****/ +.sheet-quality button[type='roll'] { + left: 90%; } +.sheet-quality .sheet-settings input[type='text'] { + width: 82%; } +.sheet-quality .sheet-settings select { + width: 8%; } +.sheet-quality .sheet-display-row:nth-of-type(1) { + width: 80%; } +.sheet-quality .sheet-display-row:nth-of-type(2) { + width: 8%; } + +/***** MARTIAL ARTS *****/ +.sheet-martial h3:first-child { + margin-right: 39%; } +.sheet-martial input[type='text'], +.sheet-martial .sheet-display-row { + width: 54%; } +.sheet-martial input[type='text']:nth-of-type(2), +.sheet-martial .sheet-display-row:nth-of-type(2) { + text-align: left; + width: 43%; } + +/***** LIFESTYLES *****/ +.sheet-lifestyle { + /***** LIFESTYLE SETTINGS *****/ + /***** LIFESTYLE DISPLAY *****/ } + .sheet-lifestyle h3:nth-of-type(2) { + margin-right: 1%; } + .sheet-lifestyle input[type='text'] { + background-color: transparent; } + .sheet-lifestyle input[type='text']:hover, .sheet-lifestyle input[type='text']:focus { + background-color: #d2d1cd; } + .sheet-lifestyle textarea { + min-height: 30px; + margin: 0px 0px 0px 0px; } + .sheet-lifestyle .sheet-display-flag:checked ~ span:nth-of-type(1), + .sheet-lifestyle .sheet-display-flag ~ span:nth-of-type(1n+2) { + display: none; } + .sheet-lifestyle .sheet-display-flag:checked ~ span:nth-of-type(1n+2) { + display: inherit; } + +/***** CONTACTS *****/ +.sheet-contacts h3:nth-of-type(1) { + margin-right: 50%; } + +.sheet-contacts h3:nth-of-type(2), +.sheet-contacts h3:nth-of-type(3) { + margin-right: 2%; } + +/***** CONTACTS SETTINGS *****/ +.sheet-contacts input[type='text']:nth-of-type(1) { + margin-right: 5px; + width: 58%; } + +.sheet-contacts input[type='number'] { + margin-right: 4%; } + +.sheet-contacts input[type='text']:nth-of-type(4) { + margin-left: -1px; + width: 22%; } + +/***** CONTACTS DISPLAY *****/ +.sheet-contacts .sheet-display-row { + width: 14%; } + +.sheet-contacts .sheet-display-row:nth-of-type(1) { + margin-right: 2%; + width: 53%; } + +/***** GEAR *****/ +.sheet-item-box h3:first-child { + margin-right: 80%; } + +/***** GEAR SETTINGS *****/ +.sheet-item-box input[type='text'] { + width: 85%; } + +/***** GEAR DISPLAY *****/ +.sheet-item-box .sheet-display-row, +.sheet-aug-box .sheet-settings input[type='number'] { + width: 10%; } + +.sheet-aug-box .sheet-display-row, +.sheet-aug-box .sheet-display-row:nth-of-type(1), +.sheet-item-box .sheet-display-row:nth-of-type(1) { + margin-right: 2%; } + +.sheet-item-box .sheet-display-row:nth-of-type(1) { + width: 82%; } + +/***** AUGMENTATIONS (AUGS) *****/ +.sheet-aug-box h3:nth-of-type(1) { + margin-right: 55%; } + +.sheet-aug-box h3:nth-of-type(2) { + margin-right: 3%; } + +/***** AUGMENTATIONS SETTINGS *****/ +.sheet-aug-box .sheet-settings input[type='text'], +.sheet-aug-box .sheet-display-row:nth-of-type(1) { + width: 75%; } + +.sheet-aug-box .sheet-settings input[type='number'] { + margin-right: 1%; } + +/***** AUGMENTATIONS DIPLAY *****/ +.sheet-aug-box .sheet-display-flag { + top: 1px; } + +.sheet-aug-box .sheet-display-row { + text-align: center; + width: 8%; } + +.sheet-aug-box .sheet-display-row:nth-of-type(1) { + text-align: left; } + +/***** MAGIC & POWERS *****/ +.sheet-magic .sheet-htab { + margin-right: -45px; } + +.sheet-magic .sheet-htab:first-child { + margin-left: -45px; } + +div.sheet-spell-box h3[data-i18n="modifier"] { + width: 12%; } + +.sheet-spell-box h3, +.sheet-spell-box .sheet-display .sheet-display-row, +.sheet-powers-box h3, +.sheet-powers-box .sheet-settings input[type='text'], +.sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { + margin-right: 1%; } + +.sheet-spell-box h3 { + width: 13%; } + +.sheet-powers-box h3, +.sheet-powers-box input[type='number'], +.sheet-spell-box h3:nth-of-type(5), +.sheet-powers-box h3:nth-of-type(3), +.sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { + width: 8%; } + +.sheet-spell-box h3:nth-of-type(1), +.sheet-spell-box input[type='text'] { + width: 40%; } + +.sheet-spell-box h3:nth-of-type(5), +.sheet-powers-box h3:nth-of-type(3), +.sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { + margin-right: 0px; } + +.sheet-powers-box h3:nth-of-type(1), +.sheet-powers-box .sheet-settings input[type='text'], +.sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { + width: 85%; } + +/***** MAGIC & POWERS SETTINGS *****/ +.sheet-powers-box .sheet-settings { + width: 100%; } + +/***** RITUAL SETTINGS *****/ +.sheet-magic-rituals input[type='text'] { + width: 95%; } + +.sheet-magic-rituals .sheet-settings select { + width: 32%; } + +/***** MAGIC DISPLAY *****/ +.sheet-spell-box .sheet-display .sheet-display-row { + text-align: left; + width: 14%; } + +.sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(1) { + width: 39%; } + +.sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(3) { + width: 13%; } + +.sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(4) { + width: 16%; } + +.sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(5) { + width: 6%; } + +.sheet-combat-type-hide { + display: none; } + +.sheet-combat-type[value*='Direct'] + span:after, +.sheet-combat-type[value*='Indirect'] + span:after { + display: inline; } + +.sheet-combat-type[value*='Direct'] + span:after { + content: '(Direct)'; } + +.sheet-combat-type[value*='Indirect'] + span:after { + content: '(Indirect)'; } + +/***** RITUAL DISPLAY *****/ +.sheet-magic-rituals .sheet-display .sheet-display-row { + width: 99%; } + +/***** MATRIX *****/ +.sheet-matrix select.sheet-skill-select { + width: 26.5%; } +.sheet-matrix input[name="attr_flag"] + span { + position: absolute; } +.sheet-matrix .sheet-con-hex { + margin-bottom: -10px; + margin-right: 0px; + margin-top: 5px; + position: unset; + width: 100%; } + .sheet-matrix .sheet-con-hex input[type='radio']:first-child { + margin-right: -25%; + margin-top: 2%; + width: 25%; } + .sheet-matrix .sheet-con-hex input[type='radio']:hover ~ h2 { + color: #fff; + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; } + .sheet-matrix .sheet-con-hex h2 { + vertical-align: top; } + +/***** CYBERDECK *****/ +.sheet-cyberdeck button { + font-weight: bold; } + .sheet-cyberdeck button input[name="attr_flag"] { + position: absolute; } + .sheet-cyberdeck button input[name="attr_flag"] + span { + position: absolute; } + +.sheet-cyberdeck h3 { + line-height: 20px; } + +.sheet-cyberdeck h3:nth-of-type(2) { + margin-left: 5%; } + +.sheet-cyberdeck h3:nth-of-type(3) { + margin-left: 1%; } + +.sheet-cyberdeck h3:nth-of-type(4) { + margin-left: 0%; + margin-right: 15%; } + +.sheet-cyberdeck .sheet-row-long h3:first-child { + margin-left: 15%; } + +.sheet-cyberdeck input[type='number'] { + border: none; + border-bottom: 1px solid #333; + border-radius: 0px; + height: 20px; + width: 25px; } + +.sheet-cyberdeck .sheet-row-long:nth-of-type(1) input[type='text'] { + width: 90%; } + +.sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label { + padding-bottom: 5px; + padding-right: 0px; + width: 15%; } + +.sheet-cyberdeck .sheet-row-long span { + margin-left: 1%; + margin-right: 1%; } + +/**** MATRIX BUBBLES ****/ +.sheet-pc .sheet-device-attr { + display: inline; } + .sheet-pc .sheet-device-attr span { + position: relative; } + +.sheet-matrix-tot { + display: inline-block; + height: 20px; + width: 20px; } + +.sheet-matrix-bubble { + display: inline; + margin-left: 15px; + background-color: #222; } + +.sheet-matrix-bubble span:nth-of-type(6), +.sheet-matrix-bubble input[type='radio']:nth-of-type(5n+6) { + margin-left: 2%; } + +.sheet-matrix-bubble input[type='radio'] { + height: 15px; + left: -8px; + width: 15px; } + +.sheet-matrix-bubble input[type='radio'] + span { + border-radius: 3px; + display: inline-block; + height: 18px; + margin-left: -25px; + top: 4px; + width: 18px; } + +.sheet-matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { + height: 14px; + margin-bottom: 3px; + opacity: 0.5; } + +.sheet-matrixAttack span { + border: 2px solid #3a0000; + background-color: #cc0701; + -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000; + -moz-box-shadow: inset 0px 1px 5px 2px #3a0000; + box-shadow: inset 0px 1px 5px 2px #3a0000; } + +.sheet-matrixSleaze span { + border: 2px solid #000e3b; + background-color: #007bfc; + -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b; + -moz-box-shadow: inset 0px 1px 5px 2px #000e3b; + box-shadow: inset 0px 1px 5px 2px #000e3b; } + +.sheet-matrixData span { + border: 2px solid #074202; + background-color: #88dd04; + -webkit-box-shadow: inset 0px 1px 5px 2px #074202; + -moz-box-shadow: inset 0px 1px 5px 2px #074202; + box-shadow: inset 0px 1px 5px 2px #074202; } + +.sheet-matrixFirewall span { + border: 2px solid #470101; + background-color: #f88703; + -webkit-box-shadow: inset 0px 1px 5px 2px #470101; + -moz-box-shadow: inset 0px 1px 5px 2px #470101; + box-shadow: inset 0px 1px 5px 2px #470101; } + +/***** MATRIX PROGRAMS *****/ +.sheet-program-box { + /***** MATRIX PROGRAM SETTINGS *****/ } + .sheet-program-box .sheet-repeating-indent { + padding-left: 0em; + text-indent: -1em; } + .sheet-program-box input.sheet-program-toggle { + left: 5px; + top: 2px; + width: 15px; } + .sheet-program-box span.sheet-program-toggle { + left: 5px; + top: -3px; } + .sheet-program-box .sheet-settings div { + display: inline-block; + width: 100%; } + .sheet-program-box input[type='text'] { + border-radius: 0px; + border-bottom: 1px solid #000; + width: 98%; } + +/***** MATRIX PROGRAM DISPLAY *****/ +.sheet-matrix-box .sheet-display { + display: inline-block; } + +.sheet-program-box .sheet-repeat-box .sheet-display { + margin-left: 0px; } + +.sheet-program-box .sheet-display-row { + margin-left: 25px; + width: 95%; } + +.sheet-program-box .sheet-program-toggle { + position: absolute !important; } + +.sheet-program-box .sheet-program-toggle:checked span, +.sheet-program-box .sheet-program-toggle:checked ~ .sheet-display-row, +.sheet-program-box .sheet-program-toggle:checked ~ .sheet-collapsable { + opacity: 0.3; } + +.sheet-program-box input.sheet-display-flag { + left: 5%; + width: 90%; } + +.sheet-program-box .sheet-collapsable { + padding-left: 0em; } + +/***** COMPLEX FORMS *****/ +.sheet-form-box h3 { + margin-right: 1%; + width: 16%; } + .sheet-form-box h3:nth-of-type(1) { + width: 48%; } + .sheet-form-box h3:nth-of-type(5) { + margin-right: 0px; + width: 7%; } + .sheet-form-box h3:nth-of-type(4) { + width: 10%; } + .sheet-form-box h3[data-i18n="modifier"] { + width: 12%; } +.sheet-form-box input[type='text'] { + width: 50%; } +.sheet-form-box .sheet-settings div { + width: 100%; } +.sheet-form-box select { + margin-right: 1%; + width: 17%; } +.sheet-form-box .sheet-display { + display: inline-block; } + .sheet-form-box .sheet-display .sheet-display-row { + margin-right: 1%; + text-align: left; + width: 16%; } + .sheet-form-box .sheet-display .sheet-display-row:nth-of-type(1) { + width: 48%; } + .sheet-form-box .sheet-display .sheet-display-row:nth-of-type(4) { + width: 10%; } + .sheet-form-box .sheet-display .sheet-display-row:nth-of-type(5) { + width: 7%; } + +/***** VEHICLE *****/ +.sheet-vehicle-box .sheet-settings div, +.sheet-vehicle-box .sheet-display { + display: inline-block; + width: 100%; } + +.sheet-vehicle-box input[type='text'] { + width: 44%; } + +.sheet-vehicle-box label { + width: 20%; } + +.sheet-vehicle-box .sheet-row-long:first-child label { + width: 12%; } + +.sheet-vehicle-box label:nth-child(1n+4) { + text-align: right; + width: 21%; } + +/***** VEHICLE SETTING *****/ +.sheet-vehicle-box .sheet-settings h3 { + margin-right: 2%; } + +.sheet-vehicle-box .sheet-settings h3:nth-child(1) { + margin-left: 18%; + margin-top: -5px; } + +.sheet-vehicle-box .sheet-settings h3:nth-child(4) { + margin-left: 22%; } + +.sheet-vehicle-box .sheet-settings h3:nth-child(6) { + margin-right: 0px; } + +.sheet-vehicle-box .sheet-settings input[type='text'], +.sheet-vehicle-box .sheet-settings input[type='number'] { + border: none; } + +/***** VEHICLE DISPLAY *****/ +.sheet-vehicle-box .sheet-display-row { + text-align: left; + width: 49%; } + +.sheet-vehicle-box .sheet-display-row h3 { + width: 35%; } + +.sheet-vehicle-box .sheet-display-row div { + display: inline-block; + font-weight: normal; + text-align: center; } + +.sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat { + width: 60%; } + +.sheet-vehicle-box .sheet-collapsable { + padding-left: 0.2em; } + +/***** Options Section *****/ +.sheet-options .sheet-pc-box { + min-height: 800px; } + +.sheet-op-col { + display: inline-block; + vertical-align: top; + width: 48%; } + +.sheet-op-col { + margin-bottom: 5px; } + +.sheet-op-col h2 { + text-decoration: underline; + width: 100%; } + +.sheet-op-col button[name='act_import_launch'] { + border: 2px solid black; + background: #333; + color: white; + font-weight: bold; + width: auto; + height: auto; + padding: 2% 4%; } + +.sheet-op-col p { + margin-top: 2%; + margin-right: 5%; } + +.sheet-op-col hr { + border: 0.5px solid #1c1c1c; + margin: 3px 0px; + opacity: 0.1; } + +.sheet-op-col label { + margin-bottom: 2%; + width: 55%; } + +.sheet-options input[type='checkbox'] { + height: 15px; + margin-left: 5%; + opacity: 1; + width: 15px; } + +/***** EDGE & MATRIX CONDITION HEXAGONS *****/ +.sheet-edg-hex, +.sheet-con-hex { + position: relative; + top: -60px; } + .sheet-edg-hex .sheet-edg-hex input[type='checkbox'], + .sheet-edg-hex .sheet-con-hex input[type='radio'], + .sheet-con-hex .sheet-edg-hex input[type='checkbox'], + .sheet-con-hex .sheet-con-hex input[type='radio'] { + height: 20px; + margin-right: -21px; + top: -9px; + width: 20px; } + +.sheet-edg-hex input[type='checkbox'], +.sheet-con-hex input[type='radio'] { + height: 20px; + margin-right: -21px; + top: -9px; + width: 20px; + opacity: 0; + z-index: 2; + position: relative; } + +.sheet-hexagon { + display: inline-block; + margin: 5.77px 0; + position: relative; + background-color: #222; + height: 11.55px; + width: 20px; } + +.sheet-hexagon:before, +.sheet-hexagon:after { + border-left: 10px solid transparent; + border-right: 10px solid transparent; + content: ''; + position: absolute; + width: 0; } + +.sheet-hexagon:before { + bottom: 100%; + border-bottom: 5.77px solid #222; } + +.sheet-hexagon:after { + top: 100%; + width: 0; + border-top: 5.77px solid #222; } + +.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon, +.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon, +.sheet-edge-zero[value='0'] ~ .sheet-hexagon { + background-color: #9a9a9a; } + +.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:before, +.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before, +.sheet-edge-zero[value='0'] ~ .sheet-hexagon:before { + border-bottom-color: #9a9a9a; } + +.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:after, +.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after, +.sheet-edge-zero[value='0'] ~ .sheet-hexagon:after { + border-top-color: #9a9a9a; } + +.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon, +.sheet-con-hex input[type='radio'] + .sheet-hexagon, +.sheet-con-hex input[type='radio']:checked + .sheet-hexagon { + background-color: #222; } + +.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:before, +.sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before { + border-bottom-color: #222; } + +.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:after, +.sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after { + border-top-color: #222; } + +/***** MAKE HEXES APPEAR & DISAPPEAR *****/ +.sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5), +.sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span, +.sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7), +.sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span, +.sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9), +.sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span, +.sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11), +.sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span, +.sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13), +.sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span, +.sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15), +.sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span, +.sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17), +.sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { + display: none; } + +.sheet-settings .sheet-textrow label { + margin-bottom: 36px; } + +.sheet-augmentation div.sheet-display { + text-indent: 125px; } + +.sheet-power div.sheet-display { + text-indent: 65px; } + +/*:+:+:+: REPEATING SECTIONS :+:+:+:*/ +.sheet-repeating, +.sheet-repeat-section { + display: inline-block; + width: 100%; } + +.sheet-repeating button.sheet-display { + text-align: left; } + +.sheet-repeating input[type='checkbox'], +.sheet-repeating input[type='checkbox'] + span { + position: absolute; } + +.sheet-repeating input[type='checkbox'] { + width: 15px; + height: 15px; } + +.sheet-repeating label { + padding: 0px; } + +.sheet-repeating .sheet-settings { + border-bottom: 1px dotted #FCD116; } + +.sheet-repeat-indent { + padding-left: 2.5em; + text-indent: -1.5em; } + +.sheet-repeating .sheet-display { + display: inline-flex; } + +.sheet-repeat-section input { + height: 27px; + background-color: transparent; + border-bottom: 1px solid #fff; + border-radius: 0px; } + +.sheet-magic .sheet-repeat-section input[type='number'], +.sheet-magic .sheet-repeat-section input[type='text'], +.sheet-resonance .sheet-repeat-section input[type='number'], +.sheet-resonance .sheet-repeat-section input[type='text'] { + width: 100%; } + +.sheet-repeat-row { + display: inherit; + width: 5%; } + +.sheet-repeat-row-8 { + width: 8%; } + +.sheet-repeat-row-11 { + width: 11%; } + +.sheet-repeat-row-12 { + width: 12%; } + +.sheet-repeat-row-15 { + width: 15%; } + +.sheet-repeat-row-20 { + width: 20%; } + +.sheet-repeat-row span { + font-size: 0.8em; } + +.sheet-repeat-dice { + font-size: 12px; } + +/*:+:+:+: NPC WEAPONS :+:+:+:*/ +.sheet-repeat-row.sheet-weapon-range, +.sheet-repeat-row.sheet-weapon-melee { + display: none; } + +input.sheet-range-toggle, +input.sheet-melee-toggle { + left: 28px; + margin-left: -32px; + position: relative; } + +input.sheet-melee-toggle:checked ~ div.sheet-weapon-melee, +input.sheet-range-toggle:checked ~ div.sheet-weapon-range { + display: inherit; } + +input.sheet-melee-toggle + span { + margin-right: 0px !important; } + +.sheet-weapon-note { + display: inherit; + margin-top: 3px; + width: 100%; } + +/*:+:+:+: NPC SPELLS :+:+:+:*/ +input.sheet-spell-toggle { + margin: 0px -38px 0px 5px; } + +.sheet-magic .sheet-repeating select { + width: 100%; } + +/*:+:+:+: NPC MATRIX :+:+:+:*/ +input.sheet-program-toggle { + left: 15px; + top: 5px; } + +.sheet-host input.sheet-program-toggle { + left: 5px; + top: 2px; } + +span.sheet-program-toggle { + font-size: 15px !important; + left: 24px; + top: 2px; } + +.sheet-program-toggle[value='0'] + div.sheet-repeat-indent { + opacity: 0.3; } + +/*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/ +.sheet-optional-flag:not([value='0']) + .sheet-textboxes { + display: inherit; + width: 100%; } + +.sheet-category[value='Combat'] + div, +.sheet-category[value='Combat'] + div + div, +.sheet-character-type[value='matrix'] + .sheet-matrix { + display: inherit; } + +.sheet-category[value='Combat'] ~ .sheet-combat-type-hide { + display: inline; } + +.sheet-character-type[value='magic'] + .sheet-magic-skill, +.sheet-character-type[value='magic'] + .sheet-magic-skill + .sheet-magic-skill, +.sheet-character-type[value='resonance'] + .sheet-resonance-skill { + opacity: 1; } + +.sheet-character-type[value='magic'] ~ .sheet-magic, +.sheet-character-type[value='magic'] ~ .sheet-magic + .sheet-magic, +.sheet-character-type[value='resonance'] ~ .sheet-resonance, +.sheet-character-type[value='resonance'] ~ .sheet-resonance + .sheet-resonance { + display: inline-block; + width: 100%; } + +span.sheet-pictosC { + font-family: 'Pictos Custom'; } + +span.sheet-pictos3 { + font-family: 'Pictos Three'; } + +span.sheet-d6 { + font-family: 'dicefontd6'; } + +/******************************************************************************************/ +/**************************** START OF THE NPC SHEET *************************************/ +/****************************************************************************************/ +.sheet-npc { + background-color: #040404; + border-radius: 3px; + color: #fff; + margin-top: -20px; + min-height: 800px; + padding: 10px 10px; + width: 720px; + /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ + /*:+:+:+: NPC ATTRIBUTES :+:+:+:*/ + /*:+:+:+: NPC BODY :+:+:+:*/ + /*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/ + /*:+:+:+: NPC MATRIX :+:+:+:*/ } + .sheet-npc button { + background: #333; + color: #fff; } + .sheet-npc button:hover, .sheet-npc button:focus { + border-color: #610b0d; + color: #FCD116; + font-weight: bold; } + .sheet-npc h1, .sheet-npc h2, .sheet-npc h3, .sheet-npc h4, .sheet-npc label { + color: #fff; } + .sheet-npc h1 { + line-height: unset; + font-size: 1.1em; } + .sheet-npc h2 { + font-size: 1em; + text-transform: capitalize; } + .sheet-npc h3 { + font-size: 0.85em; } + .sheet-npc input[type='radio'] { + opacity: 1; } + .sheet-npc input[type='text']:placeholder-shown, .sheet-npc input[type='number']:placeholder-shown { + border: 1px dotted #FCD116; } + .sheet-npc input.sheet-toggle:checked + span { + color: #FCD116; } + .sheet-npc textarea, .sheet-npc select { + color: #fff; + background-color: #555; } + .sheet-npc div.sheet-tabs { + grid-template-columns: 2.5em 1fr 4em 1fr 4em 1fr 4em 1fr 4em; + grid-row-gap: 10%; } + .sheet-npc div.sheet-tabs button[type='roll'] { + grid-area: 2 / 1 / 2 / 2; } + .sheet-npc div.sheet-tabs img { + grid-area: 1 / 1 / 2 / 4; + height: 100%; + width: 100%; } + .sheet-npc div.sheet-tabs .sheet-switch input[type='checkbox'] + span { + position: absolute; } + .sheet-npc div.sheet-tabs h2, .sheet-npc div.sheet-tabs label { + grid-row: 2; } + .sheet-npc div.sheet-tabs select { + grid-column: 8 / 8; } + .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'], + .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.sheet-pictos, + .sheet-npc div.sheet-tabs .sheet-settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span, + .sheet-settings-toggle .sheet-npc div.sheet-tabs input[type='checkbox'][name='attr_stats_toggle'] + span, + .sheet-npc div.sheet-tabs .sheet-flag-primary + div > input[name='attr_stats_toggle'] + span, + .sheet-npc div.sheet-tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_edit:after, + .repcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_edit:after, + .sheet-npc div.sheet-tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_add:after, + .repcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after, + .sheet-npc div.sheet-tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del, + .itemcontrol .sheet-npc div.sheet-tabs input[name='attr_stats_toggle'] + span.repcontrol_del { + grid-area: 1 / 9 / 1 / 9; + position: relative; + width: 100%; + height: 100%; } + .sheet-npc div.sheet-tabs input[name='attr_stats_toggle']:checked + span { + color: #FCD116; } + .sheet-npc div.sheet-tabs span.sheet-pictos, .sheet-npc div.sheet-tabs .sheet-settings-toggle input[type='checkbox'] + span, .sheet-settings-toggle .sheet-npc div.sheet-tabs input[type='checkbox'] + span, .sheet-npc div.sheet-tabs .sheet-flag-primary + div > span, .sheet-npc div.sheet-tabs .repcontrol span.repcontrol_edit:after, .repcontrol .sheet-npc div.sheet-tabs span.repcontrol_edit:after, + .sheet-npc div.sheet-tabs .repcontrol span.repcontrol_add:after, + .repcontrol .sheet-npc div.sheet-tabs span.repcontrol_add:after, .sheet-npc div.sheet-tabs .itemcontrol span.repcontrol_del, .itemcontrol .sheet-npc div.sheet-tabs span.repcontrol_del { + text-align: center; + font-size: 1.2em; } + .sheet-npc div.sheet-rows { + margin-bottom: 1%; + width: 100%; } + .sheet-npc div.sheet-rows button { + font-size: 1.1em; + text-align: left; } + .sheet-npc div.sheet-rows h2 { + display: inline; + font-size: 1.1em; + line-height: unset; + font-weight: normal; } + .sheet-npc div.sheet-rows h3 { + display: inline; } + .sheet-npc div.sheet-rows input[type='number'] { + width: 3em; } + .sheet-npc div.sheet-rows span.sheet-tiny-span { + margin: 0px 1%; } + .sheet-npc div.sheet-repeating button { + margin: 0px; } + .sheet-npc div.sheet-repeating h1 { + display: inline; } + .sheet-npc div.sheet-repeating h2 { + font-variant: small-caps; + text-align: center; + text-decoration: underline; } + .sheet-npc div.sheet-repeating input[type='number'], .sheet-npc div.sheet-repeating input[type='text'] { + width: 100%; } + .sheet-npc div.sheet-repeating div.repitem:hover > input[name='attr_flag'] + span, .sheet-npc div.sheet-repeating div.repitem:hover > input[name='attr_program_on'] + span { + opacity: 1; } + .sheet-npc div.sheet-repeating div.repitem div.sheet-settings { + min-width: 700px; } + .sheet-npc div.sheet-repeating div.sheet-settings select, .sheet-npc div.sheet-repeating div.sheet-settings label, .sheet-npc div.sheet-repeating div.sheet-settings span { + grid-row: 2; } + .sheet-npc div.sheet-repeating div.sheet-settings label[data-i18n-title='notes'] { + grid-row: 3; } + .sheet-npc div.sheet-repeating div.sheet-settings label[data-i18n-title='notes'] input[type='text'] { + text-align: left; } + .sheet-npc div.sheet-attribute { + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + grid-row-gap: 5%; + margin: 2% 0px; + padding: 1% 1% 3% 1%; + width: 100%; } + .sheet-npc div.sheet-attribute input[type='number'] { + text-align: center; + width: 100%; } + .sheet-npc div.sheet-attribute label { + text-align: center; } + .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] input[type='number'] { + width: 65%; } + .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:before { + content: '('; } + .sheet-npc div.sheet-attribute label[data-i18n-title='modifier']:after { + content: ')'; } + .sheet-npc div.sheet-attribute h1 { + font-weight: normal; + grid-row: 1; + text-align: center; } + .sheet-npc div.sheet-attribute button { + grid-row: 1; + text-transform: capitalize; } + .sheet-npc div.sheet-attribute span { + font-size: 1.25em; + grid-row: 2; + text-align: center; } + .sheet-npc div.sheet-attribute span + label { + grid-row: 3; } + .sheet-npc div.sheet-attribute label[data-i18n-title='modifier'] { + grid-row: 4; } + .sheet-npc div.sheet-mid { + grid-template-columns: 52% 30% 1fr; + width: 100%; } + .sheet-npc div.sheet-mid div.sheet-column { + width: 100%; } + .sheet-npc div.sheet-mid span[name='attr_physical_limit']:after, + .sheet-npc div.sheet-mid span[name='attr_mental_limit']:after { + content: ','; } + .sheet-npc div.sheet-end { + /*:+:+:+: TEXT AREAS :+:+:+:*/ + /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ + /*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/ + /*:+:+:+: WEAPONS :+:+:+:*/ + /*:+:+:+: SPELLS :+:+:+:*/ + /*:+:+:+: COMPLEX FORMS :+:+:+:*/ + /*:+:+:+: IC :+:+:+:*/ } + .sheet-npc div.sheet-end div.sheet-rows, .sheet-npc div.sheet-end div.sheet-textrow { + width: 100%; } + .sheet-npc div.sheet-end div.sheet-textrow { + grid-column: 1 / 4; } + .sheet-npc div.sheet-end div.sheet-textrow h1 { + display: inline; + line-height: unset; + margin-right: 1%; } + .sheet-npc div.sheet-end div.sheet-textrow label { + width: 100%; } + .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='initiate'], .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='submersion'] { + width: 4em; } + .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='initiate'] input, .sheet-npc div.sheet-end div.sheet-textrow label[data-i18n-title='submersion'] input { + width: 100%; } + .sheet-npc div.sheet-end div.sheet-repeating { + grid-column: 1 / 4; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.repitem span[name*='attr_display_rating']:after { + content: ','; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer { + display: inline; + max-width: 500px; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer .repitem, + .sheet-npc div.sheet-end div.sheet-inline-repeating div.repcontainer .repcontrol { + display: inline-block; + vertical-align: top; + margin-bottom: 1%; + margin-right: 1%; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings { + grid-template-columns: 2fr 8em 8em 1fr 1fr; + grid-column-gap: 1%; + grid-row-gap: 0.5%; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings h2.sheet-full-row { + grid-column: 1 / 6; + text-align: left; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings label.sheet-full-row { + grid-area: 4 / 1 / 4 / 6; } + .sheet-npc div.sheet-end div.sheet-inline-repeating div.sheet-settings label.sheet-full-row input[type='text'] { + text-align: left; } + .sheet-npc div.sheet-end div.sheet-weapons div.sheet-settings { + grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em; + grid-column-gap: 0.2%; } + .sheet-npc div.sheet-end div.sheet-weapons div.sheet-settings label[data-i18n-title='notes'] { + grid-column: 1 / 12; } + .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice'] { + margin-left: 3%; } + .sheet-npc div.sheet-end div.sheet-spells div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em; } + .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice'] { + margin-left: 3%; } + .sheet-npc div.sheet-end div.sheet-spells label[data-i18n-title='notes'] { + grid-column: 1 / 10; } + .sheet-npc div.sheet-end div.sheet-forms div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 3em 1fr 7em 8em 3em; } + .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'] { + margin-left: 3%; } + .sheet-npc div.sheet-end div.sheet-forms label[data-i18n-title='notes'] { + grid-column: 1 / 6; } + .sheet-npc div.sheet-end div.sheet-ic div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 1fr 8em 8em 8em; } + .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] { + margin-left: 3%; } + .sheet-npc div.sheet-end div.sheet-ic label[data-i18n-title='notes'] { + grid-column: 1 / 6; } + .sheet-npc div.sheet-matrix { + width: 100%; } + .sheet-npc div.sheet-matrix-device { + margin-bottom: 5%; + /*:+:+:+: NPC PROGRAMS :+:+:+:*/ } + .sheet-npc div.sheet-matrix-device div.sheet-rows { + display: inline-grid; + grid-template-columns: 12em 45% 10em 1fr; + grid-row-gap: 5%; } + .sheet-npc div.sheet-matrix-device div.sheet-rows:first-child { + margin-bottom: 4%; } + .sheet-npc div.sheet-matrix-device label { + width: 100%; } + .sheet-npc div.sheet-matrix-device label input[type='text'] { + text-align: left; + width: 100%; } + .sheet-npc div.sheet-matrix-device label.sheet-round > input[type='number'] { + border-radius: 25px 25px; + height: 25px; + margin-left: 25%; + width: 25px; } + .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble { + background-color: transparent; + grid-column: 2 / 4; + height: 15px; + margin-left: 10%; + /*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/ } + .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble input[type='radio'] { + height: 25px; + width: 20px; + left: 0px; + top: -115%; } + .sheet-npc div.sheet-matrix-device div.sheet-matrix-bubble input[type='radio'] + span { + border-radius: 5px; + height: 25px; + left: 5px; + width: 20px; + top: -60%; } + .sheet-npc div.sheet-matrix-device div.repcontainer { + grid-column: 1 / 6; } + .sheet-npc div.sheet-matrix-device div.repcontainer h2[data-i18n='notes'] { + grid-row: 3; } + .sheet-npc div.sheet-matrix-device div.repcontainer label[data-i18n-title='notes'] { + grid-row: 4; } + .sheet-npc div.sheet-matrix-device div.repcontainer input.sheet-toggle { + top: 3%; } + .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem { + display: inline-block; + width: 100%; } + .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name="attr_program_on"] { + left: 2%; } + .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem input[name="attr_program_on"] + span { + left: 2.5%; } + .sheet-npc div.sheet-matrix-device div.repcontainer div.repitem button { + margin-left: 5%; } + +/**************************************************************************/ +/***************** PC & NPC SHEET SHOW & HIDE SETTINGS *******************/ +/************************************************************************/ +/* DISPLAY SETTINGS + ============================= */ +.sheet-skills-active, +.sheet-skills-know, +.sheet-skills-lang, .sheet-magic-spells, .sheet-magic-preps, .sheet-magic-rituals, .sheet-quality, .sheet-martial, .sheet-collapsable .sheet-desc, .sheet-collapsable .sheet-desc-lifestyle, .sheet-matrix, +.sheet-magic, +.sheet-resonance, +.sheet-optional, +.sheet-textboxes, +.sheet-optional-flag[value='0'] + .sheet-attr-header, +.sheet-category + div, +.sheet-category + div + div, .sheet-npc, .sheet-pc, .sheet-arms, .sheet-augs, .sheet-core, .sheet-gear, .sheet-options, .sheet-social, .sheet-vehicle, .sheet-settings, input.sheet-settings-toggle:checked ~ div.sheet-display, +input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-display, +input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings, +input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display, +input.sheet-settings-toggle[value='settings'] ~ div.sheet-display, +input.sheet-settings-toggle[value='display'] ~ div.sheet-settings, +input.sheet-settings-toggle[value='display'] ~ div.sheet-settings-grid, input.sheet-settings-toggle[value='display'] ~ .sheet-settings, .sheet-hide-magic, .sheet-hide-resonance, .sheet-grunt, .sheet-host, .sheet-sprite, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-column:nth-of-type(2), +input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-column:nth-of-type(1n+2), input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-magic, +input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-resonance, +input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, +input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, +input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-hide-magic, +input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, +input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-hide-resonance, +input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, +input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-magic, +input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-resonance, +input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-magic, +input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-resonance, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-textrow, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-rows.sheet-grunt, input[name='attr_display_specialization'][value=''] ~ button[name*='specialization'], +input[name='attr_display_specialization'][value=' '] ~ button[name*='specialization'], +input[name='attr_display_specialization'][value=''] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], +input[name='attr_display_specialization'][value=' '] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], input[name='attr_weapon_range'][value='range'] ~ h2[data-i18n='reach'], +input[name='attr_weapon_range'][value='range'] ~ label[data-i18n-title='reach'], input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='modes'], +input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='recoil'], +input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='ammo'], +input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='modes'], +input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='recoil'], +input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='ammo'], +input[name='attr_weapon_range'][value='melee'] ~ span, input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'], +input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'], +input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'], +input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] { + display: none; } + +.sheet-tab-switch[value='active'] ~ .sheet-skills-active, +.sheet-tab-switch[value='knowledge'] ~ .sheet-skills-know, +.sheet-tab-switch[value='language'] ~ .sheet-skills-lang, .sheet-magic-toggle[value='spells'] ~ .sheet-magic-spells, .sheet-magic-toggle[value='preps'] ~ .sheet-magic-preps, .sheet-magic-toggle[value='rituals'] ~ .sheet-magic-rituals, .sheet-tab-switch[value='quality'] ~ .sheet-quality, .sheet-tab-switch[value='martial'] ~ .sheet-martial, .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc { + display: inline; } + +.sheet-pc .sheet-tabs, .sheet-npc div.sheet-tabs, .sheet-npc div.sheet-mid, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-attribute.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-attribute.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-attribute.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-attribute.sheet-vehicle { + display: inline-grid; } + +.sheet-pictos, .sheet-settings-toggle input[type='checkbox'] + span, .sheet-flag-primary + div > span, .sheet-cc-row button[name*='shots'], .sheet-cc-row button[name='act_reload'], .sheet-cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after, +.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del { + font-family: 'Pictos'; } + +.sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle, .sheet-arms .sheet-display, .sheet-optional-flag:not([value='0']) + .sheet-optional, .sheet-npc div.sheet-mid div.sheet-column, input[name='attr_sheet_type']:not([value='pc']) ~ .sheet-npc, +input[name='attr_sheet_type'][value='pc'] ~ .sheet-pc, .sheet-options_toggle[value='arms'] ~ .sheet-arms, .sheet-options_toggle[value='augs'] ~ .sheet-augs, .sheet-options_toggle[value='core'] ~ .sheet-core, .sheet-options_toggle[value='gear'] ~ .sheet-gear, .sheet-options_toggle[value='options'] ~ .sheet-options, .sheet-options_toggle[value='social'] ~ .sheet-social, .sheet-options_toggle[value='magic'] ~ .sheet-magic, .sheet-options_toggle[value='matrix'] ~ .sheet-matrix, .sheet-options_toggle[value='vehicle'] ~ .sheet-vehicle, input[name='attr_stats_toggle'][value='settings'] ~ .sheet-attribute .sheet-settings, +input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-column .sheet-settings, +input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-textrow .sheet-settings, input.sheet-settings-toggle[value='settings'] ~ .sheet-settings, .sheet-character-type[value='magic'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-magic, input[name='attr_flag_special'][value='magic'] ~ .sheet-npc .sheet-hide-magic, .sheet-character-type[value='resonance'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-resonance, input[name='attr_flag_special'][value='resonance'] ~ .sheet-npc .sheet-hide-resonance, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-rows.sheet-grunt, +input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-textrow.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-rows.sheet-host, +input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-textrow.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-rows.sheet-sprite, +input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-textrow.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-rows.sheet-vehicle, +input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-textrow.sheet-vehicle, input[name='attr_flag_matrix'][value='matrix'] ~ div.sheet-matrix, +.sheet-static { + display: inline-block; } + +/***** PC AND NPC *****/ +/***** TABS *****/ +/***** SETTINGS *****/ +/*** TOGGLE ***/ +.sheet-display, +input.sheet-settings-toggle:checked ~ div.sheet-settings, +input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-settings, +input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-settings { + background: none; + display: inherit; + font-size: 1em; + text-align: left; + width: 100%; } + +/* OLD WAY TO SHOW & HIDE THINGS */ +input.sheet-settings-toggle[value='display'] ~ div.sheet-display, +input.sheet-settings-toggle[value='settings'] ~ div.sheet-settings { + display: inline-block; } + +/* NEW WAY TO HIDE THINGS */ +/* SHOW COLLAPSABLE DESCRIPTIONS AFTER CLICKING HIDDEN CHECKBOX */ +input.sheet-display-flag ~ div.sheet-collapsable { + height: auto; } + +/***** NPC TYPES *****/ +/* SHOW AND HIDE MAGIC AND RESONANCE SPECIFIC ATTRIBUTES BASED ON RADIO TOGGLE */ +input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body div.sheet-grunt.sheet-pain-tolerance { + display: none; } + +.sheet-pc .sheet-tabs input[value*='arms'] ~ button[name*='arms'], .sheet-pc .sheet-tabs input[value*='augs'] ~ button[name*='augs'], .sheet-pc .sheet-tabs input[value*='core'] ~ button[name*='core'], .sheet-pc .sheet-tabs input[value*='gear'] ~ button[name*='gear'], .sheet-pc .sheet-tabs input[value*='options'] ~ button[name*='options'], .sheet-pc .sheet-tabs input[value*='social'] ~ button[name*='social'], .sheet-pc .sheet-tabs input[value*='magic'] ~ button[name*='magic'], .sheet-pc .sheet-tabs input[value*='matrix'] ~ button[name*='matrix'], .sheet-pc .sheet-tabs input[value*='vehicle'] ~ button[name*='vehicle'] { + background-color: #610b0d; + box-shadow: inset 0px 0px 3px 1px #e31715; + color: #fff; } + +/*****************************************************************************************/ +/**************************************** FOOTER ****************************************/ +/***************************************************************************************/ +/**** Footer ****/ +.sheet-footer { + border: none; + font-size: 0.55em; + line-height: 15px; + margin-top: 15px; + text-align: left; + width: 700px; } + +div.sheet-footer div { + display: inline-block; + width: 90%; } + +div.sheet-footer img { + float: right; + vertical-align: top; + width: 5%; } /********************************************************************************************************/ /**************************************** REPEATING SECTIONS *******************************************/ /********************************************************************************************************/ - .repcontainer .repitem { - margin-bottom: 5px;} +.repcontainer .repitem { + margin-bottom: 5px; } - .repcontrol { - display : inline-block; - vertical-align: top; - min-height : 27px;} +.repcontrol { + display: inline-block; + vertical-align: top; + min-height: 27px; } - .repcontrol .btn { - display : inline-block; - width : 25px; - background : none; - border : medium none; - box-shadow : none; - color : transparent !important; - margin-left: 10px; - outline : 0; - padding : 0px 0px 0px 0px; - text-shadow: none;} +.repcontrol .btn { + background: none; + border: medium none; + box-shadow: none; + color: transparent !important; + display: inline-block; + font-size: 15px; + margin-left: 10px; + outline: 0; + padding: 0px 0px 0px 0px; + text-shadow: none; + width: 25px; } - .repcontrol .repcontrol_edit:after, - .repcontrol .repcontrol_add:after { - background-color: none; - color: #fff; - font-family: pictos; - font-size: 16px; - height: 12px; - padding: 2px 4px 2px 4px; - visibility: visible; - width: 12px;} +.repcontrol .repcontrol_edit:after, +.repcontrol .repcontrol_add:after { + background-color: none; + color: #fff; + font-size: 16px; + height: 12px; + padding: 2px 4px 2px 4px; + visibility: visible; + width: 12px; } - .repcontrol .repcontrol_edit:after {content: '(';} - .repcontrol .repcontrol_add:after {content: '&';} - .editmode ~ .repcontrol .repcontrol_edit:after {content: ')';} +.repcontrol .repcontrol_edit:after { + content: '('; } - .repcontrol .repcontrol_edit:after, - .repcontrol .repcontrol_add:after { - color : #000; - left : -94%; - position: relative;} +.repcontrol .repcontrol_add:after { + content: '&'; } - .sheet-npc .repcontrol .repcontrol_edit:after, - .sheet-npc .repcontrol .repcontrol_add:after { - color: #fff;} +.editmode ~ .repcontrol .repcontrol_edit:after { + content: ')'; } - .repcontrol .repcontrol_edit:hover:after, - .repcontrol .repcontrol_add:hover:after { - color : #FCD116; - background-color: none;} +.repcontrol .repcontrol_edit:after, +.repcontrol .repcontrol_add:after { + color: #000; + position: relative; } - .itemcontrol {z-index: 10;} +.sheet-npc .repcontrol .repcontrol_edit:after, +.sheet-npc .repcontrol .repcontrol_add:after { + color: #fff; } - .itemcontrol .repcontrol_del, - .itemcontrol .repcontrol_move { - font-size : 10px; - height : 18px; - margin-top: 3px; - padding : 0px; - width : 18px;} +.repcontrol .repcontrol_edit:hover:after, +.repcontrol .repcontrol_add:hover:after { + color: #FCD116; + background-color: none; } - .itemcontrol .repcontrol_del { - background-color: darkred; - font-family : pictos;} +.itemcontrol { + z-index: 10; } + +.itemcontrol .repcontrol_del, +.itemcontrol .repcontrol_move { + font-size: 10px; + height: 18px; + margin-top: 3px; + padding: 0px; + width: 18px; } + +.itemcontrol .repcontrol_del { + background-color: darkred; } /********************************************************************************************************/ /**************************************** Roll template *******************************************/ /********************************************************************************************************/ +.sheet-rolltemplate-rolls div.sheet-template-body { + border: 2px solid #000 !important; + border-radius: 3px 3px 3px 3px; } - .sheet-rolltemplate-rolls div.sheet-template-body { - border : 2px solid #000 !important; - border-radius: 3px 3px 3px 3px;} +.sheet-rolltemplate-rolls .sheet-template-header { + background-color: #431714; + border: 1px solid #000; + border-bottom: 2px solid #000; + box-shadow: inset 0px 0px 3px 1px #000; + color: #fff; + font-size: 1.5em; + font-variant: small-caps; + font-weight: bold; + letter-spacing: 2px; + padding: 8px 0px 3px 0px; + text-align: center; + text-transform: capitalize; } - .sheet-rolltemplate-rolls .sheet-template-header { - background-color: #431714; - border : 1px solid #000; - border-bottom : 2px solid #000; - box-shadow : inset 0px 0px 3px 1px #000; - color : #fff; - font-size : 1.5em; - font-variant : small-caps; - font-weight : bold; - letter-spacing : 2px; - padding : 8px 0px 3px 0px; - text-align : center; - text-transform : capitalize;} +.sheet-rolltemplate-rolls .sheet-template-header span { + font-family: 'tahoma'; + font-size: 0.5em; + font-weight: normal; + font-variant: normal; + letter-spacing: 1px; } - .sheet-rolltemplate-rolls .sheet-template-header span { - font-family : "tahoma"; - font-size : 0.5em; - font-weight : normal; - font-variant : normal; - letter-spacing: 1px;} +.sheet-rolltemplate-rolls .sheet-template-row { + color: #fff; + text-align: center; + font-size: 18px; + background-color: #555; + box-shadow: inset 0px 0px 3px 1px #000; + line-height: 1.1em; + font-family: 'helvetica'; + padding: 5px 5px 3px 5px; } - .sheet-rolltemplate-rolls .sheet-template-row { - color : #fff; - text-align : center; - font-size : 18px; - background-color: #555; - box-shadow : inset 0px 0px 3px 1px #000; - line-height : 1.1em; - font-family : "helvetica"; - padding : 5px 5px 3px 5px;} +.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) { + background-color: #1c1c1c; } - .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {background-color: #1c1c1c;} +.sheet-rolltemplate-rolls .inlinerollresult { + display: inline-block; + color: #fff; + font-size: 25px; + background-color: transparent; + border: none; } - .sheet-rolltemplate-rolls .inlinerollresult { - display :inline-block; - color : #fff; - font-size : 25px; - background-color: transparent; - border : none;} +.sheet-rolltemplate-rolls .inlinerollresult.fullfail, +.sheet-rolltemplate-rolls .inlinerollresult.fullcrit, +.sheet-rolltemplate-rolls .inlinerollresult.importantroll { + border: none; } - .sheet-rolltemplate-rolls .inlinerollresult.fullfail, - .sheet-rolltemplate-rolls .inlinerollresult.fullcrit, - .sheet-rolltemplate-rolls .inlinerollresult.importantroll { - border: none;} +.sheet-rolltemplate-rolls .inlinerollresult.fullfail { + color: #FCD116; } - .sheet-rolltemplate-rolls .inlinerollresult.fullfail {color: #FCD116;} +.sheet-rolltemplate-rolls .inlinerollresult.fullcrit { + color: #fff; } - .sheet-rolltemplate-rolls .inlinerollresult.fullcrit {color: #fff;} +.sheet-rolltemplate-rolls .sheet-template-desc { + font-size: 0.8em; } - .sheet-rolltemplate-rolls .sheet-template-desc {font-size: 0.8em;} - - .sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult {font-size: 14px;} +.sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult { + font-size: 14px; } /********************************************************************************************************/ /******************************* Charactermancer ****************************************/ /******************************************************************************************************/ - div.sheet-mancer-box { - border: 2px solid #610b0d; - background-color: #e7e6e5; - margin: 1% 2%; - padding: 1% 2%; - } +div.sheet-mancer-box { + border: 2px solid #610b0d; + background-color: #e7e6e5; + margin: 1% 2%; + padding: 1% 2%; } - div.sheet-mancer-box input[type="radio"], - div.sheet-mancer-box input[type="checkbox"] { - opacity: 1; - height: 1.5em; - width: 1.5em; - } +div.sheet-mancer-box input[type='radio'], +div.sheet-mancer-box input[type='checkbox'] { + opacity: 1; + height: 1.5em; + width: 1.5em; } - div.sheet-mancer-box input[type="text"] { - background-color: white; - border: 1px solid #333; - width: 100%; - } +div.sheet-mancer-box input[type='text'] { + background-color: white; + border: 1px solid #333; + width: 100%; } - div.sheet-mancer-box label { - display: inline-block; - } +div.sheet-mancer-box label { + display: inline-block; } - div.sheet-mancer-box div.sheet-pick-builder label { - margin: 2% 2% 1% 0%; - width: 15%; - } +div.sheet-mancer-box div.sheet-pick-builder label { + margin: 2% 2% 1% 0%; + width: 15%; } - div.sheet-mancer-box label { - display: inline-block; - margin: 2% 2%; - } +div.sheet-mancer-box label { + display: inline-block; + margin: 2% 2%; } - div.sheet-mancer-box h1 { - text-decoration: underline; - } +div.sheet-mancer-box h1 { + text-decoration: underline; } - div.sheet-mancer-box label > h4 { - display: inline; - } +div.sheet-mancer-box label > h4 { + display: inline; } - div.sheet-mancer-box textarea { - overflow: scroll; - min-height: 5em; - width: 100%; - } +div.sheet-mancer-box textarea { + overflow: scroll; + min-height: 5em; + width: 100%; } - div.sheet-mancer-box hr { - margin-top: 3%; - margin-bottom: 3%; - } - - div.sheet-mancer-box button, - div.sheet-bottombar button { - border-radius : 2px; - font-weight : bolder; - height : 2em; - padding : 5px; - text-transform : capitalize; - background-color: #333; - box-shadow : inset 0px 0px 3px 1px #7c7c7c; - color : #fff - } +div.sheet-mancer-box hr { + margin-top: 3%; + margin-bottom: 3%; } - div.sheet-mancer-box button:not(disabled):hover, - div.sheet-mancer-box button:not(disabled):focus, - button[name="act_import_launch"]:hover, - button[name="act_import_launch"]:focus { - text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; - text-transform : capitalize; - border: 0.1em dotted white; - } +div.sheet-mancer-box button, +div.sheet-bottombar button { + border-radius: 2px; + font-weight: bolder; + height: 2em; + padding: 5px; + text-transform: capitalize; + background-color: #333; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + color: #fff; } - div.sheet-mancer-box button[type="action"], - div.sheet-mancer-box button[type="finish"] { - font-size: 1.5em; - width : 20%; - } +div.sheet-mancer-box button:not(disabled):hover, +div.sheet-mancer-box button:not(disabled):focus, +button[name='act_import_launch']:hover, +button[name='act_import_launch']:focus { + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; + text-transform: capitalize; + border: 0.1em dotted white; } - div.sheet-mancer-box button[type="finish"]:disabled { - color: rgba(255, 255, 255, 0.2); - cursor: not-allowed; - } +div.sheet-mancer-box button[type='action'], +div.sheet-mancer-box button[type='finish'] { + font-size: 1.5em; + width: 20%; } - div.sheet-mancer-box button[type="cancel"] { - margin-top: 3%; - float: right; - font-size: 1em; - } - - div.sheet-mancer-box .sheet-feedback { - color: #000e3b; - } +div.sheet-mancer-box button[type='finish']:disabled { + color: rgba(255, 255, 255, 0.2); + cursor: not-allowed; } - div.sheet-mancer-box .sheet-warning { - color: #610b0d; - } +div.sheet-mancer-box button[type='cancel'] { + margin-top: 3%; + float: right; + font-size: 1em; } - div.sheet-mancer-box .sheet-results, - div.sheet-mancer-box .sheet-error { - border: 1px solid #333; - box-shadow: inset 0px 0px 3px 1px #7c7c7c; - height: 30em; - margin-top: 2%; - overflow: scroll; - padding: 1%; - } +div.sheet-mancer-box .sheet-feedback { + color: #000e3b; } - div.sheet-mancer-box .sheet-results { - border: 1px solid #000e3b; - margin-right: 3%; - background: rgba(136, 221, 4, 0.1); - } +div.sheet-mancer-box .sheet-warning { + color: #610b0d; } - div.sheet-mancer-box .sheet-error { - border: 1px solid #610b0d; - background: rgba(204, 7, 1, 0.11); - } +div.sheet-mancer-box .sheet-results, +div.sheet-mancer-box .sheet-error { + border: 1px solid #333; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + height: 30em; + margin-top: 2%; + overflow: scroll; + padding: 1%; } - div.sheet-result-grid { - display: grid; - grid-template-columns: 1fr 1fr; - } +div.sheet-mancer-box .sheet-results { + border: 1px solid #000e3b; + margin-right: 3%; + background: rgba(136, 221, 4, 0.1); } - div.sheet-result-grid h4:nth-of-type(1) { - grid-column: 1 / 1; - grid-row: 1 / 1; - } +div.sheet-mancer-box .sheet-error { + border: 1px solid #610b0d; + background: rgba(204, 7, 1, 0.11); } - div.sheet-result-grid h4:nth-of-type(2) { - grid-column: 2 / 2; - grid-row: 1 / 1; - } +div.sheet-result-grid { + display: grid; + grid-template-columns: 1fr 1fr; } - div.sheet-results { - grid-column: 1 / 1; - grid-row: 2 / 2; - } +div.sheet-result-grid h4:nth-of-type(1) { + grid-column: 1 / 1; + grid-row: 1 / 1; } - div.sheet-ignored { - grid-column: 2 / 2; - grid-row: 2 / 2; - } +div.sheet-result-grid h4:nth-of-type(2) { + grid-column: 2 / 2; + grid-row: 1 / 1; } - div.sheet-hidden, - div.sheet-hidden-skills { - display: none; - } +div.sheet-results { + grid-column: 1 / 1; + grid-row: 2 / 2; } - h4.sheet-hidden-header { - display: inline; - } +div.sheet-ignored { + grid-column: 2 / 2; + grid-row: 2 / 2; } - input[name="comp_hidden"]:checked + div.sheet-hidden, - input[name="comp_hidden"]:checked + div.sheet-hidden-skills { - display: block; - } +div.sheet-hidden, +div.sheet-hidden-skills { + display: none; } - div.sheet-hidden label { - display: inline-block; - width: 30%; - margin: 1% 1%; - } +h4.sheet-hidden-header { + display: inline; } - div.sheet-hidden div { - display: inline-block; - font-weight: bold; - margin-right: 2%; - width: 40% - } +input[name='comp_hidden']:checked + div.sheet-hidden, +input[name='comp_hidden']:checked + div.sheet-hidden-skills { + display: block; } + +div.sheet-hidden label { + display: inline-block; + width: 30%; + margin: 1% 1%; } + +div.sheet-hidden div { + display: inline-block; + font-weight: bold; + margin-right: 2%; + width: 40%; } /********************************************************************************************************/ /******************************* FireFox *******************************************/ /******************************************************************************************************/ - input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0;} + -webkit-appearance: none; + margin: 0; } input[type=number] { - -moz-appearance:textfield;} + -moz-appearance: textfield; } - - /********************************************************************************************/ +/********************************************************************************************/ /***************** French Adjustments ********************************/ /*******************************************************************************************/ - .charsheet.lang-fr {} - .charsheet.lang-fr .sheet-tab-whisper, +.charsheet.lang-fr .sheet-tab-whisper, .charsheet.lang-fr .sheet-tab-toggles { - margin-right: 2%;} + margin-right: 2%; } - .charsheet.lang-fr .sheet-tabs input[type="checkbox"]:nth-of-type(2) { - width: 11%;} +.charsheet.lang-fr .sheet-tabs input[type='checkbox']:nth-of-type(2) { + width: 11%; } - .charsheet.lang-fr .sheet-tab-col input[type="radio"] { - width: 4.5%;} +.charsheet.lang-fr .sheet-tab-col input[type='radio'] { + width: 4.5%; } - .charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(4), -.charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(5), -.charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(6), -.charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(7) { - width: 6%;} +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(4), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(5), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(6), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(7) { + width: 6%; } - .charsheet.lang-fr .sheet-tab-whisper input[type="radio"], -.charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(8), -.charsheet.lang-fr .sheet-tab-toggles input[type="checkbox"]:nth-of-type(1) { - width: 8%;} +.charsheet.lang-fr .sheet-tab-whisper input[type='radio'], +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(8), +.charsheet.lang-fr .sheet-tab-toggles input[type='checkbox']:nth-of-type(1) { + width: 8%; } - .charsheet.lang-fr .sheet-tab-col input[type="radio"]:nth-of-type(9) { - width: 2.5%;} +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(9) { + width: 2.5%; } - .charsheet.lang-fr .sheet-pd-meta input[type="text"] { - width: 30%;} +.charsheet.lang-fr .sheet-pd-meta input[type='text'] { + width: 30%; } - .charsheet.lang-fr .sheet-skill-box h3:first-child { - margin-right: 51%; - width: 20%;} \ No newline at end of file +.charsheet.lang-fr .sheet-skill-box h3:first-child { + margin-right: 51%; + width: 20%; } diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.html b/Shadowrun5thEdition/Shadowrun5thEdition.html index d384af9782..85f310cecd 100644 --- a/Shadowrun5thEdition/Shadowrun5thEdition.html +++ b/Shadowrun5thEdition/Shadowrun5thEdition.html @@ -1,1090 +1,965 @@ - - - - - - - - -
-
- Shadowrun black and metallic logo -
-

Character

-

Player

+ + + +
+
Shadowrun black and metallic logo +

Character

+ +

Player

+ +

/w GM

+ +

wounds

+ +

modifiers

+ +

edge

+ + + + + + + + + + + + +
+ +
+
+

Personal Data

+
+
+
+

NAME/PRIMARY ALIAS

+
+
+

Metatype

+

Ethnicity

+
+
+

Age

+

Sex

+

Height

+

Weight

+
+
+

Street Cred

+

Notoriety

+

Public Awereness

+
+
+

Karma

+

Total Karma

+

Misc

+
-
- -
-
- - - - -
-
- - - - - - - - - - -
-
- -
- - - - -
- - -
-
-

Personal Data

-
-
-
-

NAME/PRIMARY ALIAS

-
-
-

Metatype

-

Ethnicity

-
-
-

Age

-

Sex

-

Height

-

Weight

-
-
-

Street Cred

-

Notoriety

-

Public Awereness

-
-
-

Karma

-

Total Karma

-

Misc

-
-
-
-
- -
-

Attributes

-
-
- x -
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - - -
-
- + - = - -
-
-
- - -
-
- -
-
-
-
-
- - -
-
-
-
- - - - -
-
-
- + - = - -
-
- + - = - -
-
-
-
-
-
-
- - - - -
-
- + - - d6 = - + - d6 -
-
- + - d6 -
-
- - - - -
-
- + - - d6 = - + - d6 -
-
- + - d6 -
-
- - - - -
-
-
- + - - d6 = - + - d6 -
-
-
- + - d6 -
-
- - - -
-
- = - -
-
- -
-
- - - -
-
- = - -
-
- -
-
- - - -
-
- = - -
-
- -
-
- - - -
-
- = - -
-
- -
-
- - - - -
-
- / - / + - -
-
- / - / + - -
-
-
-
-
- - = - - = - - = -
-
-
-
-
-
-
-
- - - - - - - - - - -
-
-
-
- -
-
-
-
-

Active

-
-
-
-
-

Know..

-
-
-
-
-

Lang..

-
-
-

Skills

-
-
-
-
-

Skill

-

RTG

-

Attribute

-

Limit

-
- -
-
-
- -
- - - -
-
- - - -
-
- - - -
- - -
- - -
-
-
-
- - -
-
-
- - - - - -
-
-
-
- - - -
-
- - - -
- - -
- - -
-
-
-
- - -
-
-
- - - - - -
-
-
-
- - - -
-
- - - -
- - -
- - -
-
-
-
- - -
-
-
- - - - - -
-
-
-
-
-
- -
-
-

Core Combat Info

-
-
-
-

Primary Armor

- -

Rating

- -
- - - - - - -
-
-
-

Primary Ranged Weapon

- - - - - -
-
-

Dam

-

ACC

-

AP

-

Mode

-

RC

-

Ammo

- - - -
-
-

Primary Melee Weapon

- -
-
-

Reach

-

Dam

-

ACC

-

AP

-
-
-
-
- -
-

Condition Monitor

-
-
- x + +
+

Attributes

+
+
+ x +
+ + + +
- - - - - - / -
- -
- -
- Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank. + + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + +
+
+ +
+
+
+
+
+ + +
+
+
+
+ + + + +
+
+
+ + + = + +
+
+ + + = +
-
- - -
- - - -
-1
- - -
-2
- - -
-3
- - -
-4
- - -
-5
- - -
-6
-
-
-
-
+
+
+
+
+ + + + +
+
+ + + + = + + + d6 +
+
+ + + d6 +
+
+ + + + +
+
+ + + + = + + + d6 +
+
+ + + d6 +
+
+ + + + +
+
+
+ + + + = + + + d6
-
- - -
- - - -
-1
- - -
-2
- - -
-3
- - -
-4
- - -
-5
-
-
- For every 3 boxes of damage on any one damage track, the character takes a -1 Dice Pool modifier on tests; these modifiers are cumulative within and across damage tracks. -
+
+
+ + + d6 +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + + +
+
+ / + / + + +
+
+ / + / + + +
+
+
+
+
+ + = + + = + + = +
+
+
+
+
+
+
+
+ + + + + + + + + + +
+
+
+
+ +
+
+
+
+ +

active..

+
+
+
+
+ +

know..

+
+
+
+
+ +

lang..

+
+
+
+

Skills

+
+
+
+
+

Skill

+

RTG

+

Attribute

+

Limit

+
+ +
+
+ + - + + +
+
+ + + + + +
+ +
+ + +
+ + + + + + + + +
+
+
+
+
+ + + + + +
+ +
+ + +
+ + + + + + + + +
+
+
+
+
+ + + + + +
+ +
+ + +
+ + + + + + + + +
+
+
+
+
+
+
+
+

Core Combat Info

+
+
+
+

Primary Armor

+ +

Rating

+ +
+ + + + + + +
+
+
+

Primary Ranged Weapon

+ + + + + +
+
+

Dam

+

ACC

+

AP

+

Mode

+

RC

+

Ammo

+ + + +
+
+

Primary Melee Weapon

+ +
+
+

Reach

+

Dam

+

ACC

+

AP

+
+
+
+
+ +
+

Condition Monitor

+
+
+ x +
+ + + + + + / +
+ +
+ +
+ Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank. +
+
+
+
+ + +
+ + + +
-1
+ + +
-2
+ + +
-3
+ + +
-4
+ + +
-5
+ + +
-6
+
+
+
+
+
+
+ + +
+ + + +
-1
+ + +
-2
+ + +
-3
+ + +
-4
+ + +
-5
+
+
+ For every 3 boxes of damage on any one damage track, the character takes a -1 Dice Pool modifier on tests; these modifiers are cumulative within and across damage tracks.
-
- -
-
- -

Qualities

+
+
+ +
+
+ +

Qualities

+
+
+
+
+ +

Martial Arts

-
-
-
- -

Martial Arts

-
-
-
-
- -
-
-

Quality

Type

+
+
+
+ +
+
+

Quality

Type

+
+
+ + + +
+
+ + +
+ + +
+
-
- - - -
-
- - -
- - -
-
+
+ +
+
+
+
-
- -
-
-
- -
-
-
-
-
-
-

Technique

Style

-
- -
-
- - -
- - -
-
-
-
- -
-
-
- -
-
- -
+ +
+
+
+

Technique

Style

+
+ +
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+ +
-
-
- -
-
-

Weapons

-
-
-
-

Ranged

-
-
-
-
-

Melee

-
-
+
+
+
+
+

Weapons

+
+
+
+

Ranged

+
-
-
- -
-

Weapon

Dam

Acc

AP

Mode

RC

Ammo

-
-
-
- -
-
- - - - - - - -
- - - -
-
- - - - - -
-
- Exotics are not linked to skills. Use Modifier Dice input to set skill dice. -
-
-
- - -
-
-
-
-
-
S
- -
-
-
-
-

Melee

+
+
+
+
+
+ +
+

Weapon

Dam

Acc

AP

Mode

RC

Ammo

+
+
+
+ +
+
+ + + + + -
-
- i -
-
-
-
-
-
- -
-
-
-

Weapon

Reach

Dam

Acc

AP

-
-
-
- -
-
- - - - - - -
- - - - - -
- Exotic weapons are currently not linked to the skills section. Use Modifier Dice input to set dicepool. -
-
-
- - -
-
-
-
-
-
S
- -
-
-
-
-
- i -
-
-
-
- -
-
-
-
-
-
-

Armor

-
-
-
-

Armor

Rating

Acid

Cold

Elec.

Fire

Radi.

-
-
- -
-
- - - - - - - + +
- - + + + +
+
+ + + + + +
+
+ Exotics are not linked to skills. Use Modifier Dice input to set skill dice. +
@@ -1093,1924 +968,2100 @@
-
+
S
- +
-
- +
+
+
+ +
+
+ i +
+
+
+
-
+
+ +
+
+
+

Weapon

Reach

Dam

Acc

AP

+
+
+
+ +
+
+ + + + + + +
+ + + + + +
+ Exotic weapons are currently not linked to the skills section. Use Modifier Dice input to set dicepool. +
+
+
+ + +
-
-
-
-
-
-
-
+
+
+
+
S
+
+
+
+
+
i
- -
-
-
-
-
- -
-
-

Augmentations

-
-
-
-

Augementation

Rating

Essence

-
-
- -
-
- - - - - -
-
-
- -
-
-
-
-
-
-
- +
-
- -
-

Gear

-
+
+
+

Armor

+
-

Item

Rating

+

Armor

Rating

Acid

Cold

Elec.

Fire

Radi.

-
+
- - + + + + + + + +
+ + +
+
+ + +
+
+
+
+
+
S
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+ i +
+
+
+
+ +
+
+
+
+
+
+

Augmentations

+
+
+
+

Augementation

Rating

Essence

+
+
+ +
+
+ + +
- -
+ +
+
- +
-
- -
-
-

Magic

-
-
-
-

Spells

-
-
-
-

Prep...

-
-
-
-

Rituals

-
+
+
+

Gear

+
+
+
+

Item

Rating

-
-
- -
-

Spells

Type

Range

Duration

Drain

-
-
-
- -
-
- - - - - -
- - - -
- - - -
-
-
- - - - - -
-
- - -
-
-
-
-
- -
-
-
-
-
- i -
-
-
-
-
-
- -
-
-
-
- -
-
- - - - - -
- - - -
- - - -
-
-
- - - - - -
- - -
-
-
- -
-
-
-
-
- i -
-
-
-
-
-
- -
-
-
- -
-
- -
- - - - - -
- - -
-
-
- -
- i -
-
-
-
- -
-
-
-
-
- -
-

Adept Powers or Other Abilities

-
-
-
-

Name

Rating

-
-
- -
-
- - - - -
-
-
- -
-
-
-
-
-
- -
-
-
-
-
- -
-
-

Cyberdeck

-
-
-
- -
-
- - - - - - -
-
-

Total

Temp

modifier

Base

Base slider


- -
= - + - + - -
-
- - - - - - - - - - -
-
-
-
- -
= - + - + - -
-
- - - - - - - - - - -
-
-
-
- -
= - + - + - -
-
- - - - - - - - - - -
-
-
-
- -
= - + - + - -
-
- - - - - - - - - - -
-
-
-
-

Condition Monitor

- - - - - - - - - - - - -
-

Programs

-
-
- x -
-
- - - -
-
-
- Q - -
-
-
-
-
-
-
-
-
-
-
-

Complex Forms

-
-
-
-

Complex Form

Target

Duration

Fade

-
-
- -
-
- - - - -
- - - - - -
- - -
-
-
- -
-
-
-
- i -
-
-
-
- -
-
-
-
-
- - - -
-
-

Vehicle

-
-
-
- -
-
-
- - - - - - - - -
-
- - - - - - - - - - - - -
-
- - - - - - - - - - - - -
-
- - - - - - - - - - - - -
-
-

Base

Modifier

-

Temp

Base

-

Modifier

Temp

-
-

Notes

- -
-
-
- -
-
-

Vehicle

-
- -
-
-
-

Handling

-
- -
-
-
-
-
-

Acceleration

-
- -
-
-
-

Speed

-
- -
-
-
-
-
-

Pilot

-
- -
-
-
-

Body

-
- -
-
-
-
-
-

Armor

-
- -
-
-
-

Sensor

-
- -
-
-
-
-
-
-
- -
-
-
-
-
- -
-
-

Options

-
-
-
-
-

Character


-
-
- -
-
-
-

Sheet Select


- -
-
-
-

Importer

- -

You can import a character with a JSON from Chummer. The game owner must set a Compendium in the Game Settings. It does not matter which one you pick. Charactermancer software simply requires one be picked.

-
-
-
-
-

Temporary Modifiers


- - -
- - - - - - - - - - -
- - -
- - - -
-
-
-
-
-
-
- - - - -
-
- y -
- - -
- -
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-
-
-
- () -
-

-

-

-

-

-
-
-

-

-

-

-

-
-
-

-

-

-

-

-

-

-

-

-
-
-

-

-

-

-

-
- -

Bonuses

-
- -
-
- - + - - d6 = - + - d6 - -
- - + - - d6 = - + - d6 -
-
-
- - + - - d6 = - + - d6 -
-
- - / - / + - - = - / - / + - - - / - -
-
- - - = , - - - = , - - - = -
- -
-
-
- - / - -
- -
- -
- -
-
-
-
- - - -
- -
- -
- -
- -
- -
- - -
-
-
-
- -

- -
-
- -
-
- -
-
-
-
-
- -
-
-
- -
-
- -
- -
-
- -
- -
- -
-
-
-
-
- - -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

-

-

-

-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-

-

-

-

-

-

-

-

-

-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
- -
-
- -
-
- - + d6 -
- - -
- - + d6 -
-
-
- -
- - + d6 -
-
- -
- - / / + -
- -
- - / -
- -
- - Physical , - Mental , - Social -
-
- -
-
-
-
-
- - / -
-
- -
-
- ≈ - -
-
- -
- - -
- -
-
- - -
- - - - - - -
-
-
- - -
-
-
-
- x - - - , -
-
- -
- - - - - -
-
- - -
-
-
-
-
-
-
-
-
- x - - - , -
-
- -
- - - - -
-
- - -
-
-
-
-
-
-
-
-
- x - - - , -
-
- -
- - - - -
-
- - -
-
-
-
-
-
-
-
-
-
-
- x - , -
-
-
- - -
-
-
-
-
-
-
-
-
- x - , -
-
-
- -
- - -
-
-
-
-
-
- -
- -
- - -
- -
- - -
- -
- - -
- -
-
- -
- -
-
- -
- -
- - -
-
-
- -
- - -
- -
- - -
- -
- - -
-
-
- -
- - -
-
-
-
- - -
-

Weapons

-
-
- x -
-
- Range - Melee -

-

-

-

-

-

-

-

-

-

-
(c)
-
-
- -
-
-
-
- -
- () - - -
-
-
-
-
- - -

Spells

-
-
- x -
-
-

- -
-

-

-

- -
-

- -
-

- -
-

- -

- -
-

- -
-
- -
-
-
-
- -
- () - -
-
-
-
-
- - -

Complex Forms

-
-
- x -
-
-
-
-
- -
-
-
-
- -
-
-
-
- -
- () - -
-
-
-
-
- - -

Intrusion Countermeasures

-
-
- x -
-
-
- [ -

- -
- ] -

- -
- vs. -

- -
-
- -
-
-
-
- - -
- Q - - -
-
-
-
-
- - -
-
-

Matrix Device

-
-
- - -
-
- -
- - - - - - - - - - - - - - - - - - - - -
- -
-
- -
- - - - - - - - - - - - - - - - - - - - -
- -
-
- -
- - - - - - - - - - - - - - - - - - - - -
- -
-
- -
- - - - - - - - - - - - - - - - - - - - -
- -
-
-

Programs

-
-
+
- -
-
- +
+ + + +
- -
- Q - + +
+
+
+
- -
+
-
-
+
+
+
+
+
+

Magic

+
+
+
+
+
+ +

Spells

+
+
+
+
+ +

Prep...

+
+
+
+
+ +

Rituals

+
+
+
+
+
+ + + + +

modifier

+ +
+

Spells

Type

Range

Duration

Drain

+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+ + +
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+ +
+
+ +
+ + + + + +
+ + +
+
+
+ +
+ i +
+
+
+
+ +
+
+
+
+
+
+

Adept Powers or Other Abilities

+
+
+
+
+
+

Name

Rating

+
+
+ +
+
+ + + + +
+
+
+ +
+
+
+
+
+
+ +
+
+
-
+
+
+
+

Cyberdeck

+
+
+
+ +
+
+ + + + + + +
+
+

Total

Temp

modifier

Base

Base slider


+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+

Condition Monitor

+ + + + + + + + + + + + +
+

Programs

+
+
+ x +
+
+ + + +
+
+
+ Q + +
+
+
+
+
+
+
+
+
+
+
+
+

Complex Forms

+
+
+
+
+ + + + +

modifier

+ +
+

Complex Form

+

Target

+

Duration

+

Fade

+
+ +
+
+ + + + +
+ + + + + +
+ + +
+
+
+ +
+
+
+
+ i +
+
+
+
+ +
+
+
+
+
+
+

Vehicle

+
+
+
+ +
+
+
+ + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+

Base

Modifier

+

Temp

Base

+

Modifier

Temp

+
+

Notes

+ +
+
+
+ +
+
+

Vehicle

+
+ +
+
+
+

Handling

+
+ +
+
+
+
+
+

Acceleration

+
+ +
+
+
+

Speed

+
+ +
+
+
+
+
+

Pilot

+
+ +
+
+
+

Body

+
+ +
+
+
+
+
+

Armor

+
+ +
+
+
+

Sensor

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+

Options

+
+
+
+
+

Character


+
+
+ +
+
+
+

Sheet Select


+ +
+
+
+

Importer

+ +

You can import a character with a JSON from Chummer. The game owner must set a Compendium in the Game Settings. It does not matter which one you pick. Charactermancer software simply requires one be picked.

+
+
+
+
+

Temporary Modifiers


+ + +
+ + + + + + + + + + +
+ + +
+ + + +
+
+
+
+
+
+
+
+
Shadowrun black and metallic logo +

/w GM

+ +

wounds

+ +

modifiers

+ +

edge

+ + + + y +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +

ess

+ +

m

+ +

f

+ +

r

+ +
+
+ + + + + + + + + + +
+
+

Hand

+ +

Hand (Off)

+ +

Speed

+ +

Speed (Off)

+ +

Accel

+ +

Body

+ + + +

Sensor

+ +

Seat

+ +
+
+ + + + + + + + + + +
+
+
+

Bonuses

+ +
+

Professional Rating

+ +
+
+ + + + d6=+d6 +
+
+ + + + d6=+d6 +
+
+ + + + d6=+d6 +
+
+

Movement

+ / + / + + = / / + +
+
+ + / + =/ +
+
+ + / + =/ +
+
+ +
+
+

val

+ = +

val

+ = +

val

+ = +
+
+

Pain Tolerance

+ Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank. +
+
+
+

key

+ = +
+
+

key

+ = +
+
+

key

+ = +
+
+
+
+

Modifier

+
+ + +
+
+ + = +
+
+ + = +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+

Options

+
+
+ + + +
+
+ +
+
+ +
+
+
+
+ +
+

key

+ +
+ +
+

key

+ +
+ +
+

key

+ +
+ +
+

key

+ +
+ +
+

key

+ +
+ +
+

key

+ +
+ +
+

key

+ +
+
+ +

key

+
+ +
+
+ +

key

+
+ +
+
+

skills

+
+ + + + + + x + + +
+

Skill

+

Rating

+

Rating Modifier

+

Attribute

+

Limit

+ + + + + +

Specializations

+ +
+
+
+
+

knowledgeskills

+
+ + + + + + x + + +
+

Skill

+

Rating

+

Rating Modifier

+

Attribute

+

Limit

+ + + + + +

Specializations

+ +
+
+
+
+

languageskills

+
+ + + + + + x + + +
+

Skill

+

Rating

+

Rating Modifier

+

Attribute

+

Limit

+ + + + + +

Specializations

+ +
+
+
+
+

skills

+
+ x + +
+

Skill

+ +
+
+
+
+

Powers

+
+ x + +
+

power

+ +

Notes

+ +
+
+
+
+

Weapons

+
+ x + + +
+ +

Range

+

Dice

+

Name

+

Type

+

Reach

+

ACC

+

Dam

+

AP

+

Modes

+

Recoil

+

Ammo

+ + + + + + + + + + + + (c) +
+
+
+
+

Spells

+
+ x + + +
+ +

Category

+

Dice

+

Name

+

Type

+

Range

+

Duration

+

Drain

+

Combat

+

Dam

+ + + + + + + + + + +
+
+
+
+

Complex Forms

+
+ x + + +
+

Dice

+

Name

+

Target

+

Duration

+

Fade

+ + + + + + +
+
+
+
+

Intrusion Countermeasures

+
+ x + + +
+

Name

+

IC Limit

+

Defense Attribute

+

Defense Matrix Attribute

+ + + + + +
+
+
+
+ +
+
+

Matrix Device

+ + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+
+

Programs

+
+ x + Q + +
+

name

+ +

notes

+ +
+
+
+
+
The Topps Company, Inc. has sole ownership of the names, logo, artwork, marks, photographs, sounds, audio, video and/or any proprietary material used in connection with the game Shadowrun. The Topps Company, Inc. has granted permission to use such names, logos, artwork, marks and/or any proprietary materials for promotional and informational purposes on its website but does not endorse, and is not affiliated with any official capacity whatsoever. Version
-
- - - - -
+
@@ -3038,152 +3089,148 @@
+ + + - - - - + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - - - - + + + + + + + - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

Shadowrun Fifth Edition Character Importer

diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.pug b/Shadowrun5thEdition/Shadowrun5thEdition.pug new file mode 100644 index 0000000000..79023e5989 --- /dev/null +++ b/Shadowrun5thEdition/Shadowrun5thEdition.pug @@ -0,0 +1,198 @@ +input(name='attr_version' type='hidden' value='3.0') + +//- CHARACTER SHETE PAGE +input.sheet_type(name='attr_sheet_type' type='hidden' value='pc') + +//- CHARACTER TYPE (MUNDANE < MAGIC < RESONANCE) +input.character-type(name='attr_flag_special' type='hidden' value='mundane') + +//- MIXINS +include src/pug/_mixins.pug + +//- VARIABLES +include src/pug/_variables.pug + + +.pc + .tabs + img(alt='Shadowrun black and metallic logo' src='https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/ShadowrunLogo.png') + h1(data-i18n='character') Character + label(data-i18n-title='character name' title='character name') + input(type='text' name='attr_character_name' placeholder='Character name' title='@{character_name}') + h1(data-i18n='player') Player + label(data-i18n-title='player name' title='player name') + input(type='text' name='attr_player_name' placeholder='Player name' title='@{player_name}') + h2(data-i18n-title='/w GM') /w GM + label.switch(data-i18n-title='whisper rolls to gm' title='whisper rolls to gm') + input.whisper-toggle(name='attr_gm_toggle' type='checkbox' value='/w gm') + span.slider + each val, key in {'wounds': '@{wounds}', 'modifiers':'?{Modifiers +/-|0}', 'edge':'@{edge}'} + h2(data-i18n-title=key) #{key} + label.switch(data-i18n-title=key title=key) + input.whisper-toggle(name='attr_'+key+'_toggle' type='checkbox' value=val) + span.slider + button(name='d6' title='Roll D6s' type='roll' value='@{gm_toggle} &{template:rolls}{{header=^{d6}}}{{base=^{d6}}}{{dice=[[(?{d6s|0}d6>5)]]}}') L + input(name='attr_tab' type='hidden' value='core') + button.pictos(name='act_tab_options' title='@{tab}' type='action' ) y + each val in ['core', 'arms', 'augs', 'gear', 'magic', 'matrix', 'social', 'vehicle'] + button(data-i18n=val name='act_tab_'+val type='action' title='@{tab}') #{val} + + input.options_toggle(name='attr_tab' type='hidden' value='options') + //- STATIC TAB + .static.pc-col + include src/static.html + //- SKILLS + .pc-row + .header + - const skillTypes = {'Active': 'active', 'Knowledge': 'know', 'Language': 'lang'} + each val, key in skillTypes + - const attrName = key.toLowerCase(); + .header.htab + .triangle + input.tab-switch(name='attr_skill_toggle' title=key + ' skills' type='radio' value=attrName) + h1(data-i18n=val) #{val}.. + .right-tri + .triangle + h1(data-i18n='skills') Skills + .border-box.skill-box + .pc-box.medium-box + .row-long + each val in ['Skill', 'RTG', 'Attribute', 'Limit'] + - const translationKey = val.toLowerCase(); + h2(data-i18n=translationKey) #{val} + input.tab-switch(name='attr_skill_toggle' type='hidden' value='active') + each val, key in {'active': ['active', 'Agility', 'Physical'],'knowledge':['know', 'Logic', 'Mental'], 'language': ['lang', 'Charisma', 'Social']} + div(class='skills-'+val[0]) + if key === 'active' + .row-long + input(name='attr_default_display' type='hidden' value='Agility') + +rollButton('default', '@{default_display}', '@{default_attribute}+-1') + span.text-align-center - + select.attribute-select(name='attr_default_attribute' title='Skill attribute') + +attributeSelect('Agility') + select.limit-select(name='attr_limit' title='Skill limit') + +limitSelect('Physical') + fieldset(class='repeating_' + key) + input(name='attr_display_rating' type='hidden') + input(name='attr_display_specialization' type='hidden' value='') + input(name='attr_display_limit' type='hidden' value=val[2]) + input(name='attr_display_attribute' type='hidden' value=val[1]) + input(name='attr_dicepool' type='hidden' value='0') + .row-long + input.settings-toggle(name='attr_flag' type='hidden' value='settings' title='@{repeating_'+val[0]+'_${x}_flag') + .buttons + //- SKILL BUTTON + +skillButton(false) + //- SPECILIZATION BUTTON + +skillButton(true) + span.text-align-center(name='attr_display_rating' title='@{repeating_'+val[0]+'_${x}_display_rating}') + select.attribute-select(name='attr_attribute' title='@{repeating_'+val[0]+'_${x}_attribute}') + +attributeSelect(val[1]) + select.limit-select(name='attr_limit' value='physical_limit' title='@{repeating_'+val[0]+'_${x}_limit}') + +limitSelect(val[2]) + button.pictos(name='act_skill' type='action') x + if key === 'active' + select.skill-select.settings(name='attr_skill' value='Close Combat Group' title='@{repeating_'+val[0]+'_${x}_skill}') + include src/pug/skillselect.html + else + label.settings(data-i18n-title='skill' title='skill') + input(name='attr_skill' placeholder=key type='text' title='@{repeating_'+val[0]+'_${x}_skill}') + label.settings(data-i18n-title='rating' title='rating') + input(name='attr_rating' min='0' placeholder='0' type='number' title='@{repeating_'+val[0]+'_${x}_rating}') + label.settings(data-i18n-title='ratingmodifier' title='Rating Modifier') + span(data-i18n='ratingmodifier') Rating Modifier + input(name='attr_rating_modifier' placeholder='0' type='number' title='@{repeating_'+val[0]+'_${x}_rating_modifier}') + label.settings(data-i18n-title='specializations' title='Specializations') + span(data-i18n='specializations') Specializations + input(name='attr_specialization}' placeholder='Specalizations' type='text' title='@{repeating_'+val[0]+'_${x}_specialization}') + label.settings(data-i18n-title='notes' title='notes') + span(data-i18n='notes') Notes + textarea(name='attr_notes' value='' placeholder='Notes' title='@{repeating_'+val[0]+'_${x}_notes}') + + + //- CORE TAB + include src/core.html + + //- ARMS TAB + include src/arms.html + + //- AUGS TAB + include src/augs.html + + //- GEAR TAB + include src/gear.html + + //- MAGIC TAB + .magic.pc-col + .pc-row.spell-box + .header.right-header + h1(data-i18n='magic') Magic + .right-tri + .header.right-header + .header.htab + .triangle + input.magic-toggle(name="attr_magic_toggle" title="@{magic_toggle}" type="radio" value="spells" checked) + h1(data-i18n="spells") Spells + .right-tri + .header.htab + .triangle + input.magic-toggle(name="attr_magic_toggle" title="@{magic_toggle}" type="radio" value="preps") + h1(data-i18n="prep") Prep... + .right-tri + .header.htab + .triangle + input.magic-toggle(name="attr_magic_toggle" title="@{magic_toggle}" type="radio" value="rituals") + h1(data-i18n="rituals") Rituals + .right-tri + .border-box.repeat-box + .pc-box.medium-box + +fadeDrainSection('drain') + input.magic-toggle(name="attr_magic_toggle" type="hidden" value="spells") + include src/magic.html + .pc-row + include src/powers.html + + //- MATRIX TAB + .matrix.pc-col + .pc-row + include src/matrix.html + .pc-row + .header.right-header + h1(data-i18n='complexform') Complex Forms + .right-tri + .border-box.repeat-box.form-box + .pc-box.medium-box + +fadeDrainSection('fade') + .row-long + h3(data-i18n="complexform") Complex Form + h3(data-i18n="target") Target + h3(data-i18n="duration") Duration + h3(data-i18n="fade") Fade + include src/complexforms.html + + //- SOCIAL TAB + include src/social.html + + //- VEHICLE TAB + include src/vehicle.html + + //- OPTIONS TAB + include src/options.html + +//- NPCs +include src/pug/_npc.pug + +//- FOOTER +include src/footer.html + +//- ROLL TEMPLATES +include src/rolltemplates.html + +//- HIDDEN +include src/hidden.html + +//- SCRIPTS +include src/pug/scripts.js + +//- CHUMMER IMPORTER +include src/importer.html \ No newline at end of file diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.scss b/Shadowrun5thEdition/Shadowrun5thEdition.scss new file mode 100644 index 0000000000..9392e3b4d5 --- /dev/null +++ b/Shadowrun5thEdition/Shadowrun5thEdition.scss @@ -0,0 +1,377 @@ +//- Colors: + $gold: #FCD116; + $red: #610b0d; + $purple: #7a2593; + $lightgray: #9a9a9a; + $graytrans: rgba(28, 28, 28, 0.14902); + $grayshadow: #7c7c7c; + $blacker: #040404; + //- GRAY IN ROLL TEMPLATE + $blackish: #1c1c1c; + //-(primaryly on the NPC sheet) + $gray: #555; + $blacker: #040404; + $white: #fff; + + +/********************************************************************************************************/ +/********************************* GLOBAL SETTINGS *******************************************************/ +/********************************************************************************************************/ +/* GLOBALS + ============================= */ + @import 'src/scss/_global'; + +/* SWITCHES + ============================= */ + @import 'src/scss/_switch'; + +/***** TABS FOR SHEETS *****/ + .sheet-tabs { + button { + &[type='action'] { + background-color: #333; + border-radius : 2px; + border : 1px solid #000; + box-shadow : inset 0px 0px 3px 1px #7c7c7c; + color : #fff; + font-size : 1em; + font-weight : bolder; + text-transform : capitalize; + padding : 5px; + + &.sheet-pictos {text-transform: lowercase;} + } + + &[type='roll'] { + background: none; + border: none; + color : #fff; + font-family : 'dicefontd6'; + font-size : 2.5em; + vertical-align: top; + + &:hover { + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; + } + } + } + + h2 { + color: #fff; + font-size: 1em; + text-transform: capitalize; + text-align: right; + line-height: 2em; + margin-right: 5%; + } + } + + +/***** TABS FOR SHEETS *****/ +.sheet-settings-toggle { + input { width: 3em;} + + input[type='checkbox'] + span { + background : transparent; + @extend .sheet-pictos; + font-size : 20px; + height : 20px; + text-align : center; + width : 20px; + } +} + +%parantheseNumbers { + vertical-align: middle; + + &:before { content: '('; } + &:after { content: ')'; } +} + +%toggleCheckbox, +input.sheet-toggle { + position: absolute; + opacity: 0; + z-index: 2; +} + +%toggleRelative { + position: relative; + opacity: 0; + z-index: 2; +} + +%settingsCheckboxes { + & + span { opacity: 0; } + &:checked + span { opacity: 1; } + + &:checked ~ .sheet-settings { + display: inline-grid; + margin-bottom: 2%; + } +} + +%borderBottom { border-bottom: 1px solid #333; } + +@import 'src/scss/_matrixdevice'; + +/******************************************************************************/ +/********************************* VARIABLES *********************************/ +/****************************************************************************/ +$tabs:'arms', 'augs', 'core', 'gear', 'options', 'social', 'magic', 'matrix', 'vehicle'; +$characterTypes: 'npc', 'pc'; +$specialCharacters: 'magic', 'resonance'; +$npcTypes: 'grunt', 'host', 'sprite', 'vehicle'; + +/***************************************************************************************/ +/************************** START OF THE PC SHEET *************************************/ +/*************************************************************************************/ + .sheet-pc { + background-color: #333; + background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/Blackbackground.jpg'); + background-size : cover; + border : 3px solid; + box-shadow : inset 0px 0px 3px 1px #7c7c7c; + margin-left : -1%; + padding-left : 0.5%; + + button > h2:hover, + button > span:hover, + label > button[type='roll']:hover, + .sheet-repeat-box button[type='roll']:hover, + .sheet-con-track button[type='action']:hover, + button[data-i18n="default"]:hover { + color : #fff; + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px $red; + } + + hr { margin: 7px 0px -2px 0px; } + + .sheet-tabs { + @extend %display-inline-grid; + grid-template-columns: 1fr 5em 1fr 5em 2.5em 5em 5em 5em 5em 5em 5em 5em; + grid-column-gap: 0.25%; + padding: 0px 1% 3% 1%; + margin-top: 1%; + grid-row-gap: 10%; + + button[type='roll'] {grid-area: 2 / 5 / 2 / 5;} + + /***** PLAYER DATA INPUTS *****/ + h1 { + background-color: transparent; + color: #fff; + display: inline-block; + font-size : 1em; + grid-column: 6 / 8; + letter-spacing: 2px; + line-height : 20px; + margin-left: 5%; + text-align: right; + text-transform : uppercase; + } + + h2 { + &[data-i18n-title='/w GM'] { grid-area: 2 / 1 / 2 / 1; } + &[data-i18n-title='wounds'] { grid-area: 2 / 3 / 2 / 4; } + &[data-i18n-title='modifiers'] { grid-area: 3 / 1 / 3 / 1; } + &[data-i18n-title='edge'] { grid-area: 3 / 3 / 3 / 4; } + } + + @each $highlightButton in $tabs { + input[value*='#{$highlightButton}'] ~ button[name*='#{$highlightButton}'] { + @extend %highlight-button; + } + } + + img { + grid-area: 1 / 1 / 2 / 6; + height: 100%; + width: 100%; + } + + label { + &[data-i18n-title='character name'] > input[type='text'], + &[data-i18n-title='player name'] > input[type='text'] { + color : #fff; + font-weight : bolder; + background-color: transparent; + border : none; + box-shadow : none; + border-bottom : 2px solid #fff; + border-radius : 0px; + height : 30px; + width : 100%; + grid-column: 4; + } + + &[data-i18n-title='character name'] { grid-area: 1 / 8 / 1 / 14; } + &[data-i18n-title='player name'] { grid-area: 2 / 8 / 2 / 14; } + + &[data-i18n-title='whisper rolls to gm']{ grid-area: 2 / 2 / 2 / 3; } + &[data-i18n-title='wounds'] { grid-area: 2 / 4 / 2 / 5;} + &[data-i18n-title='modifiers'] { grid-area: 3 / 2 / 3 / 3;} + &[data-i18n-title='edge'] { grid-area: 3 / 4 / 3 / 5;} + } + } + + input[type='checkbox'], + input[type='radio'] { + @extend %toggleRelative; + + & + span { font-family: 'pictos'; } + + &:checked + span { color: $red; } + } + + select { + height: 1.8em; + padding: 0px; + } + + div.sheet-core-info { + h2{ margin-right: 1%; } + + input[type='text'], input[type='number'] { + background-color: transparent; + border: none; + + &:placeholder-shown { + background-color: $graytrans; + } + } + } + + input.sheet-display-flag { position: absolute; } + + /***** REPEATING CONTAINERS *****/ + + div.repitem { + input[type='number'] { + text-align: center; + width: 2.5em; + } + } + + /***** SKILLS *****/ + div.sheet-skill-box { + button[type='roll'] { + font-size: 1em; + text-align: left; + } + + h2:nth-of-type(1n+2) { text-align: center; } + + label { + display : inline-block; + font-size : 0.8em; + text-transform: capitalize; + + &[data-i18n-title='ratingmodifier'] { grid-area: 2 / 3 / 2 / 6; } + &[data-i18n-title='specializations'] { grid-area: 3 / 1 / 3 / 6; } + &[data-i18n-title='notes'], textarea { grid-area: 4 / 1 / 4 / 6; } + + & > input { + @extend %borderBottom; + text-align: left; + border-radius: 0px; + width: 100%; + } + } + + input[name='attr_skill'] { @extend %borderBottom; } + + div.sheet-row-long { + display: inline-grid; + grid-column-gap: 1%; + grid-row-gap: 2%; + grid-template-columns: 1fr 3.5em 5em 5em 1.5em; + padding: 1%; + width: 100%; + + h3:nth-of-type(1n+2) { text-align: center; } + } + + select.sheet-attribute-select { + option:nth-of-type(1n+9) { color: #7a2593; } + option:nth-of-type(1n+5) { color: $red; } + } + + select.sheet-limit-select { + option:nth-of-type(1n+5) { color: $red; } + } + } + } + @import 'src/scss/_pc'; + +/******************************************************************************************/ +/**************************** START OF THE NPC SHEET *************************************/ +/****************************************************************************************/ + @import 'src/scss/_npc'; + +/**************************************************************************/ +/***************** PC & NPC SHEET SHOW & HIDE SETTINGS *******************/ +/************************************************************************/ + +/* DISPLAY SETTINGS + ============================= */ + @import 'src/scss/_hide'; + + +/*****************************************************************************************/ +/**************************************** FOOTER ****************************************/ +/***************************************************************************************/ + /**** Footer ****/ + .sheet-footer { + border : none; + font-size : 0.55em; + line-height: 15px; + margin-top : 15px; + text-align : left; + width : 700px;} + + div.sheet-footer div { + display: inline-block; + width: 90%; + } + + div.sheet-footer img { + float: right; + vertical-align: top; + width: 5%; + } + +/********************************************************************************************************/ +/**************************************** REPEATING SECTIONS *******************************************/ +/********************************************************************************************************/ + @import 'src/scss/_repeatingsection'; + +/********************************************************************************************************/ +/**************************************** Roll template *******************************************/ +/********************************************************************************************************/ + + @import 'src/scss/_rolltemplate'; + +/********************************************************************************************************/ +/******************************* Charactermancer ****************************************/ +/******************************************************************************************************/ + @import 'src/scss/_importer'; + + +/********************************************************************************************************/ +/******************************* FireFox *******************************************/ +/******************************************************************************************************/ + +input[type=number]::-webkit-outer-spin-button, +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0;} + +input[type=number] { + -moz-appearance:textfield;} + + + /********************************************************************************************/ +/***************** French Adjustments ********************************/ +/*******************************************************************************************/ + @import 'src/scss/_lang-fr'; \ No newline at end of file diff --git a/Shadowrun5thEdition/src/arms.html b/Shadowrun5thEdition/src/arms.html new file mode 100644 index 0000000000..da805303fa --- /dev/null +++ b/Shadowrun5thEdition/src/arms.html @@ -0,0 +1,222 @@ +
+
+

Weapons

+
+
+
+

Ranged

+
+
+
+
+

Melee

+
+
+
+
+
+ +
+

Weapon

Dam

Acc

AP

Mode

RC

Ammo

+
+
+
+ +
+
+ + + + + + + +
+ + + +
+
+ + + + + +
+
+ Exotics are not linked to skills. Use Modifier Dice input to set skill dice. +
+
+
+ + +
+
+
+
+
+
S
+ +
+
+
+
+ +
+
+ i +
+
+
+
+
+
+ +
+
+
+

Weapon

Reach

Dam

Acc

AP

+
+
+
+ +
+
+ + + + + + +
+ + + + + +
+ Exotic weapons are currently not linked to the skills section. Use Modifier Dice input to set dicepool. +
+
+
+ + +
+
+
+
+
+
S
+ +
+
+
+
+
+ i +
+
+
+
+ +
+
+
+
+
+
+

Armor

+
+
+
+

Armor

Rating

Acid

Cold

Elec.

Fire

Radi.

+
+
+ +
+
+ + + + + + + +
+ + +
+
+ + +
+
+
+
+
+
S
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+ i +
+
+
+
+ +
+
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/augs.html b/Shadowrun5thEdition/src/augs.html new file mode 100644 index 0000000000..f38793e76e --- /dev/null +++ b/Shadowrun5thEdition/src/augs.html @@ -0,0 +1,34 @@ +
+
+

Augmentations

+
+
+
+

Augementation

Rating

Essence

+
+
+ +
+
+ + + + + +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/complexforms.html b/Shadowrun5thEdition/src/complexforms.html new file mode 100644 index 0000000000..5c2ee7bc2c --- /dev/null +++ b/Shadowrun5thEdition/src/complexforms.html @@ -0,0 +1,51 @@ +
+ +
+
+ + + + +
+ + + + + +
+ + +
+
+
+ +
+
+
+
+ i +
+
+
+
+ +
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/core.html b/Shadowrun5thEdition/src/core.html new file mode 100644 index 0000000000..099de45a77 --- /dev/null +++ b/Shadowrun5thEdition/src/core.html @@ -0,0 +1,212 @@ +
+
+

Core Combat Info

+
+
+
+

Primary Armor

+ +

Rating

+ +
+ + + + + + +
+
+
+

Primary Ranged Weapon

+ + + + + +
+
+

Dam

+

ACC

+

AP

+

Mode

+

RC

+

Ammo

+ + + +
+
+

Primary Melee Weapon

+ +
+
+

Reach

+

Dam

+

ACC

+

AP

+
+
+
+
+ +
+

Condition Monitor

+
+
+ x +
+ + + + + + / +
+ +
+ +
+ Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank. +
+
+
+
+ + +
+ + + +
-1
+ + +
-2
+ + +
-3
+ + +
-4
+ + +
-5
+ + +
-6
+
+
+
+
+
+
+ + +
+ + + +
-1
+ + +
-2
+ + +
-3
+ + +
-4
+ + +
-5
+
+
+ For every 3 boxes of damage on any one damage track, the character takes a -1 Dice Pool modifier on tests; these modifiers are cumulative within and across damage tracks. +
+
+
+
+
+
+ +
+
+ +

Qualities

+
+
+
+
+ +

Martial Arts

+
+
+
+
+ +
+
+

Quality

Type

+
+
+ + + +
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+

Technique

Style

+
+
+ +
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/footer.html b/Shadowrun5thEdition/src/footer.html new file mode 100644 index 0000000000..02b7850eba --- /dev/null +++ b/Shadowrun5thEdition/src/footer.html @@ -0,0 +1,8 @@ +
+
+ The Topps Company, Inc. has sole ownership of the names, logo, artwork, marks, photographs, sounds, audio, video and/or any proprietary material used in connection with the game Shadowrun. The Topps Company, Inc. has granted permission to use such names, logos, artwork, marks and/or any proprietary materials for promotional and informational purposes on its website but does not endorse, and is not affiliated with any official capacity whatsoever. + + Version +
+ +
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/gear.html b/Shadowrun5thEdition/src/gear.html new file mode 100644 index 0000000000..db2d5abf52 --- /dev/null +++ b/Shadowrun5thEdition/src/gear.html @@ -0,0 +1,30 @@ +
+

Gear

+
+
+
+

Item

Rating

+
+
+ +
+
+ + + + +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/hidden.html b/Shadowrun5thEdition/src/hidden.html new file mode 100644 index 0000000000..9b7f5296a5 --- /dev/null +++ b/Shadowrun5thEdition/src/hidden.html @@ -0,0 +1,142 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Shadowrun5thEdition/src/importer.html b/Shadowrun5thEdition/src/importer.html new file mode 100644 index 0000000000..7e47ce8634 --- /dev/null +++ b/Shadowrun5thEdition/src/importer.html @@ -0,0 +1,74 @@ + + +
+

Shadowrun Fifth Edition Character Importer

+

Setup

+

This will import character JSON data generated from Chummer 5. This is an experimental feature which is not 100% completed. It will save you a bit of time when bringing a character to Roll20.

+

Pick Character Builder

+
+ + +
+
+

Enter JSON Here

+ + + +
+ +

Results

+ +

Enter a JSON string in the text area above.

+
+

Character data to be updated

+

Import button has not been pressed yet.

+

Character data not to be updated

+

Import button has not been pressed yet.

+
+

Show Hidden Inputs

+ + + +
+ +

Complete

+

After reviewing the data above, click Apply. This will overwrite data on the sheet where applicable.

+

Chummer Notes

+
    +
  • + Chummer frequently has the wrong information for Weapons. Review them in the Arms tab after clicking apply. +
    • +
  • + Specializations will not be applied to Weapons or Magic. You will need to manually update the checkbox. +
    • +
  • + Vehicles will not be imported. +
    • +
  • + Complex Forms will not be imported. +
    • +
+
+ +
+ +
+ +
+
+ + + +
+
+

Importing your Shadowrun character...overwriting previous data

+ emerald productions, llc +
+
+ diff --git a/Shadowrun5thEdition/src/magic.html b/Shadowrun5thEdition/src/magic.html new file mode 100644 index 0000000000..83ef66d644 --- /dev/null +++ b/Shadowrun5thEdition/src/magic.html @@ -0,0 +1,192 @@ +
+

Spells

Type

Range

Duration

Drain

+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+ + +
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+ +
+
+ +
+ + + + + +
+ + +
+
+
+ +
+ i +
+
+
+
+ +
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/matrix.html b/Shadowrun5thEdition/src/matrix.html new file mode 100644 index 0000000000..3aa2218ba3 --- /dev/null +++ b/Shadowrun5thEdition/src/matrix.html @@ -0,0 +1,138 @@ +

Cyberdeck

+
+
+
+ +
+
+ + + + + + +
+
+

Total

Temp

modifier

Base

Base slider


+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+ +
= + + + + + +
+
+ + + + + + + + + + +
+
+
+
+

Condition Monitor

+ + + + + + + + + + + + +
+

Programs

+
+
+ x +
+
+ + + +
+
+
+ Q + +
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/options.html b/Shadowrun5thEdition/src/options.html new file mode 100644 index 0000000000..d0ab4cd61a --- /dev/null +++ b/Shadowrun5thEdition/src/options.html @@ -0,0 +1,59 @@ +
+
+

Options

+
+
+
+
+

Character


+
+
+ +
+
+
+

Sheet Select


+ +
+
+
+

Importer

+ +

You can import a character with a JSON from Chummer. The game owner must set a Compendium in the Game Settings. It does not matter which one you pick. Charactermancer software simply requires one be picked.

+
+
+
+
+

Temporary Modifiers


+ + +
+ + + + + + + + + + +
+ + +
+ + + +
+
+
+
+
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/powers.html b/Shadowrun5thEdition/src/powers.html new file mode 100644 index 0000000000..078c61a820 --- /dev/null +++ b/Shadowrun5thEdition/src/powers.html @@ -0,0 +1,31 @@ +
+

Adept Powers or Other Abilities

+
+
+
+
+
+

Name

Rating

+
+
+ +
+
+ + + + +
+
+
+ +
+
+
+
+
+
+ +
+
+
diff --git a/Shadowrun5thEdition/src/pug/_mixins.pug b/Shadowrun5thEdition/src/pug/_mixins.pug new file mode 100644 index 0000000000..1478ad011c --- /dev/null +++ b/Shadowrun5thEdition/src/pug/_mixins.pug @@ -0,0 +1,89 @@ +//- ROLL BUTTON +mixin rollButton(header, base, rollFormula) + button(data-i18n=header name=header type='roll' value!=rollBeginging+'{{header=^{'+header+'}}}{{base='+base+'}}{{dice=[[(('+rollFormula+')'+rollEnding) #{header} + +//- SKILL BUTTON +mixin skillButton(specialization) + - const rollName = specialization === true ? 'specialization' : 'skill'; + - const rollFormula = specialization === true ? '@{dicepool}+@{attribute}+2' : '@{dicepool}+@{attribute}'; + - const desc = specialization === true ? 'Spec: @{specialization}, @{display_limit}' : '@{display_limit}'; + - const display = specialization === true ? 'attr_display_specialization' : 'attr_display'; + button(name=rollName type='roll' value!=rollBeginging+'{{header=@{skill}}}{{base=@{display_attribute}}}{{dice=[[(('+rollFormula+')'+rollEnding+'{{desc='+desc+'}}') + span(name=display) + +//- SOAK ROLL +mixin soakRoll(header, base, rollForumla) + button(data-i18n=header name=header type='roll' value!=soakRollBeginging+'{{header=^{'+header+'}}}{{base='+base+'}}{{dice=[[(('+rollForumla+')'+soakRollEnding) #{name} + +//- SPRITE BUTTONS +mixin spriteButton(header, display) + button(name=header type='roll' value!=rollBeginging+'{{header=@{'+header+'}}}{{base=^{level}}}{{dice=[[((@{level}+@{level})'+rollEnding) + span(name='attr_'+display) + +//- BUTTONS FOR NPCS +mixin npcButton(button) + button(name=button['name'] type='roll' value!=rollBeginging+'{{header=@{'+button['header']+'}}}{{base=^{base}}}{{dice=[[(('+button['rollFormula']+')'+rollEnding+button['desc']) + span(name='attr_'+button['display']) + +//- NPC ATTRIBUTE ROLLS +mixin npcAttributeButton(attribute, rollFormula) + - const abbreviation = attribute.slice(0,1).toLowerCase(); + button(data-i18n=abbreviation name=attribute type='roll' value!=rollBeginging+'{{header=^{'+attribute+'}}}{{base=^{base}}}{{dice=[[(('+rollFormula+')'+rollEnding) #{abbreviation} + +//- ATTRIBUTE SELECTS +mixin attributeSelect(selectedDefault) + each attribute in attributesArray + - const attributeName = attribute.toLowerCase(); + if attribute === selectedDefault + option(data-i18n=attributeName value='@{' + attributeName + '}' selected) #{attribute} + else + option(data-i18n=attributeName value='@{' + attributeName + '}') #{attribute} + +//- LIMIT SElECTS +mixin limitSelect(selectedDefault) + option(value='none') - + each val, key in limitObject + - const attributeName = key.toLowerCase().replace(' ', '_'); + if key === selectedDefault + option(data-i18n=attributeName value='@{' + val + '}' selected) #{key} + else + option(data-i18n=attributeName value='@{' + val + '}') #{key} + +//- HOST & SPRITE NPCS +mixin hostSprite(object, attrName) + each val, key in object + - const base = '^{'+attrName+'}', rollForumla = '@{'+attrName+'}+@{'+val[0]+'}'; + +rollButton(val[0], base, rollForumla) + span(name='attr_'+val[0]) + label.settings(data-i18n-title=val[0] title=key) + input(name='attr_'+val[0] placeholder=val[1] title='@{'+val[0]+'}' type='number' value='') + +//- INITITAITVE ROLL +mixin initiativeRoll(name, attribute, translation) + button(data-i18n=translation name=name type='roll' value!=rollBeginging+'{{header=^{'+translation+'}}}{{base=^{base}}}{{dice=[[((@{'+attribute+'_mod})+@{wounds_toggle}+@{modifiers_toggle})+(@{'+attribute+'_dice})d6cf0 &{tracker}]]}}') #{name} + +//- NPC CONDITION MONITOR +mixin conditionMonitor(conditionTypes) + each val in conditionTypes + label.settings(data-i18n-title=val+'bonus' title=val+'bonus') + input(name='attr_'+val+'_modifier' placeholder='0' title='@{'+val+'_modifier}' type='number' value='0') + if val === 'physical' + span.settings / + span.settings.tiny-span() = + each val in conditionTypes + span(name='attr_'+val title='@{'+val+'_modifier}') + if val === 'physical' + span / + +//- PC FADE & DRAIN ROLLS +mixin fadeDrainSection(fadeOrDrain) + - const defaultFirstAttribute = fadeOrDrain === 'fade' ? 'Resonance' : 'Logic'; + +soakRoll(fadeOrDrain, '^{base}', '@{'+fadeOrDrain+'_attribute_1}+@{'+fadeOrDrain+'_attribute_2}+@{'+fadeOrDrain+'_modifier}') + select.attribute-select(name='attr_'+fadeOrDrain+'_attribute_1' title='@{'+fadeOrDrain+'_attribute_1}') + +attributeSelect(defaultFirstAttribute) + span + + select.attribute-select(name='attr_'+fadeOrDrain+'_attribute_2' title='@{'+fadeOrDrain+'_attribute_2}') + +attributeSelect('Willpower') + h3(data-i18n='modifier') modifier + label(data-i18n-title='modifier' title='modifier') + input(name='attr_'+fadeOrDrain+'_modifier' title='@{'+fadeOrDrain+'_modifier}' type="number" value=0) \ No newline at end of file diff --git a/Shadowrun5thEdition/src/pug/_npc.pug b/Shadowrun5thEdition/src/pug/_npc.pug new file mode 100644 index 0000000000..fa8ed5593c --- /dev/null +++ b/Shadowrun5thEdition/src/pug/_npc.pug @@ -0,0 +1,435 @@ +.npc + .tabs + img(alt='Shadowrun black and metallic logo' src='https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadowrun5thEdition/images/ShadowrunLogo.png') + h2(data-i18n-title='/w GM') /w GM + label.switch(data-i18n-title='whisper rolls to gm' title='whisper rolls to gm') + input.whisper-toggle(name='attr_gm_toggle' type='checkbox' value='/w gm') + span.slider + each val, key in {'wounds': '@{wounds}', 'modifiers':'?{Modifiers +/-|0}', 'edge':'@{edge}'} + h2(data-i18n-title=key) #{key} + label.switch(data-i18n-title=key title=key) + input.whisper-toggle(name='attr_'+key+'_toggle' type='checkbox' value=val) + span.slider + button(name='d6' title='Roll D6s' type='roll' value='@{gm_toggle} &{template:rolls}{{header=^{d6}}}{{base=^{d6}}}{{dice=[[(?{d6s|0}d6>5)]]}}') L + select(name='attr_sheet_type' title='Sheet Type') + each val in ['Grunt', 'Host', 'Sprite', 'Vehicle', 'PC'] + - const attrName = val.toLowerCase(); + option(value=attrName data-i18n=attrName) #{val} + input(name='attr_stats_toggle' type='checkbox' value='settings' checked) + span.pictos y + input(name='attr_stats_toggle' type='hidden' value='settings') + + //- ATTRIBUTES + .grunt.attribute + each val in coreAttributeArray + - const attrName = val.toLowerCase(); + +npcAttributeButton(attrName, '@{'+attrName+'}+@{attribute_roll}') + span(name='attr_display_'+attrName) + label.settings(data-i18n-title=val title=val) + input(name='attr_'+attrName+'_base' placeholder='3' title='@{'+attrName+'_base}' type='number' value='3') + label.settings(data-i18n-title='modifier' title='modifier') + input(name='attr_'+attrName+'_modifier' placeholder='+' title='@{'+attrName+'_modifier}' type='number' value='') + //- EDGE + +npcAttributeButton('edge', '@{edge}+@{attribute_roll}') + span(name='attr_edge') + label.settings(data-i18n-title='edge' title='edge') + input(name='attr_edge' placeholder='3' title='@{edge}' type='number' value='3') + //- ESSENCE + h1(data-i18n='ess') ess + span(name='attr_essence') + label.settings(data-i18n-title='essence' title='essence') + input(name='attr_essence' placeholder='6' title='@{essence}' type='number' value='6') + each val, key in {'magic': 'magic', 'force': 'magic', 'resonance': 'resonance'} + - const abbreviation = key.slice(0,1); + h1(class='hide-'+val data-i18n=abbreviation) #{abbreviation} + span(class='hide-'+val name='attr_'+key) + label.settings(class='hide-'+val data-i18n-title=key title=key) + input(name='attr_'+key placeholder='6' title='@{'+key+'}' type='number' value='6') + .host.attribute + +hostSprite(hostObject, 'host_rating') + .vehicle.attribute + each val, key in {'Hand': ['handling', 'hand'], 'Hand (Off)': ['handling_offroad', 'handoff'], 'Speed': ['speed', 'speed'], 'Speed (Off)': ['speed_offroad', 'speedoff'], 'Accel': ['acceleration', 'accel'], 'Body': ['body', 'body'], 'Pilot': ['pilot', 'pilot'], 'Sensor': ['sensor', 'sensor'], 'Seat': ['seating', 'seat']} + if key === 'Pilot' + +rollButton(val[1], '^{pilot}', '@{pilot}+@{pilot}') + else + h1(data-i18n=val[1]) #{key} + span(name='attr_'+val[0]) + label.settings(data-i18n-title=val[1] title=key) + input(name='attr_'+val[0] placeholder='3' title='@{'+val[0]+'}' type='number' value='') + .sprite.attribute + +hostSprite(spriteObject, 'level') + + //-BODY + .mid.body + .column + h1.settings(data-i18n='bonuses') Bonuses + //- PROFESSIONAL RATINGS + input(name='attr_pr' type='hidden' value='') + .rows.grunt + h2(data-i18n='pr') Professional Rating + span(name='attr_pr' style='margin-left: 2%;') + label.settings(data-i18n-title='pr' title='Professional Rating') + input(name='attr_pr' title='@{pr}' type='number') + + //- INITAITIVE + each val, key in {'Initiative': ['initiative', 'initiative', 'grunt'], 'Astral Initiative': ['astral', 'astralinitiative', 'grunt hide-magic'], 'Matrix Initiative': ['matrix', 'matrixinitiative', 'grunt vehicle sprite host']} + .rows(class=val[2]) + +initiativeRoll(key, val[0], val[1]) + label.settings(data-i18n-title='modifier' title='modifier') + if key === 'Initiative' + input(name='attr_'+val[0]+'_modifier' placeholder='0' title='@{'+val[0]+'_modifier}' type='number' value='0') + else + input(name='attr_'+val[0]+'_mod_modifier' placeholder='0' title='@{'+val[0]+'_modifier}' type='number' value='0') + span.settings + + label.settings(data-i18n-title='modifierdice' title='Modifier Dice') + input(min='0' max='4' name='attr_'+val[0]+'_dice_modifier' placeholder='0' title='@{'+val[0]+'_dice_modifier}' type='number' value='0') + span.settings(data-i18n='d6') d6 + span.settings.tiny-span() = + span(name='attr_display_'+val[0]+'_mod') + span.tiny-span() + + span(name='attr_'+val[0]+'_dice') + span.tiny-span(data-i18n='d6') d6 + + //- MOVEMENT + .rows.grunt + h2(data-i18n='movement') Movement + - const movementObject = {'walk': ' / ', 'run': ' / + ', 'movement_mod': ''} + each val, key in movementObject + - const translationKey = key.includes('mod') ? 'movement' : key; + - const placeholderValue = key.includes('movement') ? '2' : '0'; + label.settings(data-i18n-title=translationKey + ' modifier' title=translationKey + ' modifier') + input(name='attr_'+key+'_modifier' placeholder=placeholderValue title='@{'+key+'_modifier}' type='number' value=placeholderValue) + span.settings #{val} + span.settings.tiny-span() = + each val, key in movementObject + span(name='attr_'+key title='@{'+key+'}') + span #{val} + + //- CONDITION MONITORS + .rows.grunt + button(data-i18n='conditionmonitorps' name='act_cond_reset' type='action') Condition Monitor (P/S) + +conditionMonitor(['physical', 'stun']) + .rows.vehicle + button(data-i18n='conditionmonitorpm' name='act_cond_reset' type='action') Condition Monitor (P/M) + +conditionMonitor(['physical', 'matrix']) + .rows.host.sprite + button(data-i18n='conditionmonitorm' name='act_cond_reset' type='action') Condition Monitor (M) + span(name='attr_matrix') + + //- PHYSICAL, MENTAL, SOCIAL + .rows.grunt + each val in ['Physical', 'Mental', 'Social'] + - const attrName = val.toLowerCase(); + h2(data-i18n=attrName) val + label.settings(data-i18n-title='modifier' title='modifier') + input(name='attr_'+attrName+'_limit_modifier' placeholder='0' title='@{'+attrName+'_limit_modifier}' type='number' value='0') + span.settings.tiny-span() = + span(name='attr_'+attrName+'_limit' title='@{'+attrName+'_limit}') + + //- PAIN TOLERANCE + .rows.grunt.pain-tolerance + h2(data-i18n='paintolerance') Pain Tolerance + label.settings(data-i18n-title='paintolerance' title='paintolerance') + input(name='attr_pain_tolerance' min='-1' max='3' placeholder='0' title='@{pain_tolerance}' type='number' value='0') + em + span(data-i18n='painfooter') Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank. + + //- MATRIX ATTRIBUTES + .rows.vehicle + each val, key in {'Data Processing': ['data_processing', 'data_processing'], 'Firewall': ['firewall', 'firewall'], 'Device Rating': ['device_rating', 'devicerating']} + .rows + h2(data-i18n=val[1]) key + label.settings(data-i18n-title=val[1] title=val[1]) + input(name='attr_'+val[0] min='0' placeholder='0' title='@{'+val[0]+'}' type='number' value='') + span.settings.tiny-span() = + span(name='attr_'+val[0]) + + //- MODIFIERS + .column + h1.settings(data-i18n='modifier') Modifier + .rows + +rollButton('armorrating', 'base', '@{soak}') + label.settings(data-i18n-title='armorrating' title='armorrating') + input(,ame='attr_armor_rating' placeholder='9' title='@{armor_rating}' type='number' value='0') + each val, key in {'Defense': ['defense', 'defense'], 'Soak': ['soak', 'soak'], 'Acid Protection': ['acid', 'acidprotection'], 'Cold Protection': ['cold', 'coldprotection'], 'Electrical Protection': ['electrical', 'electricalprotection'], 'Fire Protection': ['fire', 'fireprotection'], 'Radiation Protection': ['radiation', 'radiationprotection']} + .rows + +rollButton(val[1], 'base', '@{soak}+@{'+val[0]+'_modifier}') + label.settings(data-i18n-title=val[1] title=val[1]) + input(name='attr_'+val[0]+'_modifier' placeholder='0' title='@{'+val[0]+'_modifier}' type='number' value='0') + if (key === 'Defense' || key === 'Soak') + span.settings.tiny-span() = + span(name='attr_'+val[0]) + + ///- OPTIONS + .column + .rows + h1.settings(data-i18n='options') Options + .rows.grunt + each val, key in {'Mundane': ['mundane', 'mundane'], 'Awakened': ['awakened', 'magic'], 'Emerged': ['emerged', 'resonance']} + label.settings(data-i18n-title=val[0] title=val[0]) + input.character-type(name='attr_flag_special' title='@{flag_special}' type='radio' value=val[1]) + h2(data-i18n=val[0]) key + .rows.host.grunt.vehicle + label.settings(data-i18n-title=matrixdevice title='Matrix Device') + input.character-type(name='attr_flag_matrix' title='@{flag_matrix}' type='checkbox' value='matrix') + h2(data-i18n=matrixdevice) Matrix Device + .rows.vehicle + label.settings(data-i18n-title=drone title='Drone') + input.character-type(name='attr_flag_drone' title='@{flag_drone}' type='checkbox' value='drone') + h2(data-i18n=drone) Drone + + .end.body + //- TEXTBOXES + each val, key in {'Qualities': 'grunt', 'Augmentations': 'grunt', 'Gear': 'grunt vehicle', 'Programs': 'vehicle', 'Modifications': 'vehicle', 'Powers': 'grunt hide-magic', 'Weakness': 'grunt hide-magic'} + - const attrName = key === 'Qualities' ? 'quality' : key.toLowerCase(); + input(name='attr_'+attrName type='hidden' value='') + .textrow(class=val) + h1(data-i18n=attrName) key + span(name='attr_'+attrName) + label.settings(data-i18n-title=attrName title=key) + textarea(name='attr_'+attrName placeholder=key title='@{'+attrName+'}') + + each val, key in {'Initiate': ['grunt hide-magic', 'metamagic'],'Submersion': ['grunt hide-resonance', 'echos']} + - const attrName = key.toLowerCase(); + .textrow(class=val[0]) + input(name='attr_'+attrName type='hidden' value='') + h1(data-i18n=attrName) key + span(name='attr_'+attrName) + label.settings(data-i18n-title=attrName title=key) + input(name='attr_'+attrName placeholder=attrName type='number' title='@{'+attrName+'}') + br + span(name='attr_'+val[1]) + label.settings(data-i18n-title=val[1] title=val[1]) + textarea(name='attr_'+val[1] placeholder=val[1] title='@{'+val[1]+'}') + + //- SKILLS + each val, key in {'active': ['skills', 'Agility', 'Physical'],'knowledge':['knowledgeskills', 'Logic', 'Mental'], 'language': ['languageskills', 'Charisma', 'Social']} + .rows.grunt.repeating.inline-repeating + h1(data-i18n=val[0]) #{val[0]} + fieldset(class='repeating_'+key) + input(name='attr_display_rating' type='hidden') + input(name='attr_display_specialization' type='hidden' value='') + input(name='attr_display_limit' type='hidden' value=val[2]) + input(name='attr_display_attribute' type='hidden' value=val[1]) + input(name='attr_dicepool' type='hidden' value='0') + input.toggle(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + //- SKILL BUTTON + +skillButton(false) + //- SPECILIZATION BUTTON + +skillButton(true) + span(name='attr_display_rating') + .settings + h2(data-i18n='skill') Skill + h2(data-i18n='rating') Rating + h2(data-i18n='ratingmodifier') Rating Modifier + h2(data-i18n='attribute') Attribute + h2(data-i18n='limit') Limit + if key === 'active' + select.skill-select(name='attr_skill' title='@{repeating_'+key+'_${x}_skill}' value='Close Combat Group') + include skillselect.html + else + label(data-i18n-title='skill' title='skill') + input(name='attr_skill' placeholder=key title='@{repeating_'+key+'_${x}_skill}' type='text' ) + label(data-i18n-title='rating' title='rating') + input(name='attr_rating' min='0' placeholder='0' title='@{repeating_'+key+'_${x}_rating}' type='number') + label(data-i18n-title='ratingmodifier' title='Rating Modifier') + input(name='attr_rating_modifier' min='0' placeholder='0' title='@{repeating_'+key+'_${x}_rating_modifier}' type='number' ) + select.attribute-select(name='attr_attribute' title='@{repeating_'+key+'_${x}_attribute}') + +attributeSelect(val[1]) + select.limit-select(name='attr_limit' title='@{repeating_'+key+'_${x}_limit}' value='physical_limit') + +limitSelect(val[2]) + h2.full-row(data-i18n='specializations') Specializations + label.full-row(data-i18n-title='specializations' title='Specializations') + input(name='attr_specialization' placeholder='Specalizations' title='@{repeating_'+key+'_${x}_specialization}' type='text') + + //- SPRITE ACTIVE SKILLS + .rows.sprite.repeating.inline-repeating + h1(data-i18n='skills') skills + fieldset(class='repeating_active') + input.toggle(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + //- SKILL BUTTON + +spriteButton('skill', 'display') + .settings + h2.full-row(data-i18n='skill') Skill + select.skill-select(name='attr_skill' title='@{repeating_'+key+'_${x}_skill}') + include skillsselectsprite.html + + //- SPRITE POWERS + .rows.sprite.repeating.inline-repeating + h1(data-i18n='powers') Powers + fieldset(class='repeating_powers') + input.toggle(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + +spriteButton('power', 'power') + .settings + h2.full-row(data-i18n='power') power + label.full-row(data-i18n-title='power' title='power') + input(name='attr_power' placeholder='power' title='@{repeating_powers_${x}_power}' +' power name' type='text' ) + h2.full-row(data-i18n='notes') Notes + label.full-row(data-i18n-title='notes' title='notes') + textarea(name='attr_notes' placeholder='Powers notes' title='@{repeating_powers_${x}_notes}' value='') + + //- WEAPONS + .rows.grunt.vehicle.repeating.weapons + h1(data-i18n='weapons') Weapons + fieldset(class='repeating_weapon') + input(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + input(name='attr_weapon' type='hidden' value='') + span(name='attr_weapon_dice') + +npcButton(weaponButton) + .settings + input(name='attr_weapon_range' type='hidden' value='range') + each val, key in npcWeaponsObject + - const translationKey = key.toLowerCase(); + if (key !== 'Notes') + h2(data-i18n=translationKey) #{key} + each val, key in npcWeaponsObject + - const translationKey = key.toLowerCase(); + - const attrName = key === 'Dam' ? 'dv' : key === 'Modes' ? 'mode' : key === 'Notes' ? 'note' : key.toLowerCase(); + if (key === 'Range') + select(name='attr_weapon_'+attrName title='@{repeating_weapon_${x}_weapon_'+attrName+'}' value=val['default']) + option(data-i18n='range' value='range' selected) range + option(data-i18n='melee' value='melee') melee + else + label(data-i18n-title=translationKey title=key) + input(name='attr_weapon_'+attrName placeholder=val['placeholder'] title='@{repeating_weapon_${x}_weapon_'+attrName+'}' type=val['type']) + span (c) + + //- SPELLS + .rows.grunt.repeating.spells.hide-magic + h1(data-i18n='spells') Spells + fieldset(class='repeating_NPCspell') + input(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + input(name='attr_spell' type='hidden' value='') + span(name='attr_dice') + +npcButton(spellButton) + span(name='attr_spell') + .settings + input(name='attr_category' type='hidden' value='') + each val, key in npcSpellObject + - const translationKey = key.toLowerCase(); + if (key !== 'Notes') + h2(data-i18n=translationKey) #{key} + each val, key in npcSpellObject + - const translationKey = key.toLowerCase(); + - const attrName = key === 'Dam' ? 'damage' : key === 'Combat' ? 'combat_type' : key === 'Notes' ? 'note' : key.toLowerCase(); + if val['type'] === 'select' + select(name='attr_'+attrName title='@{repeating_NPCspell_${x}_'+attrName+'}' value=val['default']) + each type in val['array'] + - const i18n = key === 'Combat' ? type.split(' ')[0].replace(',','').toLowerCase() : type.toLowerCase(); + - const value = key === 'Type' ? type.slice(0,1) : type; + if val['default'] === i18n + option(data-i18n=i18n value=value 'selected') #{i18n} + else if i18n === 'force' + option(value=value 'selected') + else + option(data-i18n=i18n value=value) #{i18n} + else + label(data-i18n-title=translationKey title=key) + input(name='attr_'+attrName placeholder=val['placeholder'] title='@{repeating_NPCspell_${x}_'+attrName+'}' type=val['type']) + + //- COMPLEX FORMS + .rows.grunt.repeating.forms.hide-resonance + h1(data-i18n='complexform') Complex Forms + fieldset(class='repeating_form') + input(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + input(name='attr_form' type='hidden' value='') + span(name='attr_form_dice') + +npcButton(formButton) + span(name='attr_form') + .settings + each val, key in npcComplexFormsObject + - const translationKey = key.toLowerCase(); + if (key !== 'Notes') + h2(data-i18n=translationKey) #{key} + each val, key in npcComplexFormsObject + - const translationKey = key.toLowerCase(); + - const attrName = key === 'Notes' ? 'form_note' : 'form_' + key.toLowerCase(); + if val['type'] === 'select' + select(name='attr_'+attrName title='@{repeating_form_${x}_'+attrName+'}' value=val['default']) + each type in val['array'] + - const i18n = type.toLowerCase(); + - const value = type; + if val['default'] === i18n + option(data-i18n=i18n value=value 'selected') #{i18n} + else + option(data-i18n=i18n value=value) #{i18n} + else + label(data-i18n-title=translationKey title=key) + input(name='attr_'+attrName placeholder=val['placeholder'] title='@{repeating_form_${x}_'+attrName+'}' type=val['type']) + + //- IC + .rows.host.repeating.ic + h1(data-i18n='intrusioncountermeasures') Intrusion Countermeasures + fieldset(class='repeating_IC') + input(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + input(name='attr_IC' type='hidden' value='') + +npcButton(icButton) + span(name='attr_IC') + .settings + each val, key in icObject + - const translationKey = key.toLowerCase(); + if (key !== 'Notes') + h2(data-i18n=translationKey) #{key} + each val, key in icObject + - const translationKey = key.toLowerCase(); + - const attrName = key === 'IC Limit' ? 'limit' : key === 'Defense Attribute' ? 'attribute' : key === 'Defense Matrix Attribute' ? 'matrix' : key === 'Notes' ? 'note' : key.toLowerCase(); + if val['type'] === 'select' + select(name='attr_IC_'+attrName title='@{repeating_IC_${x}_'+attrName+'}' value=val['default']) + each type in val['array'] + - const i18n = type === 'Data Processing' ? 'data_processing' : type.toLowerCase(); + - const value = type; + if val['default'] === i18n + option(data-i18n=i18n value=value 'selected') #{i18n} + else + option(data-i18n=i18n value=value) #{i18n} + else + label(data-i18n-title=translationKey title=key) + input(name='attr_IC_'+attrName placeholder=val['placeholder'] title='@{repeating_IC_${x}_'+attrName+'}' type=val['type']) + + //- MATRIX DEVICE + input(name='attr_flag_matrix' type='hidden' value='') + .matrix.body.matrix-device + .rows + h1(data-i18n='matrixdevice') Matrix Device + label(data-i18n-title='device' title='device') + input(name='attr_device_name' placeholder='Sony CIY-720' type='text') + button(data-i18n='devicerating' name='device rating' value!=rollBeginging+'{{header=Matrix Resistance}}{{base=^{base}}}{{dice=[[((@{device_rating}+@{firewall})'+rollEnding type='roll') Device Rating + label.round(data-i18n-title='devicerating' title='devicerating') + input(name='attr_device_rating' placeholder='4' type='number' value='') + + each val in ['Attack', 'Sleaze', 'Data Processing', 'Firewall'] + - const attrName = val === 'Data Processing' ? 'data_processing' : val.toLowerCase(); + - const matrixClass = val === 'Data Processing' ? 'Data' : val; + .rows + button(data-i18n=attrName name=val value!='&{template:rolls}{{header=^{'+attrName+'}}}{{base=^{base}}}{{dice=[[(@{'+attrName+'}+(?{Attribute|Willpower,@{willpower}|Logic,@{logic}|Intuition,@{intuition}})+@{modifiers_toggle}+@{edge_toggle})d6>5@{explode_toggle}]]}}{{mod=[[@{modifiers_toggle}]]}}{{edge=[[@{edge_toggle}]]}}' type='roll') #{val} + .matrix-bubble(class='matrix'+matrixClass) + - let i = 1; + while i < 21 + input(name="attr_"+attrName value=i++ type="radio") + span + label.round(data-i18n-title=attrName title=attrName) + input(name='attr_'+attrName placeholder='4' type='number' value='') + .rows.repeating + h1(data-i18n='programs') Programs + fieldset(class='repeating_programs') + input.toggle(name='attr_flag' title='Settings toggle' type='checkbox' checked) + span.pictos x + input.toggle(name="attr_program_on" type="checkbox" checked) + span.pictos Q + button(name="program" type="roll" value="@{gm_toggle} &{template:rolls}{{header=@{program}}}{{desc=@{program_note}}}") + span(name="attr_program") + span(name="attr_program_note") + .settings + h2(data-i18n='name') name + label(data-i18n-title='name' title='name') + input(name="attr_program" placeholder="Program Name" title="@{repeating_programs_${x}_program}" type="text" value="") + h2(data-i18n='notes') notes + label(data-i18n-title='notes' title='notes') + textarea(name="attr_program_note" placeholder="Program Description" title="@{repeating_programs_${x}_program_note}" type="text" value="") diff --git a/Shadowrun5thEdition/src/pug/_variables.pug b/Shadowrun5thEdition/src/pug/_variables.pug new file mode 100644 index 0000000000..bcf485abfa --- /dev/null +++ b/Shadowrun5thEdition/src/pug/_variables.pug @@ -0,0 +1,34 @@ +- const coreAttributeArray = ['Body', 'Agility', 'Reaction', 'Strength', 'Willpower', 'Logic', 'Intuition', 'Charisma']; +- const attributesArray = ['Body', 'Agility', 'Reaction', 'Strength', 'Willpower', 'Logic', 'Intuition', 'Charisma', 'Magic', 'Resonance']; + +//- SPELL ARRAY +- const spellCatagories = ['Combat', 'Detection', 'Health', 'Illusion', 'Manipulation']; +- const spellTypes = ['Mana', 'Physical']; +- const spellRanges = ['LOS', 'LOS (A)', 'Special', 'T', 'T (A)']; +- const spellDurations = ['Instant', 'Permanent', 'Special', 'Sustained']; +- const spellCombatTypes = ['Force ', 'Direct, Force ', 'Indirect, Force ?{Force|}, AP -']; + +//- COMPLEX FORM ARRAY +- const formTargets = ['Device', 'File', 'Host', 'IC', 'Persona', 'Self', 'Sprite']; + +//- LOOP OBJECTS +- const limitObject = {'Mental':'mental_limit', 'Physical':'physical_limit', 'Social':'social_limit', 'Attack':'attack', 'Data Processing':'data_processing', 'Firewall':'firewall', 'Sleaze':'sleaze'}; +- const hostObject = {'Host Rating': ['host_rating', '5'], 'Attack': ['attack', '5'], 'Sleaze': ['sleaze', '6'], 'Data Processing': ['data_processing', '7'], 'Firewall': ['firewall', '8']}; +- const spriteObject = {'Level': ['level', '5'], 'Attack': ['attack', '5'], 'Sleaze': ['sleaze', '6'], 'Data Processing': ['data_processing', '7'], 'Firewall': ['firewall', '8']}; +- const npcWeaponsObject = {'Range': {'type': 'select', 'default': 'range'}, 'Dice': {'type': 'number', 'placeholder': '18'},'Name': {'type': 'text', 'placeholder': 'Ares Predator'}, 'Type': {'type': 'text', 'placeholder': 'Heavy Pistol'}, 'Reach': {'type': 'number', 'placeholder': '0'}, 'ACC': {'type': 'text', 'placeholder': '5'},'Dam': {'type': 'text', 'placeholder': '9P'}, 'AP': {'type': 'number', 'placeholder': '-2'},'Modes': {'type': 'text', 'placeholder': 'SA/BF/FA'},'Recoil': {'type': 'text', 'placeholder': '+2'},'Ammo': {'type': 'number', 'placeholder': '15'}, 'Notes': {'type': 'text', 'placeholder': 'w/ 3 clips of explosive rounds'}}; +- const npcSpellObject = {'Category': {'type': 'select', 'default': 'combat', 'array': spellCatagories}, 'Dice': {'type': 'number', 'placeholder': '18'}, 'Name': {'type': 'text', 'placeholder': 'Fireball'}, 'Type': {'type': 'select', 'default': 'P', 'array': spellTypes}, 'Range': {'type': 'select', 'default': 'LOS', 'array':spellRanges}, 'Duration': {'type': 'select', 'default': 'Instant', 'array':spellDurations}, 'Drain': {'type': 'number', 'placeholder': '-1'}, 'Combat': {'type': 'select', 'default': 'Force', 'array':spellCombatTypes}, 'Dam': {'type': 'text', 'placeholder': 'P'}, 'Notes': {'type': 'text', 'placeholder': 'may start fires'}}; +- const npcComplexFormsObject = {'Dice': {'type': 'number', 'placeholder': '18'}, 'Name': {'type': 'text', 'placeholder': 'Editor'}, 'Target': {'type': 'select', 'default': 'device', 'array': formTargets}, 'Duration': {'type': 'text', 'placeholder': 'Permanent'}, 'Fade': {'type': 'number', 'placeholder': '+2'}, 'Notes': {'type': 'text', 'placeholder': 'edit files'}}; +- const icObject = {'Name': {'type': 'text', 'placeholder': 'Black'}, 'IC Limit': {'type': 'select', 'default': 'attack', 'array':['Attack', 'Data Processing']}, 'Defense Attribute': {'type': 'select', 'default': 'willpower', 'array':['Willpower', 'Intuition', 'Logic']}, 'Defense Matrix Attribute': {'type': 'select', 'default': 'firewall', 'array':['Attack', 'Sleaze', 'Data Processing', 'Firewall']}, 'Notes': {'type': 'text', 'placeholder': 'deploy the ic'}}; + +//- BUTTON OBJECTS +- const formButton = {'name': 'complex form', 'header': 'form_name', 'rollFormula': '@{form_dice}', 'desc': '{{desc=?{Level|}, Fade [[?{Level|}+(@{form_fade})]]}}', 'display': 'form_name'}; +- const spellButton = {'name': 'spell', 'header': 'name', 'rollFormula': '@{dice}', 'desc': '{{desc=@{combat_type}?{Force|}, Drain [[?{Force|}+(@{drain})]]}}', 'display': 'name'}; +- const weaponButton = {'name': 'weapon', 'header': 'weapon_type', 'rollFormula': '@{weapon_dice}', 'desc': '{{desc=ACC @{weapon_acc}, DV @{weapon_dv}, AP @{weapon_ap}}}{{rea=[[@{weapon_reach}]]}}', 'display': 'weapon_name'}; +- const icButton = {'name': 'IC', 'header': 'Intrusion Countermeasures', 'rollFormula': '@{IC_attack}', 'desc': '', 'display': 'IC_name'}; + + +//- DIE ROLL VARIABLES +- const rollBeginging = '@{gm_toggle} &{template:rolls}{{mod=[[@{modifiers_toggle}]]}}{{wound=[[@{wounds_toggle}]]}}{{edge=[[@{edge_toggle}]]}}'; +- const rollEnding = '+@{wounds_toggle}+@{modifiers_toggle}+@{edge_toggle})d6>5@{explode_toggle}]]}}'; +- const soakRollBeginging = '@{gm_toggle} &{template:rolls}{{mod=[[@{modifiers_toggle}]]}}{{edge=[[@{edge_toggle}]]}}'; +- const soakRollEnding = '+@{modifiers_toggle}+@{edge_toggle})d6>5@{explode_toggle}]]}}'; diff --git a/Shadowrun5thEdition/src/pug/scripts.js b/Shadowrun5thEdition/src/pug/scripts.js new file mode 100644 index 0000000000..306a850c50 --- /dev/null +++ b/Shadowrun5thEdition/src/pug/scripts.js @@ -0,0 +1,1805 @@ + \ No newline at end of file diff --git a/Shadowrun5thEdition/src/pug/skillselect.html b/Shadowrun5thEdition/src/pug/skillselect.html new file mode 100644 index 0000000000..4d50c71eff --- /dev/null +++ b/Shadowrun5thEdition/src/pug/skillselect.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Shadowrun5thEdition/src/pug/skillsselectsprite.html b/Shadowrun5thEdition/src/pug/skillsselectsprite.html new file mode 100644 index 0000000000..fa18245116 --- /dev/null +++ b/Shadowrun5thEdition/src/pug/skillsselectsprite.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/Shadowrun5thEdition/src/rolltemplates.html b/Shadowrun5thEdition/src/rolltemplates.html new file mode 100644 index 0000000000..8f04413348 --- /dev/null +++ b/Shadowrun5thEdition/src/rolltemplates.html @@ -0,0 +1,28 @@ +
+ + +
+
+ {{#header}}{{header}}{{/header}}{{#spec}} ({{spec}}){{/spec}}
+ {{#arm}}{{arm}}{{/arm}} + {{#base}}{{base}}{{/base}} + {{#rollLess() wound 0}} ♦ Wounds{{/rollLess() wound 0}} + {{#rollLess() mod 0}} ♦ Modifier{{/rollLess() mod 0}} + {{#rollGreater() mod 0}} ♦ Modifier{{/rollGreater() mod 0}} + {{#rollGreater() edge 0}} ♦ Edge{{/rollGreater() edge 0}} +
+ {{#dice}}
{{dice}}
{{/dice}} + {{#desc}} +
+ + {{desc}} + {{#rollGreater() rea 0}}, Reach {{rea}}{{/rollGreater() rea 0}} + {{#rollGreater() drain 1}}, Drain {{drain}}{{/rollGreater() drain 1}} + {{#rollLess() drain 2}}, Drain 2{{/rollLess() drain 2}} + +
+ {{/desc}} + {{#opp}}
{{opp}}
{{/opp}} +
+ +
diff --git a/Shadowrun5thEdition/src/scss/_global.scss b/Shadowrun5thEdition/src/scss/_global.scss new file mode 100644 index 0000000000..a2730e2f45 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_global.scss @@ -0,0 +1,112 @@ + * { + box-sizing: border-box; + font-family: sans-serif;} + + button { + background-image: none; + font-size : 0.8em; + text-shadow : none; + + &[type='roll'], + &[type='action'] { + font-size: 1em; + margin: 0px; + padding: 1px 2px; + + border: { + bottom : 0.01em solid #666; + bottom-right-radius: 0.01em; + color : hsl(0, 0%, 70%); + radius : 0.25em !important; + right : 0.02em solid hsl(0, 0%, 20%); + style : outset; + } + } + + &:before {display: none;} + &:hover, &:focus, &:active { font-weight : bold; } + } + + div {background-color: transparent;} + + fieldset { background: transparent;} + + hr { + border: 0.5px solid #555; + } + + label { + display: inline-block; + font-size: 0.9em; + margin-bottom: 0px; + padding-right: 5px; + text-transform: capitalize; + width: auto;} + + input { + background-color: $lightgray; + color: $blacker; + border: none; + cursor: auto; + font-weight: normal; + margin: 0px; + text-align: center; + vertical-align: middle; + + &[type='text'], + &[type='number'] { + border: 1px dotted $gray; + height : 20px; + + &:hover, &:focus { + background-color: #d2d1cd; + color: $blackish; + } + + &:placeholder-shown { + background-color: $graytrans; + color: white; + } + } + + &::-webkit-outer-spin-button, + &::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } + } + + select { + border-radius: 2px; + border: 1px solid #000; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + margin-bottom: 0px; + width: auto;} + + span { word-break: break-word; } + + textarea { + border-radius: 2px; + border: 1px solid #000; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + height: 50px; + overflow-wrap: break-word; + overflow: hidden; + resize: vertical; + vertical-align: top; + white-space: pre-line;} + + .charsheet { width: 850px; } + + .sheet-red {color: $red; } + .sheet-text-align-center {text-align: center;} + + input[name='attr_stats_toggle'], + input[name='attr_stats_toggle'] + span { + position: relative; + } + + input[name='attr_stats_toggle'] { + opacity: 0; + z-index: 2; + } \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_hide.scss b/Shadowrun5thEdition/src/scss/_hide.scss new file mode 100644 index 0000000000..43b42cb30d --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_hide.scss @@ -0,0 +1,185 @@ + %display-none { display: none; } + %display-inline { display: inline; } + + %display-inline-grid { display: inline-grid; } + + %display-grid { display: grid; } + + .sheet-pictos { font-family: 'Pictos'; } + + %display-inline-block, + .sheet-static { + display: inline-block; + } + + /***** PC AND NPC *****/ + @each $characterType in $characterTypes { + .sheet-#{$characterType} { @extend %display-none; } + } + + input[name='attr_sheet_type']:not([value='pc']) ~ .sheet-npc, + input[name='attr_sheet_type'][value='pc'] ~ .sheet-pc { + @extend %display-inline-block; + } + + /***** TABS *****/ + @each $tab in $tabs { + .sheet-#{$tab} { @extend %display-none; } + .sheet-options_toggle[value='#{$tab}'] ~ .sheet-#{$tab} { @extend %display-inline-block; } + } + + /***** SETTINGS *****/ + .sheet-settings { @extend %display-none; } + + input[name='attr_stats_toggle'][value='settings'] ~ .sheet-attribute .sheet-settings, + input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-column .sheet-settings, + input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-textrow .sheet-settings { + @extend %display-inline-block; + } + + /*** TOGGLE ***/ + input.sheet-settings-toggle:checked ~ div.sheet-display, + input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-display, + input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings, + input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display, + input.sheet-settings-toggle[value='settings'] ~ div.sheet-display, + input.sheet-settings-toggle[value='display'] ~ div.sheet-settings, + input.sheet-settings-toggle[value='display'] ~ div.sheet-settings-grid { + @extend %display-none; + } + + .sheet-display, + input.sheet-settings-toggle:checked ~ div.sheet-settings, + input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-settings, + input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-settings { + background: none; + display : inherit; + font-size : 1em; + text-align: left; + width : 100%; + } + + /* OLD WAY TO SHOW & HIDE THINGS */ + input.sheet-settings-toggle[value='display'] ~ div.sheet-display, + input.sheet-settings-toggle[value='settings'] ~ div.sheet-settings { + display: inline-block; + } + + /* NEW WAY TO HIDE THINGS */ + input.sheet-settings-toggle[value='display'] ~ .sheet-settings { + @extend %display-none; + } + + input.sheet-settings-toggle[value='settings'] ~ .sheet-settings { + @extend %display-inline-block; + } + + /* SHOW COLLAPSABLE DESCRIPTIONS AFTER CLICKING HIDDEN CHECKBOX */ + input.sheet-display-flag ~ div.sheet-collapsable { height: auto; } + + @each $specialAttribute in $specialCharacters { + //-PCs + .sheet-hide-#{$specialAttribute} { @extend %display-none; } + .sheet-character-type[value='#{$specialAttribute}'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-#{$specialAttribute} { + @extend %display-inline-block; + } + + //NPC + input[name='attr_flag_special'][value='#{$specialAttribute}'] ~ .sheet-npc .sheet-hide-#{$specialAttribute} { + @extend %display-inline-block; + } + } + + /***** NPC TYPES *****/ + @each $npcType in $npcTypes { + .sheet-#{$npcType} { @extend %display-none; } + + input[name='attr_sheet_type'][value='#{$npcType}'] ~ .sheet-npc .sheet-attribute.sheet-#{$npcType} { + @extend %display-inline-grid; + } + + input[name='attr_sheet_type'][value='#{$npcType}'] ~ .sheet-npc .sheet-rows.sheet-#{$npcType}, + input[name='attr_sheet_type'][value='#{$npcType}'] ~ .sheet-npc .sheet-textrow.sheet-#{$npcType} { + @extend %display-inline-block; + } + } + + input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-column:nth-of-type(2), + input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-column:nth-of-type(1n+2) { + @extend %display-none; + } + + /* SHOW AND HIDE MAGIC AND RESONANCE SPECIFIC ATTRIBUTES BASED ON RADIO TOGGLE */ + input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-magic, + input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-resonance, + input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, + input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, + input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-hide-magic, + input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic, + input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-hide-resonance, + input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance, + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-magic, + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-resonance, + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-magic, + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-resonance { + @extend %display-none; + } + + //- HIDE TEXT ROWS WHEN THE TEXTAREA IS EMPTY + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-textrow { + @extend %display-none; + } + + + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-rows.sheet-grunt { + @extend %display-none; + } + + //- HIDE PAIN TOLLERANCE FOR NPCS + input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body div.sheet-grunt.sheet-pain-tolerance { + display: none; + } + + //- HIDE SPECIALIZATION BUTTONS IF THERE IS NO SPECIALIZATION + input[name='attr_display_specialization'][value=''] ~ button[name*='specialization'], + input[name='attr_display_specialization'][value=' '] ~ button[name*='specialization'], + input[name='attr_display_specialization'][value=''] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], + input[name='attr_display_specialization'][value=' '] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'] { + @extend %display-none; + } + + //- NPC WEAPONS HIDE REACH OR RECOIL/AMMO BASED ON THE SELECTED RANGE + input[name='attr_weapon_range'][value='range'] ~ h2[data-i18n='reach'], + input[name='attr_weapon_range'][value='range'] ~ label[data-i18n-title='reach'] { + @extend %display-none; + } + + input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='modes'], + input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='recoil'], + input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='ammo'], + input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='modes'], + input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='recoil'], + input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='ammo'], + input[name='attr_weapon_range'][value='melee'] ~ span { + @extend %display-none; + } + + //- NPC SPELLS HIDE COMBAT INFO IF NOT A COMBAT SPELL + input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'], + input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'], + input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'], + input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] { + @extend %display-none; + } + + + //- SHOW AND HIDE MATRIX DEVICE + input[name='attr_flag_matrix'][value='matrix'] ~ div.sheet-matrix { + @extend %display-inline-block; + } + + %highlight-button { + background-color: $red; + box-shadow : inset 0px 0px 3px 1px #e31715; + color : #fff; + } \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_importer.scss b/Shadowrun5thEdition/src/scss/_importer.scss new file mode 100644 index 0000000000..40687f6ebe --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_importer.scss @@ -0,0 +1,171 @@ + div.sheet-mancer-box { + border: 2px solid #610b0d; + background-color: #e7e6e5; + margin: 1% 2%; + padding: 1% 2%; + } + + div.sheet-mancer-box input[type='radio'], + div.sheet-mancer-box input[type='checkbox'] { + opacity: 1; + height: 1.5em; + width: 1.5em; + } + + div.sheet-mancer-box input[type='text'] { + background-color: white; + border: 1px solid #333; + width: 100%; + } + + div.sheet-mancer-box label { + display: inline-block; + } + + div.sheet-mancer-box div.sheet-pick-builder label { + margin: 2% 2% 1% 0%; + width: 15%; + } + + div.sheet-mancer-box label { + display: inline-block; + margin: 2% 2%; + } + + div.sheet-mancer-box h1 { + text-decoration: underline; + } + + div.sheet-mancer-box label > h4 { + display: inline; + } + + div.sheet-mancer-box textarea { + overflow: scroll; + min-height: 5em; + width: 100%; + } + + div.sheet-mancer-box hr { + margin-top: 3%; + margin-bottom: 3%; + } + + div.sheet-mancer-box button, + div.sheet-bottombar button { + border-radius : 2px; + font-weight : bolder; + height : 2em; + padding : 5px; + text-transform : capitalize; + background-color: #333; + box-shadow : inset 0px 0px 3px 1px #7c7c7c; + color : #fff + } + + div.sheet-mancer-box button:not(disabled):hover, + div.sheet-mancer-box button:not(disabled):focus, + button[name='act_import_launch']:hover, + button[name='act_import_launch']:focus { + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; + text-transform : capitalize; + border: 0.1em dotted white; + } + + div.sheet-mancer-box button[type='action'], + div.sheet-mancer-box button[type='finish'] { + font-size: 1.5em; + width : 20%; + } + + div.sheet-mancer-box button[type='finish']:disabled { + color: rgba(255, 255, 255, 0.2); + cursor: not-allowed; + } + + div.sheet-mancer-box button[type='cancel'] { + margin-top: 3%; + float: right; + font-size: 1em; + } + + div.sheet-mancer-box .sheet-feedback { + color: #000e3b; + } + + div.sheet-mancer-box .sheet-warning { + color: #610b0d; + } + + div.sheet-mancer-box .sheet-results, + div.sheet-mancer-box .sheet-error { + border: 1px solid #333; + box-shadow: inset 0px 0px 3px 1px #7c7c7c; + height: 30em; + margin-top: 2%; + overflow: scroll; + padding: 1%; + } + + div.sheet-mancer-box .sheet-results { + border: 1px solid #000e3b; + margin-right: 3%; + background: rgba(136, 221, 4, 0.1); + } + + div.sheet-mancer-box .sheet-error { + border: 1px solid #610b0d; + background: rgba(204, 7, 1, 0.11); + } + + div.sheet-result-grid { + display: grid; + grid-template-columns: 1fr 1fr; + } + + div.sheet-result-grid h4:nth-of-type(1) { + grid-column: 1 / 1; + grid-row: 1 / 1; + } + + div.sheet-result-grid h4:nth-of-type(2) { + grid-column: 2 / 2; + grid-row: 1 / 1; + } + + div.sheet-results { + grid-column: 1 / 1; + grid-row: 2 / 2; + } + + div.sheet-ignored { + grid-column: 2 / 2; + grid-row: 2 / 2; + } + + div.sheet-hidden, + div.sheet-hidden-skills { + display: none; + } + + h4.sheet-hidden-header { + display: inline; + } + + input[name='comp_hidden']:checked + div.sheet-hidden, + input[name='comp_hidden']:checked + div.sheet-hidden-skills { + display: block; + } + + div.sheet-hidden label { + display: inline-block; + width: 30%; + margin: 1% 1%; + } + + div.sheet-hidden div { + display: inline-block; + font-weight: bold; + margin-right: 2%; + width: 40% + } \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_lang-fr.scss b/Shadowrun5thEdition/src/scss/_lang-fr.scss new file mode 100644 index 0000000000..70afe707e2 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_lang-fr.scss @@ -0,0 +1,31 @@ + .charsheet.lang-fr {} + .charsheet.lang-fr .sheet-tab-whisper, +.charsheet.lang-fr .sheet-tab-toggles { + margin-right: 2%;} + + .charsheet.lang-fr .sheet-tabs input[type='checkbox']:nth-of-type(2) { + width: 11%;} + + .charsheet.lang-fr .sheet-tab-col input[type='radio'] { + width: 4.5%;} + + .charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(4), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(5), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(6), +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(7) { + width: 6%;} + + .charsheet.lang-fr .sheet-tab-whisper input[type='radio'], +.charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(8), +.charsheet.lang-fr .sheet-tab-toggles input[type='checkbox']:nth-of-type(1) { + width: 8%;} + + .charsheet.lang-fr .sheet-tab-col input[type='radio']:nth-of-type(9) { + width: 2.5%;} + + .charsheet.lang-fr .sheet-pd-meta input[type='text'] { + width: 30%;} + + .charsheet.lang-fr .sheet-skill-box h3:first-child { + margin-right: 51%; + width: 20%;} \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_matrixdevice.scss b/Shadowrun5thEdition/src/scss/_matrixdevice.scss new file mode 100644 index 0000000000..c2c4bdb05b --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_matrixdevice.scss @@ -0,0 +1,22 @@ + /*:+:+:+: MATRIX DEVICE :+:+:+:*/ + div.sheet-matrix-device { + button { + &[name*='Attack']:hover { color: #cc0701; } + &[name*='Sleaze']:hover { color: #007bfc; } + &[name*='Data']:hover { color: #88dd04; } + &[name*='Firewall']:hover { color: #f88703; } + } + + input[type='radio'] { + position: relative; + opacity: 0; + z-index: 2; + + & + span { position: relative; } + } + + .sheet-matrixAttack { box-shadow: 0px 0px 29px 8px #cc0701; } + .sheet-matrixSleaze { box-shadow: 0px 0px 29px 8px #007bfc; } + .sheet-matrixData { box-shadow: 0px 0px 29px 8px #88dd04; } + .sheet-matrixFirewall { box-shadow: 0px 0px 29px 8px #f88703; } + } \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_npc.scss b/Shadowrun5thEdition/src/scss/_npc.scss new file mode 100644 index 0000000000..ac38a5fb00 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_npc.scss @@ -0,0 +1,414 @@ +.sheet-npc { + background-color: #040404; + border-radius : 3px; + color : #fff; + margin-top : -20px; + min-height : 800px; + padding : 10px 10px; + width : 720px; + + button { + background: #333; + color: $white;; + + &:hover, + &:focus { + border-color: $red; + color : $gold; + font-weight : bold; + } + } + + h1, h2, h3, h4, label { color: #fff; } + + h1 { + line-height: unset; + font-size: 1.1em; + } + + h2 { + font-size: 1em; + text-transform: capitalize; + } + + h3 { font-size: 0.85em; } + + input { + &[type='radio'] { opacity: 1; } + + &[type='text']:placeholder-shown, + &[type='number']:placeholder-shown { + border: 1px dotted $gold; + } + + &.sheet-toggle:checked + span { color: $gold; } + } + + textarea, select { + color : #fff; + background-color: #555; + } + + div.sheet-tabs { + @extend %display-inline-grid; + grid-template-columns: 2.5em 1fr 4em 1fr 4em 1fr 4em 1fr 4em; + grid-row-gap: 10%; + button[type='roll'] {grid-area: 2 / 1 / 2 / 2;} + + img { + grid-area: 1 / 1 / 2 / 4; + height: 100%; + width: 100% + } + + .sheet-switch { + input[type='checkbox'] + span { + position: absolute; + } + } + + h2, label { grid-row: 2;} + select { grid-column: 8 / 8;} + + input[name='attr_stats_toggle'], + input[name='attr_stats_toggle'] + span.sheet-pictos { + grid-area: 1 / 9 / 1 / 9; + position: relative; + width: 100%; + height: 100%; + } + + input[name='attr_stats_toggle']:checked + span { color: $gold; } + span.sheet-pictos { + text-align: center; + font-size: 1.2em; + } + } + + div.sheet-rows { + margin-bottom: 1%; + width: 100%; + + button { + font-size: 1.1em; + text-align: left; + } + + h2 { + display: inline; + font-size: 1.1em; + line-height: unset; + font-weight: normal; + } + + h3 { display: inline; } + + input[type='number'] { width: 3em; } + + span.sheet-tiny-span { margin: 0px 1%; } + } + + /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ + div.sheet-repeating { + button { margin: 0px; } + + h1 {display: inline;} + h2 { + font-variant: small-caps; + text-align : center; + text-decoration: underline; + } + + input[type='number'], input[type='text'] { width: 100%; } + + input[name='attr_flag'] { + @extend %settingsCheckboxes; + @extend %toggleCheckbox; + } + + div.repitem { + &:hover > input[name='attr_flag'] + span, + &:hover > input[name='attr_program_on'] + span { + opacity: 1; + } + + div.sheet-settings { min-width: 700px; } + } + + + div.sheet-settings { + select, label, span { grid-row: 2; } + label[data-i18n-title='notes'] { + grid-row: 3; + + input[type='text'] { text-align: left; } + } + } + } + + /*:+:+:+: NPC ATTRIBUTES :+:+:+:*/ + div.sheet-attribute { + border-bottom: 1px solid #fff; + border-top : 1px solid #fff; + grid-row-gap: 5%; + margin : 2% 0px; + padding: 1% 1% 3% 1%; + width : 100%; + + input[type='number'] { + text-align: center; + width: 100%; + } + + label { + text-align: center; + + &[data-i18n-title='modifier']{ input[type='number'] {width: 65%;} } + &[data-i18n-title='modifier']:before {content: '(';} + &[data-i18n-title='modifier']:after {content: ')';} + } + + h1 { + font-weight: normal; + grid-row: 1; + text-align: center; + } + + button { + grid-row: 1; + text-transform: capitalize; + } + + span { + font-size: 1.25em; + grid-row: 2; + text-align: center; + } + + span + label {grid-row: 3;} + label[data-i18n-title='modifier']{grid-row: 4;} + } + + /*:+:+:+: NPC BODY :+:+:+:*/ + div.sheet-mid { + @extend %display-inline-grid; + grid-template-columns: 52% 30% 1fr; + width: 100%; + + div.sheet-column { + @extend %display-inline-block; + width: 100%; + } + + span[name='attr_physical_limit']:after, + span[name='attr_mental_limit']:after { + content: ','; + } + } + + /*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/ + div.sheet-end { + div.sheet-rows, div.sheet-textrow { width: 100% } + + /*:+:+:+: TEXT AREAS :+:+:+:*/ + div.sheet-textrow { + grid-column: 1 / 4; + + h1 { + display: inline; + line-height: unset; + margin-right: 1%; + } + + label { + width: 100%; + + &[data-i18n-title='initiate'], + &[data-i18n-title='submersion'] { + width: 4em; + + & input { width: 100%; } + } + } + } + + /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ + div.sheet-repeating { grid-column: 1 / 4; } + + /*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/ + div.sheet-inline-repeating { + div.repitem { + span[name*='attr_display_rating']:after { content: ','; } + } + + div.repcontainer { + display: inline; + max-width: 500px; + + .repitem, + .repcontrol { + display : inline-block; + vertical-align: top; + margin-bottom : 1%; + margin-right: 1%; + } + } + + div.sheet-settings { + grid-template-columns: 2fr 8em 8em 1fr 1fr; + grid-column-gap: 1%; + grid-row-gap: 0.5%; + + h2.sheet-full-row { + grid-column: 1 / 6; + text-align: left; + } + + label.sheet-full-row { + grid-area: 4 / 1 / 4 / 6; + + input[type='text']{ text-align: left; } + } + } + } + + /*:+:+:+: WEAPONS :+:+:+:*/ + div.sheet-weapons { + div.sheet-settings { + grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em; + grid-column-gap: 0.2%; + + label[data-i18n-title='notes'] { grid-column: 1 / 12; } + } + + span[name='attr_weapon_dice'] { + margin-left: 3%; + @extend %parantheseNumbers; + } + } + + /*:+:+:+: SPELLS :+:+:+:*/ + div.sheet-spells { + div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em; + } + + span[name='attr_dice'] { + margin-left: 3%; + @extend %parantheseNumbers; + } + + label[data-i18n-title='notes'] { grid-column: 1 / 10; } + } + + /*:+:+:+: COMPLEX FORMS :+:+:+:*/ + div.sheet-forms { + div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 3em 1fr 7em 8em 3em; + } + + span[name='attr_form_dice'] { + margin-left: 3%; + @extend %parantheseNumbers; + } + + label[data-i18n-title='notes'] { grid-column: 1 / 6; } + } + + /*:+:+:+: IC :+:+:+:*/ + div.sheet-ic { + div.sheet-settings { + grid-column-gap: 0.2%; + grid-template-columns: 1fr 8em 8em 8em; + } + + span[name='attr_software_dice'] { + margin-left: 3%; + @extend %parantheseNumbers; + } + + label[data-i18n-title='notes'] { grid-column: 1 / 6; } + } + } + + /*:+:+:+: NPC MATRIX :+:+:+:*/ + div.sheet-matrix {width: 100%;} + + div.sheet-matrix-device { + margin-bottom: 5%; + + div.sheet-rows { + display: inline-grid; + grid-template-columns: 12em 45% 10em 1fr; + grid-row-gap: 5%; + + &:first-child { margin-bottom: 4%; } + } + + label { + width: 100%; + + input[type='text'] { + text-align: left; + width: 100%; + } + + &.sheet-round > input[type='number'] { + border-radius: 25px 25px; + height: 25px; + margin-left: 25%; + width: 25px; + } + } + + div.sheet-matrix-bubble { + background-color: transparent; + grid-column: 2 / 4; + height: 15px; + margin-left: 10%; + + /*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/ + input[type='radio'] { + height: 25px; + width : 20px; + left : 0px; + top: -115%; + + & + span { + border-radius: 5px; + height : 25px; + left : 5px; + width : 20px; + top: -60%; + } + } + } + + /*:+:+:+: NPC PROGRAMS :+:+:+:*/ + div.repcontainer { + grid-column: 1 / 6; + + h2[data-i18n='notes'] { grid-row: 3; } + label[data-i18n-title='notes'] { grid-row: 4; } + + input.sheet-toggle { + top: 3%; + } + + div.repitem { + display: inline-block; + width: 100%; + + input[name="attr_program_on"] { + left: 2%; + + & + span { left: 2.5%;} + } + + button { margin-left: 5%; } + } + } + } +} diff --git a/Shadowrun5thEdition/src/scss/_pc.scss b/Shadowrun5thEdition/src/scss/_pc.scss new file mode 100644 index 0000000000..fa60a2617e --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_pc.scss @@ -0,0 +1,1662 @@ +/***** PC ROWS & COLUMNS SETTINGS *****/ + .sheet-pc-row {margin-bottom: 10px;} + + .sheet-pc-col { + vertical-align: top; + width : calc(50% - 5px); + + h1 { + background-color: $red; + color : #fff; + font-size : 1em; + letter-spacing : 2px; + line-height : 20px; + padding-left : 5px; + padding-right : 5px; + text-transform : uppercase; + } + + h2, h3 { + display : inline-block; + text-transform: capitalize; + } + + h2 { + font-size : 0.9em; + line-height: 25px; + } + + h3 { + color : hsla(0, 0%, 20%, 0.59); + font-size: 0.8em; + } + + &:first-child { + margin-right: 1.5%; + width : calc(50% - 10px); + } + } + + + .sheet-row-long {border-bottom: 1px solid #000;} + .sheet-settings-row { + margin-top: 5px; + + select.sheet-skill-select {width: 29%;} + } + +/***** DECORATIVE BOX THAT ADDS THE RED OUTLINE ON PC SHEET *****/ + .sheet-border-box { + background-image: -moz-linear-gradient($red, transparent), -moz-linear-gradient($red, transparent); + background-image: -o-linear-gradient($red, transparent), -o-linear-gradient($red, transparent); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($red), to(transparent)); + background-image: -webkit-linear-gradient($red, transparent); + background-image: linear-gradient($red, transparent), linear-gradient($red, transparent); + border-top : 2px solid $red; + clear : both; + border-top-right-radius: 10px; + border-top-left-radius : 0px; + + .sheet-pc-box { + border-top-right-radius: 10px; + border-top-left-radius : 0px; + } + } + + .sheet-static { + margin-right: 0.5%; + + .sheet-border-box, + .sheet-border-box .sheet-pc-box { + border-top-right-radius: 0px; + border-top-left-radius : 10px; + } + } + +/***** HEADERS AND TRIANGLES *****/ + .sheet-header { + display: inline-flex; + float: right; + height: 20px;} + + .sheet-triangle, + .sheet-right-tri { + border-top: 20px solid transparent;} + + .sheet-triangle {border-right: 30px solid $red;} + .sheet-right-tri {border-left: 30px solid $red;} + + .sheet-right-header {float: left;} + +/***** SECONDARY HEADERS LIKE ON SKILLS *****/ + .sheet-htab { + margin-right: -47px; + + input { + &[type='radio'] { + margin-right: -80px; + top : 4px; + width : 80px; + + & + h1 {color: #9a9a9a;} + + &:hover ~ h1, + &:checked ~ h1 { + color: #fff; + } + } + } + } + +/***** SWITCH BETWEEN DIFFERENT TABS *****/ + .sheet-skills-active, + .sheet-skills-know, + .sheet-skills-lang { + @extend %display-none; + } + + .sheet-tab-switch[value='active'] ~ .sheet-skills-active, + .sheet-tab-switch[value='knowledge'] ~ .sheet-skills-know, + .sheet-tab-switch[value='language'] ~ .sheet-skills-lang { + @extend %display-inline; + } + + @each $magicTabs in 'spells', 'preps', 'rituals' { + .sheet-magic-#{$magicTabs} { @extend %display-none; } + .sheet-magic-toggle[value='#{$magicTabs}'] ~ .sheet-magic-#{$magicTabs} { @extend %display-inline; } + } + + @each $qualityTabs in 'quality', 'martial' { + .sheet-#{$qualityTabs} { @extend %display-none; } + .sheet-tab-switch[value='#{$qualityTabs}'] ~ .sheet-#{$qualityTabs} { @extend %display-inline; } + } + +/***** BOXES FOR DIFFERENT PC SECTIONS *****/ + .sheet-pc-box { + background-color: #e7e6e5; + margin-left : 1.5px; + margin-right : 1.5px; + padding-left : 5px; + padding-right : 5px; + height: auto; + } + + .sheet-small-box { + min-height: 150px;} + + .sheet-medium-box { + min-height: 330px;} + + /***** CHARACTER PERSONAL DATA SECTION INPUTS *****/ + .sheet-pd-nam input[type='text'] {width: 66%;} + + .sheet-pd-meta input[type='text'] {width: 35.5%;} + + .sheet-pd-age input[type='text'] {width: 13%;} + + .sheet-pd-rep input[type='number'] { + border: none; + width : 13.5%;} + + .sheet-pd-kar input[type='number'], + .sheet-pd-kar input[type='text'] { + border: none; + width : 20%;} + + /***** CORE COMBAT INFO *****/ + .sheet-core-combat { + button[type='roll'] { + font-size : 0.9em; + text-align: left;} + + h2, h3 { margin-right: 0px; } + } + + .sheet-flag-primary { + & + div { + display: none; + + & > span {@extend .sheet-pictos;} + } + + &[value='primary'] + div { + display : inline; + margin-right: -5%; + } + } + + /***** PRIMARY ARMOR *****/ + .sheet-armor-buttons { + display : inline-block; + font-size : 1.2em; + line-height: 20px; + margin-left: 1%; + width : 30%; + + button[type='roll'] { margin-right: -5px; } + + span { font-size : 1em; } + } + + /***** PRIMARY WEAPON *****/ + .sheet-cc-row { + button { + &[type='roll'] { width: 40%; } + &[type='action'] { + font-family: fontello; + width : 5%; + } + + &[name*='primary_ammo'] { width: 10%; } + + &[type='action'] > span { + display: inline; + margin-left: 0px; + + &:before { content: 'x'; } /** The x# after ammo button **/ + } + + &[name*='shots'], + &[name='act_reload'], + &[name='act_primary_ammo'] { + border-bottom : 2px solid #666; + border-bottom-right-radius: 2px; + border-color : #aaa; + border-radius : 5px; + border-right : 3px solid #999; + border-style : outset; + @extend .sheet-pictos;} + + &[name*='shots_remove'] { + transform: rotate(180deg); + -ms-transform: rotate(180deg); /* IE 9 */ + -webkit-transform: rotate(180deg); /* Safari 3-8 */ + } + } + + button[type='roll'] > span, + h3 + span { + display : inline-block; + margin-left: 1%; + text-align : center; + width : 8%; + } + + /** Ammo display */ + span[name*='ammo'] { width : 4%; } + span[name*='ammo_max']:before { content: '/'; } + + span[name*='fired'] { font-size: 0.9em; } + } + +/***** ATTRIBUTE AND CONDITION MONITOR *****/ + /***** ATTRIBUTES BOX *****/ + .sheet-attr-box h3 {color: #000;} + + .sheet-attr-col { + display : inline-block; + margin-top : 15px; + vertical-align: top; + width : 48%; + + button { + &[type='roll'] { + border-bottom: 1px solid #000; + border-radius: 0px; + cursor : pointer; + font-size : 0.9em; + font-weight : bold; + margin-left : 0px; + padding-right: 2px; + text-align : right; + width : 30%; + } + + & > span {font-weight: bold;} + } + + input[type='number'] { + border-radius: 0px; + width : 23%; + font-weight: bold; + } + + input[type='text'] { width: 50%; } + + .sheet-totals { padding: 0px 2px;} + + &-left { margin-left: -7%; } + + &-right { + width: 50%; + + button[type='roll'] { + margin-right: 0px; + width : 55%; + } + + .sheet-attr-ini input[type='number'] { width: 17%; } + + label { + border-bottom: 1px solid #000; + font-size : 0.9em; + height : 22px; + text-align : right; + width : 55%; + } + + .sheet-attr-und { width: 43%; } + } + } + + .sheet-settings-toggle:checked ~ .sheet-attr-col-right .sheet-attr-ini {width: 70%;} + .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini {width: 28%;} + .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings {display: inline;} + + .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings, + .sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-display { + display: none;} + + + .sheet-attr-und { + border-bottom : 1px solid #000; + display : inline-block; + height : 22px; + margin-bottom : 4px; + vertical-align: top; + text-align: center; + width : 65%; + + .sheet-display { text-align: center; } + } + + .sheet-tiny-span {font-size: 0.75em;} + +/***** ATTRIBUTE LIMITS *****/ + .sheet-attr-lim { + margin-top: 20px; + + div { + display : inline-block; + height : 22px; + text-align: center; + width : 10%; + } + + input[type='number'] { width: 6%; } + label { width: auto; } + + span + span { margin-right: 1%; } + + .sheet-display {width: 100%;} + } + +/***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/ + /***** ATTRIBUTE SETTINGS TOGGLE *****/ + .sheet-attr-box input.sheet-settings-toggle { + left: 98%; + + & + span { + font-size: 1em; + left: 94%; + top : 0px; + position: relative; + } + } + + /***** CONDITION SETTINGS TOGGLE *****/ + .sheet-condition-box input[type='checkbox'] { + left: -1%; + + & + span { + left: -4%; + position: relative; + } + } + + /***** CONDITION MONITOR SECTION *****/ + .sheet-con-track { + display : inline-block; + vertical-align: top; + width : 47%; + margin-top: 2%; + margin-bottom: 3%; + + button[type='action'] { + font-size : 1em; + font-weight : bold; + text-align: center; + padding: 1% 2%; + margin-left: 7%; + width : 100%; + } + } + + + /***** CONDITION MONITOR SETTINGS *****/ + .sheet-condition-box { + .sheet-display, + .sheet-settings { + margin-top: -10px; + } + + + .sheet-settings { + input { + border-bottom: 1px solid #000; + border-radius: 0px; + height : 22px; + margin-bottom: 5px; + } + + /***** CONDITION MONITOR DISPLAY*****/ + .sheet-con-footer { + margin-top : 0px; + text-indent: 10px; + + .sheet-attr-und { + display : inline-block; + margin-bottom: -5px; + text-align : center; + width : 60%; + } + } + } + } + + /***** CONDITION MONITOR SQUARES *****/ + .sheet-squares { + margin-left: 20%; + width : 70%; + + div { + background-color: transparent; + border-right : none; + left : 85%; + margin-bottom : -20px; + position : relative; + top : -15px; + } + + input[type='radio'], + span { + height: 45px; + width : 33%; + } + + input[type='radio'] { + clear : both; + left : 2px; + margin-right: -43px; + position : relative; + top : 6px; + } + + span { + background-color: $lightgray; + border-radius : 0px; + border : 2px solid $red; + box-shadow : inset 0px 0px 3px 1px $grayshadow; + display : inline-block; + margin-bottom : -25px; + margin-right : -7px; + } + } + + .sheet-squares input[type='radio']:checked ~ input[type='radio'] + span, + .sheet-con-track input[type='radio']:checked ~ .sheet-squares span, + .sheet-con-track input[type='hidden'][value='0'] ~ .sheet-squares span { + background-color: transparent;} + + /***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/ + .sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19), + .sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21), + .sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24), + .sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26), + .sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28), + .sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32), + .sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34), + .sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36), + .sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38), + .sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40), + .sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42), + .sheet-hex-hider[value='8'] ~ div:nth-child(1n+19), + .sheet-hex-hider[value='9'] ~ div:nth-child(1n+24), + .sheet-hex-hider[value='10'] ~ div:nth-child(1n+24), + .sheet-hex-hider[value='11'] ~ div:nth-child(1n+24), + .sheet-hex-hider[value='12'] ~ div:nth-child(1n+30), + .sheet-hex-hider[value='13'] ~ div:nth-child(1n+30), + .sheet-hex-hider[value='14'] ~ div:nth-child(1n+30), + .sheet-hex-hider[value='15'] ~ div:nth-child(1n+38), + .sheet-hex-hider[value='16'] ~ div:nth-child(1n+38), + .sheet-hex-hider[value='17'] ~ div:nth-child(1n+38), + .sheet-hex-hider[value='18'] ~ div:nth-child(1n+48) { + display: none;} + + .sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span, + .sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span, + .sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span, + .sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span, + .sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span, + .sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span, + .sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span, + .sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span, + .sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span, + .sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span, + .sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span { + opacity: 0;} + +/***** CONDITION MONITOR FOOTERS *****/ +.sheet-con-footer { + font-size : 0.8em; + margin-top: 10px; + + label { + margin-right: 5px; + width : auto; + } + + input[type='number'] { + border-bottom: 1px solid #000; + border-radius: 0px; + height : 22px; + margin-top : -5px; + } +} + +/***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/ +.sheet-repeat-box { + .sheet-medium-box { + height : auto; + min-height: 200px; + } + + h3 { + color : #000; + margin-bottom: -3px; + } + + button.sheet-pictos, + button.sheet-settings-button { + font-size: 1em; + position: absolute; + line-height: 1em; + } + + button.sheet-settings-button { left: 96%; } + + /***** REPEATING SECTION *****/ + .repitem { + display : inline-flex; + border-bottom: 1px solid #000; + width : 100%; + } + + /***** REPEATING SECTION TOGGLES *****/ + input.sheet-settings-toggle, + input.sheet-primary-flag + span { + position: absolute; + width : 13px; + } + + input.sheet-settings-toggle { + left: 98.5%; + + & + span { + left: 98.5%; + top : -2px; + width: 2%; + } + } + + /***** REPEATING BOX SECTION INPUTS *****/ + .sheet-settings { + input[type='text'] { + border-bottom: 1px solid #333; + border-radius: 0px; + + &:first-child { text-align: left; } + + } + + input[type='number'] { + border : none; + border-bottom: 1px solid #333; + border-radius: 0px; + width : 8%; + } + + label { + font-size : 0.8em; + margin-bottom: 0px; + } + } + + /***** REPEATING BOX DISPLAY *****/ + button[type='roll'], + button[type='action'] { + font-size: 0.9em; + color : #000; + } + + /***** REPEATING SECTION SELECTS *****/ + select { + color : #000; + font-size : 0.8em; + font-weight: bolder; + height : 20px; + padding : 0px; + width : 14%; + } + + option { + padding : 2px; + font-weight: bold; + } +} + +.sheet-rank { + display : inline-block; + text-align: center; + width : 10%; +} + +/***** COLLAPSABLE DIVS *****/ + .sheet-collapsable { + padding-left: 1.5em; + width : 100%; + word-break : break-word; + + span { white-space: pre-line; } + + .sheet-desc { + @extend %display-none; + + .sheet-display-flag:checked ~ & { @extend %display-inline; } + } + + .sheet-desc-lifestyle { + @extend %display-none; + + .sheet-display-flag:checked ~ & { + @extend %display-inline-block; + width: 100%; + } + } + } + + /***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/ + %display-flag { + opacity : 0; + position: absolute; + top : 0px; + width : 90%; + height : 100%; + } + + $displayFlags: 'quality-box', 'contacts', 'item-box', 'spell-box', 'powers-box', 'program-box', 'aug-box', 'form-box', 'social-box', 'vehicle-box'; + @each $flag in $displayFlags { + .sheet-#{$flag} .sheet-display-flag { @extend %display-flag;} + } + + %arms-display-flag { + height : 12px; + position: absolute; + top : 2px; + width : 12px; + left: 93%; + } + + @each $flag in 'arms', 'spell-box', 'matrix' { + .sheet-#{$flag} input.sheet-display-flag, + .sheet-#{$flag} input.sheet-display-flag + span { + @extend %arms-display-flag; + } + + .sheet-#{$flag} input.sheet-display-flag { top: 2px; } + .sheet-#{$flag} input.sheet-display-flag + span { top: -2px; } + } + +/***** DISPLAY ROWS *****/ + .sheet-display-row { + display : inline-block; + overflow : hidden; + text-align : center; + vertical-align: top; + word-break : break-word; + + &:nth-of-type(1), + &:nth-of-type(1) button { + text-align : left; + } + } + +/***** DISPLAY & SETTINGS *****/ + .sheet-skills-row, + .sheet-lifestyle .sheet-settings div, + .sheet-magic-rituals .sheet-settings div, + .sheet-spell-box .sheet-display, + .sheet-aug-box .sheet-display, + .sheet-powers-box .sheet-display { + display: inline-block; + width : 100%; + } + + @each $box in 'quality-box', 'contacts', 'item-box' { + .sheet-#{$box} .sheet-display, + .sheet-#{$box} .sheet-settings div { + @extend .sheet-skills-row; + } + } + + /***** SKILLS *****/ + /***** SKILLS REPEATING SECTION *****/ + .sheet-skills-row { + select.sheet-skill-select, + .sheet-settings input[type='text'] { + width: 50%; + } + + .sheet-settings { + input[type='text'] {text-align: left;} + + input[type='number'] { + margin-left : 3px; + margin-right : 5px; + margin-bottom: 2px; + } + } + + /***** SKILLS SETTINGS ROWS *****/ + label { + font-size : 0.8em; + font-weight : 700; + margin-bottom: -3px; + } + + .sheet-settings-row { + div {width: 70%;} + + input[type='text'] {width: 45%;} + } + } + + option.sheet-option-headers {opacity: 0.2;} + + option.sheet-option-groups { + font-size: 1em; + font-style: italic; + } + + input.sheet-skill-select[type='checkbox'] { + opacity: 1; + width: 3%; + } + +/***** ARMS *****/ + .sheet-arms { + .sheet-htab { + margin-right: -40px; + &:first-child {margin-left: -35px;} + } + + .sheet-display { + @extend %display-inline-block; + margin-left: -1%; + + .sheet-display-row { + text-align: center; + width : 8%; + + &:first-child { + text-align : left; + width : 36%; + } + + &:nth-of-type(2) {width: 12%;} + } + } + + input[type='text'] { + text-align: center; + width : 8%; + + &:first-child { + text-align : left; + width : 36%; + } + } + + h3 { + text-align: center; + width : 8%; + + &:first-child { + text-align: left; + margin-right: 2%; + } + + &[data-i18n='weapon'] {width: 34%;} + &[data-i18n='armor'] { width: 38%;} + } + } + +/***** WEAPONS *****/ + .sheet-pc .sheet-weapon-range, + .sheet-pc .sheet-weapon-melee { + display: none; + width : 100%;} + + .sheet-tab-switch[value='range'] ~ .sheet-weapon-range, + .sheet-tab-switch[value='melee'] ~ .sheet-weapon-melee { + display: inline-block; + } + +/***** WEAPON SETTINGS *****/ + .sheet-weapon-box select {width: 10%;} + .sheet-weapon-box .sheet-settings-row {margin-top: 5px;} + + .sheet-weapon-range h3 { + margin-right: 3px;} + + .sheet-weapon-melee { + h3 { + margin-right: 10px; + + &:first-child { width: 40%; } + } + + input[type='text']:first-child { width: 40%; } + + input, + .sheet-display-row { + margin-right: 5px; + } + } + + .sheet-weapon-range h3:nth-child(2), + .sheet-weapon-range h3:nth-child(5) { + width: 11%;} + + .sheet-weapon-box label + input[type='text'] {width: 27%;} + + .sheet-exotic-warning { + display : none; + font-size: 0.8em; + + .sheet-skill-select[value='0'] ~ & { + display: inline; + } + } + + +/***** ARMOR *****/ + .sheet-armor-box { + h3 {margin-right: 5.5px;} + + /***** ARMOR SETTINGS *****/ + .sheet-settings { + input[name='attr_name'] {width: 40%;} + } + + /***** ARMOR DISPLAY *****/ + .sheet-display { + .sheet-display-row { + margin-right: 3px; + + &:nth-of-type(7) {margin-right: 0px;} + } + } + } + +/***** QUALITIES *****/ + .sheet-quality-box { + h3:first-child { + margin-right: 67%; + width : 15%; + } + + /***** QUALITIES & MARTIAL ARTS TABS *****/ + .sheet-htab input[type='radio'] { + margin-right: -100px; + width : 100px; + } + + .sheet-header:nth-of-type(2) .sheet-htab input[type='radio'] { + margin-right: -150px; + width : 150px; + } + } + +/***** QUALITIES SETTINGS *****/ + .sheet-quality { + button[type='roll'] { left: 90%; } + + .sheet-settings { + input[type='text'] { width: 82%; } + + select { width: 8%; } + } + + .sheet-display-row { + &:nth-of-type(1) { width: 80%; } + &:nth-of-type(2) { width: 8%; } + } + } + +/***** MARTIAL ARTS *****/ + .sheet-martial { + h3:first-child {margin-right: 39%;} + + input[type='text'], + .sheet-display-row { + width: 54%; + } + + input[type='text']:nth-of-type(2), + .sheet-display-row:nth-of-type(2) { + text-align: left; + width : 43%; + } + } + + /***** LIFESTYLES *****/ + .sheet-lifestyle { + h3:nth-of-type(2) { margin-right: 1%;} + + input[type='text'] { + background-color: transparent; + + &:hover, + &:focus { + background-color: #d2d1cd; + } + } + + /***** LIFESTYLE SETTINGS *****/ + textarea { + min-height: 30px; + margin : 0px 0px 0px 0px; + } + + /***** LIFESTYLE DISPLAY *****/ + .sheet-display-flag:checked ~ span:nth-of-type(1), + .sheet-display-flag ~ span:nth-of-type(1n+2) { + display: none; + } + + .sheet-display-flag:checked ~ span:nth-of-type(1n+2) {display: inherit;} + } + + + /***** CONTACTS *****/ + .sheet-contacts h3:nth-of-type(1) {margin-right: 50%;} + + .sheet-contacts h3:nth-of-type(2), + .sheet-contacts h3:nth-of-type(3) { + margin-right: 2%;} + + /***** CONTACTS SETTINGS *****/ + .sheet-contacts input[type='text']:nth-of-type(1) { + margin-right: 5px; + width : 58%;} + + .sheet-contacts input[type='number'] {margin-right: 4%;} + + .sheet-contacts input[type='text']:nth-of-type(4) { + margin-left: -1px; + width : 22%;} + + /***** CONTACTS DISPLAY *****/ + .sheet-contacts .sheet-display-row {width: 14%;} + + .sheet-contacts .sheet-display-row:nth-of-type(1) { + margin-right: 2%; + width : 53%;} + + /***** GEAR *****/ + .sheet-item-box h3:first-child{ margin-right: 80%; } + + /***** GEAR SETTINGS *****/ + .sheet-item-box input[type='text'] {width: 85%;} + + /***** GEAR DISPLAY *****/ + .sheet-item-box .sheet-display-row, + .sheet-aug-box .sheet-settings input[type='number'] { + width: 10%;} + + .sheet-aug-box .sheet-display-row, + .sheet-aug-box .sheet-display-row:nth-of-type(1), + .sheet-item-box .sheet-display-row:nth-of-type(1) { + margin-right: 2%;} + + .sheet-item-box .sheet-display-row:nth-of-type(1) { + width: 82%;} + + /***** AUGMENTATIONS (AUGS) *****/ + .sheet-aug-box h3:nth-of-type(1) {margin-right: 55%;} + .sheet-aug-box h3:nth-of-type(2) {margin-right: 3%;} + + /***** AUGMENTATIONS SETTINGS *****/ + .sheet-aug-box .sheet-settings input[type='text'], + .sheet-aug-box .sheet-display-row:nth-of-type(1) { + width: 75%;} + + .sheet-aug-box .sheet-settings input[type='number'] {margin-right: 1%;} + + /***** AUGMENTATIONS DIPLAY *****/ + .sheet-aug-box .sheet-display-flag {top: 1px;} + + .sheet-aug-box .sheet-display-row { + text-align: center; + width: 8%;} + + .sheet-aug-box .sheet-display-row:nth-of-type(1) {text-align: left;} + + /***** MAGIC & POWERS *****/ + .sheet-magic .sheet-htab {margin-right: -45px;} + .sheet-magic .sheet-htab:first-child {margin-left: -45px;} + + div.sheet-spell-box { + h3[data-i18n="modifier"] { width: 12%; } + } + + .sheet-spell-box h3, + .sheet-spell-box .sheet-display .sheet-display-row, + .sheet-powers-box h3, + .sheet-powers-box .sheet-settings input[type='text'], + .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { + margin-right: 1%;} + + .sheet-spell-box h3 {width: 13%;} + + .sheet-powers-box h3, + .sheet-powers-box input[type='number'], + .sheet-spell-box h3:nth-of-type(5), + .sheet-powers-box h3:nth-of-type(3), + .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { + width: 8%;} + + .sheet-spell-box h3:nth-of-type(1), + .sheet-spell-box input[type='text'] { + width: 40%;} + + .sheet-spell-box h3:nth-of-type(5), + .sheet-powers-box h3:nth-of-type(3), + .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(2) { + margin-right: 0px;} + + .sheet-powers-box h3:nth-of-type(1), + .sheet-powers-box .sheet-settings input[type='text'], + .sheet-powers-box .sheet-display .sheet-display-row:nth-of-type(1) { + width: 85%;} + + /***** MAGIC & POWERS SETTINGS *****/ + .sheet-powers-box .sheet-settings {width: 100%;} + + /***** RITUAL SETTINGS *****/ + .sheet-magic-rituals input[type='text'] {width: 95%;} + .sheet-magic-rituals .sheet-settings select {width: 32%;} + + /***** MAGIC DISPLAY *****/ + .sheet-spell-box .sheet-display .sheet-display-row { + text-align: left; + width: 14%;} + + .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(1) {width: 39%;} + .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(3) {width: 13%;} + .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(4) {width: 16%;} + .sheet-spell-box .sheet-display .sheet-display-row:nth-of-type(5) {width: 6%;} + + .sheet-combat-type-hide {display: none;} + + .sheet-combat-type[value*='Direct'] + span:after, + .sheet-combat-type[value*='Indirect'] + span:after { + display: inline;} + + .sheet-combat-type[value*='Direct'] + span:after {content: '(Direct)';} + .sheet-combat-type[value*='Indirect'] + span:after {content: '(Indirect)';} + + /***** RITUAL DISPLAY *****/ + .sheet-magic-rituals .sheet-display .sheet-display-row {width: 99%;} + + /***** MATRIX *****/ + .sheet-matrix { + select.sheet-skill-select { width: 26.5%; } + + input[name="attr_flag"] + span { position: absolute; } + + .sheet-con-hex { + margin-bottom: -10px; + margin-right : 0px; + margin-top : 5px; + position : unset; + width : 100%; + + input[type='radio']:first-child { + margin-right: -25%; + margin-top : 2%; + width : 25%; + } + + input[type='radio']:hover ~ h2 { + color : #fff; + text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px $red; + } + + h2 {vertical-align: top;} + } + } + + /***** CYBERDECK *****/ + .sheet-cyberdeck button { + font-weight: bold; + + input[name="attr_flag"] { + position: absolute; + + & + span { + position: absolute; + } + } + } + + .sheet-cyberdeck h3 {line-height: 20px;} + .sheet-cyberdeck h3:nth-of-type(2) {margin-left: 5%;} + .sheet-cyberdeck h3:nth-of-type(3) {margin-left: 1%;} + .sheet-cyberdeck h3:nth-of-type(4) { + margin-left : 0%; + margin-right: 15%;} + + .sheet-cyberdeck .sheet-row-long h3:first-child {margin-left: 15%;} + + .sheet-cyberdeck input[type='number'] { + border : none; + border-bottom: 1px solid #333; + border-radius: 0px; + height: 20px; + width : 25px;} + + .sheet-cyberdeck .sheet-row-long:nth-of-type(1) input[type='text'] { + width : 90%;} + + .sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label { + padding-bottom: 5px; + padding-right : 0px; + width : 15%;} + + .sheet-cyberdeck .sheet-row-long span { + margin-left : 1%; + margin-right: 1%;} + + /**** MATRIX BUBBLES ****/ + .sheet-pc .sheet-device-attr { + display: inline; + + span { + position: relative; + } + } + + .sheet-matrix-tot { + display: inline-block; + height : 20px; + width : 20px;} + + .sheet-matrix-bubble { + display : inline; + margin-left : 15px; + background-color: #222; + } + + .sheet-matrix-bubble span:nth-of-type(6), + .sheet-matrix-bubble input[type='radio']:nth-of-type(5n+6) { + margin-left: 2%;} + + .sheet-matrix-bubble input[type='radio'] { + height: 15px; + left : -8px; + width : 15px; + } + + .sheet-matrix-bubble input[type='radio'] + span { + border-radius: 3px; + display : inline-block; + height : 18px; + margin-left : -25px; + top : 4px; + width : 18px; + } + + .sheet-matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span { + height : 14px; + margin-bottom: 3px; + opacity : 0.5;} + + .sheet-matrixAttack span { + border : 2px solid #3a0000; + background-color : #cc0701; + -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000; + -moz-box-shadow : inset 0px 1px 5px 2px #3a0000; + box-shadow : inset 0px 1px 5px 2px #3a0000;} + + .sheet-matrixSleaze span { + border : 2px solid #000e3b; + background-color : #007bfc; + -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b; + -moz-box-shadow : inset 0px 1px 5px 2px #000e3b; + box-shadow : inset 0px 1px 5px 2px #000e3b;} + + .sheet-matrixData span { + border : 2px solid #074202; + background-color : #88dd04; + -webkit-box-shadow: inset 0px 1px 5px 2px #074202; + -moz-box-shadow : inset 0px 1px 5px 2px #074202; + box-shadow : inset 0px 1px 5px 2px #074202;} + + .sheet-matrixFirewall span { + border : 2px solid #470101; + background-color : #f88703; + -webkit-box-shadow: inset 0px 1px 5px 2px #470101; + -moz-box-shadow : inset 0px 1px 5px 2px #470101; + box-shadow : inset 0px 1px 5px 2px #470101;} + + /***** MATRIX PROGRAMS *****/ + .sheet-program-box { + .sheet-repeating-indent { + padding-left: 0em; + text-indent : -1em; + } + + input.sheet-program-toggle { + left : 5px; + top : 2px; + width: 15px; + } + span.sheet-program-toggle { + left: 5px; + top : -3px; + } + + /***** MATRIX PROGRAM SETTINGS *****/ + .sheet-settings div { + display: inline-block; + width : 100%; + } + + input[type='text'] { + border-radius: 0px; + border-bottom: 1px solid #000; + width : 98%; + } + } + + /***** MATRIX PROGRAM DISPLAY *****/ + .sheet-matrix-box .sheet-display { + display: inline-block;} + + .sheet-program-box .sheet-repeat-box .sheet-display { + margin-left: 0px;} + + .sheet-program-box .sheet-display-row { + margin-left: 25px; + width: 95%;} + + .sheet-program-box .sheet-program-toggle { + position: absolute !important;} + + .sheet-program-box .sheet-program-toggle:checked span, + .sheet-program-box .sheet-program-toggle:checked ~ .sheet-display-row, + .sheet-program-box .sheet-program-toggle:checked ~ .sheet-collapsable { + opacity: 0.3;} + + .sheet-program-box input.sheet-display-flag { + left: 5%; + width: 90%;} + + .sheet-program-box .sheet-collapsable { + padding-left: 0em;} + + /***** COMPLEX FORMS *****/ + .sheet-form-box { + h3 { + margin-right: 1%; + width : 16%; + + &:nth-of-type(1) {width: 48%;} + &:nth-of-type(5) { + margin-right: 0px; + width : 7%;} + &:nth-of-type(4) {width: 10%;} + + &[data-i18n="modifier"] { width: 12%; } + } + + input[type='text'] {width: 50%;} + .sheet-settings div {width: 100%;} + select { + margin-right: 1%; + width : 17%;} + + .sheet-display { + display: inline-block; + .sheet-display-row { + margin-right: 1%; + text-align : left; + width : 16%; + + &:nth-of-type(1) {width: 48%;} + &:nth-of-type(4) {width: 10%;} + &:nth-of-type(5) {width: 7%;} + } + } + } + + /***** VEHICLE *****/ + .sheet-vehicle-box .sheet-settings div, + .sheet-vehicle-box .sheet-display { + display: inline-block; + width : 100%;} + + .sheet-vehicle-box input[type='text'] { + width: 44%;} + + .sheet-vehicle-box label { + width: 20%;} + + .sheet-vehicle-box .sheet-row-long:first-child label { + width : 12%;} + + .sheet-vehicle-box label:nth-child(1n+4) { + text-align: right; + width : 21%;} + + /***** VEHICLE SETTING *****/ + .sheet-vehicle-box .sheet-settings h3 {margin-right: 2%;} + + .sheet-vehicle-box .sheet-settings h3:nth-child(1) { + margin-left: 18%; + margin-top : -5px;} + + .sheet-vehicle-box .sheet-settings h3:nth-child(4) {margin-left: 22%;} + .sheet-vehicle-box .sheet-settings h3:nth-child(6) {margin-right: 0px;} + + .sheet-vehicle-box .sheet-settings input[type='text'], + .sheet-vehicle-box .sheet-settings input[type='number'] { + border: none;} + + /***** VEHICLE DISPLAY *****/ + .sheet-vehicle-box .sheet-display-row { + text-align: left; + width : 49%;} + + .sheet-vehicle-box .sheet-display-row h3 { + width: 35%;} + + .sheet-vehicle-box .sheet-display-row div { + display : inline-block; + font-weight: normal; + text-align : center; + } + + .sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat { + width: 60%; + } + + .sheet-vehicle-box .sheet-collapsable {padding-left: 0.2em;} + + /***** Options Section *****/ + .sheet-options .sheet-pc-box { + min-height: 800px; + } + + .sheet-op-col { + display : inline-block; + vertical-align: top; + width : 48%;} + + .sheet-op-col {margin-bottom: 5px;} + + .sheet-op-col h2 { + text-decoration: underline; + width: 100%; + } + + .sheet-op-col button[name='act_import_launch'] { + border: 2px solid black; + background: #333; + color: white; + font-weight: bold; + width: auto; + height: auto; + padding: 2% 4% + } + + .sheet-op-col p { + margin-top: 2%; + margin-right: 5%; + } + + .sheet-op-col hr { + border : 0.5px solid #1c1c1c; + margin : 3px 0px; + opacity: 0.1;} + + .sheet-op-col label { + margin-bottom: 2%; + width : 55%;} + + .sheet-options input[type='checkbox'] { + height : 15px; + margin-left: 5%; + opacity : 1; + width : 15px;} + + /***** EDGE & MATRIX CONDITION HEXAGONS *****/ + .sheet-edg-hex, + .sheet-con-hex { + position: relative; + top : -60px; + + .sheet-edg-hex input[type='checkbox'], + .sheet-con-hex input[type='radio'] { + height : 20px; + margin-right: -21px; + top : -9px; + width : 20px; + } + + } + + .sheet-edg-hex input[type='checkbox'], + .sheet-con-hex input[type='radio'] { + height : 20px; + margin-right: -21px; + top : -9px; + width : 20px; + opacity: 0; + z-index: 2; + position: relative; + } + + .sheet-hexagon { + display: inline-block; + margin: 5.77px 0; + position: relative; + background-color: #222; + height: 11.55px; + width: 20px; + } + + .sheet-hexagon:before, + .sheet-hexagon:after { + border-left : 10px solid transparent; + border-right: 10px solid transparent; + content : ''; + position : absolute; + width : 0;} + + .sheet-hexagon:before { + bottom : 100%; + border-bottom: 5.77px solid #222;} + + .sheet-hexagon:after { + top: 100%; + width: 0; + border-top: 5.77px solid #222;} + + .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon, + .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon, + .sheet-edge-zero[value='0'] ~ .sheet-hexagon { + background-color: $lightgray;} + + .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:before, + .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before, + .sheet-edge-zero[value='0'] ~ .sheet-hexagon:before { + border-bottom-color: $lightgray;} + + .sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:after, + .sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after, + .sheet-edge-zero[value='0'] ~ .sheet-hexagon:after { + border-top-color: $lightgray;} + + .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon, + .sheet-con-hex input[type='radio'] + .sheet-hexagon, + .sheet-con-hex input[type='radio']:checked + .sheet-hexagon { + background-color: #222;} + + .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:before, + .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before { + border-bottom-color: #222;} + + .sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:after, + .sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after { + border-top-color: #222;} + + /***** MAKE HEXES APPEAR & DISAPPEAR *****/ + .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5), + .sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span, + .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7), + .sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span, + .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9), + .sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span, + .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11), + .sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span, + .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13), + .sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span, + .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15), + .sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span, + .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17), + .sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span { + display: none;} + + + + .sheet-settings .sheet-textrow label {margin-bottom: 36px;} + + .sheet-augmentation div.sheet-display {text-indent: 125px;} + + .sheet-power div.sheet-display {text-indent: 65px;} + + /*:+:+:+: REPEATING SECTIONS :+:+:+:*/ + .sheet-repeating, + .sheet-repeat-section { + display:inline-block; + width : 100%;} + + .sheet-repeating button.sheet-display { + text-align: left;} + + .sheet-repeating input[type='checkbox'], + .sheet-repeating input[type='checkbox'] + span { + position: absolute;} + + .sheet-repeating input[type='checkbox'] { + width: 15px; + height: 15px;} + + .sheet-repeating label {padding: 0px;} + + .sheet-repeating .sheet-settings { + border-bottom: 1px dotted #FCD116;} + + .sheet-repeat-indent { + padding-left: 2.5em; + text-indent : -1.5em;} + + .sheet-repeating .sheet-display {display: inline-flex;} + + .sheet-repeat-section input { + height : 27px; + background-color: transparent; + border-bottom : 1px solid #fff; + border-radius : 0px;} + + .sheet-magic .sheet-repeat-section input[type='number'], + .sheet-magic .sheet-repeat-section input[type='text'], + .sheet-resonance .sheet-repeat-section input[type='number'], + .sheet-resonance .sheet-repeat-section input[type='text'] { + width: 100%;} + + .sheet-repeat-row { + display: inherit; + width : 5%;} + + .sheet-repeat-row-8 {width: 8%;} + .sheet-repeat-row-11 {width: 11%;} + .sheet-repeat-row-12 {width: 12%;} + .sheet-repeat-row-15 {width: 15%;} + .sheet-repeat-row-20 {width: 20%;} + + .sheet-repeat-row span {font-size: 0.8em;} + + .sheet-repeat-dice {font-size: 12px;} + + /*:+:+:+: NPC WEAPONS :+:+:+:*/ + .sheet-repeat-row.sheet-weapon-range, + .sheet-repeat-row.sheet-weapon-melee { + display: none;} + + input.sheet-range-toggle, + input.sheet-melee-toggle { + left : 28px; + margin-left: -32px; + position : relative;} + + input.sheet-melee-toggle:checked ~ div.sheet-weapon-melee, + input.sheet-range-toggle:checked ~ div.sheet-weapon-range { + display: inherit;} + + input.sheet-melee-toggle + span {margin-right: 0px !important;} + + .sheet-weapon-note { + display : inherit; + margin-top: 3px; + width : 100%;} + + + /*:+:+:+: NPC SPELLS :+:+:+:*/ + input.sheet-spell-toggle {margin: 0px -38px 0px 5px;} + + .sheet-magic .sheet-repeating select {width: 100%;} + + /*:+:+:+: NPC MATRIX :+:+:+:*/ + + input.sheet-program-toggle { + left: 15px; + top : 5px;} + + .sheet-host input.sheet-program-toggle { + left: 5px; + top : 2px;} + + span.sheet-program-toggle { + font-size: 15px !important; + left : 24px; + top : 2px;} + + .sheet-program-toggle[value='0'] + div.sheet-repeat-indent {opacity: 0.3;} + + /*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/ + .sheet-matrix, + .sheet-magic, + .sheet-resonance, + .sheet-optional, + .sheet-textboxes, + .sheet-optional-flag[value='0'] + .sheet-attr-header, + .sheet-category + div, + .sheet-category + div + div { + @extend %display-none; + } + + .sheet-optional-flag:not([value='0']) + .sheet-optional { + @extend %display-inline-block; + } + + .sheet-optional-flag:not([value='0']) + .sheet-textboxes { + display: inherit; + width: 100%; + } + + .sheet-category[value='Combat'] + div, + .sheet-category[value='Combat'] + div + div, + .sheet-character-type[value='matrix'] + .sheet-matrix { + display: inherit;} + + .sheet-category[value='Combat'] ~ .sheet-combat-type-hide {display: inline;} + + .sheet-character-type[value='magic'] + .sheet-magic-skill, + .sheet-character-type[value='magic'] + .sheet-magic-skill + .sheet-magic-skill, + .sheet-character-type[value='resonance'] + .sheet-resonance-skill { + opacity: 1;} + + .sheet-character-type[value='magic'] ~ .sheet-magic, + .sheet-character-type[value='magic'] ~ .sheet-magic + .sheet-magic, + .sheet-character-type[value='resonance'] ~ .sheet-resonance, + .sheet-character-type[value='resonance'] ~ .sheet-resonance + .sheet-resonance { + display: inline-block; + width: 100%;} + + span.sheet-pictosC {font-family: 'Pictos Custom';} + span.sheet-pictos3 {font-family: 'Pictos Three';} + span.sheet-d6 {font-family: 'dicefontd6';} \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_repeatingsection.scss b/Shadowrun5thEdition/src/scss/_repeatingsection.scss new file mode 100644 index 0000000000..08ccb7e796 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_repeatingsection.scss @@ -0,0 +1,65 @@ + .repcontainer .repitem { + margin-bottom: 5px;} + + .repcontrol { + display : inline-block; + vertical-align: top; + min-height : 27px;} + + .repcontrol .btn { + background : none; + border : medium none; + box-shadow : none; + color : transparent !important; + display : inline-block; + font-size: 15px; + margin-left: 10px; + outline : 0; + padding : 0px 0px 0px 0px; + text-shadow: none; + width : 25px; + } + + .repcontrol .repcontrol_edit:after, + .repcontrol .repcontrol_add:after { + background-color: none; + color: #fff; + @extend .sheet-pictos; + font-size: 16px; + height: 12px; + padding: 2px 4px 2px 4px; + visibility: visible; + width: 12px; + } + + .repcontrol .repcontrol_edit:after {content: '(';} + .repcontrol .repcontrol_add:after {content: '&';} + .editmode ~ .repcontrol .repcontrol_edit:after {content: ')';} + + .repcontrol .repcontrol_edit:after, + .repcontrol .repcontrol_add:after { + color : #000; + position: relative;} + + .sheet-npc .repcontrol .repcontrol_edit:after, + .sheet-npc .repcontrol .repcontrol_add:after { + color: #fff;} + + .repcontrol .repcontrol_edit:hover:after, + .repcontrol .repcontrol_add:hover:after { + color : #FCD116; + background-color: none;} + + .itemcontrol {z-index: 10;} + + .itemcontrol .repcontrol_del, + .itemcontrol .repcontrol_move { + font-size : 10px; + height : 18px; + margin-top: 3px; + padding : 0px; + width : 18px;} + + .itemcontrol .repcontrol_del { + background-color: darkred; + @extend .sheet-pictos;} \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_rolltemplate.scss b/Shadowrun5thEdition/src/scss/_rolltemplate.scss new file mode 100644 index 0000000000..3c5feea924 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_rolltemplate.scss @@ -0,0 +1,56 @@ + .sheet-rolltemplate-rolls div.sheet-template-body { + border : 2px solid #000 !important; + border-radius: 3px 3px 3px 3px;} + + .sheet-rolltemplate-rolls .sheet-template-header { + background-color: #431714; + border : 1px solid #000; + border-bottom : 2px solid #000; + box-shadow : inset 0px 0px 3px 1px #000; + color : #fff; + font-size : 1.5em; + font-variant : small-caps; + font-weight : bold; + letter-spacing : 2px; + padding : 8px 0px 3px 0px; + text-align : center; + text-transform : capitalize;} + + .sheet-rolltemplate-rolls .sheet-template-header span { + font-family : 'tahoma'; + font-size : 0.5em; + font-weight : normal; + font-variant : normal; + letter-spacing: 1px;} + + .sheet-rolltemplate-rolls .sheet-template-row { + color : #fff; + text-align : center; + font-size : 18px; + background-color: #555; + box-shadow : inset 0px 0px 3px 1px #000; + line-height : 1.1em; + font-family : 'helvetica'; + padding : 5px 5px 3px 5px;} + + .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {background-color: #1c1c1c;} + + .sheet-rolltemplate-rolls .inlinerollresult { + display :inline-block; + color : #fff; + font-size : 25px; + background-color: transparent; + border : none;} + + .sheet-rolltemplate-rolls .inlinerollresult.fullfail, + .sheet-rolltemplate-rolls .inlinerollresult.fullcrit, + .sheet-rolltemplate-rolls .inlinerollresult.importantroll { + border: none;} + + .sheet-rolltemplate-rolls .inlinerollresult.fullfail {color: #FCD116;} + + .sheet-rolltemplate-rolls .inlinerollresult.fullcrit {color: #fff;} + + .sheet-rolltemplate-rolls .sheet-template-desc {font-size: 0.8em;} + + .sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult {font-size: 14px;} \ No newline at end of file diff --git a/Shadowrun5thEdition/src/scss/_switch.scss b/Shadowrun5thEdition/src/scss/_switch.scss new file mode 100644 index 0000000000..2f1d864952 --- /dev/null +++ b/Shadowrun5thEdition/src/scss/_switch.scss @@ -0,0 +1,55 @@ +/* The switch - the box around the slider */ +.sheet-switch { + position: relative; + display: inline-block; + width: 50px; + height: 24px; +} + +/* Hide default HTML checkbox */ +.sheet-switch input { + opacity: 0; + width: 0; + height: 0; +} + +/* The slider */ +.sheet-slider { + -webkit-transition: .4s; + background-color: #ccc; + border-radius: 34px; + bottom: 0; + cursor: pointer; + left: 0; + position: absolute; + right: 0; + top: 0; + transition: .4s; +} + +.sheet-slider:before { + -webkit-transition: .4s; + background-color: white; + border-radius: 50%; + bottom: 4px; + content: ""; + height: 16px; + left: 4px; + position: absolute; + transition: .4s; + width: 16px; +} + +input:checked + .sheet-slider { + background-color: $red; +} + +input:focus + .sheet-slider { + box-shadow: 0 0 1px $lightgray; +} + +input:checked + .sheet-slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} \ No newline at end of file diff --git a/Shadowrun5thEdition/src/social.html b/Shadowrun5thEdition/src/social.html new file mode 100644 index 0000000000..7194addf74 --- /dev/null +++ b/Shadowrun5thEdition/src/social.html @@ -0,0 +1,71 @@ + \ No newline at end of file diff --git a/Shadowrun5thEdition/src/spells.html b/Shadowrun5thEdition/src/spells.html new file mode 100644 index 0000000000..83ef66d644 --- /dev/null +++ b/Shadowrun5thEdition/src/spells.html @@ -0,0 +1,192 @@ +
+

Spells

Type

Range

Duration

Drain

+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+
+ +
+
+ + + + + +
+ + + +
+ + + +
+
+
+ + + + + +
+ + +
+
+
+ +
+
+
+
+
+ i +
+
+
+
+
+
+ +
+
+
+ +
+
+ +
+ + + + + +
+ + +
+
+
+ +
+ i +
+
+
+
+ +
+
\ No newline at end of file diff --git a/Shadowrun5thEdition/src/static.html b/Shadowrun5thEdition/src/static.html new file mode 100644 index 0000000000..731a894144 --- /dev/null +++ b/Shadowrun5thEdition/src/static.html @@ -0,0 +1,324 @@ + +
+

Personal Data

+
+
+
+

NAME/PRIMARY ALIAS

+
+
+

Metatype

+

Ethnicity

+
+
+

Age

+

Sex

+

Height

+

Weight

+
+
+

Street Cred

+

Notoriety

+

Public Awereness

+
+
+

Karma

+

Total Karma

+

Misc

+
+
+
+
+ +
+

Attributes

+
+
+ x +
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + + +
+
+ + + = + +
+
+
+ + +
+
+ +
+
+
+
+
+ + +
+
+
+
+ + + + +
+
+
+ + + = + +
+
+ + + = + +
+
+
+
+
+
+
+ + + + +
+
+ + + + = + + + d6 +
+
+ + + d6 +
+
+ + + + +
+
+ + + + = + + + d6 +
+
+ + + d6 +
+
+ + + + +
+
+
+ + + + = + + + d6 +
+
+
+ + + d6 +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + +
+
+ = + +
+
+ +
+
+ + + + +
+
+ / + / + + +
+
+ / + / + + +
+
+
+
+
+ + = + + = + + = +
+
+
+
+
+
+
+
+ + + + + + + + + + +
+
+
+
diff --git a/Shadowrun5thEdition/src/vehicle.html b/Shadowrun5thEdition/src/vehicle.html new file mode 100644 index 0000000000..b14cb00f06 --- /dev/null +++ b/Shadowrun5thEdition/src/vehicle.html @@ -0,0 +1,138 @@ +
+
+

Vehicle

+
+
+
+ +
+
+
+ + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+

Base

Modifier

+

Temp

Base

+

Modifier

Temp

+
+

Notes

+ +
+
+
+ +
+
+

Vehicle

+
+ +
+
+
+

Handling

+
+ +
+
+
+
+
+

Acceleration

+
+ +
+
+
+

Speed

+
+ +
+
+
+
+
+

Pilot

+
+ +
+
+
+

Body

+
+ +
+
+
+
+
+

Armor

+
+ +
+
+
+

Sensor

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
diff --git a/Shadowrun5thEdition/translation.json b/Shadowrun5thEdition/translation.json index ebb98e8b6b..644d4fde8d 100644 --- a/Shadowrun5thEdition/translation.json +++ b/Shadowrun5thEdition/translation.json @@ -91,8 +91,8 @@ "decompiling": "Decompiling", "default": "Default a skill", "defense": "Defense", - "defenseattribute": "Defense Attribute", - "defensematrixattr": "Defense Matrix Attr.", + "defense attribute": "Defense Attribute", + "defense matrix attribute": "Defense Matrix Attribute", "demolitions": "Demolitions", "detection": "Detection", "device": "Device", @@ -146,6 +146,7 @@ "gear": "Gear", "gm": "To GM", "gm-whisper": "Whisper Roll to GM", + "/w GM": "/w GM", "grunt": "Grunt", "gunnery": "Gunnery", "gymnastics": "Gymnastics", @@ -158,10 +159,10 @@ "heavyweapons": "Heavy Weapons", "height-u": "Height", "host": "Host", - "hostrating": "Host Rating", + "host_rating": "Host Rating", "i": "I", "ic": "IC", - "iclimit": "IC Limit", + "ic limit": "IC Limit", "idslifestylecurrency": "IDs/Lifestyles/Currency", "illusion": "Illusion", "impersonation": "Impersonation", @@ -186,7 +187,6 @@ "languageskills": "Language Skills", "leadership": "Leadership", "level": "Level", - "levelresonance": "Level / Resonance", "licenses": "Licenses", "liftcarry": "Lift & Carry", "limit":"Limit", @@ -195,7 +195,7 @@ "logic": "Logic", "longarms": "Longarms", "los": "LOS", - "losa": "LOS (A)", + "los (a)": "LOS (A)", "loyalty": "Loyalty", "m": "M", "magic": "Magic", @@ -246,7 +246,7 @@ "overflow": "Overflow", "overflowmodifier": "Overflow Modifier", "p": "P", - "painfooter": "Low Pain Tolernace adds a -1 and High Pain Tolerance adds a +1 per rank.", + "painfooter": "Total your pain threshold. Add -1 for Low Pain Tolernace. Add +1 per rank of High Pain Tolerance.", "paintolerance": "Pain Tolerance", "palming": "Palming", "pc": "PC", @@ -320,7 +320,6 @@ "sleaze": "Sleaze", "sneaking": "Sneaking", "soak": "Soak", - "soakbonus": "Soak Bonus", "social": "Social", "social_limit": "Social Limit", "sociallimit": "Social Limit: ", @@ -333,7 +332,7 @@ "speed": "Speed", "speedoff": "Speed (Off)", "spellcasting": "Spellcasting", - "spellcategory": "Spell Category", + "category": "Category", "spells": "Spells", "sprite": "Sprite", "ss": "SS", @@ -350,7 +349,7 @@ "sustained": "Sustained", "swimming": "Swimming", "t": "T", - "ta": "T (A)", + "t (a)": "T (A)", "target": "Target", "taskinggroup": "Tasking Group", "technicalskills": "Technical Skills", @@ -384,4 +383,9 @@ "importecharacter": "Import Character", "apply": "Apply", "importertext": "You can import a character with a JSON from Chummer. The game owner must set a Compendium in the Game Settings. It does not matter which one you pick. Charactermancer software simply requires one be picked." + ,"character name":"character name" + ,"player name":"player name" + , "walk modifier": "walk modifier" + ,"run modifier": "run modifier" + ,"movement modifier": "movement modifier" } \ No newline at end of file diff --git a/Shadowrun5thEdition/translations/en.json b/Shadowrun5thEdition/translations/en.json index 783413ff72..f927134291 100644 --- a/Shadowrun5thEdition/translations/en.json +++ b/Shadowrun5thEdition/translations/en.json @@ -1,4 +1,4 @@ -{ +{ "a": "A", "acc": "ACC", "accel": "Accel", @@ -146,6 +146,7 @@ "gear": "Gear", "gm": "To GM", "gm-whisper": "Whisper Roll to GM", + "/w GM": "/w GM", "grunt": "Grunt", "gunnery": "Gunnery", "gymnastics": "Gymnastics", @@ -158,7 +159,7 @@ "heavyweapons": "Heavy Weapons", "height-u": "Height", "host": "Host", - "hostrating": "Host Rating", + "host_rating": "Host Rating", "i": "I", "ic": "IC", "iclimit": "IC Limit", @@ -189,7 +190,7 @@ "levelresonance": "Level / Resonance", "licenses": "Licenses", "liftcarry": "Lift & Carry", - "limit": "Limit", + "limit":"Limit", "limits": "Limits", "locksmith": "Locksmith", "logic": "Logic", @@ -259,7 +260,7 @@ "physical_limit": "Physical Limit", "physicalbonus": "Physical Bonus", "physicaldamagetrack": "Physical Damage Track", - "physicallimit": "Physical Limit:", + "physicallimit":"Physical Limit:", "physicalskills": "Physical Skills", "pilot": "pilot", "pilotaerospace": "Pilot Aerospace", @@ -274,7 +275,7 @@ "power": "Power", "powers": "Powers", "pr": "Professional Rating", - "prep": "Prep...", + "prep":"Prep...", "primary": "Primary", "primaryarmor": "Primary Armor", "primarylifestyle": "Primary Lifestyle", @@ -298,7 +299,7 @@ "reaction": "Reaction", "recoil": "Recoil", "registering": "Registering", - "relatedlifestyle": "Related Lifestyles", + "relatedlifestyle": "Related Lifestyles", "resonance": "Resonance", "resonanceskills": "Resonance Skills", "rituals": "Rituals", @@ -384,4 +385,6 @@ "importecharacter": "Import Character", "apply": "Apply", "importertext": "You can import a character with a JSON from Chummer. The game owner must set a Compendium in the Game Settings. It does not matter which one you pick. Charactermancer software simply requires one be picked." + ,"character name":"character name" + ,"player name":"player name" } \ No newline at end of file