diff --git a/D&D_OED/DnD_OED.css b/D&D_OED/DnD_OED.css new file mode 100644 index 0000000000..b46e64f88d --- /dev/null +++ b/D&D_OED/DnD_OED.css @@ -0,0 +1,293 @@ +/* Original Edition Delta Character Record Sheet CSS */ +/* Version 1.0 */ + +/**************** +*** FONTS *** +****************/ + +@import url('https://fonts.googleapis.com/css?family=Domine|Sancreek|Walter+Turncoat&display=swap'); + +/* END FONTS */ + +/************** +** WRAPPERS ** +**************/ + +.sheet-oed { + width: 600px; + background-image: url("https://s3.amazonaws.com/files.d20.io/images/159475522/bDhfGKXpQc-MUhwaD4TuUg/max.png?1598131916"); + background-size: 600px 943px; + background-repeat: no-repeat; +} + +.sheet-character, .sheet-equipment { + width: 500px; + border-bottom: 2px solid black; + border-top: 2px solid black; + margin: 0 25px 0 26px; + padding: 25px; +} + +/* END WRAPPERS */ + +/***************** +** TYPOGRAPHY ** +*****************/ + +span, label, button, .sheet-label, .sheet-text { + font-family: 'Domine'; + font-size: 14px; +} + +h2.sheet-name { + font-family: 'Sancreek', cursive; + font-size: 19px; +} + +/* END TYPOGRAPHY */ + +/****************** +*** LAYOUT *** +******************/ + +/* GRID 16 — top and middle */ + +.sheet-grid-16 { + display: grid; + grid-template-columns: repeat(16, 1fr); + grid-template-rows: auto; + column-gap: 16px; + padding-bottom: 8px; +} +.sheet-grid-16-span-1 { + grid-column: span 1; +} +.sheet-grid-16-span-2 { + grid-column: span 2; +} +.sheet-grid-16-span-3 { + grid-column: span 3; +} +.sheet-grid-16-span-4 { + grid-column: span 4; +} +.sheet-grid-16-span-5 { + grid-column: span 5; +} +.sheet-grid-16-span-6 { + grid-column: span 6; +} +.sheet-grid-16-span-7 { + grid-column: span 7; +} +.sheet-grid-16-span-8 { + grid-column: span 8; +} +.sheet-grid-16-span-12 { + grid-column: span 12; +} +.sheet-grid-16-span-16 { + grid-column: span 16; +} + +/* END LAYOUT */ + +/************************ +*** FORM ELEMENTS *** +************************/ + +.sheet-oed label { + font-family: 'Domine'; + font-weight: 400; + width: auto; + line-height: 50px; + margin: 0; + padding: 0 8px 0 0; +} + +.sheet-oed input, .sheet-oed textarea, .sheet-backed { + background: transparent; + border: none; + font-family: 'Walter Turncoat'; + font-size: 16px; + line-height: 32px; + margin: 0; + overflow: visible; +} + +.sheet-oed input, .sheet-backed { + border-bottom: 2px solid; + border-radius: 0; + padding: 0 8px; +} + +.sheet-oed input.sheet-box { + border-style: solid; + border-width: 2.5px 5px 2.5px 5px; + height:60px; + margin-left: 5px; + width: 60px; +} + +.sheet-oed input.sheet-box.sheet-top { + border-style: solid; + border-width: 5px 5px 2.5px 5px; +} + +.sheet-oed input.sheet-box.sheet-bottom { + border-style: solid; + border-width: 2.5px 5px 5px 5px; +} + +.sheet-oed input.sheet-attr-mod, span.sheet-attr-mod.sheet-backed { + border: 2px solid; + border-radius: 5px 0px 0px 5px; + width: 66px; +} + +::placeholder { + font-family: 'Walter Turncoat'; + font-size: 16px; + line-height: 32px; + text-align: center; +} + +input.sheet-fill, .sheet-backed { + width: 100%; +} + +textarea.sheet-textarea-fill { + box-sizing:border-box; + width: 100%; + height: 85% +} + +span.sheet-attr-mod.sheet-backed { + display: inline-block; + width: 46px; +} + + +.sheet-oed .sheet-details { + border: 2px solid; + border-radius: 0 5px 5px 0; + height: 32px; + margin-top: 20px; + text-align: center; +} + +/* END FORM ELEMENTS */ + +/************************ +*** UTILITIES *** +************************/ + +.sheet-oed .sheet-bdr-top { + border: 2px solid; + border-bottom: none; + border-radius: 10px 10px 0 0; +} + +.sheet-oed .sheet-bdr-mid { + border: 2px solid; + border-top: none; + border-bottom: none; +} + +.sheet-oed .sheet-bdr-mid.sheet-lft { + border-right: none; +} + +.sheet-oed .sheet-bdr-mid.sheet-rgt { + border-left: none; + +} + +.sheet-oed .sheet-bdr-btm { + border: 2px solid; + border-top: none; + border-radius: 0 0 10px 10px; +} + +.sheet-oed .sheet-bdr-none { + border: none; +} + +.sheet-center { + text-align: center; +} + +.sheet-oed .sheet-line-height-10 { + line-height: 10px; +} + +.sheet-oed .sheet-line-height-20 { + line-height: 20px; +} + +.sheet-oed .sheet-line-height-28 { + line-height: 28px; +} + +.sheet-oed .sheet-line-height-38 { + line-height: 38px; +} + +.sheet-oed .sheet-ml-10 { + margin-left: 10px; +} + +.sheet-oed .sheet-mr-10 { + margin-right: 10px; +} + +.sheet-oed .sheet-pl-10 { + padding-left: 10px; +} + +.sheet-oed .sheet-pr-10 { + padding-right: 10px; +} + +.sheet-font-size-sm { + font-size: 11px; +} + +.sheet-oed .sheet-w-90 { + width: 90% +} + +/* END UTILITIES */ + +/************************ +*** TABS *** +************************/ + +.sheet-buttons { + margin-left: 25px; +} + +.sheet-buttons button { + background-color: transparent; + border: 2px solid black; + margin-bottom: -2px; + padding: 5px; +} + +.sheet-buttons button:hover { + background-color: black; + color: white; +} + +.sheet-character, +.sheet-equipment { + display: none; +} + +/* Show the selected tab */ +.sheet-tabstoggle[value="character"] ~ div.sheet-character, +.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment { + display: block; +} + +/* END TABS */ \ No newline at end of file diff --git a/D&D_OED/DnD_OED.html b/D&D_OED/DnD_OED.html new file mode 100644 index 0000000000..c2db1a0fc0 --- /dev/null +++ b/D&D_OED/DnD_OED.html @@ -0,0 +1,293 @@ + + + +
+