diff --git a/Totality_of_Ygg/totality_of_ygg.css b/Totality_of_Ygg/totality_of_ygg.css index b1b1a50770..3641457b08 100644 --- a/Totality_of_Ygg/totality_of_ygg.css +++ b/Totality_of_Ygg/totality_of_ygg.css @@ -6,10 +6,6 @@ color: black; } -.charsheet{ - background-color:white; - color:black; -} .charsheet .repcontrol { margin-top:15px; @@ -40,20 +36,8 @@ font-weight:bold; } -/** DELETE? **/ -.charsheet .sheet-info button[type="roll"] { - background: transparent; - border: 0px; -} - -/** DELETE? **/ -.charsheet .sheet-info > button { - float: right; -} - -.charsheet .sheet-info:before { +.charsheet .info:before { content:"ⓘ" !important; - padding-right:9px; } /*this hides the contents of each tab by default*/ @@ -92,10 +76,9 @@ font-weight: bold; border-radius: 4px; border: 1px solid #83B583; - width: 100px; - height: 40px; - cursor: pointer; + height: 40px; + cursor: pointer; position: relative; vertical-align: middle; margin-left: -101px;/*originally 91px*/ @@ -114,92 +97,106 @@ /*----------- End Tab Setup -----------*/ -.charsheet h3 {text-decoration: underline; padding-bottom:5px; color:black;} -.charsheet h4 {text-decoration: underline; padding-bottom:5px; color:black;} +/*----------- Tooltips -----------*/ + +/* Tooltip container */ +.mytooltip { + position: relative; + display: inline-block; +} + +/* Tooltip text */ +.mytooltip .mytooltiptext { + visibility: hidden; + width: 240px; + background-color: black; + color: #fff; + text-align: center; + padding: 5px 0; + border-radius: 6px; + + /* Position the tooltip text - see examples below! */ + position: absolute; + z-index: 1; +} + +/* Show the tooltip text when you mouse over the tooltip container */ +.mytooltip:hover .mytooltiptext { + visibility: visible; +} /** COLORS **/ -.sheet-green { +.green { background-color: #507f62; } -.sheet-brown { +.brown { background-color: #7f513e; } -.sheet-blue { +.blue { background-color: #51a5c5; } -.sheet-black { +.black { background-color: #555752; } -.sheet-white { +.white { background-color: #FFFFFF; } -.sheet-silver { +.silver { background-color: #91A1B2; } -.sheet-orange { +.orange { background-color: #e7623e; } -.sheet-gold { +.gold { background-color: #b59e54; } -.sheet-red { +.red { background-color: #c73032; } /*-----cols and rows-----*/ - - - -.sheet-center { - text-align: center; +.charsheet .my1colrow { } -.sheet-center label { - text-align: center; -} - -.charsheet .sheet-my1colrow { -} - -.charsheet .sheet-my1colrow .sheet-col { +.charsheet .my1colrow .sheet-col { width: calc(100% - 5px); padding: 5px; } -.charsheet .sheet-my2colrow { +.charsheet .my2colrow { } -.charsheet .sheet-my2colrow .sheet-col { +.charsheet .my2colrow .sheet-col { width: calc(48% - 10px) !important; padding: 5px; } -.charsheet .sheet-my3colrow { +.charsheet .my3colrow { } -.charsheet .sheet-my3colrow .sheet-col { +.charsheet .my3colrow .sheet-col { width: calc(30% - 10px) !important; padding: 5px; } -.charsheet .sheet-my4colrow { +.charsheet .my4colrow { } -.charsheet .sheet-my4colrow .sheet-col { +.charsheet .my4colrow .sheet-col { width: calc(23% - 10px) !important; padding: 5px; } @@ -212,50 +209,49 @@ /* character sheets */ -.charsheet .sheet-my1colrow .sheet-sellsword, -.charsheet .sheet-my1colrow .sheet-knave, -.charsheet .sheet-my1colrow .sheet-philosopher, -.charsheet .sheet-my1colrow .sheet-mystic, -.charsheet .sheet-my1colrow .sheet-murk, -.charsheet .sheet-my1colrow .sheet-spriggan, -.charsheet .sheet-my1colrow .sheet-night_child, -.charsheet .sheet-my1colrow .sheet-pooka +.charsheet .my1colrow .knave, +.charsheet .my1colrow .mystic, +.charsheet .my1colrow .philosopher, +.charsheet .my1colrow .sellsword, +.charsheet .my1colrow .murk, +.charsheet .my1colrow .night_child, +.charsheet .my1colrow .pooka, +.charsheet .my1colrow .spriggan { margin-left: -20px; max-width: 100%; - background-color: #b59e54; + background-color: #b59e54 !important; } -.charsheet .sheet-my1colrow .sheet-sellsword .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-knave .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-philosopher .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-mystic .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-murk .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-spriggan .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-night_child .sheet-3colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-pooka .sheet-3colrow .sheet-col +.charsheet .my1colrow .sellsword .my3colrow .sheet-col, +.charsheet .my1colrow .knave .my3colrow .sheet-col, +.charsheet .my1colrow .philosopher .my3colrow .sheet-col, +.charsheet .my1colrow .mystic .my3colrow .sheet-col, +.charsheet .my1colrow .murk .my3colrow .sheet-col, +.charsheet .my1colrow .spriggan .my3colrow .sheet-col, +.charsheet .my1colrow .night_child .my3colrow .sheet-col, +.charsheet .my1colrow .pooka .my3colrow .sheet-col { color: #000000; - text-align: left; width: calc(30% - 10px) !important; padding: 5px; } -.charsheet .sheet-my1colrow .sheet-sellsword .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-knave .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-philosopher .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-mystic .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-murk .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-spriggan .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-night_child .sheet-my2colrow .sheet-col, -.charsheet .sheet-my1colrow .sheet-pooka .sheet-my2colrow .sheet-col +.charsheet .my1colrow .sellsword .my2colrow .sheet-col, +.charsheet .my1colrow .knave .my2colrow .sheet-col, +.charsheet .my1colrow .philosopher .my2colrow .sheet-col, +.charsheet .my1colrow .mystic .my2colrow .sheet-col, +.charsheet .my1colrow .murk .my2colrow .sheet-col, +.charsheet .my1colrow .spriggan .my2colrow .sheet-col, +.charsheet .my1colrow .night_child .my2colrow .sheet-col, +.charsheet .my1colrow .pooka .my2colrow .sheet-col { width: calc(48% - 10px) !important; padding: 5px; } -.sheet-box { +.box { border: 1px solid black; padding: 7px; margin-bottom: 15px; @@ -263,138 +259,131 @@ } -.sheet-halfbox { +.halfbox { border-top: 1px solid black; border-bottom: 1px solid black; padding: 7px; margin-bottom: 15px; } -.sheet-left { -text-align:left; + +/*this hides the contents of each tab by default*/ +.charsheet .my1colrow .sellsword, +.charsheet .my1colrow .knave, +.charsheet .my1colrow .philosopher, +.charsheet .my1colrow .mystic, +.charsheet .my1colrow .murk, +.charsheet .my1colrow .spriggan, +.charsheet .my1colrow .night_child, +.charsheet .my1colrow .pooka + +{ + display: none !important; + background-color: #FFFFFF; +} + +.isSellsword:checked ~ .sellsword { + display: block !important; +} + +.isKnave:checked ~ .knave { + display: block !important; +} + +.isPhilosopher:checked ~ .philosopher { + display: block !important; +} + +.isMystic:checked ~ .mystic { + display: block !important; +} + +.isMurk:checked ~ .murk { + display: block !important; +} + +.isSpriggan:checked ~ .spriggan { + display: block !important; +} + +.isNightChild:checked ~ .night_child { + display: block !important; +} + +.isPooka:checked ~ .pooka { + display: block !important; +} + + +.charsheet .my4colrow .good-book { + display: none !important; +} + +.charsheet .my4colrow .book-of-secrets { + display: none !important; +} + +.charsheet .my4colrow .book-of-goblins { + display: none !important; +} + +.isBookOpen:checked ~ .good-book { + display: block !important; +} + +.isBookClosed:checked ~ .good-book { + display: none !important; +} + +.areSecretsOpen:checked ~ .book-of-secrets { + display: block !important; +} + +.areSecretsClosed:checked ~ .book-of-secrets { + display: none !important; +} + + +.areGoblinsOpen:checked ~ .book-of-goblins { + display: block !important; +} + +.areGoblinsClosed:checked ~ .book-of-goblins { + display: none !important; } -/*----------- End cols -----------*/ - - -.charsheet input { - text-align: center; -} -.charsheet .sheet-inventory { - min-height: 300px; - max-width: 800px; - background-color: #f7f3f3; - margin-left: 5px; +/** OVERRIDES AND FONTS**/ +.smalltext { + font-size:12px; } -.charsheet .sheet-abandoned { - min-height: 300px; - max-width: 800px; - width:94%; - background-color: #f7f3f3; - margin-left: 5px; +.left { + text-align:left; } - -.charsheet .sheet-weaponTable { - width: 100%; - margin-top:45px; - -} -.charsheet .sheet-weaponTable th { - text-align:center; -} -.charsheet .sheet-weaponTable td { - text-align: center; -} - -.charsheet .sheet-specialTable { - width: 50%; -} - -.charsheet .sheet-specialTable input { - width: 35px; - text-align:center; -} - -.charsheet .sheet-specialTable th { - text-align:center; - text-decoration: underline; -} -.charsheet .sheet-specialTable td { - padding: 5px; - text-align: center; -} - - - - -.charsheet .sheet-attributeTable td { - padding: 5px; -} - -.charsheet .sheet-attributeTitle { - font-weight: bold; -} - - -div.sheet-circle { - width:3em; - height:3em; - border:2px solid gray; - border-radius:50%; - - background:white; -} - -.charsheet .sheet-subrow { - padding: 10px; - -} - -.charsheet .sheet-grayheader { +.charsheet .center { text-align: center; - background-color: lightgray; - min-height: 30px; } +.charsheet .center label { + text-align: center; +} - +.charsheet h3 {text-decoration: underline; padding-bottom:5px; color:black;} +.charsheet h4 {text-decoration: underline; padding-bottom:5px; color:black;} +.charsheet label { + --dark-secondarytext: #000000; /* local variable will override global */ + margin:0px; + color: --dark-secondarytext; + padding:5px; +} .ui-dialog .charsheet input[type=number] { width: 4.5em; } - -.sheet-traitdie { - width: 45px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-align: center; - margin: 0px; -} - -.sheet-weaponselect { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-align: center; - margin: 0px; - width:100px; -} - -.sheet-select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-align: center; - margin: 0px; - max-width: 180px; -} - input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; @@ -404,99 +393,77 @@ input[type=number] { -moz-appearance: textfield; } -.charsheet label { - --dark-secondarytext: #000000; /* local variable will override global */ - margin:0px; - color: --dark-secondarytext; - padding:5px; + +/** Inputs **/ +.charsheet input { + text-align: center; +} +.charsheet .inventory { + min-height: 300px; + max-width: 800px; + background-color: #f7f3f3; + margin-left: 5px; +} + +.charsheet .abandoned { + min-height: 300px; + max-width: 800px; + width:94%; + background-color: #f7f3f3; + margin-left: 5px; +} + + +.charsheet .tblWeapon { + width: 100%; + margin-top:45px; + +} +.charsheet .tblWeapon th { + text-align:center; +} +.charsheet .tblWeapon td { + text-align: center; +} + + +.charsheet .tblAttribute td { + padding: 5px; +} + +.charsheet .tblAttributeTitle { + font-weight: bold; +} + +.traitdie { + width: 45px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + text-align: center; + margin: 0px; +} + +.weaponselect { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + text-align: center; + margin: 0px; + width:100px; +} + +.myselect { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + text-align: center; + margin: 0px; + max-width: 180px; } -/*this hides the contents of each tab by default*/ -.charsheet div[class="sheet-my1colrow sheet-sellsword"], -.charsheet div[class="sheet-my1colrow sheet-knave"], -.charsheet div[class="sheet-my1colrow sheet-philosopher"], -.charsheet div[class="sheet-my1colrow sheet-mystic"], -.charsheet div[class="sheet-my1colrow sheet-murk"], -.charsheet div[class="sheet-my1colrow sheet-spriggan"], -.charsheet div[class="sheet-my1colrow sheet-night_child"], -.charsheet div[class="sheet-my1colrow sheet-pooka"] - -{ - display: none !important; - background-color: #FFFFFF; -} - -.sheet-isSellsword:checked ~ .sheet-sellsword { - display: block !important; -} - -.sheet-isKnave:checked ~ .sheet-knave { - display: block !important; -} - -.sheet-isPhilosopher:checked ~ .sheet-philosopher { - display: block !important; -} - -.sheet-isMystic:checked ~ .sheet-mystic { - display: block !important; -} - -.sheet-isMurk:checked ~ .sheet-murk { - display: block !important; -} - -.sheet-isSpriggan:checked ~ .sheet-spriggan { - display: block !important; -} - -.sheet-isNightChild:checked ~ .sheet-night_child { - display: block !important; -} - -.sheet-isPooka:checked ~ .sheet-pooka { - display: block !important; -} - - -.charsheet div[class="sheet-my4colrow sheet-good-book"] { - display: none !important; -} - -.charsheet div[class="sheet-my4colrow sheet-book-of-secrets"] { - display: none !important; -} - -.charsheet div[class="sheet-my4colrow sheet-book-of-goblins"] { - display: none !important; -} - -.sheet-isBookOpen:checked ~ .sheet-good-book { - display: block !important; -} - -.sheet-isBookClosed:checked ~ .sheet-good-book { - display: none !important; -} - -.sheet-areSecretsOpen:checked ~ .sheet-book-of-secrets { - display: block !important; -} - -.sheet-areSecretsClosed:checked ~ .sheet-book-of-secrets { - display: none !important; -} - - -.sheet-areGoblinsOpen:checked ~ .sheet-book-of-goblins { - display: block !important; -} - -.sheet-areGoblinsClosed:checked ~ .sheet-book-of-goblins { - display: none !important; -} /* Sidebar and Roll Templates */ @@ -644,42 +611,3 @@ input[type=number] { margin-top:5px; padding-top:10px; } - - - - -/* Tooltip container */ -.sheet-tooltip { - position: relative; - display: inline-block; -} - -/* Tooltip text */ -.sheet-tooltip .sheet-tooltiptext { - visibility: hidden; - width: 240px; - background-color: black; - color: #fff; - text-align: center; - padding: 5px 0; - border-radius: 6px; - - /* Position the tooltip text - see examples below! */ - position: absolute; - z-index: 1; -} - -/* Show the tooltip text when you mouse over the tooltip container */ -.sheet-tooltip:hover .sheet-tooltiptext { - visibility: visible; -} - -.smalltext { - font-size:12px; -} - - - -/* end The Cascading Part */ - - diff --git a/Totality_of_Ygg/totality_of_ygg.html b/Totality_of_Ygg/totality_of_ygg.html index 637c2274aa..f33642d8d2 100644 --- a/Totality_of_Ygg/totality_of_ygg.html +++ b/Totality_of_Ygg/totality_of_ygg.html @@ -15,7 +15,7 @@
| + | Vigor | - | ||||||||||||||||
| + | Dexterity |
- |
||||||||||||||||
| + | Intelligence |
- |
||||||||||||||||
| + | Focus |
-
-
|