diff --git a/BASH Ultimate Edition/BASH.css b/BASH Ultimate Edition/BASH.css index 9284c479ffb..3d6e264d2e8 100644 --- a/BASH Ultimate Edition/BASH.css +++ b/BASH Ultimate Edition/BASH.css @@ -1,143 +1,59 @@ - .charsheet { - text-transform: uppercase; +@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap'); +.charsheet { + box-sizing: border-box; + color: black; + text-transform: uppercase; + font-family: "Bangers"; + letter-spacing: 0.05em; +} +*, *:before, *:after { + box-sizing: inherit; } - .charsheet input { width: 100%; border: none; + border-radius: 0; text-align: center; color: black; - background-color: white; + background-color: var(--color-surface2); + letter-spacing: 0.05em; } .charsheet input.sheet-atts { background-color: white; text-align: center; width: 100%; - border: 1px solid #1b608e; - border-radius: 25px; + border: 2px solid; + border-radius: 0; +} +.charsheet summary{ + display: list-item; } - .charsheet textarea { - height: 50px; border: none; - width:95%; - font-size: .75em; + font-size: .85em; + letter-spacing: 0.05em; + height:auto; } - -.charsheet table, -.charsheet tr, -.charsheet th, -.charsheet td { - border: 1px solid #a1a1a1; - font-family: "Patrick Hand"; - text-align: center; - background-color: white; - color: black; +.charsheet details summary{ + cursor: pointer; } - -.charsheet th { - text-transform: lowercase; -} - -.charsheet td.sheet-gray { - background-color: #dadada; -} - -.charsheet td.sheet-green { - background-color: #00ff4c; -} - -.charsheet td.sheet-yellow { - background-color: #ffff4e; -} - -.charsheet td.sheet-orange { - background-color: #ff942e; -} - -.charsheet td.sheet-red { - background-color: #ff000d; -} - -.charsheet td.sheet-violet { - background-color: #ff00f8; -} - -.charsheet td.sheet-purple { - background-color: #d499fa; -} - -.charsheet td.sheet-lightblue { - background-color: #00d0fc; -} - -.charsheet td.sheet-blue { - background-color: #006bf8; -} - -.charsheet button[type=roll] { - background-color: #1b608e; - color: white; - background-image: none; -} - -.charsheet button[type=roll].sheet-textButton { - background-color: transparent; - color: black; - border: none; - font-size: .5em; - font-family: "Patrick Hand"; - font-weight: normal; - text-align: right; - /*line-height: .5em;*/ - background-image: none; - text-shadow: none; - box-shadow: none; - padding: 0px; - margin: 0px; - margin-top: -5px; - /*width: 70%;*/ -} - -.charsheet button[type=roll].sheet-textButton::before, -.charsheet button[type=roll].sheet-powerButton::before { - content: "" !important; -} - -.sheet-standardBox button[type=roll].sheet-textButton:hover, -button[type=roll]:hover * { - color: #1b608e; -} - -.sheet-attTitle button[type=roll].sheet-textButton:hover, -.sheet-skillButton button[type=roll].sheet-textButton:hover, -button[type=roll]:hover * { - color: #a8393f; -} - - -button[type=roll].sheet-textButton * { - pointer-events: none; +.charsheet label{ + display: inline; + color: black; + font-weight: inherit; + font-size: inherit; + margin-bottom: unset; + padding: 0; + text-wrap: nowrap; } - -.charsheet button[type=roll].sheet-powerButton { - font-family: "Patrick Hand"; - font-size: 2.5em; - background-color: transparent; - font-weight: normal; - color: #ffff4e; - text-shadow: 1px 1px black; - background-image: none; - padding: 0px; - border: none; - box-shadow: none; +.charsheet .heropointsbox > *{ + display: grid; + grid-template-columns: 8em auto; } - -.sheet-standardBox button[type=roll].sheet-powerButton:hover, -button[type=roll]:hover * { - color: #FFCC00; +.charsheet . +.charsheet button{ + letter-spacing: 0.05em; } - .charsheet .repcontrol_add, .charsheet .repcontrol_edit, .charsheet .repcontrol_del { @@ -148,22 +64,26 @@ button[type=roll]:hover * { box-shadow:none; /*float:left!important;*/ /*margin-bottom:0px;*/ - font-family: "Patrick Hand"; - font-size:0.6em; + font-size:0.75em; /*height:1.5em;*/ + border-radius: 0; + letter-spacing: 0.1em; } - .charsheet div.sheet-attTitle { display: inline-block; width: 60%; font-size: 2em; color: black; - font-family: "Patrick Hand"; + font-family: "Bangers"; text-align: right; margin-right: 10px; - /*text-transform: uppercase;*/ } - +.charsheet div.sheet-attTitle button { + width:100%; + transform: translate(-10px); + box-shadow: 3px 3px #888888; + letter-spacing: .1em; +} .charsheet div.sheet-attInput { display: inline-block; width: 20%; @@ -172,42 +92,24 @@ button[type=roll]:hover * { margin-top: 5px; margin-bottom: 5px; } - -.charsheet div.sheet-skillButton { - display: inline-block; - width: 100%; - font-size: 1.5em; - text-align: center; - color: black; - font-family: "Patrick Hand"; - margin-top: 5px; - margin-bottom: 5px; -} - .charsheet .sheet-standardBox { display: inline-block; width: 100%; padding: 5px; margin-bottom: 10px; - box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px #888888; border: 1px solid #1b608e; - font-family: "Patrick Hand"; text-align: left; } - -.charsheet .sheet-colHeader { - display: inline-block; - border: 1px solid #1b608e; - background-color: #8cc3fb; - color: #ffff4e; - text-shadow: 2px 2px black; - text-align: center; - font-size: 1.5em; - font-weight: bold; - padding: 5px; - margin: 0px; +.charsheet .blue-box .sheet-standardBox { + box-shadow: none; + background-color: white; +} +.charsheet .two-column{ + display: grid; + grid-template-columns: auto auto; + grid-gap: 1em; } - .charsheet .sheet-weaponCell { display: inline-block; color: black; @@ -216,42 +118,120 @@ button[type=roll]:hover * { padding-right: 0px; vertical-align: text-top; } - .repcontainer[data-groupname=repeating_weapons] .repitem:nth-child(odd) { background-color: #bcecfa; } +.repcontainer[data-groupname=repeating_weapons] .repitem:nth-child(even) { + background-color: white; +} -/*----------- Tool Tips -----------*/ +/*------Secondary stats boxes-------*/ +.smallinputs input[type=number]::-webkit-inner-spin-button, +.smallinputs input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.ui-dialog .btn{ + text-shadow: none; +} +.ui-dialog .secondaries{ + text-align: end; +} +.ui-dialog .secondaries > *:first-child{ + float:left; +} +.ui-dialog .secondaries > span:first-child{ + padding-top: 4px; +} +.ui-dialog .smallinputs input[type=number]{ + width: 1.5em; +} +/*------Equipment------*/ +.charsheet .equipmentGrid{ + display: grid; + grid-template-columns: max-content 1fr max-content; + align-items: center; +} +.charsheet .money{ + display: grid; + gap: 0.4em; + grid-template-columns: max-content 8em; + align-items: center; +} -.sheet-tooltip { - outline: none; - cursor: help; - font-family: "Pictos"; - font-size: .75em; +/*-----Powers and Attacks----*/ +.blue-box{ + background-color: #42a0ff; +} +.blue-box > *:first-child{ + color: #ffff4e; +} +.blue-box summary{ + color: gray; +} +.charsheet .powerGrid{ + display: grid; + grid-template-columns: max-content 1fr max-content; +} +.charsheet .energy{ + padding-left: 1.2em; + width: max-content; + margin-top: auto; +} +.charsheet .energy input{ + padding: 0; +} +.charsheet label.powers-note{ + display: grid; + grid-template-columns: max-content auto; + align-items: center; + grid-gap: 1em; + color: gray; +} +.charsheet label.powers-note input{ + text-align: left; + color: #555; +} +.charsheet button[type=roll].sheet-powerButton, +.charsheet .attackHeader { + font-size: 3em; + background-color: transparent; + font-weight: normal; + color: #ffff4e; + background-image: none; + margin: 0.5rem 0.5rem 0; + border: none; + box-shadow: none; + line-height: normal; } -.sheet-tooltip p,li,strong { /*line-height: 30px;*/ font-family: sans-serif; } -.sheet-tooltip:hover span { - display: block; - position: absolute; +.sheet-standardBox button[type=roll].sheet-powerButton:hover, +button[type=roll]:hover * { + color: #FFCC00; } -.sheet-tooltip:hover { text-decoration: none; } -.sheet-tooltip span { - display: none; - border-radius: 4px; - box-shadow: 5px 5px 8px #ccc; - z-index: 10; - padding: 14px 20px; - margin-top: -30px; - margin-left: 28px; - width: 100px; - line-height: 16px; - color: #111; - border: 1px solid #dca; - background: #fffaf0; +.charsheet .attackGrid{ + display: grid; + grid-template-columns: 1fr repeat(3, max-content); } -/*----------- Roll Template ------------------------*/ +/*----Action roll templates----*/ +.sheet-rolltemplate-stats .sheet-comic, +.sheet-rolltemplate-zero .sheet-comic{ + font-family: "Bangers"; + letter-spacing: .05em; +} +.sheet-rolltemplate-explode h4.sheet-dicefont .inlinerollresult, +.sheet-rolltemplate-stats h4.sheet-dicefont .inlinerollresult, +.sheet-rolltemplate-zero h4.sheet-dicefont .inlinerollresult{ + font-family: dicefontd6; + font-size: 3em; +} +.sheet-rolltemplate-explode .inlinerollresult, +.sheet-rolltemplate-stats .inlinerollresult, +.sheet-rolltemplate-zero .inlinerollresult{ + background-color: transparent; + border: 0; +} /* Stat Roll Template */ @@ -273,7 +253,6 @@ button[type=roll]:hover * { border-radius: 15px; font-size: 1.125em; font-weight: bold; - font-family: "Patrick Hand"; margin: 5px; border: 1px solid #a8393f; background-color: #f7dadb; @@ -389,4 +368,98 @@ button[type=roll]:hover * { .sheet-rolltemplate-stat .sheet-trueRoll .inlinerollresult.importantroll { color: transparent; border: none; -} \ No newline at end of file +} + +/*-----Roll-type buttons--------*/ +.charsheet button[type=roll] { + background-color: #1b608e; + color: white; + background-image: none; +} + +.charsheet button[type=roll].sheet-textButton { + background-color: transparent; + color: black; + border: none; + font-size: .5em; + font-weight: normal; + text-align: right; + /*line-height: .5em;*/ + background-image: none; + box-shadow: none; + padding: 0px; + margin: 0px; + margin-top: -5px; + /*width: 70%;*/ +} + +.charsheet button[type=roll].sheet-textButton::before, +.charsheet button[type=roll].sheet-powerButton::before { + content: "" !important; +} + +.sheet-standardBox button[type=roll].sheet-textButton:hover, +button[type=roll]:hover * { + color: #1b608e; +} + +.sheet-attTitle button[type=roll].sheet-textButton:hover, +.sheet-skillButton button[type=roll].sheet-textButton:hover, +button[type=roll]:hover * { + color: #a8393f; +} + + +button[type=roll].sheet-textButton * { + pointer-events: none; +} + +/*--------Tables--------*/ +.charsheet table, +.charsheet tr, +.charsheet th, +.charsheet td { + border: 1px solid #a1a1a1; + text-align: center; + background-color: white; + color: black; +} + +.charsheet td { + width: 1%; +} +.charsheet td.sheet-gray { + background-color: #dadada; +} + +.charsheet td.sheet-green { + background-color: #00ff4c; +} + +.charsheet td.sheet-yellow { + background-color: #ffff4e; +} + +.charsheet td.sheet-orange { + background-color: #ff942e; +} + +.charsheet td.sheet-red { + background-color: #ff000d; +} + +.charsheet td.sheet-violet { + background-color: #ff00f8; +} + +.charsheet td.sheet-purple { + background-color: #d499fa; +} + +.charsheet td.sheet-lightblue { + background-color: #00d0fc; +} + +.charsheet td.sheet-blue { + background-color: #006bf8; +} diff --git a/BASH Ultimate Edition/BASH.html b/BASH Ultimate Edition/BASH.html index 9ab3baae535..e17d14be33f 100644 --- a/BASH Ultimate Edition/BASH.html +++ b/BASH Ultimate Edition/BASH.html @@ -1,286 +1,353 @@ -
-
- -
-
-
- -
-
- -
-
- -
-
-
- -
-
- -
-
- -
-
- -
- - -
- -
- - -
- -
- -
- -
+
+ +
+
+
+ +
+
+
-
- -
-
- Hits: +
+
- -
- Soak: +
+
+
- -
- Defense: +
+
- -
- Mental: +
+
- -
- Priority: +
+
- -
- Movement: +
+
+
+
- -
-

-
-
-
- -
-
+
+
+ Hits: + + / +
+
+ Wounds: + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ Movement: +
-
- Weakness:
+
+
+
+
+
+ +
+
+
+
+ +
+ Details + -
- -
- Advantages:
- -
- -
- Disadvantages:
- -
- -
- Hero Points:
- Hereo Dice:
- Character Points: -
+
+
+ Equipment: +
+ +
+ +
+
+ +
+
+
+
+ Skills:
+
-
- -
- Name: -
-
- Real Name: -
-
- Mental Malfunction:
- -
-
- Notes:
- -
- +
+ Advantages:
+ +
+ +
+ Disadvantages:
+ +
+ +
+ + + + +
-
- +
+
+ Name: +
+
+ Real Name: +
-
- Weapon -
-
- Damage -
-
- Type -
-
- Ammo -
-
-
-
- + Mental Malfunction:
+ +
+
+ Notes:
+ +
+
+ Weakness:
+
+
+
+
+
+
+ Attacks +
+
+
+
+
+
-
- +
+
- +
- -
-
- +
-

- Equipment: - -
+
+ + Details + + Hit: + + + +
Message: +