diff --git a/Tavern-Tales/TavernTalesSheet.css b/Tavern-Tales/TavernTalesSheet.css index 4bbe8abdfc..05b3edccb2 100644 --- a/Tavern-Tales/TavernTalesSheet.css +++ b/Tavern-Tales/TavernTalesSheet.css @@ -4,10 +4,16 @@ color: black; font-family: "Times New Roman", Times, serif; - background-color: #B8B894; + /*background-color: #B8B894;*/ padding:15px; } +.sheet-logo { + /* + width:40%; + align:right; + */ +} .sheet-TavernTalesSheetBody .sheet-col h3 { font-size: 3.0em; color: black; @@ -15,6 +21,32 @@ font-size: 1.5em; } +.sheet-TavernTalesHeader { + display: block; + width: 100%; +} + + + +.sheet-TavernTalesContent { + display: block; + width: 100%; +} + +.sheet-TavernTalesColumn { + display: inline-block; + vertical-align: top; + width: 43%; + padding-right: 5%; + +} + +.sheet-TavernTalesFooter { + display: block; + width: 100%; +} + + .sheet-Attributes th { color: black; @@ -26,8 +58,17 @@ padding-left: 0px; } +.sheet-TTStatsTable { + /* width: 90%; */ + +} + +.sheet-traits textarea { + height: 60px; +} .sheet-combatDamage { +/* margin: 0px; padding-top: 10px; padding-right: 0px; @@ -35,14 +76,50 @@ padding-left: 0px; text-align: center; +*/ } +.sheet-traitXP{ + position: relative; + right: -86%; + font-size: 0.5em; +} + +.sheet-traitXP input{ + height: 2em; + font-size: 1em; + padding: 0; + vertical-align: text-bottom; +} + +.sheet-TTConditions{ + margin-left:40px; + width:90%; + +} +.sheet-TTConditions checkbox{ + margin: 4px; + padding: 4px; +} + +.sheet-TTConditions input[type="text"]{ + width: 80%; + +} + +.sheet-TTConditions textarea{ + width: 80%; + height: 60px; + +} + + .sheet-combatDamage select { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; - padding-left: 0px; + padding-left: 0px; width:90px; } @@ -51,20 +128,18 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; - padding-left: 0px; + padding-left: 0px; width:50px; } -.sheet-defense p { - text-align: center; -} + .sheet-TTTraitType { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; - padding-left: 0px; + padding-left: 0px; width:50px; } @@ -86,15 +161,272 @@ padding:0px; margin:0px; width:30%; - height:50px; + } +.sheet-TTcharacterName { + width: 100%; +} +.sheet-TTXPTreasureTable { + width: 100%; + margin: auto; +} + +.sheet-TTbioDesc { + height: 75px; + width: 100% +} .sheet-TTtraitDesc { padding:0px; margin:0px; width:60%; - height:50px; } + +.sheet-TTBIGTitles { + font-family: "Times New Roman", Times, serif; + text-align:right; + font-size: 1.0em; + font-weight: bold; + width:100%; +} + +.sheet-TTBIGs { + margin-left:auto; + margin-right:0%; + width:75%; + height:100px; + height:1em; +} + +input[type="number"] { + width: 30px; +} + + + +/* +ooooo ooooo o8o .o8 .o8 +`888' `888' `"' "888 "888 + 888 888 oooo .oooo888 .oooo888 .ooooo. ooo. .oo. + 888ooooo888 `888 d88' `888 d88' `888 d88' `88b `888P"Y88b + 888 888 888 888 888 888 888 888ooo888 888 888 + 888 888 888 888 888 888 888 888 .o 888 888 +o888o o888o o888o `Y8bod88P" `Y8bod88P" `Y8bod8P' o888o o888o +*/ + + +input.sheet-hiddenSectionToggle +{ + float: left; +} + +input.sheet-hiddenSectionToggle:checked + span + div +{ + display: block; + width: 90%; + padding: 5px; + margin: 5px; +} + +input.sheet-hiddenSectionToggle:not(:checked) + span + div +{ + display: none; +} + +.sheet-TavernTalesHideableSection { + border-color: black; + border-width: 3px; + border-style: solid; + border-radius: 8px; + background-color: #fcf4e8; + +} + + + +.sheet-traitsTabAllContent, +.sheet-traitsTabCombatContent, +.sheet-traitsTabExplorationContent, +.sheet-traitsTabInteractionContent, +.sheet-traitsTabGeneralContent { + display:none; +} + +input.sheet-tab +{ +width: 121px; +height: 20px; +position: relative; +top: -2px; +margin: 0px; +cursor: pointer; +z-index: 1; +font-family: 'IM Fell English SC', serif; +} + +input.sheet-tab::before +{ +content: attr(title); +border: solid 2px #E8E8E8; +border-bottom: none; +border-top-left-radius: 1em; +border-top-right-radius: 1em; +text-align: center; +display: inline-block; +width: 121px; +height: 20px; +font-size: 14px; +font-weight: bold; +background: burlywood; +} + + +input.sheet-tab:checked::before +{ + background: wheat; + +} + + + +input.sheet-tab-all:checked ~ .sheet-traitsTabAllContent, +input.sheet-tab-combat:checked ~ .sheet-traitsTabCombatContent, +input.sheet-tab-exploration:checked ~ .sheet-traitsTabExplorationContent, +input.sheet-tab-interaction:checked ~ .sheet-traitsTabInteractionContent, +input.sheet-tab-general:checked ~ .sheet-traitsTabGeneralContent { /* show the correct tab */ + display:block; + background-color: wheat; + border-bottom-right-radius: 1em; +} + + +.sheet-traits { + margin: 0px; + padding: 10px; + +} + + + /* + + ooooooooo. oooo oooo + `888 `Y88. `888 `888 + 888 .d88' .ooooo. 888 888 .oooo.o + 888ooo88P' d88' `88b 888 888 d88( "8 + 888`88b. 888 888 888 888 `"Y88b. + 888 `88b. 888 888 888 888 o. )88b + o888o o888o `Y8bod8P' o888o o888o 8""888P' + + */ + +.sheet-rolltemplate-TTRoll { + width: 120%; + margin: 0; + margin-left: -45px; + margin-top: -2px; + margin-bottom: -2px; + padding: 1px; + background-image: url("http://i.imgur.com/kGAcTZm.jpg"); + background-size: 100% 100%; + background-position: center center; + background-repeat: no-repeat; +} + +.sheet-rolltemplate-TTRoll .sheet-rollContent .sheet-rollLimits .inlinerollresult { + background-color: inherit; + border: inherit; +} + +.sheet-rolltemplate-TTRoll .sheet-rollFooter .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid darkgrey; + background-color: darkgoldenrod; + border-radius:9px; +} + +.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-sadRollResult .inlinerollresult { + + border: 2px solid darkred; + color: black; +} + +.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-happyRollResult .inlinerollresult { + + border: 2px solid green; + color: black; +} + +.sheet-rolltemplate-TTRoll .sheet-rollContent { + width: 60%; + margin-top: 8%; + margin-bottom: 8%; + margin-left: 22%; + margin-right: 11%; + padding: 0; + border-style: none; + color: black; + font-family: "Helvetica Neue", Helvetica, sans-serif; + border-radius: 1em; + text-align: center; +/* + background-image: url("http://i.imgur.com/2yDT9iP.png"); + background-size: 100% 100%; + background-position: center center; + background-repeat: no-repeat; +*/ +} + +.sheet-rolltemplate-TTRoll .sheet-rollHeader { + background-color: burlywood; + font-size: 1.5em; + margin: 0px; + padding: 4px; + border-top-left-radius: 1em; + border-top-right-radius: 1em; + +} + +.sheet-rolltemplate-TTRoll .sheet-rollBody { + + margin:0px; + background: rgba(255, 255, 255, 0.66); + text-align: center; + +} + + +/* +.sheet-rolltemplate-TTRoll tr:nth-child(3) { + background-color: burlywood; + border-bottom-right-radius: 1em; + border-bottom-left-radius: 1em; +} +*/ + +.sheet-rolltemplate-TTRoll .sheet-rollNotes { + text-align: center; +} + +.sheet-rolltemplate-TTRoll .sheet-fineprint, +.sheet-rolltemplate-TTRoll .sheet-rollLimits { + text-align: center; + font-size: 0.8em; +} + +.sheet-rolltemplate-TTRoll .sheet-exciting { + font-weight: bold; +} + +.sheet-rolltemplate-TTRoll .sheet-rollFooter { + background-color: burlywood; + border-bottom-left-radius: 1em; + border-bottom-right-radius: 1em; + margin: 0px; + padding: 4px; + text-align: center; +}