diff --git a/Brindlewood Bay/BrindlewoodBay.css b/Brindlewood Bay/BrindlewoodBay.css index 9aa3711821..a069b54d57 100644 --- a/Brindlewood Bay/BrindlewoodBay.css +++ b/Brindlewood Bay/BrindlewoodBay.css @@ -3,10 +3,11 @@ /*----------------- FONTS ------------------*/ -@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great|Limelight&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Limelight&display=swap'); + /* -font-family: 'Fredericka the Great', cursive; +font-family: 'Josefin Sans', sans-serif; font-family: 'Limelight', cursive; */ @@ -14,8 +15,9 @@ font-family: 'Limelight', cursive; /*----------------- BACKGROUND ------------------*/ .charsheet { - background-image: url(https://raw.githubusercontent.com/cbkcook/roll20-character-sheets/master/Brindlewood%20Bay/blue_board_background-unsplash.png); /*blue wooden boards for a beach town vibe*/ - /*background-color: white;*/ + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/blue-board-background-small-unsplash.png"); /*blue wooden boards for a beach town vibe*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/blue_board_background-small-unsplash.png");*/ + background-color: white; background-repeat: repeat; color: white; } @@ -31,43 +33,36 @@ font-family: 'Limelight', cursive; .sheet-main-top { display: grid; - width: 400px; - height: 50px; + width: 310px; + height: 30px; grid-gap: 6px; - grid-template-columns: 400px; - grid-template-rows: 50px; + grid-template-columns: 310px; + grid-template-rows: 30px; grid-template-areas:"tabselector"; } .sheet-main-maven { display: grid; width: 100vw; - height: 600px; + height: 1020px; grid-gap: 6px; - grid-template-columns: 200px 240px 200px 100px ; - grid-template-rows: 40px 1fr 40px 1fr 40px 1fr 10px; - grid-template-areas:"credname credname credname credname" - "creda creda credb credb" - "damagename damagename damagename damagename" - "damage damage damage damage" - "equipname equipname equipname equipname" - "equipment equipment equipment equipmentempty" - "pc pc pc pc"; + grid-template-columns: 10px 360px 10px 260px 10px 360px 10px ; + grid-template-rows: 10px 1fr 10px; + grid-template-areas:". . . . . . ." + ". left . centre . right ." + ". . . . . . ."; } .sheet-main-clues { - display: grid; - width: 100vw; + width: 100vw-40px; height: 200px; grid-gap: 6px; - grid-template-columns: 200px 1fr 200px 1fr ; - grid-template-rows: 40px 1fr 40px 1fr 10px; - grid-template-areas:"genname genname genname genname" - "genabilities genabilities genabilities genabilities" - "boostername boostername boostername boostername" - "booster booster booster boosterempty" - "gen gen gen gen"; + grid-template-columns: 1fr ; + grid-template-rows: 30px 1fr 10px; + grid-template-areas:"cluesname " + "clues " + "info "; } @@ -83,6 +78,9 @@ textarea.sheet-notetext{ height: 140px; } +.sheet-hidden { + display: none; +} .sheet-section { padding: 5px; @@ -134,6 +132,8 @@ h1 { font-family: 'Limelight', cursive; color: black; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ } @@ -144,26 +144,377 @@ h2 { } - -button.sheet-tabbutton { +h2.sheet-cluesname { font-family: 'Limelight', cursive; - background-image: uurl(https://raw.githubusercontent.com/cbkcook/roll20-character-sheets/master/Brindlewood%20Bay/wooden_board_wall-unsplash.png); /*wooden boards for a beach town vibe*/ - background-color: white; - background-repeat: repeat; color: black; - border-radius: 10px; - width: 140px; - height: 20px; + +} + +label.sheet-middle-label { + + font-family: 'Limelight', cursive; + text-align: center; + color: rbg(214, 122, 9); + display: inline; + font-size: 1.2em; + font-weight: normal; + line-height: 20px; + margin-bottom: 0px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + +} + +label.sheet-left-label{ + + font-family: 'Limelight', cursive; + color: rbg(214, 122, 9); + display: inline; + font-size: 1.2em; + font-weight: normal; + line-height: 30px; + margin-bottom: 0px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + +} + +label.sheet-left-label-1 { + + font-family: 'Limelight', cursive; + color: rbg(214, 122, 9); + display: inline; + font-size: 1.2em; + font-weight: normal; + line-height: 30px; + margin-bottom: 0px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + grid-column: 1 / -1; } +span.sheet-left-span { + + font-family: 'Josefin Sans', sans-serif; + color: white; + display: inline; + font-size: 1em; + font-weight: normal; + line-height: 18px; + margin-bottom: 0px; + background: rgba(109, 172, 181, 0.5); + +} + +span.sheet-centre-span { + + font-family: 'Josefin Sans', sans-serif; + color: white; + display: inline; + font-size: 1em; + font-weight: normal; + line-height: 18px; + margin-bottom: 0px; + background: rgba(109, 172, 181, 0.5); + margin: auto; + +} + +input.sheet-char-inputs{ + + font-family: 'Josefin Sans', sans-serif; + display: inline; + height:30px; + width:200px; + +} + +input.sheet-condition-inputs { + + font-family: 'Josefin Sans', sans-serif; + margin: auto; + display: inline; + +} + +input.sheet-xp-boxes { + + font-family: 'Josefin Sans', sans-serif; + margin: auto; + display: inline; + transform: scale(2); + height:25px; + width:25px; + +} + +input.sheet-used-boxes { + + font-family: 'Josefin Sans', sans-serif; + display: inline; + transform: scale(1.2); + height:18px; + width:18px; + + +} + +input.sheet-stat-inputs { + + font-family: 'Josefin Sans', sans-serif; + margin: auto; + display: inline; + height:25px; + width:25px; + +} + +label.sheet-clues-row { + + font-family: 'Josefin Sans', sans-serif; + color: rgb(13, 84, 18); + justify-content: center; + align-content: center; + display: inline; + font-size: 1.5em; + font-weight: normal; + line-height: 20px; + margin-bottom: 0px; + +} + +.charsheet .repcontrol_add, +.charsheet .repcontrol_edit, +.charsheet .repcontrol_del { + + font-family: 'Limelight', cursive; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + background-color: white; + background-repeat: repeat; + color: black; + width: 70px; + height: 20px; + border-style: none; + +} + + +button.sheet-tabbutton { + + font-family: 'Limelight', cursive; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + background-color: white; + background-repeat: repeat; + color: black; + width: 140px; + height: 20px; + border-style: none; + +} + +.sheet-moves button[type=roll].sheet-rollbutton { + + font-family: 'Limelight', cursive; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + background-color: white; + background-repeat: repeat; + color: black; + width: 140px; + height: 18px; + font-size: 1em; + border-style: none; + margin: auto; + border-radius: 0; + +} + +.sheet-moves button[type=roll].sheet-rollbuttonlong { + + font-family: 'Limelight', cursive; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + background-color: white; + background-repeat: repeat; + color: black; + width: 140px; + height: 36px; + font-size: 1em; + border-style: none; + margin: auto; + border-radius: 0; + white-space: normal; + +} + + + .sheet-tabselector { grid-area: tabselector; - font-family: 'Montserrat', sans-serif - color: green; - /*flex-direction: column;*/ + font-family: 'Limelight', cursive; + grid-template-columns: 150px 10px 150px ; + display: grid; + grid-template-rows: 30px; +} + + +.sheet-info { + grid-area: info; +} + +.sheet-cluesname { + grid-area: cluesname; + +} + +.sheet-clues { + grid-area: clues; +} + +.sheet-centre { + grid-area: centre; + font-family: 'Limelight', cursive; + grid-template-columns: 260px ; + display: grid; + grid-template-rows: 90px 30px 115px 10px 190px 10px 1fr 10px; + grid-template-areas:"gamename " + ". " + "conditions " + ". " + "moves " + ". " + "cozyplace " + ". "; +} + +.sheet-gamename { + grid-area: gamename; + font-family: 'Limelight', cursive; + grid-template-columns: 240px ; + display: grid; + grid-template-rows: 40px 10px 40px; + align-items: center; + justify-items: center; + + +} + +.sheet-conditions { + grid-area: conditions; + grid-template-columns: 240px ; + display: grid; + grid-template-rows: 25px 5px 25px 5px 25px 5px 25px; + +} + +.sheet-moves { + grid-area: moves; + grid-template-columns: 240px ; + display: grid; + grid-template-rows: 20px 5px 20px 5px 20px 5px 20px 5px 20px 5px 40px 5px 20px; + + +} + +.sheet-left { + grid-area: left; + grid-template-columns: 360px ; + display: grid; + grid-template-rows: 90px 10px 30px 10px 227px 10px 145px 10px 1fr 10px; + grid-template-areas:"charinput " + ". " + "xptrack " + ". " + "endofsession " + ". " + "advancements " + ". " + "mavenmoves " + ". "; +} + +.sheet-charinput { + grid-area: charinput; + grid-template-columns: 140px 10px 200px; + display: grid; + grid-template-rows: 30px 30px 30px; + +} + +.sheet-xptrack { + grid-area: xptrack; + grid-template-columns: 100px 10px 30px 10px 30px 10px 30px 10px 30px 10px 30px; + display: grid; + grid-template-rows: 30px; + +} + +.sheet-endofsession { + grid-area: endofsession; + grid-template-columns: 20px 10px 290px; + display: grid; + grid-template-rows: 30px 5px 18px 5px 36px 5px 18px 5px 36px 5px 18px 5px 18px 5px 18px; + +} + +.sheet-advancements { + grid-area: advancements; + grid-template-columns: 20px 10px 290px; + display: grid; + grid-template-rows: 30px 5px 18px 5px 18px 5px 18px 5px 18px 5px 18px; + +} + +.sheet-mavenmoves { + grid-area: mavenmoves; + +} + +.sheet-right { + grid-area: right; + grid-template-columns: 360px ; + display: grid; + grid-template-rows: 65px 10px 299px 10px 227px 10px; + grid-template-areas:"stats " + ". " + "crownqueen " + ". " + "crownvoid " + ". "; +} + +.sheet-stats { + grid-area: stats; + grid-template-columns: 60px 10px 60px 10px 60px 10px 60px 10px 60px; + display: grid; + grid-template-rows: 30px 5px 30px; + +} + +.sheet-crownqueen { + grid-area: crownqueen; + grid-template-columns: 20px 10px 330px; + display: grid; + grid-template-rows: 30px 5px 36px 5px 36px 5px 18px 5px 36px 5px 36px 5px 36px 5px 36px; + +} + +.sheet-crownvoid { + grid-area: crownvoid; + grid-template-columns: 20px 10px 330px; + display: grid; + grid-template-rows: 30px 5px 72px 5px 36px 5px 72px 5px 36px 5px 36px; + +} + +.sheet-cozyplace { + grid-area: cozyplace; + } @@ -172,127 +523,163 @@ button.sheet-tabbutton { /* Format repeating sections */ -div.sheet-equipment-row, -div.sheet-booster-row { +div.sheet-mavenmoves-row { display: grid; - grid-template-columns: 250px 600px; + grid-template-columns: 320px; column-gap: 5px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + font-family: 'Josefin Sans', sans-serif; } -div.sheet-equipment-row input[type="text"], -div.sheet-booster-row input[type="text"] { + +div.sheet-clues-row { + display: grid; + grid-template-columns: 10px 600px 10px; + column-gap: 5px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + font-family: 'Josefin Sans', sans-serif; +} + +div.sheet-cozyplace-row { + display: grid; + grid-template-columns: 20px 10px 200px; + column-gap: 5px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); /*white paint*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/white-paint.png"); */ + font-family: 'Josefin Sans', sans-serif; +} + +div.sheet-cozyplace-row input[type="checkbox"] { + font-family: 'Josefin Sans', sans-serif; + display: inline; + transform: scale(1.2); + height:18px; + width:18px; +} + +div.sheet-cozyplace-row input[type="text"] { + width: 200px; + height: 20px; + font-family: 'Josefin Sans', sans-serif; +} + +div.sheet-clues-row input[type="text"] { width: 250px; height: 50.21px; + font-family: 'Josefin Sans', sans-serif; } -div.sheet-equipment-row textarea, -div.sheet-booster-row textarea { - width: 550px; + +div.sheet-clues-row textarea { + width: 600px; height: 40px; + font-family: 'Josefin Sans', sans-serif; } -div.sheet-equipment-row input[type="number"], -div.sheet-booster-row input[type="number"] { + +div.sheet-mavenmoves-row textarea { + width: 320px; + height: 70px; + font-family: 'Josefin Sans', sans-serif; +} + +div.sheet-clues-row input[type="number"] { width: 50px; + font-family: 'Josefin Sans', sans-serif; } /* Roll template formatting */ -/* Smaller margins - remove these if you want the huge default left margin */ -.sheet-rolltemplate-custom { - margin-left: -37px; -} -.withoutavatars .sheet-rolltemplate-custom { - margin-left: -7px; +.sheet-movedesc { + background: #fff; + padding: 10px; } -.sheet-rolltemplate-custom .sheet-container { - border: 1px solid; - /* by default, the border is the same color as the header. You can change this here, e.g. to black */ - border-color: var(--header-bg-color); +.sheet-rolltemplate-com table, +.sheet-rolltemplate-com12 table, +.sheet-rolltemplate-comtext table { + width: 98%; + border: 1px solid; + color: black; + font-size: 1em; + font-family: 'Josefin Sans', sans-serif; } -/* Header formatting - title and subtitle */ -.sheet-rolltemplate-custom .sheet-header { - background-color: var(--header-bg-color); - /* change text-align to center to center the header text */ - text-align: left; - color: var(--header-text-color); - padding: 5px; -} -.sheet-rolltemplate-custom .sheet-title { - font-size:1.1em; -} -.sheet-rolltemplate-custom .sheet-subtitle { - font-size:.9em; +.sheet-rolltemplate-com th, +.sheet-rolltemplate-com12 th, +.sheet-rolltemplate-comtext th { + /*background-color: rgba(112, 32, 130,1);*/ + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/blue-board-background-small-unsplash.png"); /*blue wooden boards for a beach town vibe*/ + /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Brindlewood%20Bay/blue_board_background-small-unsplash.png");*/ + color: #ffffff; + padding: 5px 10px; + border-bottom: 1px solid black; + border-right: 1px solid black; + line-height: 1.6em; + font-size: 1.2em; + text-align: left; } -.sheet-rolld6 { - color: #500000; - background: none; - border: none; - font-weight: bolder; +.sheet-rolltemplate-com .userscript-tcat, +.sheet-rolltemplate-com12 .userscript-tcat, +.sheet-rolltemplate-comtext .userscript-tcat { + font-weight: bold; } -.sheet-sheettype button[type=roll].sheet-rolld6::before { - font-family: "dicefontd6"; - content: "F"; - font-size: 2em; - color: rgb(13, 84, 18); +.sheet-rolltemplate-com td, +.sheet-rolltemplate-com12 td, +.sheet-rolltemplate-comtext td { + padding: 5px 10px; + border-bottom: 1px solid black; + border-right: 1px solid black; } -/* example colors */ -.sheet-rolltemplate-custom .sheet-container { - /* this is the default color */ - --header-bg-color: rgb(13, 84, 18); - --header-text-color: #FFF; -} -.sheet-rolltemplate-custom .sheet-container.sheet-color-red { - --header-bg-color: #F00; -} -.sheet-rolltemplate-custom .sheet-container.sheet-color-green { - --header-bg-color: #0F0; - --header-text-color: #000; +.sheet-rolltemplate-com tr:nth-child(odd), +.sheet-rolltemplate-com12 tr:nth-child(odd), +.sheet-rolltemplate-comtext tr:nth-child(odd) { + background-color: rgba(217, 217, 214,1); } -/* Allprops part */ -.sheet-rolltemplate-custom .sheet-content { - display: grid; - background: #FFF; - /* Header formatting - modify the column layout below */ - grid-template-columns: auto auto; - /* Line height to match default roll template */ - line-height:1.4em; -} -.sheet-rolltemplate-custom .sheet-content > div { - padding: 5px; +.sheet-rolltemplate-com tr:nth-child(even), +.sheet-rolltemplate-com12 tr:nth-child(even), +.sheet-rolltemplate-comtext tr:nth-child(even) { + background-color: rgba(233, 233, 233,1); } -/* Left column */ -.sheet-rolltemplate-custom .sheet-content .sheet-key { - font-weight: bold; - padding-right: 10px; - text-align: right; +.sheet-rolltemplate-com .inlinerollresult, +.sheet-rolltemplate-com12 .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ } -/* Empty rule, use this if you want to change the right column -.sheet-rolltemplate-custom .sheet-value { -} -*/ - -/* Make even-numbered rows grey */ -.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3), -.sheet-rolltemplate-custom .sheet-content :nth-child(4n) { - background:#EEE; +.sheet-rolltemplate-com .inlinerollresult.fullcrit, +.sheet-rolltemplate-com12 .inlinerollresult.fullcrit { + border: 2px solid #3FB315; } -/* Description field */ -.sheet-rolltemplate-custom .sheet-desc { - grid-column: span 2; - padding: 5px; - text-align: center; +.sheet-rolltemplate-com .inlinerollresult.fullfail, +.sheet-rolltemplate-com12 .inlinerollresult.fullfail { + border: 2px solid #B31515; } +.sheet-rolltemplate-com .inlinerollresult.importantroll, +.sheet-rolltemplate-com12 .inlinerollresult.importantroll { + border: 2px solid #4A57ED; +} +.textchatcontainer .message { + padding-left: 10px; +} +.sheet-moves button[type=roll].sheet-rollbutton::before { + content: ""; +} +.sheet-moves button[type=roll].sheet-rollbuttonlong::before { + content: ""; + +} diff --git a/Brindlewood Bay/BrindlewoodBay.html b/Brindlewood Bay/BrindlewoodBay.html index ba7b50120f..d71b3a2d11 100644 --- a/Brindlewood Bay/BrindlewoodBay.html +++ b/Brindlewood Bay/BrindlewoodBay.html @@ -1,23 +1,389 @@
| {{char}} rolls The {{move}} Move | |
|---|---|
| With {{statused}} | |
| Result: {{check}} | +|
| + {{#rollGreater() check 9}} + Great Success + {{/rollGreater() check 9}} + {{#rollBetween() check 7 9}} + Mild Success + {{/rollBetween() check 7 9}} + {{#rollLess() check 7}} + Miss + {{/rollLess() check 7}} + | +|
{{success}} | |
{{partial}} | |
{{miss}} | |
| {{char}} rolls The {{move}} Move | |
|---|---|
| With {{statused}} | |
| Result: {{check}} | +|
| + {{#rollGreater() check 11}} + Massive Success + {{/rollGreater() check 11}} + {{#rollBetween() check 10 11}} + Great Success + {{/rollBetween() check 10 11}} + {{#rollBetween() check 7 9}} + Mild Success + {{/rollBetween() check 7 9}} + {{#rollLess() check 7}} + Miss + {{/rollLess() check 7}} + | +|
{{best}} | |
{{success}} | |
{{partial}} | |
{{miss}} | |
| {{char}} rolls The {{move}} Move | |
|---|---|
{{movedescription}} | |