diff --git a/PokemonTabletopAdventures/PTA.css b/PokemonTabletopAdventures/PTA.css index 6dd3f0231e..574c1d78fb 100644 --- a/PokemonTabletopAdventures/PTA.css +++ b/PokemonTabletopAdventures/PTA.css @@ -4,63 +4,77 @@ input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, -input.sheet-tab5:checked ~ div.sheet-tab5 -{ +input.sheet-tab5:checked ~ div.sheet-tab5, +input.sheet-tab6:checked ~ div.sheet-tab6, +input.sheet-tab7:checked ~ div.sheet-tab7 { display: block; } + + + input.sheet-tab { - width: calc(20% - 4px); - max-width: 150px; - height: 20px; - - outline: none !important; + width: 109px; + height: 20px; + cursor: pointer; + position: relative; + opacity: 0; + z-index: 9999; +} + +span.sheet-tab { + text-align: center; + display: inline-block; + font-size: 15px; + border: 1px solid #000000; + background: #d9d9d9; + color: black; + font-weight: bold; + border-radius: 12px; + width: 109px; + height: 20px; + cursor: pointer; + position: relative; + margin-left: -113px; +} + +input.sheet-tab1:checked + span.sheet-tab1, +input.sheet-tab2:checked + span.sheet-tab2, +input.sheet-tab3:checked + span.sheet-tab3, +input.sheet-tab4:checked + span.sheet-tab4, +input.sheet-tab5:checked + span.sheet-tab5, +input.sheet-tab6:checked + span.sheet-tab6, +input.sheet-tab7:checked + span.sheet-tab7 { + background: #ff0000; + color: white; + border-radius: 12px; +} + + +span.sheet-atr { + text-align: center; + font-size: 15px; + font-weight: bold; position: relative; - cursor: pointer; - z-index: 1; + top: -4px; } -input.sheet-tab1 { - margin-left: 1px; -} - -input.sheet-tab::before { - content: attr(title); +button.sheet-violence { display: inline-block; + font-size: 15px; +} - background: #fff; - border: solid 1px #a8a8a8; - border-top-left-radius: 4px; - border-top-right-radius: 4px; +.charsheet { + background-image: url("https://i.imgur.com/loiXadp.jpg"); +} - font-size: 14px; + +.charsheet h4 { + position: relative; + bottom: -15px; + font-size: 1.3em; font-weight: bold; text-align: center; - - width: 100%; - height: 20px; -} - -input.sheet-tab:checked::before { - border-bottom-color: white; -} - -.sheet-tab-br { - border-bottom: 1px solid #a8a8a8; - margin-bottom: 5px; - margin-top: 1px; -} - -input.sheet-arrow { - float: left; -} - -div.sheet-body { - display: none; -} - -input.sheet-arrow:checked ~ div.sheet-body { - display: block; } .charsheet label { @@ -69,6 +83,28 @@ input.sheet-arrow:checked ~ div.sheet-body { text-align: right; } +.charsheet input.sheet-move { + display: inline-block; + position: relative; + top: -4px; + width: 3.5em; + margin-bottom: 2px; +} + +.charsheet input.sheet-move2 { + display: inline-block; + position: relative; + top: -8px; + width: 3.5em; + margin-bottom: 2px; +} + +.charsheet input.sheet-move3 { + display: inline-block; + width: 3.5em; + margin-bottom: 2px; +} + .charsheet input { display: inline-block; width: 165px; @@ -84,30 +120,64 @@ input.sheet-arrow:checked ~ div.sheet-body { width: 3.5em; } +.charsheet input.sheet-shortish { + width: 4.1em; + margin-bottom: 2px; +} + +.charsheet input.sheet-small { + width: 5.2em; + margin-bottom: 2px; +} + .charsheet select.sheet-short { width: 5.5em; } +.charsheet select.sheet-short2 { + width: 5.5em; + margin-bottom: 2px; +} + +.charsheet select.sheet-shorter { + width: 4em; +} + +.charsheet select.sheet-shorter2 { + width: 4em; + margin-bottom: 2px; +} + +.charsheet select.sheet-shorter3 { + width: 4em; + margin-bottom: 2px; + position: relative; + top: -8px; +} + .charsheet input.sheet-med { width: 7em; } +.charsheet input.sheet-med2 { + width: 7em; + margin-bottom: 2px; +} + .charsheet input.sheet-xp { width: 7.6em; } .charsheet input.sheet-type { width: 9em; + margin-bottom: 2px; } + .charsheet input.sheet-long { width: 18em; } -.charsheet { - background-image: url("http://i.imgur.com/0Z39lf5.jpg"); -} - .charsheet table td, .charsheet table th { font-size: 1.2em; font-weight: bold; @@ -119,66 +189,53 @@ select.sheet-dtype { vertical-align: top; } - -.sheet-rolltemplate-skill table { - width: 100%; - border: 1.5px solid; - padding: 10px 40px; - color: transparent; - font-size: 1em; - font-family: "Trebuchet MS", Helvetica, sans-serif; - background: url (http://i.imgur.com/tsKyQTB.png) top left; - background-size: 195px 108px; - background-repeat: no-repeat; -} - -.sheet-rolltemplate-skill th { - background-color: transparent; - color: #000000; - padding: 2px; - border-bottom: 1px transparent; +.sheet-rolltemplate-Attack th { + color: #ff0000; + padding-left: 5px; line-height: 1.6em; font-size: 1.2em; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; +} + +.sheet-rolltemplate-Attack .sheet-subheader { + color: #000; + font-size: 1em; + font-style: italic; +} + +.sheet-rolltemplate-Attack table { + width: 189px; + padding: 2px; + border: 2px solid; + background-color: #ffffff; } -.sheet-rolltemplate-skill .userscript-tcat { - font-weight: bold; +.sheet-rolltemplate-Attack .sheet-tcat { + font-style: italic; } - -.sheet-rolltemplate-skill td { - padding: 5px; - border-bottom: 1px transparent; + +.sheet-rolltemplate-Attack td { + padding-left: 5px; } - -.sheet-rolltemplate-skill tr:nth-child(odd) { - background-color: transparent; - color: #000000; + +.sheet-rolltemplate-Attack .inlinerollresult { + background-color: #ffffff; + border: none; } - -.sheet-rolltemplate-skill tr:nth-child(even) { - background-color: transparent; - color: #ffffff; -} - -.sheet-rolltemplate-skill .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - background-color: transparent; - border: transparent; - color: #000000; -} - -.sheet-rolltemplate-skill .inlinerollresult.fullcrit { + +.sheet-rolltemplate-Attack .inlinerollresult.fullcrit { color: #3FB315; border: none; } - -.sheet-rolltemplate-skill .inlinerollresult.fullfail { + +.sheet-rolltemplate-Attack .inlinerollresult.fullfail { color: #B31515; border: none; } - -.sheet-rolltemplate-skill .inlinerollresult.importantroll { + +.sheet-rolltemplate-Attack .inlinerollresult.importantroll { color: #4A57ED; -} \ No newline at end of file + border: none; +}