diff --git a/Mongoose_Traveller2e/MongooseTraveller.css b/Mongoose_Traveller2e/MongooseTraveller.css index 942662625198..5a2e275535d8 100644 --- a/Mongoose_Traveller2e/MongooseTraveller.css +++ b/Mongoose_Traveller2e/MongooseTraveller.css @@ -33,11 +33,6 @@ select[multiple]:focus option:checked { opacity: 0; } -@keyframes fadein { - from {opacity: 0;} - to {opacity: 1;} -} - /* Show the selected tab */ .sheet-tabstoggle[value="prime"] ~ .sheet-prime, .sheet-tabstoggle[value="skills"] ~ .sheet-skills, @@ -46,7 +41,7 @@ select[multiple]:focus option:checked { .sheet-tabstoggle[value="powers"] ~ .sheet-powers, .sheet-tabstoggle[value="notes"] ~ .sheet-notes { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -54,7 +49,7 @@ select[multiple]:focus option:checked { .sheet-typetoggle[value="pc"] ~ .sheet-topbar, .sheet-typetoggle[value="pc"] ~ .sheet-pc { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -62,35 +57,35 @@ select[multiple]:focus option:checked { .sheet-typetoggle[value="npc"] ~ .sheet-topbar, .sheet-typetoggle[value="npc"] ~ .sheet-npc { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } .sheet-typetoggle[value="animal"] ~ .sheet-animal { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } .sheet-typetoggle[value="ship"] ~ .sheet-ship { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } .sheet-typetoggle[value="trade"] ~ .sheet-trade { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } .sheet-typetoggle[value="vehicle"] ~ .sheet-vehicle { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -98,7 +93,7 @@ select[multiple]:focus option:checked { .sheet-tradetoggle[value="passengers"] ~ .sheet-passengers { display: block; margin-left: 3px; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -106,7 +101,7 @@ select[multiple]:focus option:checked { .sheet-tradetoggle[value="freight"] ~ .sheet-freight { display: block; margin-left: 3px; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -114,7 +109,7 @@ select[multiple]:focus option:checked { .sheet-tradetoggle[value="speculative"] ~ .sheet-speculative { display: block; margin-left: 3px; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -122,7 +117,7 @@ select[multiple]:focus option:checked { .sheet-tradetoggle[value="tradelog"] ~ .sheet-tradelog { display: block; margin-left: 3px; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; } @@ -174,6 +169,10 @@ input[type="number"]:hover { height: 75px; } +.sheet-narrowtext textarea { + height: 40px; +} + .sheet-bold { font-weight: bold; } @@ -792,13 +791,13 @@ input.sheet-reddot[type="checkbox"] + span::before { height: 20px; font-size: 15px; background: transparent; - color: black; + color: red; } -input.sheet-reddot[type="checkbox"]:active + span::before { +input.sheet-reddot[type="checkbox"]:checked + span::before { color: red; font-family: "Pictos"; - content: "0"; + content: "D"; font-size: 15px; } @@ -857,7 +856,7 @@ input.sheet-untrained[type="checkbox"] + span::before { position: relative; top: 0px; left: -5px; - color: red; + color: green; text-shadow: none; margin-right: 4px; line-height: 14px; @@ -1368,6 +1367,15 @@ button.btn.repcontrol_edit::after { display: flex; } +.sheet-trade_content div:first-child { + margin-right: 3px; + width: 15%; +} + +.sheet-trade_content div:nth-child(2) { + width: 85%; +} + .sheet-speculative, .sheet-speculative-subpanel { border: red solid 1px; @@ -1400,12 +1408,20 @@ button.btn.repcontrol_edit::after { width: 2%; } +div.sheet-speculativegoods h3 { + margin-left: 5px; +} + div.sheet-speculativegoods-row-pg { display: grid; grid-template-columns: 32px 210px 100px 85px 95px 70px 80px; column-gap: 5px; } +div.sheet-speculativegoods-row-pg h5:first-child, +div.sheet-speculativegoods-row-pg span:first-child { + margin-left: 5px; +} div.sheet-speculativegoods-row { display: grid; grid-template-columns: 22px 190px 100px 75px 80px 70px 75px 75px 40px; @@ -1800,6 +1816,10 @@ sheet-vehicle h3 { height: 30px !important; } +.sheet-laf-weaponlist select { + width: 85px; +} + .sheet-laf-ship { grid-template-columns: 2fr 5fr 1fr 5fr 1fr 1fr 1fr; margin-bottom: 3px; @@ -1846,7 +1866,16 @@ sheet-vehicle h3 { .sheet-laf-animal-init { width: 75%; - grid-template-columns: 0.25fr 0.25fr 1fr 0.01fr; + grid-template-columns: 0.25fr 0.25fr 5fr; +} +.sheet-laf-animal-init span { + margin-top: 5px; +} + +.sheet-laf-animal-init button { + height: 28px !important; + padding: 0; + margin: 0px !important; } .sheet-laf-animal-detail { @@ -1874,6 +1903,7 @@ sheet-vehicle h3 { .sheet-laf-vehicle-sensors { width: 90% !important; grid-template-columns: 2fr 0.25fr 0.25fr 0.1fr 5fr; + margin-bottom: 3px; } .sheet-laf-vehicle-sensors span, @@ -2198,9 +2228,25 @@ input.sheet-laf-ship-component-hider { width: 90% !important; } +.sheet-slidein, .repitem { display: block; - animation-name: fadein; + animation-name: slide-in; animation-duration: 1s; opacity: 1; +} + +.sheet-skill-toggles { + display: grid; + grid-template-columns: 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr 6fr; +} + +.sheet-trade-passagetype { + display: grid; + grid-template-columns: 1fr 0.1fr 0.35fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr; +} + +.sheet-trade-parsecs { + display: grid; + grid-template-columns: 0.97fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 2fr; } \ No newline at end of file diff --git a/Mongoose_Traveller2e/MongooseTraveller.html b/Mongoose_Traveller2e/MongooseTraveller.html index 14c1031424f3..32e1c1e84971 100644 --- a/Mongoose_Traveller2e/MongooseTraveller.html +++ b/Mongoose_Traveller2e/MongooseTraveller.html @@ -362,6 +362,15 @@