diff --git a/HARP/harp.css b/HARP/harp.css index 58389e133b..86de26e8c1 100644 --- a/HARP/harp.css +++ b/HARP/harp.css @@ -23,7 +23,7 @@ input.sheet-tab6:checked ~ div.sheet-section-combat, input.sheet-tab7:checked ~ div.sheet-section-grimoire, input.sheet-tab8:checked ~ div.sheet-section-posessions, input.sheet-tab9:checked ~ div.sheet-section-notes, -/*input.sheet-tab10:checked ~ div.sheet-section-settings,*/ +input.sheet-tab10:checked ~ div.sheet-section-settings, input.sheet-tab11:checked ~ div.sheet-section-armor, input.sheet-tab12:checked ~ div.sheet-section-profession, input.sheet-tab13:checked ~ div.sheet-section-race, @@ -61,7 +61,7 @@ input.sheet-tab24:checked ~ div.sheet-section-subterfuge, /*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/ .charsheet span.sheet-tab { text-align: center; - display: inline-block; + display: inline-block; font-size: 11px; /*background: #1F5D5A;*/ background: DarkOliveGreen; @@ -71,8 +71,8 @@ input.sheet-tab24:checked ~ div.sheet-section-subterfuge, border-radius: 16px; width: 80px; - height: 25px; - cursor: pointer; + height: 25px; + cursor: pointer; position: relative; vertical-align: middle; margin-left: -81px;/*originally 91px*/ @@ -131,6 +131,34 @@ input.sheet-tab24:checked + span.sheet-tab24,{ /*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/ /*----------- End Tab Setup -----------*/ + + +.repcontainer[data-groupname=repeating_profession] .repitem:nth-child(even) { + background-color: #f4f7ed; + margin-top: 0px; + margin-bottom: 0px; +} + + +.repcontainer[data-groupname=repeating_profession] .repitem:nth-child(odd) { + background-color: white; + margin-top: 0px; + margin-bottom: 0px; +} + +.repcontainer[data-groupname=repeating_race] .repitem:nth-child(even) { + background-color: #f4f7ed; + margin-top: 0px; + margin-bottom: 0px; +} + + +.repcontainer[data-groupname=repeating_race] .repitem:nth-child(odd) { + background-color: white; + margin-top: 0px; + margin-bottom: 0px; +} + /* THIS SECTION IS FOR THE INSTRUCTIONS CARDS */ /* END OF INSTRUCTION CARD SETUP*/ @@ -144,6 +172,15 @@ input.sheet-tab24:checked + span.sheet-tab24,{ grid-template-areas: "cone ctwo cthree cfour cfive csix"; } +.sheet-eight-column{ + display: grid; + width: 100%; + grid-gap: 3px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr; + grid-template-areas: "cone ctwo cthree cfour cfive csix cseven ceight"; +} + .sheet-three-column{ display: grid; width: 100%; @@ -153,6 +190,15 @@ input.sheet-tab24:checked + span.sheet-tab24,{ grid-template-areas: "tcleft tccenter tcright"; } +.sheet-three-column-wide-left{ + display: grid; + width: 100%; + grid-gap: 3px; + grid-template-columns: 50% 25% 25%; + grid-template-rows: 1fr; + grid-template-areas: "tcleft tccenter tcright"; +} + .sheet-two-column{ display: grid; width: 100%; @@ -165,12 +211,24 @@ input.sheet-tab24:checked + span.sheet-tab24,{ .sheet-two-column-left-wide{ display: grid; width: 100%; - grid-gap: 3px; - grid-template-columns: 65% 34%; + grid-gap: 15px; + grid-template-columns: 55% 40%; grid-template-rows: 1fr; grid-template-areas: "colleftw colrightw"; } +.sheet-two-column-left-narrow{ + display: grid; + width: 100%; + font-family: 'arial', sans-serif; + font-size: 12px; + background-color: #f4f7ed; + grid-gap: 5px; + grid-template-columns: 25% 75%; + grid-template-rows: 1fr; + grid-template-areas: "colleftn colrightn"; +} + .sheet-two-column-right-wide{ display: grid; width: 100%; @@ -229,9 +287,9 @@ input.sheet-tab24:checked + span.sheet-tab24,{ display: grid; width: 100%; grid-gap: 3px; - grid-template-columns: .5fr 2fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: .5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; - grid-template-areas: "spbutt spsphere spname sptype sprr sprnk sprnkbns spstat spother sptotal"; + grid-template-areas: "spbutt spsphere spname sppp sptype sprr sprnk sprnkbns spstat spother sptotal"; } .sheet-cone{ @@ -258,6 +316,14 @@ input.sheet-tab24:checked + span.sheet-tab24,{ grid-area: csix; } +.sheet-cseven{ + grid-area: cseven; +} + +.sheet-ceight{ + grid-area: ceight; +} + .sheet-tcleft{ grid-area: tcleft; } @@ -286,6 +352,16 @@ input.sheet-tab24:checked + span.sheet-tab24,{ grid-area: colrightrw; } +.sheet-colleftn{ + grid-area: colleftn; + text-align: right; +} + +.sheet-colrightn{ + grid-area: colrightn; + +} + .sheet-colleftrw{ grid-area: colleftrw; } @@ -443,6 +519,10 @@ input.sheet-tab24:checked + span.sheet-tab24,{ gird-area: spname; } +.sheet-sppp{ + grid-area: sppp; +} + .sheet-sptype{ gird-area: sptype; } @@ -493,6 +573,21 @@ input[type=text].sheet-compact{ } +input[type=text].sheet-compact-spell{ + font-family: "Arial", sans-serif; + font-size: 11px; + height: 20px; + +} + +input[type=text].sheet-compact-encumbrance{ + font-family: "Arial", sans-serif; + width: 50px; + font-size: 12px; + height: 20px; + +} + input[type=text].sheet-compact-label{ border-top: none; border-left: none; @@ -513,10 +608,12 @@ input[type=number].sheet-compact-number-skill{ font-size: 12px; height: 20px; width: 30px; + background: transparent; } input[type=text].sheet-text-full{ - width: 100%; + width: 90%; + background: transparent; } input.sheet-text-225 @@ -591,7 +688,20 @@ select.sheet-compact-select-ci{ font-size: 10px; color: black; height: 21px; - width: 100%; + width: 45%; + background: transparent; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 1px lightgray; +} + +select.sheet-compact-select-cip{ + font-size: 10px; + background: transparent; + color: black; + height: 21px; + width: 45%; border-top: none; border-left: none; border-right: none; @@ -624,11 +734,27 @@ select.sheet-compact-select-cires{ text-overflow: ''; } +select.sheet-compact-select-range{ + font-size: 9px; + color: black; + height: 20px; + width: 25%; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 1px lightgray; + -webkit-appearance: none; + -moz-appearance: none; + text-indent: 1px; + text-overflow: ''; +} + select.sheet-compact-select-cistat{ font-size: 9px; color: black; height: 20px; width: 40%; + background: transparent; border-top: none; border-left: none; border-right: none; @@ -711,6 +837,10 @@ div.sheet-instruction{ color: black; } +div.sheet-padded{ + padding: 6px; +} + span.sheet-section-label{ font-size: 20px; font-family: 'Metamorphous', cursive; @@ -732,6 +862,40 @@ span.sheet-minor-label{ font-family: 'Rosarivo', serif; } +span.sheet-minor-label-r{ + font-size: 13px; + color: red; + font-family: 'Metamorphous', cursive; + font-family: 'Fondamento', cursive; + font-family: 'Rosarivo', serif; +} + +span.sheet-minor-button{ + font-size: 14px; + font-family: 'Metamorphous', cursive; + font-family: 'Fondamento', cursive; + font-family: 'Rosarivo', serif; + text-decoration: underline; +} + +span.sheet-category-label{ + font-size: 8px; + font-family: 'Arial',sans-serif; +} + +span.sheet-category-label-r{ + color: red; + font-size: 10px; + font-family: 'Arial',sans-serif; +} + +span.sheet-favored-label{ + font-size: 11px; + font-family: 'Arial',sans-serif; + padding: 3px; + color: DarkOliveGreen; +} + input.sheet-compact-wide{ font-size: 10px; height: 20px; @@ -781,6 +945,29 @@ textarea.sheet-talent{ font-size: 11px; width: 93%; height: 35px; + background: transparent; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 1px lightgray; +} + +textarea.sheet-lifespan{ + font-size: 11px; + width: 93%; + height: 15px; + background: transparent; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 1px lightgray; +} + +textarea.sheet-profession{ + font-size: 11px; + width: 93%; + height: 75px; + background: transparent; border-top: none; border-left: none; border-right: none; @@ -850,11 +1037,36 @@ button.sheet-button-skill{ } +button[type="roll"].sheet-txt-btn:before{ + content: ' '; +} + +button[type="roll"].sheet-txt-btn{ + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + text-align: left; + text-shadow: initial + width: 50%; +} + +button[type="roll"].sheet-txt-btn:hover{ + background-color: DarkOliveGreen; + color: GoldenRod; + border: none; +} + input[type=checkbox].sheet-check{ height: 12px; width: 12px; } +input[type=checkbox].sheet-check-tiny{ + height: 10px; + width: 10px; +} + .sheet-full-suit, .sheet-armor-switch-s:checked ~ .sheet-piecemeal { display: block; @@ -957,6 +1169,7 @@ div.repcontrol.editmode button.repcontrol_edit::before .sheet-rolltemplate-skill .sheet-outdoor {background: DarkOliveGreen;color: OldLace;} .sheet-rolltemplate-skill .sheet-physical {background: SaddleBrown;color: OldLace;} .sheet-rolltemplate-skill .sheet-subterfuge {background: Grey;color: WhiteSmoke;} +.sheet-rolltemplate-skill .sheet-unskilled {background: Crimson;color: OldLace;} .sheet-rolltemplate-skill .sheet-partner{font-size: .5em} @@ -998,6 +1211,7 @@ div.repcontrol.editmode button.repcontrol_edit::before color: black; border-radius: 2px 2px 2px 2px; /*border-right: 1px; + color: black; border-left: 1px; border-top: none; border-bottom: 1px; @@ -1015,6 +1229,16 @@ div.repcontrol.editmode button.repcontrol_edit::before line-height: 16px; } +.sheet-rolltamplate-skill .sheet-fumble{ + text-align: center; + margin-top: 3px; + margin-bottom: 3px; + font-family: 'Merriweather', serif; + font-size: 12px; + line-height: 16px; + color: Crimson; +} + .sheet-rolltemplate-skill .sheet-display-minor{ text-align: center; margin-top: 5px; @@ -1056,6 +1280,11 @@ div.repcontrol.editmode button.repcontrol_edit::before line-height: 20px; } +.sheet-rolltemplate-skill .sheet-info-tag{ + font-size: 12px; + font-family: 'Courier', sans-serif; +} + /* Roll Buttons */ .sheet-rolltemplate-skill a[href^='!'], .sheet-rolltemplate-skill a[href^='~'], @@ -1090,4 +1319,420 @@ div.repcontrol.editmode button.repcontrol_edit::before } .sheet-rolltemplate-skill a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{ color:rgb(187, 45, 187); -} \ No newline at end of file +} + +/* ---- Mod Roll Template ---- if you find this. DO NOT MESS WITH IT !!! GCP-HARP-1000*/ +.sheet-rolltemplate-mod .sheet-container { + padding: 4px; + border-style: solid; + border-width: 1px; + border-color: LightGray; + /*color: OldLace;*/ + font-family: 'Merriweather', serif; + border-radius: 2px 2px 2px 2px; +} + +.sheet-rolltemplate-mod .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;} +.sheet-rolltemplate-mod .sheet-athletic {background: Maroon;color: OldLace;} +.sheet-rolltemplate-mod .sheet-combat {background: black;color: OldLace;} +.sheet-rolltemplate-mod .sheet-concentration {background: SlateGray;color: WhiteSmoke;} +.sheet-rolltemplate-mod .sheet-general {background: MidnightBlue;color: OldLace;} +.sheet-rolltemplate-mod .sheet-influence {background: IndianRed;color: OldLace;} +.sheet-rolltemplate-mod .sheet-mystical {background: purple;color: OldLace;} +.sheet-rolltemplate-mod .sheet-outdoor {background: DarkOliveGreen;color: OldLace;} +.sheet-rolltemplate-mod .sheet-physical {background: SaddleBrown;color: OldLace;} +.sheet-rolltemplate-mod .sheet-subterfuge {background: Grey;color: WhiteSmoke;} +.sheet-rolltemplate-mod .sheet-unmoded {background: Crimson;color: OldLace;} + +.sheet-rolltemplate-mod .sheet-partner{font-size: .5em} + + + +.sheet-rolltemplate-mod .div{ + line-height: 18px; +} + +.sheet-rolltemplate-mod .sheet-mod-header{ + padding: 2px; + margin-top: 5px; + font-family: 'Merriweather', serif; + color: black; + background: OldLace; + border-style: solid; + border-color: black; + text-align: center; + border-right: 1px; + border-left: 1px; + border-top: 1px; + border-bottom: none; + border-radius: 2px 2px 0px 0px; +} + +.sheet-rolltemplate-mod .sheet-mod-title{ + font-size: 16px; + line-height: 18px; +} + +.sheet-rolltemplate-mod .sheet-subtitle{ + font-size: 14px; + line-height: 16px; +} + +.sheet-rolltemplate-mod .sheet-content{ + text-align: center; + padding: 2px; + color: black; + border-radius: 2px 2px 2px 2px; + /*border-right: 1px; + color: black; + border-left: 1px; + border-top: none; + border-bottom: 1px; + border-style: solid; + border-color: black;*/ + background: OldLace; +} + +.sheet-rolltemplate-mod .sheet-display{ + text-align: center; + margin-top: 3px; + margin-bottom: 3px; + font-family: 'Merriweather', serif; + font-size: 12px; + line-height: 16px; +} + +.sheet-rolltamplate-mod .sheet-fumble{ + text-align: center; + margin-top: 3px; + margin-bottom: 3px; + font-family: 'Merriweather', serif; + font-size: 12px; + line-height: 16px; + color: Crimson; +} + +.sheet-rolltemplate-mod .sheet-display-minor{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-family: 'Merriweather', serif; + font-size: 12px; + line-height: 16px; +} + +.sheet-rolltemplate-mod .inlinerollresult{ + border: none; + background: OldLace; + font-family: 'Merriweather', serif; + font-size: 16px; + line-height: 20px; +} + +.sheet-rolltemplate-mod .inlinerollresult.fullcrit{ + border: none; + background: OldLace; + font-family: 'Merriweather', serif; + font-size: 16px; + line-height: 20px; +} + +.sheet-rolltemplate-mod .inlinerollresult.fullfail{ + border: none; + background: OldLace; + font-family: 'Merriweather', serif; + font-size: 16px; + line-height: 20px; +} + +.sheet-rolltemplate-mod .inlinerollresult.importantroll{ + border: none; + background: OldLace; + font-family: 'Merriweather', serif; + font-size: 16px; + line-height: 20px; +} + +.sheet-rolltemplate-mod .sheet-info-tag{ + font-size: 12px; + font-family: 'Courier', sans-serif; +} + +/* Roll Buttons */ +.sheet-rolltemplate-mod a[href^='!'], +.sheet-rolltemplate-mod a[href^='~'], +.sheet-rolltemplate-mod a[href^='`']{ + border-radius: 5px; + color: black; + display: inline-block; + border: 1px solid black; + background-color: oldlace; + box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; + position: relative; + top: 0; + transition: top ease 0.2s; + padding: 2px 5px; +} +.sheet-rolltemplate-mod a[href^='!']:hover, +.sheet-rolltemplate-mod a[href^='~']:hover, +.sheet-rolltemplate-mod a[href^='`']:hover{ + top: -3px; +} +/* hyperlinks */ +.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']){ + font-weight: bold; + color:#3f8aa6; +} +.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):hover { + font-weight: bold; + color:#70c0dd; +} +.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):visited{ + color:purple; +} +.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{ + color:rgb(187, 45, 187); +} + + +/*genral purpose roll template*/ + +.sheet-rolltemplate-info .sheet-container { + padding: 4px; + border-style: solid; + border-width: 1px; + border-color: LightGray; + /*color: OldLace;*/ + font-family: 'Merriweather', serif; + border-radius: 2px 2px 2px 2px; +} + +.sheet-rolltemplate-info .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;} +.sheet-rolltemplate-info .sheet-athletic {background: Maroon;color: OldLace;} +.sheet-rolltemplate-info .sheet-combat {background: black;color: OldLace;} +.sheet-rolltemplate-info .sheet-concentration {background: SlateGray;color: WhiteSmoke;} +.sheet-rolltemplate-info .sheet-general {background: MidnightBlue;color: OldLace;} +.sheet-rolltemplate-info .sheet-influence {background: IndianRed;color: OldLace;} +.sheet-rolltemplate-info .sheet-mystical {background: purple;color: OldLace;} +.sheet-rolltemplate-info .sheet-outdoor {background: DarkOliveGreen;color: OldLace;} +.sheet-rolltemplate-info .sheet-physical {background: SaddleBrown;color: OldLace;} +.sheet-rolltemplate-info .sheet-subterfuge {background: Grey;color: WhiteSmoke;} + +.sheet-rolltemplate-info .sheet-partner{font-size: .5em} + + + +.sheet-rolltemplate-info .div{ + line-height: 18px; +} + +.sheet-rolltemplate-info .sheet-skill-header{ + padding: 2px; + margin-top: 5px; + font-family: 'Merriweather', serif; + color: black; + background: OldLace; + border-style: solid; + border-color: black; + text-align: center; + border-right: 1px; + border-left: 1px; + border-top: 1px; + border-bottom: none; + border-radius: 2px 2px 0px 0px; +} + +.sheet-rolltemplate-info .sheet-info-title{ + font-size: 16px; + line-height: 18px; +} + +.sheet-rolltemplate-info .sheet-content{ + text-align: center; + padding: 2px; + color: black; + border-radius: 2px 2px 2px 2px; + /*border-right: 1px; + border-left: 1px; + border-top: none; + border-bottom: 1px; + border-style: solid; + border-color: black;*/ + background: OldLace; +} + +.sheet-rolltemplate-info .sheet-subtitle{ + font-size: 14px; + line-height: 16px; +} + +.sheet-rolltemplate-info .sheet-display-minor{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-family: 'Merriweather', serif; + font-size: 12px; + line-height: 16px; +} + +.sheet-rolltemplate-info .sheet-display-props{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-family: 'Courier', sans-serif; + font-size: 12px; + line-height: 16px; +} + + +/* this is the template for missile weapon ranges */ + + +.sheet-rolltemplate-range .sheet-container { + padding: 4px; + border-style: solid; + border-width: 1px; + border-color: LightGray; + /*color: OldLace;*/ + font-family: 'Merriweather', serif; + border-radius: 2px 2px 2px 2px; +} + +.sheet-rolltemplate-range .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;} +.sheet-rolltemplate-range .sheet-athletic {background: Maroon;color: OldLace;} +.sheet-rolltemplate-range .sheet-combat {background: black;color: OldLace;} +.sheet-rolltemplate-range .sheet-concentration {background: SlateGray;color: WhiteSmoke;} +.sheet-rolltemplate-range .sheet-general {background: MidnightBlue;color: OldLace;} +.sheet-rolltemplate-range .sheet-influence {background: IndianRed;color: OldLace;} +.sheet-rolltemplate-range .sheet-mystical {background: purple;color: OldLace;} +.sheet-rolltemplate-range .sheet-outdoor {background: DarkOliveGreen;color: OldLace;} +.sheet-rolltemplate-range .sheet-physical {background: SaddleBrown;color: OldLace;} +.sheet-rolltemplate-range .sheet-subterfuge {background: Grey;color: WhiteSmoke;} +.sheet-rolltemplate-range .sheet-longbow {background: Sienna; color: Gainsboro;} + +.sheet-rolltemplate-range .sheet-partner{font-size: .5em} + + + +.sheet-rolltemplate-range .div{ + line-height: 18px; +} + +.sheet-rolltemplate-range .sheet-skill-header{ + padding: 2px; + margin-top: 5px; + font-family: 'Merriweather', serif; + color: black; + background: OldLace; + border-style: solid; + border-color: black; + text-align: center; + border-right: 1px; + border-left: 1px; + border-top: 1px; + border-bottom: none; + border-radius: 2px 2px 0px 0px; +} + +.sheet-rolltemplate-range .sheet-range-title{ + font-size: 16px; + line-height: 20px; +} + +.sheet-rolltemplate-range .sheet-content{ + text-align: center; + padding: 2px; + color: black; + border-radius: 2px 2px 2px 2px; + /*border-right: 1px; + border-left: 1px; + border-top: none; + border-bottom: 1px; + border-style: solid; + border-color: black;*/ + background: OldLace; +} + +.sheet-rolltemplate-range .sheet-range-hdr{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-family: 'Merriweather', serif; + font-size: 14px; + line-height: 20px; +} + +.sheet-rolltemplate-range .sheet-range-display{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-family: 'courier', sans-serif; + font-size: 14px; + line-height: 20px; +} + +.sheet-rolltemplate-range .sheet-smoke{ + background-color: smokewhite; +} + +.sheet-rolltemplate-range table { + border: 1px solid; + border-color: black; + width: 100%; +} + +.sheet-rolltemplate-range td { + border: 1px solid; + border-color: LightGray; +} + + + +.charsheet input.sheet-toggle-show { + -webkit-apperance: none;/*Appearance attribute for webkit browsers, specifically Safari*/ + appearance: none;/*Removes the default checkbox appearance and allows us to style them as any other element*/ + background-repeat: no-repeat; + background-size: contain; + height: 12px; + width: 12px;*/ + padding: 0; + border:0px solid; + font-family:pictos; + z-index:9999; +} + +.charsheet input.sheet-toggle-show:focus{ + outline:0px solid; + outline-offset:0; +} + +.charsheet input.sheet-toggle-show:not(:checked){ + background-image: url(https://raw.githubusercontent.com/imaginosmusic/Assets/AssetsMain/Images/OpenGear.png); +} + +.charsheet input.sheet-toggle-show:checked{ + background-image: url(https://raw.githubusercontent.com/imaginosmusic/Assets/AssetsMain/Images/CloseGear.png); +} + +.sheet-columns { + display: flex; + justify-content: space-between; + width: 400px; +} +.sheet-columns > * { + flex: 1; +} + +input.sheet-toggle-show:not(:checked) ~ div.sheet-body{ + display: none; +} +/* +.sheet-toggle-show+span{ + display: inline-block; + margin-left: -25px; + cursor: pointer; + font-family: pictos; + position: relative; + vertical-align: top; +} +*/ \ No newline at end of file