diff --git a/Kuro/Kuro.css b/Kuro/Kuro.css index a210f614ea..373357bdbd 100644 --- a/Kuro/Kuro.css +++ b/Kuro/Kuro.css @@ -1,4 +1,4 @@ -/* fonts google css?family=Russo+One */ +/* _____fonts google css?family=Russo+One _________*/ /* latin-ext */ @font-face { font-family: 'Russo One'; @@ -25,13 +25,36 @@ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } + .sheet-sheet { - font-family: 'Special Elite', cursive; - width: 100%; + font-family: 'Special Elite', cursive; + width:815px; + } + + +/*___________________ Version Notes ___________________*/ +.sheet-arrowver:checked + .sheet-version-notes { + display:block; } -.sheet-sheet * { - padding: 1px; +.sheet-version-notes { + background: rgb(194,194,194); + border: 1px solid gray; + display:none; } +.sheet-version-arrow { + color:#b02525; + font-weight:bold; +} +.sheet-oldchar{ + width:15px !important; + padding:0px; + border:none; + background:none; +} + + +/* ===== General ===== */ + .sheet-kuro_section_title{ font-family: 'Russo One', sans-serif; font-weight: bold; @@ -44,81 +67,1197 @@ clear: both; width: 100%; } +.sheet-kuro_field_char { + clear: both; + width: 112%; +} +.sheet-kuro_field_char:after, .sheet-kuro_field:after{ clear:both; content: ""; display: table; } +.sheet-kuro_field_char .sheet-name, .sheet-kuro_field .sheet-name{ float: left; + display: inline; } +.sheet-kuro_field_char .sheet-value, .sheet-kuro_field .sheet-value{ float: right; + display: inline; +} +.sheet-kuro_fields-misc .sheet-kuro_field_char .sheet-value input[type=number], +.sheet-kuro_fields-misc .sheet-kuro_field .sheet-value input[type=number] { + font-weight: normal; +} +.sheet-kuro_logo { + width: 100%; + height: 150px; + padding-right: 50%; + padding-left: 50%; + padding-top: 8%; + padding-bottom: -8%; } -.sheet-kuro_field input{ - border:0; - border-bottom:solid 1px #000; - outline:none; +.sheet-footer { + width: 100%; + background: rgb(194,194,194); + text-align: center; } -.sheet-kuro_field input[type=text]{ +.sheet-ver-info + .sheet-tooltip { + z-index: 10; + display: none; + padding: 4px; + text-align: left; + margin-left: 0px; + font-weight: normal; + text-transform: initial; + font-variant: initial; +} +.sheet-ver-info:hover + .sheet-tooltip { + width: auto; + z-index: 5; + display: inline-block; + position: relative; + top: -20px; + left: -110px; + color: #111; + border: 1px solid gray; + background: #ffffff; + line-height: 1.3em; + padding-top: 2px; + font-family: sans-serif; + font-weight: none; + font-size: 0.8em; +} + +/* ===== Character Info ===== */ + +.sheet-kuro_fields-name { + width: 100%; + float: left; +} +.sheet-kuro_fields-name input[type=text] { + width: 312px; + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; + display: inline; float: right; - width: calc(100% - 7em); -} -.sheet-kuro_field button[type=roll]{ - width: 21px; - height: 21px -} -.sheet-skills{ - height: 435px !important; + margin-right: 6px; + text-align: center; } -/* tab */ -/*body { - padding: 20px 40px; -}*/ - -.sheet-kuro-tabs { - position: relative; - min-height: 435px !important; - - clear: both; - margin: 35px 0 25px; - background: white; +.sheet-kuro_fields-misc input[type=text] { + width: 100px; + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; } -.sheet-kuro-tab { +.sheet-kuro_fields-misc input[type=number] { + width: 82px; + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; +} +.sheet-name-secondary { + font-size: 76%; + line-height:0.3; +} +.sheet-name-secondary div { + margin-bottom: -16px; +} + +.sheet-kuro_fields textarea { + height: 65px; + width: 373px; + margin-top: 5px; +} + +/* ===== Primary characteristics ===== */ + +.sheet-kuro_fields_char { + margin-top: 25px; +} +.sheet-kuro_fields input[type=number] { + width: 47px; + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; +} + + + +/* ===== Secondary Characteristics ===== */ + +.sheet-kuro_field-sec { + display: inline-block; + width: 49%; + text-align: center; + margin-bottom: 4px; +} +.sheet-kuro_field-sec input[type=number] { + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; + text-align: right; +} +input[type=number].sheet-hits-max { + text-align: left; + border: none; + background: none; +} + +.sheet-col-sec { + width: 125px; + display: inline-block; + margin-bottom:-5px; + vertical-align:middle; +} +.sheet-col-sec input[type=number] { + border-top:none; + border-left:none; + border-right:none; + background:none; +} +.sheet-col-sec .sheet-name{ float: left; + display: inline; } -.sheet-kuro-tab label { - background: #eee; - padding: 10px; - border: 1px solid #ccc; - margin-left: -1px; - position: relative; - left: 1px; - top: -29px; +.sheet-col-sec .sheet-value{ + float: right; + display: inline; } -.sheet-kuro-tab [type=radio] { - display: none; + +.sheet-evo { + float: right; + margin-right: 127px; + margin-top: 5px; } -.sheet-kuro-tab-content { - position: absolute; - top: -1px; - left: 0; - background: white; - right: 0; - bottom: 0; - padding: 20px; - border: 1px solid #ccc; - -webkit-transition: opacity .6s linear; - opacity: 0; +.sheet-evo input[type=number] { + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; + text-align: center; + font-weight: normal; } -[type=radio]:checked ~ label { - background: white; - border-bottom: 1px solid white; - z-index: 2; + +.sheet-secoptionsdrop { + display: inline; + position: relative; + left: 350px; + opacity: 65%; } -[type=radio]:checked ~ label ~ .sheet-kuro-tab-content { - z-index: 1; - opacity: 1; +.sheet-secoptions { + font-family: sans-serif; + font-size: 0.8em; + text-align: center; + position: relative; + left: -350px; + opacity: 75%; +} +.sheet-secoptions input[type=number] { + height: 20px; + width: 25px; + font-size: 0.8em; +} + +.sheet-sw { + display: inline-block; + position: relative; + font-size: 0.8em; + top: 3px; + opacity: 80%; +} +.sheet-sw ~ .sheet-tooltip { + z-index: 10; + display: none; + padding: 4px; + text-align: left; + margin-left: 0px; + font-weight: normal; + text-transform: initial; + font-variant: initial; +} +.sheet-sw:hover ~ .sheet-tooltip { + width: auto; + z-index: 5; + display: inline-block; + position: absolute; + margin-top: 25px; + margin-left: -50px; + color: #111; + border: 1px solid gray; + background: #ffffff; + line-height: 1.5em; + font-family: sans-serif; + font-weight: none; + font-size: 1em; +} +input[type=number].sheet-swnum { + width: 15px; + font-weight: bold; + text-align:center; + font-size:1em; + color: black; + border-top: none; + border-right: none; + border-left: none; + opacity: 80%; +} + +/* ===== Skills ===== */ +.sheet-skill-column-left { + border: 1px solid black; + width: 49.50%; + display: inline; + float: left; + text-align: center; + background: gray; + color: white; + font-family: sans-serif; +} +.sheet-section-container { + width: 100%; + height: 25px; + display: inline; +} +.sheet-domain-value { + height: 100%; + padding-left:28px; + padding-right:0px; + border-right: none; + border-bottom: none; + border-top: none; + border-radius: 0%; + border-left: gray 1px solid; + text-align: center; + background: rgb(194,194,194); +} +.sheet-skill-value { + height: 30px; + border-top: none; + border-radius: 0%; + text-align: center; +} + +.sheet-custom-body-section { + border: 0px solid gray; + padding: 0px; + margin: 0px; + text-align: justify; + background: white; + color: black; +} +.sheet-repeating_custom-domain { + margin: 0px; + padding: 0px; + background: white; +} +.sheet-custom-domain-container { + width: 100%; + display: inherit; + background: rgb(194,194,194); +} +.sheet-custom-domain-name { + border: none; + width: 315px; + text-align: center; + background: rgb(194,194,194); +} +.sheet-custom-skill-container { + width: 100%; + text-align: justify; + background: white; + padding-bottom: -5px; + margin: -1px 0px -1px 0px; +} +.sheet-custom-skill-name { + border: none; + width: 183px; +} +.sheet-custom-skill-gimikku { + border: none; + width: 130px; + padding-left: 2px; + padding-right: 0px; + font-size: 0.85em; + color: gray; + margin-right: 2px; + border-left: 1px rgb(200,200,200) solid; +} + + +/* ===== Gimikku info box and rolls ===== */ + +.sheet-gimikku-info-roll { + width: 49.50%; + display: inline-block; + margin-right: -45px; + float: right; + text-align: left; + font-family: sans-serif; +} +.sheet-gimikku-header { + text-align: center; + font-weight: bold; + font-size: 1.2em; + width: 75%; + padding-bottom: 5px; +} +.sheet-gimikku-name-ex { + float: left; + width: 300px; + height: 30px; + margin-bottom: 15px; + display: inline-block; +} +.sheet-gimikku-name { + float: left; + width: 300px; + height: 30px; + margin-bottom: 5px; + display: inline-block; +} +.sheet-gimmikku-roll-button { + float: left; + display: inline-block; +} +.sheet-gimikku-reroll { + display: none; +} + +.sheet-skill-roll-char { + width: 49.50%; + display: inline; + float: right; + text-align: left; + font-family: sans-serif; +} +.sheet-char-options-header { + font-size: 0.8em; + display: inline-block; + margin-left: 25px; +} +.sheet-skill-char-options { + border: 1px dotted gray; + background: rgb(204, 129, 129); +} +.sheet-arrow-info { + display: inline; + float: right; + font-size: 0.8em; +} +.sheet-skill-char-select-container { + width: 100%; + text-align: center; + margin-bottom: -13px; +} +.sheet-skill-char-select { + width: 60px; +} + +/* ===== Equipement ===== */ + +.sheet-left { + float:left; +} + +.sheet-weapon-tables { + width: 800px; + padding-left: 35px; + margin-top: 10px; + margin-bottom: 10px; +} +.sheet-Desc { + border-left: none; + border-top: none; + border-right: none; + background:none; + width: 100%; +} + +textarea.sheet-area-other { + width: 320px; + margin-right: 10px; +} +.sheet-finances-field { + display: inline-block; + float: right; + margin-right: 10px; +} +.sheet-finances-field input[type=text] { + width: 90px; + border-top: none; + border-right: none; + border-bottom: gray 1px solid; + border-left: none; + text-align: right; +} +.sheet-hidden { + display:none; +} + +/* ===== Ranged Weapons ===== */ + +.sheet-ranged-weapon-table { + width: 750px; + border: none; + margin-bottom: 10px; + margin-top:-25px; +} +.sheet-repeating_ranged-weapons { + width: 950px; +} + +.sheet-rng-row-weap { + width: 209px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; +} +.sheet-rng-row-dam { + width: 94px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + background: rgb(245,245,245); + text-align: center; +} +.sheet-rng-row-sho { + width: 60px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; + position:relative; + bottom:-19px; +} +.sheet-rng-row-sho span { + font-size: 0.8em; + position: relative; + top: -8px; +} +.sheet-rng-row-med { + width: 60px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + background: rgb(245,245,245); + text-align: center; + position:relative; + bottom:-19px; +} +.sheet-rng-row-med span { + font-size: 0.8em; + position: relative; + top: -8px; +} +.sheet-rng-row-lon { + width: 60px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; + position:relative; + bottom:-19px; +} +.sheet-rng-row-lon span { + font-size: 0.8em; + position: relative; + top: -8px; +} +.sheet-rng-row-ext { + width: 60px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + background: rgb(245,245,245); + text-align: center; + position:relative; + bottom:-19px; +} +.sheet-rng-row-ext span { + font-size: 0.8em; + position: relative; + top: -8px; +} +.sheet-rng-row-amm { + width: 100px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; +} +.sheet-rng-row-not { + width: 100px; + height: 29px; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; +} + + +.sheet-rng-row-name { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; +} +.sheet-rng-row { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; +} +.sheet-rng-row-odd-dmg { + height: 31px; + width: 94px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; + background: rgb(245,245,245); +} +.sheet-rng-row-odd { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; + background: rgb(245,245,245); +} +.sheet-rng-row-last { + height: 29px; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; + text-align: center; +} +.sheet-rng-row input[type=text] { + border-left: none; + border-top: none; + border-right: none; +} +.sheet-rng-row-name input[type=text] { + width: 191px; + border-left: none; + border-top: none; + border-right: none; +} +.sheet-rng-row input[type=number], .sheet-rng-row-odd input[type=number] { + width: 60px; + border-left: none; + border-top: none; + border-right: none; + font-weight: normal; +} +input[type=number].sheet-dmg-die { + width: 20px; + height: 25px; + padding: 5px 0px 5px 2px; + margin-bottom: 6px; + background: rgb(245,245,245); +} +input[type=number].sheet-odd { + background: rgb(245,245,245); +} +input[type=text].sheet-dmg-faces { + width: 27px; + height: 25px; + padding: 5px 0px 5px 0px; + margin-left: -1px; + margin-right: -1px; + margin-bottom: 6px; + background: rgb(240,240,240); +} +input[type=text].sheet-odd-text { + border-left: none; + border-top: none; + border-right: none; + width: 100px; +} +.sheet-ammo-notes { + width: 100px; +} +.sheet-rng-row-odd-dmg button[type=roll] { + height: 20px; +} + +.sheet-rngdropfield { + width: 748px; + border-bottom: 1px solid gray; + padding-bottom: -5px; +} + +/* ===== Melee Weapons ===== */ + +.sheet-melee-weapon-table { + width: 418px; + border: none; + display: inline-block; + vertical-align: top; +} +.sheet-ml-row-weap { + width: 181px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + display: inline-block; + text-align: center; +} +.sheet-ml-row-dam { + width: 94px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + display: inline-block; + background: rgb(245,245,245); + text-align: center; +} +.sheet-ml-row-rea { + width: 60px; + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + display: inline-block; + text-align: center; +} +.sheet-ml-row-hand { + width: 75px; + height: 29px; + border-bottom: 1px solid gray; + margin: -2px; + display: inline-block; + text-align: center; +} + +.sheet-ml-row { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + padding-top: 2px; + display: inline-block; + margin-bottom:0px; +} +.sheet-ml-row-odd { + height: 31px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + padding-top: 2px; + display: inline-block; + background: rgb(245,245,245); +} +.sheet-ml-row-number { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin: -2px; + padding-top: 2px; + display: inline-block; +} +.sheet-ml-row-end { + width: 45px; + height: 25px; + border-bottom: 1px solid gray; + margin: -2px; + padding-left: 30px; + padding-bottom: 1px; + display: inline-block; +} +.sheet-ml-row input[type=text] { + border-left: none; + border-top: none; + border-right: none; + width: 162px; +} +.sheet-ml-row-odd button[type=roll] { + height: 20px; +} +.sheet-ml-row-number input[type=number] { + width: 60px; + border-left: none; + border-top: none; + border-right: none; +} + +.sheet-mldropfield { + width: 416px; + border-bottom: 1px solid gray; + padding-bottom: -5px; +} +.sheet-rea_tooltip + .sheet-tooltip { + z-index: 10; + display: none; + padding: 4px; + text-align: left; + margin-left: 0px; + font-weight: normal; + text-transform: initial; + font-variant: initial; +} +.sheet-rea_tooltip:hover + .sheet-tooltip { + width: auto; + z-index: 5; + display: inline-block; + position: absolute; + margin-top: 20px; + margin-left: -150px; + color: #111; + border: 1px solid gray; + background: #ffffff; + line-height: 1.5em; + font-family: sans-serif; + font-weight: none; + font-size: 1em; +} + +/* ===== Protections ===== */ + +.sheet-protections-table { + width: 418px; + border: none; + margin-top: 15px; + vertical-align: top; +} +.sheet-prot-row-arm { + width: 348px; + height: 26px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; +} +.sheet-prot-row-tot { + width: 62px; + height: 29px; + border-bottom: 1px solid gray; + margin-right: -4px; + display: inline-block; + text-align: center; +} + +.sheet-prot-row { + height: 29px; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; +} +.sheet-prot-row-last { + height: 29px; + border-bottom: 1px solid gray; + margin-right: -3px; + margin-left: -1px; + display: inline-block; + text-align: center; +} +.sheet-prot-row input[type=text] { + border-left: none; + border-top: none; + border-right: none; + width: 349px; +} + .sheet-prot-row-last input[type=number], .sheet-prot-row-tot input[type=number] { + width: 60px; + border-left: none; + border-top: none; + border-right: none; +} + + +/* ===== Contacts ===== */ + +.sheet-contact-table { + padding-left: 40px; + width: 92%; +} +.sheet-contact-row-title { + width: 180px; + height: 26px; + border: 1px solid black; + display: inline-block; + margin-right: -4px; + font-family: sans-serif; + text-align: center; + background: gray; + color: white +} +.sheet-contact-row-title-small { + width: 145px; + height: 26px; + border: 1px solid black; + display: inline-block; + margin-right: -4px; + font-family: sans-serif; + text-align: center; + background: gray; + color: white +} +.sheet-contact-row-title-large { + width: 275px; + height: 26px; + border: 1px solid black; + display: inline-block; + margin-right: -4px; + font-family: sans-serif; + text-align: center; + background: gray; + color: white +} + + +.sheet-contact-row { + height: 26px; + border: 1px solid gray; + display: inline-block; + margin-right: -4px; +} +.sheet-contact-row-small { + width: 145px; + height: 26px; + border: 1px solid gray; + display: inline-block; + margin-right: -4px; +} +.sheet-contact-row-large { + width: 275px; + height: 26px; + border: 1px solid gray; + display: inline-block; + margin-right: -4px; +} + +.sheet-contact-row input[type=text] { + border-left: none; + border-top: none; + border-right: none; + width: 180px; +} +.sheet-contact-row-small input[type=text] { + border-left: none; + border-top: none; + border-right: none; + width: 144px; +} +.sheet-contact-row-large input[type=text] { + border-left: none; + border-top: none; + border-right: none; + width: 274px; +} + + + +/* ===== INPUTS General===== */ + +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance: textfield; + text-align: center; + font-weight: bold; + font-family: sans-serif; +} + +input[type=text] { + font-family: sans-serif; +} +textarea { + font-family: sans-serif; +} +input::placeholder { + opacity: 50%; + font-weight: normal; +} + + +/* ===== Collapsible Checkboxes ===== */ + +/* Hide actual radio/checkbox */ +input[type="checkbox"].sheet-arrow , input[type="checkbox"].sheet-arrow-left +{ + opacity: 0; + width: 16px; + height: 16px; + cursor: pointer; + z-index: 1; +} + +/* Fake checkbox */ +input[type="checkbox"].sheet-arrow + span::before +{ + margin-left: -15px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + content: "►"; + width: 14px; + height: 14px; + font-size: 12px; +} +input[type="checkbox"].sheet-arrow-left + span::before +{ + margin-left: -15px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + content: "◀"; + width: 14px; + height: 14px; + font-size: 12px; +} +input[type="checkbox"].sheet-arrow:checked + span::before , +input[type="checkbox"].sheet-arrow-left:checked + span::before +{ + content: "▼"; +} +/*====arrow + arrow-left===*/ +input.sheet-arrow::before , +input.sheet-arrow-left::before + +input.sheet-arrow-left::before ~ div.skill-char-options, +{ + float: left; +} + +input.sheet-arrow:checked ~ div.sheet-custom-body-section, +input.sheet-arrow:checked ~ div.sheet-mldropfield, +input.sheet-arrow:checked ~ div.sheet-rngdropfield, +input.sheet-arrow-left:checked ~ div.sheet-secoptions, +input.sheet-arrow-left:checked ~ div.sheet-skill-char-options { + display: none; +} + + +/*==== Characteristic drop-down for skills Displayswitch===*/ +div.sheet-skill-char-select-container { + display: none; +} +.sheet-charbox1:checked ~ div.sheet-skill-char-select-container { + display: block; +} + +/*====Skill category/area/specialization switch===*/ +.sheet-customswitch { + width: 10px; + height:18px; + padding-left: 0px; + padding-right: 0px; + margin-left: -2px; + margin-right: -1px; + margin-bottom: 0px; + border: gray 1px solid; + background: transparent; + font-size: .95em; + color: gray; + letter-spacing: -1px; + opacity:0%; +} + +input[type="checkbox"].sheet-arrowcustomrow { + display: none; +} +.sheet-skill-row { + background: rgb(194,194,194); + border-top: 1px solid gray; + width:100%; +} +.sheet-arrowcustomrow[value="1"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="8"] ~ .sheet-skill-row { + background: white; + border-top:none; +} +.sheet-arrowcustomrow[value="8"] ~ .sheet-skill-row { + border-top: 1px solid gray; + border-bottom: 1px solid gray; +} +.sheet-arrowcustomrow[value="2"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="3"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="4"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="5"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="6"] ~ .sheet-skill-row, +.sheet-arrowcustomrow[value="7"] ~ .sheet-skill-row { + background: gray; + border-top: 1px solid black; + border-bottom: 1px solid black; + height:18px; + padding-bottom:3px; +} + +.sheet-skill ~ input[type=checkbox].sheet-arrow-left { + margin-left: -20px; +} + +.sheet-section-containercat { + width: 99%; + height:18px; + margin-right:-14px; + display: none; + color: white; + text-align:center; +} +.sheet-domain, .sheet-skill { + display:none; +} +.sheet-domain { + width: 99%; + margin-right:-14px; +} +.sheet-skill { + width: 99%; + margin-right:-14px; +} +.sheet-select-skills { + width: 99%; + margin-right:-14px; + display: inline-block; + text-align:center; +} +input.sheet-cswitch[value='0'] ~ .sheet-select-skills, +input.sheet-cswitch[value='1'] ~ .sheet-select-skills, +input.sheet-cswitch[value='2'] ~ .sheet-select-skills, +input.sheet-cswitch[value='3'] ~ .sheet-select-skills, +input.sheet-cswitch[value='4'] ~ .sheet-select-skills, +input.sheet-cswitch[value='5'] ~ .sheet-select-skills, +input.sheet-cswitch[value='6'] ~ .sheet-select-skills, +input.sheet-cswitch[value='7'] ~ .sheet-select-skills { + display:none; +} +input.sheet-cswitch[value='0'] ~ .sheet-domain, +input.sheet-cswitch[value='1'] ~ .sheet-skill, +input.sheet-cswitch[value='2'] ~ .sheet-combat-skills, +input.sheet-cswitch[value='3'] ~ .sheet-academic-skills, +input.sheet-cswitch[value='4'] ~ .sheet-general-skills, +input.sheet-cswitch[value='5'] ~ .sheet-technical-skills, +input.sheet-cswitch[value='6'] ~ .sheet-enginering-skills, +input.sheet-cswitch[value='7'] ~ .sheet-contacts-skills { + display: inline-block; + } + + + /*___________________________________ Roll Templates ___________________________________*/ + +.sheet-rolltemplate-skillroll .sheet-template-body, +.sheet-rolltemplate-gimikku .sheet-template-body { + text-align:center; + background-color: white; + border: 1px solid gray; + width:100%; +} +.sheet-rolltemplate-skillroll .sheet-template-header, +.sheet-rolltemplate-gimikku .sheet-template-header { + border: 1px solid black; + background-color: gray; + color: white; + text-align:left; + width:97%; + padding:4px; + margin-top: -1px; + margin-left:-1px; +} +.sheet-rolltemplate-skillroll .sheet-template-results, +.sheet-rolltemplate-gimikku .sheet-template-results { + text-align:center; + padding:5px; + border: 1px solid gray; + border-radius:10px; + width:80%; + margin-left:7%; + margin-top:4px; + margin-bottom:4px; +} +.sheet-rolltemplate-skillroll .sheet-template-total, +.sheet-rolltemplate-gimikku .sheet-template-total { + margin:4px; +} +.sheet-rolltemplate-skillroll .sheet-template-gimikku, +.sheet-rolltemplate-gimikku .sheet-template-gimikku { + text-align:center; + padding:4px; + background: rgb(245,245,245); +} +.sheet-rolltemplate-skillroll .sheet-template-results .sheet-template-total .inlinerollresult, +.sheet-rolltemplate-gimikku .sheet-template-results .sheet-template-total .inlinerollresult { + background-color: transparent; + padding-left: 0px; + margin-left: -3px; + position:relative; + top:7px; + font-size: 3em; + border: none; +} +.sheet-rolltemplate-gimikku .sheet-template-results a { + border:1px solid black; + font-size:0.9em; + height: 18px; + border-radius:10px; + background: -webkit-linear-gradient(top, #F5F5F5 70%, #ededed 0%); + color:black; +} +.sheet-rolltemplate-gimikku .sheet-template-results a:hover { + background: -webkit-linear-gradient(top, #ededed 0%, #F5F5F5 70%); + transition: background-color 0.5s ease; +} +.sheet-rolltemplate-skillroll .sheet-template-results .inlinerollresult, +.sheet-rolltemplate-gimikku .sheet-template-results .inlinerollresult { + background: rgb(245,245,245); + border:none; + border-radius: 4px; +} + +.sheet-rolltemplate-skillroll .sheet-template-results .sheet-template-total .inlinerollresult.fullfail, +.sheet-rolltemplate-skillroll .sheet-template-results .sheet-template-total .inlinerollresult.importantroll, +.sheet-rolltemplate-gimikku .inlinerollresult.fullfail, +.sheet-rolltemplate-gimikku .inlinerollresult.importantroll { + color: rgb(255,77,77); +} +.sheet-rolltemplate-skillroll .sheet-template-results .inlinerollresult.fullfail, +.sheet-rolltemplate-skillroll .sheet-template-results .inlinerollresult.critfail { + color:#7f8688; } diff --git a/Kuro/Kuro.html b/Kuro/Kuro.html index ed2ec293dd..b5b668c3cb 100644 --- a/Kuro/Kuro.html +++ b/Kuro/Kuro.html @@ -1,315 +1,598 @@ -
-
- - - -
-
- -
- Character sheet -
- -
- Name -
- -
-
-
Age
-
Gender
-
Profession
-
KAISO
-
- -
-
Size
-
Weight
-
Eyes
-
Hair
-
-
-
- -
- -
+ +
+
+ >>> click here to close this section >>>
- -
-
-
- Characteristics -
-
-
-
Strength (STR)
-
Stamina (STA)
-
Reflexes (REF)
-
Dextirity (DEX)
-
- -
-
Intelligence (INT)
-
Perception (PER)
-
Willpower (WIL)
-
Charisma (CHA)
-
-
-
- Secondary Characteristics -
-
-
-
Hits (HIT)
-
Serious Wound
Threshold (SW)
-
Death
Threshold (DT)
-
Movement (MOV)
-
- -
-
Defence (DEF)
-
Reaction
Speed (REA)
-
Actions (ACT)
-
-
- -
- Note and equipment -
- -
-
-
- Skills -
- -
- -
- - -
-
-
- - - -
-
-
-
- -
- - -
-
-
- - - -
-
-
-
- -
- - -
-
-
- - - -
-
-
-
- -
- - -
-
-
- - - -
-
-
-
-
- - -
-
-
- - - -
-
-
-
- -
- - -
-
-
- - - -
-
-
-
-
-
+
Welcome to Version 2.0 +
Changelog:
+ -4's are now signaled in rolls so that you can substract them from results +
-Fixed Skill section +
-Added Gimikku rolls +
-Added Detailed Equipement and Contacts sections +
-Automated Secondary Characteristic calculations +
-Serious Wounds (to the right of Hit Points) now penalize rolls automatically +
-Initiative rolls now take into account melee weapon ReactionSpeed modifyers when said weapons are "in hand" +
-Added Tooltips explaining the character sheet's new functionalities + +

Click this arrow if you need detailed explanations: +
+

Roll results and Flags the for "4/shi" rule

+ Roll results will appear in red if they contain some 4's, you will have to substract them from the displayed roll total yourself. Hover your mouse over the result to see how many 4's were rolled (they too will appear in red in the detailed roll). +
For exemple: if the roll displays 23 in red, put your mouse cursor over the 23. In the black tooltip that will appear, if there are two 4's, you then substract 8 from 23, so you actually rolled a 15! Easy, insn't it? +

Melee Weapons and ReactionSpeed modifier to Initiative

+ In the Melee weapon table if you check the check box at the end of the line, the value in the REA mod field of this weapon will be added to the total number of dice rolled when rolling initiative! +

Serious Wounds Counter and Auto-calc

+ Right next to your Hit Points, there is a small input field labelled "SW", used to track how many Serious Wounds your character is suffuring from. The number in this field will be automatically substacted from the total number of dice rolled in all Action rolls (except Gimikku and Weapon damage). +

Automatic calculation of Secondary Characteristics

+ Secondary characteristics are now calculated automatically, you can add modifiers to them by clicking on the gear icon arrow to the bottom-right of their section. +
(Here are your old secondary characteristics values, if they differed from actual calculations: +
SW: DT: MOV: DEF: REA: ACT:)
- -
-
- Weapons -
- -
- -
+

Other options, like rolling in secret or asking for a modifier for each roll, are inclunded in the footer of this character sheet, as well as an option to show these version notes again! +
Thank You, from Yui V.
+
+
+
+
+
+ +
+
+ name +
+
+
age
+
gender
+
profession
+
kaiso
+
+
+
size
+
weight
+
eyes
+
hair
+
+
+
+ +
+
+ + + +
+ +
+ Characteristics +
+ +
+
+
Strength (STR)
+
Stamina (STA)
+
Reflexes (REF)
+
Dexterity (DEX)
+
+
+
Intelligence(INT)
+
Perception (PER)
+
Willpower (WIL)
+
Charisma (CHA)
+
+
+ + +
+ Secondary Characteristics +
+ +
+ Hits / +
SW:
Number of Serious Wounds (attacks
+ of which damage meets or overcome
+ SWT) received by your character.
+ Each SW inflicts a penalty of 1D6
+ on all action rolls (this value
+ will automatically be substracted
+ from the number of dice rolled in
+ all rolls on this sheet). +
+
+ Initiative + +
+
+
+ Serious Wound
+ Threshold (SW)
 +
+ +
+ Defence (DEF) +
+ +
+ Actions (ACT) +
+
+ +
+
+ Death
+ Threshold (DT)
 +
+ +
+ Reaction Speed
+ (REA)
 +
+ +
+ Movement (MOV) +
+
+ +
+ Experience Points +
+
+ y +
+
+ Secondary Characteristics Modifiers:
+ + SW: DEF: ACT: Initiative:
+ DT: REA: MOV: Hits: + +
+
+
+
+ + + +
+ Skills +
+
+
+
+
+
+ + +
+ +
+ Click on the gear Icon to the right to create a Skill Category, Area or Specialization +
+
+ Combat Skills +
+
+ Academic Skills +
+
+ General Skills +
+
+ Technical Skills +
+
+ Engineering Skills +
+
+ Contacts +
+
+
+ +
+
+
+
+ +
+
+ y + +
+ +
+
+
+ +
+
+ Gimikku +
+
+ Expertise : Rerolls the lowest die
No «4/shi» rule on the reroll, but can explode +
+ +
+ Accuracy : Margin of success +4 +
+ +
+ Focus : +2 to the roll result +
+ +
+ Mastery : Explodes one 5 as if it was a 6 +
+ +
+ Boost : +1D to the specialization +
+ + +
+
+ +
+ __________________________________________________
+ Characteristic to be used in the next Skill Roll: + +
+ +
+ ______________________________________________________ options +
+ +
+
+ click the arrow
to close this
section +
+
+ Select here the Characteristic that will determine +
+
+ how many dice are rolled in the next Skill roll +
+
Select Characteristic on the sheet: +
Use a dialog box when a roll button is clicked instead: +
+
+ +
+
+ + +
+
+ Equipement +
+
+ +
+
+ Ranged weapons +
+
+ Damage +
+
+ Short
TN 8 +
+
+ Medium
TN 12 +
+
+ Long
TN 20 +
+
+ Extreme
TN 32 +
+
+ Clip +
+
+ Notes +
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ Other +
+ Finances +
+
+ +
+
+
+
+ Melee Weapons +
+
+ Damage +
+
+ Rea +
+
+ In Hand +
+
+ +
+ +
+
+ +
+
+ +
+
+ When checked, the weapon's
Reaction Speed Mod will be
taken into account when
rolling Initiative +
+
+ +
+
+
+ +
+
+ Protection +
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+
+
+ + + + +
+
+ Contacts +
+
+
+
+
+ Contact +
+
+ Profession +
+
+ Description +
+
+ Location +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ + + +
+ Background +
+ + +
+ + + + + + + + + + +
+ Include a Modifier in rolls: || Roll in secret: || Use rules from: French edition English editionThe only difference is that somehow, for Straight Characteristics and Initiative Rolls:
In French ver: the math is Xd6+X | In English ver: the math is Xd6+(X*2) + || Show Version Notes: +
+ + + +
+
{{name}} rolls for
{{skill}} ({{char}}+{{value}}) +
+
{{roll3}}
{{#rollWasFumble() roll3}}

4's were rolled, substract them from this total !

{{/rollWasFumble() roll3}} +
+
+
gimikku
{{gimikku}} +
+
+ + +
+
{{name}} rolls for
{{title}} +
+
{{text1}}
{{roll}}
{{text2}}
{{#rollWasFumble() roll}}

4's were rolled, substract them from this total !{{fumble}}

{{/rollWasFumble() roll}} +
+
+ {{desc}} +
+
+ diff --git a/Kuro/Kuro_logo.png b/Kuro/Kuro_logo.png index 136d866d14..ed0fcf7051 100644 Binary files a/Kuro/Kuro_logo.png and b/Kuro/Kuro_logo.png differ diff --git a/Kuro/Readme.md b/Kuro/Readme.md index 4139a8d98e..639727c6e7 100644 --- a/Kuro/Readme.md +++ b/Kuro/Readme.md @@ -1,18 +1,17 @@ Kuro Character sheet ==================== -First release of Kuro character sheet. +Second Release of Kuro character sheet. Done: -* *General design*: try to reproduce paper original design -* *All characteristics*: only characteristics no generation guideline nor rolls -* *Rolls* only characteristics +* *Rolls* added for skills, initiative and weapon damage +* *Roll template* added roll template that signals when 4's are rolled for ease of play +* *Secondary characteristics generation*: secondary characteristics are now derived from primary characteristics +* *Skills*: added skills area +* *Gimikku*: added special rolls feature Todo: -* *Secondary characteristics generation*: secondary characteristics will derived from primary characteristics -* *Skills*: add skills area and co-dependency -* *Specialisation*: add specialisation -* *Gimuki*: add special rolls feature -* *Rolls* +* *Rolls*: add computed rolls so that 4's are automatically substracted from results according to the Shi rule -Enjoy... +Thank you +Yui V. diff --git a/Kuro/preview.jpg b/Kuro/preview.jpg new file mode 100644 index 0000000000..ab5edd79d8 Binary files /dev/null and b/Kuro/preview.jpg differ diff --git a/Kuro/preview.png b/Kuro/preview.png deleted file mode 100755 index 42401d1d74..0000000000 Binary files a/Kuro/preview.png and /dev/null differ diff --git a/Kuro/sheet.json b/Kuro/sheet.json index 4c7c1cd5da..f1a618dee7 100644 --- a/Kuro/sheet.json +++ b/Kuro/sheet.json @@ -1,9 +1,9 @@ { "html": "Kuro.html", "css": "Kuro.css", - "authors": "Sylvain Lézier", - "preview": "preview.png", + "authors": ["Sylvain Lézier", "Yui V."], + "preview": "preview.jpg", "instructions": "Sheet for Kuro RPG", - "roll20userid": "2592188", + "roll20userid": ["2592188", "340910"], "legacy": true -} \ No newline at end of file +}