diff --git a/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.css b/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.css index adf9722b21..c22c9090dd 100644 --- a/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.css +++ b/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.css @@ -16,20 +16,28 @@ h5 { } input, select, textarea { - font-size: 1em !important; + font-size: 1.2em !important; border: 1px solid #f26723 !important; } +select { + padding-top: 1px; +} + button { font-family: inherit; font-size: inherit; } +p { + font-family: "Teko", sans-serif; + font-size: inherit; +} /* Top level character sheet overrides for our background and font */ .charsheet { background-color: #ededed; font-family: "Teko", sans-serif; - font-size: 1.25em !important; + font-size: 1.2em !important; } /* Tabs */ @@ -107,6 +115,7 @@ button { animation-duration: 1s; opacity: 1; margin-left: 2px; + font-size: 1em; } .sheet-shiptype[value="shipnotes"] ~ .sheet-shipnotes { @@ -207,6 +216,11 @@ div.sheet-settings { margin: 2px 2px 2px -5px; } +.sheet-roll_toggle span, +.sheet-mod_toggle span { + font-size: 1.2em; +} + input[type="text"] { height: 28px !important; } @@ -214,7 +228,7 @@ input[type="text"] { /* Number boxes */ input[type="number"] { -moz-appearance: textfield; - width: 3.5em !important; + width: 2.7em !important; margin-bottom: 2px; height: 28px !important; } @@ -225,7 +239,7 @@ input[type="number"]:hover { /* General bold, border, margin & textarea styles */ .sheet-redbold { - color: #f26723; +/* color: #f26723;*/ font-weight: bold; border: #f26723 solid 1px; } @@ -235,8 +249,16 @@ input[type="number"]:hover { font-weight: bold; } +.sheet-white { + background-color: white; +} + +.sheet-noborder { + border: 0 !important; +} + .sheet-redborder { - border: #f26723 solid 2px !important; + border: #f26723 solid 1px !important; padding: 4px; } @@ -250,6 +272,11 @@ input[type="number"]:hover { .sheet-margin-left { margin-left: 10px; + font-size: 1.2em; +} + +.sheet-row-panel { + font-size: 1em; } .sheet-bold { @@ -276,7 +303,8 @@ input[type="number"]:hover { } .sheet-medium-text { - font-size: 1.5em; + font-size: 1.5em !important; + padding-top: 7px; } .sheet-header { @@ -284,6 +312,7 @@ input[type="number"]:hover { font-weight: bold; margin: 0px; padding: 0px; + font-size: 1.15em; } .sheet-mod { @@ -453,12 +482,14 @@ input[type="number"].sheet-weaponweight::-webkit-inner-spin-button { .sheet-weaponroll, .sheet-weaponspacer { width: 25px; + margin-bottom: 2px !important; } .sheet-weaponrollbutton { font-family: "Pictos"; color: #f26723; font-size: 0.8em; + margin-left: -1px; } .sheet-weaponspacer { @@ -530,7 +561,7 @@ textarea { border-left: none; border-right: none; margin: 0px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); @@ -608,7 +639,7 @@ button[type="roll"], button[type="action"] { cursor: pointer; background-image: none; background-color: rgba(255,255,255,0.9); - border: 1px solid #ccc; + border: 1px solid #f26723; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; @@ -651,7 +682,7 @@ button[type="roll"]:hover label, button[type="roll"]:hover input { margin: 0px; margin-top: 1px; padding: 0px; - font-size: 0.8em; + font-size: 1em; } span.button.sheet-button_header { @@ -768,13 +799,23 @@ input.sheet-rollselect[value="bane"] ~ .sheet-button:not(.sheet-roll_bane) { /* Sheet 2 colrow */ -.charsheet .sheet-2colrow .sheet-col { - width: calc(50% - 3px) !important; - margin-right: 2px !important; +.sheet-gear { +/* border: 1px solid #f26723 !important;*/ + display: grid; + width: 100% !important; + grid-template-columns: 1fr 1fr; + column-gap: 10px; + margin-bottom: 3px; + } -.charsheet .sheet-2colrow .sheet-col:last-child { - margin-right: 0 !important; +.sheet-gear_col { + border: 1px solid #f26723 !important; + padding: 3px; +} + +.sheet-gear_col span { + font-size: 1.1em; } /* Sheet-arrow */ @@ -782,6 +823,10 @@ input.sheet-arrow { float: left; } +div.sheet-body { + font-size: 1em; +} + div.sheet-body, span.sheet-body, div.sheet-laf-gridbody { @@ -1141,15 +1186,15 @@ input.sheet-power[type="checkbox"]:checked + span::before { .sheet-rolltemplate-alt-combat { color: #f26723 !important; - } +} .sheet-rolltemplate-alt-skill { color: green !important; - } +} .sheet-rolltemplate-alt-skill-general { color: DarkOliveGreen !important; - } +} .sheet-rolltemplate-alt-power { color: blue !important; @@ -1227,6 +1272,39 @@ input.sheet-tabstoggle[value="notes"] ~ .sheet-but-notes { text-shadow: none; } +/*.sheet-inventory {*/ +/* font-size: 1.1em;*/ +/*}*/ + +.sheet-vehicledetails { + font-size: 1.1em; +} + +.sheet-09-font { + font-size: 0.9em; +} + +.sheet-11-font { + font-size: 1.1em; +} + +.sheet-11-font span { + font-size: 1.1em; +} + +.sheet-vehicle-font2 { + font-size: 1em; +} + +.sheet-vehicle-font span { + font-size: 1.2em !important; +} + +.sheet-laf-ship-hardpoint.sheet-vehicle-font { + font-size: 0.8em; + background-color: inherit; +} + .sheet-vehiclenotes, .sheet-shipnotes { border: 0px !important; @@ -1330,16 +1408,24 @@ button.btn.repcontrol_edit::after { /* Passenger/Freight Calculator */ -.sheet-trade_content { - display: flex; +.sheet-passengers, +.sheet-freight, +.sheet-speculative, +.sheet-tradelog{ + font-size: 1.2em; } -.sheet-trade_content div:first-child { +.sheet-flex_button { + display: flex; + align-items: flex-end; +} + +.sheet-flex_button div:first-child { margin-right: 3px; width: 15%; } -.sheet-trade_content div:nth-child(2) { +.sheet-flex_button div:nth-child(2) { width: 85%; } @@ -1353,7 +1439,7 @@ button.btn.repcontrol_edit::after { .sheet-speculative-tradecodes { width: 100% !important; display: grid; - grid-template-columns: 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr; + grid-template-columns: 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr; } .sheet-speculative-tradecodes input, @@ -1361,6 +1447,10 @@ button.btn.repcontrol_edit::after { height: 20px; } +.sheet-speculative-subpanel.sheet-speculative-font { + font-size: 0.8em; +} + .sheet-speculative-subpanel div { margin-top: 5px; } @@ -1392,8 +1482,9 @@ div.sheet-speculativegoods h3 { div.sheet-speculativegoods-row-pg { display: grid; - grid-template-columns: 32px 210px 105px 85px 95px 70px 80px; + grid-template-columns: 0.25fr 1.75fr 1fr 1fr 1fr 1fr 1fr; column-gap: 5px; + font-size: 1.2em; } div.sheet-speculativegoods-row-pg h5:first-child, @@ -1402,7 +1493,7 @@ div.sheet-speculativegoods-row-pg span:first-child { } div.sheet-speculativegoods-row { display: grid; - grid-template-columns: 22px 190px 100px 75px 80px 70px 75px 75px 40px; + grid-template-columns: 0.25fr 1.75fr 1fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.5fr; column-gap: 5px; } div.sheet-speculativegoods-row input[type="number"] { @@ -1428,8 +1519,8 @@ div[data-groupname=repeating_speculative-freight-goods].repcontrol { #000 10px, #f26723 10px, #f26723 20px - ) 10; - padding: 5px; + ) 10; + padding: 5px; } .sheet-hazard-border-purchase { @@ -1440,8 +1531,8 @@ div[data-groupname=repeating_speculative-freight-goods].repcontrol { #000 10px, #f26723 10px, #f26723 20px - ) 10; - padding: 5px; + ) 10; + padding: 5px; } .sheet-hazard-border-sale { @@ -1452,8 +1543,8 @@ div[data-groupname=repeating_speculative-freight-goods].repcontrol { #000 10px, #f26723 10px, #f26723 20px - ) 10; - padding: 5px; + ) 10; + padding: 5px; } div.sheet-speculativestarport-row { @@ -1538,7 +1629,7 @@ span.sheet-vehiclecomponent { -webkit-box-sizing: border-box; } -sheet-vehicle h3 { +.sheet-vehicle h3 { margin-right: 5px; } @@ -1651,6 +1742,10 @@ sheet-vehicle h3 { width: 25px !important; } +.sheet-laf-5colrow13111 span:first-child { + margin-left: 3px !important; +} + .sheet-laf-4colrow1313 { grid-template-columns: 1fr 3fr 1fr 3fr; grid-template-rows: none; @@ -1662,6 +1757,10 @@ sheet-vehicle h3 { margin-top: 2px; } +.sheet-laf-4colrow1313 span { + font-size: 1.2em; +} + .sheet-laf-skillsummaryrow { grid-template-columns: 1px 1.5fr 1px 1.5fr 1px 1.5fr 1px 1.5fr 1px 1.9fr 1px 1.5fr 1px 2fr; grid-template-rows: none; @@ -1673,12 +1772,24 @@ sheet-vehicle h3 { margin-bottom: 3px; } +.sheet-laf-skillrow span { + font-size: 1.2em; +} + +.sheet-laf-skillrow .sheet-gridspan19 { + margin-top: 3px;; +} + .sheet-laf-otherskillrow { grid-template-columns: 0.5fr 2fr 2fr 2fr 0.75fr 1fr 1.2fr 1fr 1fr; grid-template-rows: none; margin-bottom: 3px; } +.sheet-laf-otherskillrow span { + font-size: 1.2em; +} + .sheet-laf-otherskillrow button { width: 25px; } @@ -1740,10 +1851,6 @@ sheet-vehicle h3 { margin-bottom: 3px; } -.sheet-laf-gearrow span { - margin-top: 5px; -} - .sheet-laf-finance { width: 300px; display: grid; @@ -1754,6 +1861,7 @@ sheet-vehicle h3 { .sheet-laf-finance span { display: block; width: 160px; + font-size: 1.2em; } .sheet-laf-finance input { @@ -1780,6 +1888,10 @@ sheet-vehicle h3 { height: 28px !important; } +.sheet-powers { + font-size: 1.0em; +} + .sheet-laf-psistr { grid-template-columns: 3fr 1fr 1fr 1fr; } @@ -1844,10 +1956,14 @@ sheet-vehicle h3 { } .sheet-laf-ship span { - /*margin-top: 5px;*/ font-size: 1.5em; } +.sheet-laf-ship input { + font-size: 1.5em !important; + padding-top: 5px; +} + .sheet-pl-neg { color: #f26723; } @@ -1861,6 +1977,13 @@ sheet-vehicle h3 { width: 80px !important; } +.sheet-animal { + font-size: 1.1em; +} +.sheet-shipdetails { + font-size: 0.9em; +} + .sheet-laf-animal { width: 75%; grid-template-columns: 1fr 1fr 1fr; @@ -1868,7 +1991,7 @@ sheet-vehicle h3 { .sheet-laf-animal-sub { width: 75%; - grid-template-columns: 0.25fr 1fr 0.25fr; + grid-template-columns: 0.1fr 1fr 0.25fr; } .sheet-laf-animal-weapon { @@ -1879,28 +2002,26 @@ sheet-vehicle h3 { width: 90px !important; } -.sheet-laf-animal-weapon span { - margin-top: 3px; -} - .sheet-laf-animal-init { width: 75%; 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; + font-size: 1.1em !important; } .sheet-laf-animal-detail { grid-template-columns: 3fr 1fr 0.25fr; } +.sheet-laf-animal-detail input { + margin-bottom: 3px; +} + .sheet-laf-animal-desc { grid-column: span 2; width: 98% !important; @@ -1910,6 +2031,10 @@ sheet-vehicle h3 { grid-column: 2 / 4; } +.sheet-laf-ship-hardpoint.sheet-speculative-font { + font-size: 1em; +} + .sheet-laf-vehicle-armor { width: 80%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; @@ -1920,8 +2045,12 @@ sheet-vehicle h3 { } .sheet-laf-vehicle-data { - /*width: 90% !important;*/ - grid-template-columns: 9fr 0.75fr 10.5fr 0.75fr; + grid-template-columns: 10fr 0.5fr 1.25fr 10fr 0.5fr; + font-size: 1.1em; +} + +.sheet-laf-vehicle-data input { + margin-right: 2px; } .sheet-laf-vehicle-sensors { @@ -1951,11 +2080,16 @@ sheet-vehicle h3 { .sheet-laf-vehicle-data input { width: 120px !important; margin-bottom: 2px; + padding-top: 6px; +} + +.sheet-laf-vehicle-data input[type="text"] { + font-size: 1em !important; } .sheet-laf-vehicle-armor span, .sheet-laf-vehicle-data span { - margin-top: 5px; + margin-top: 2px; } .sheet-laf-vehicle-weaponsrow { @@ -1964,34 +2098,40 @@ sheet-vehicle h3 { grid-auto-flow: column; } +/*.sheet-laf-vehicle-weaponsrow span {*/ +/* font-size: 1.2em;*/ +/*}*/ + .sheet-laf-ship-components { grid-template-columns: 2fr 3fr 1fr 1fr 0.35fr; - height: 30px !important; + margin-bottom: 2px; } .sheet-laf-ship-components-template { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "components components components crew" - "components components components runningcosts" - "components components components power" - "components components components xxx" - "components components components xxx" - "components components components xxx"; + "components components components runningcosts" + "components components components power" + "components components components xxx" + "components components components xxx" + "components components components xxx"; } .sheet-laf-ship-components-p { margin-right: 3px; grid-area: components; + font-size: 1em; } .sheet-laf-ship-components input { width: 100% !important; - margin-bottom: 2px; + margin-top: 2px; } .sheet-laf-ship-components span { width: 100%; + font-size: 1.1em; } .sheet-laf-ship-component-hider { @@ -2011,6 +2151,10 @@ input.sheet-laf-ship-component-hider { grid-column: 1 / 6; } +.sheet-laf-ship-component-rep .repcontrol { + height: 1.5em; +} + .sheet-laf-ship-component-rep2 { grid-column: 1 / 7; } @@ -2021,22 +2165,44 @@ input.sheet-laf-ship-component-hider { margin-bottom: 3px; } -.sheet-laf-ship-crew-p textarea { - height: 80px; -} +/*.sheet-laf-ship-crew-p textarea {*/ +/* height: 80px;*/ +/*}*/ +.sheet-laf-ship-power-p, .sheet-laf-ship-runningcosts-p { + display: grid; grid-area: runningcosts; + font-size: 0.9em; margin-bottom: 3px; } +.sheet-laf-ship-power-p h4, +.sheet-laf-ship-runningcosts-p h4 { + margin-bottom: 15px; + font-size: 1em !important; +} + +.sheet-laf-ship-power-p span, +.sheet-laf-ship-runningcosts-p span { + font-size: 1.4em; +} + .sheet-laf-ship-power-p { + display: grid; grid-area: power; + font-size: 0.9em; } .sheet-laf-ship-power-p input, .sheet-laf-ship-runningcosts-p input { width: 100px !important; + margin-bottom: 10px; + font-size: 1em !important; +} + +.sheet-laf-ship-power-p input[type="number"] { + font-size: 1.2em !important; } .sheet-laf-ship-power-p h5, @@ -2079,13 +2245,13 @@ input.sheet-laf-ship-component-hider { .sheet-laf-ship-hardpoint { column-gap: 9px; margin-top: 3px !important; - background-color: #ededed; + background-color: lightgray; grid-template-columns: 0.25fr 2.2fr 1fr 1fr 1.5fr 1fr 0.5fr 0.5fr 1.5fr 0.25fr; } .sheet-laf-ship-hardpoint-px { column-gap: 9px; - grid-template-columns: 120px 120px 3em 3em 50px 70px 3em 120px 3em 25px; + grid-template-columns: 120px 120px 3em 3em 50px 70px 4em 120px 3em 25px; } .sheet-laf-ship-hardpoint input, @@ -2097,6 +2263,12 @@ input.sheet-laf-ship-component-hider { .sheet-laf-ship-hardpoint span { margin-top: 3px !important; font-weight: bold; + font-size: 1.2em; +} + +.sheet-laf-ship-hardpoint-px h4, +.sheet-laf-ship-hardpoint h4 { + font-size: 1.5em !important; } .sheet-laf-ship-hardpoint div { @@ -2145,7 +2317,7 @@ input.sheet-laf-ship-component-hider { .sheet-checkbox-option { margin-left: 3px; font-weight: bold; - font-size: 0.8em; + font-size: 1.2em; } .sheet-freight-cargotype { @@ -2248,14 +2420,17 @@ input.sheet-laf-ship-component-hider { } .sheet-power-detail { + display: grid; + width: 100%; + grid-template-columns: 2fr 1fr 1fr; } -.sheet-power-detail input:first-child { - width: 45% !important; -} +/*.sheet-power-detail input:first-child {*/ +/* width: 40% !important;*/ +/*}*/ -.sheet-power-detail input:nth-child(3) { - width: 36% !important; +.sheet-power-detail span:nth-child(2) { + text-align: right; } .sheet-wide-button { @@ -2289,7 +2464,7 @@ input.sheet-laf-ship-component-hider { .sheet-npc-movement { display: grid; width: 50%; - grid-template-columns: 0.5fr 1fr 1fr; + grid-template-columns: 0.5fr 0fr 1fr 1fr; } .sheet-laf-vehicle-mount { @@ -2325,7 +2500,7 @@ input.sheet-laf-ship-component-hider { } .sheet-wounds { -margin-top: 5px; + margin-top: 5px; margin-left: auto; margin-right: auto; display: flex; @@ -2334,22 +2509,27 @@ margin-top: 5px; .sheet-wounds span { margin-top: 3px; + font-size: 1.2em; } input.sheet-wounding-boolean:not([value='1']) ~ div .sheet-wounds { - display: none; + display: none; +} + +input.sheet-currentdamage-boolean:not([value='1']) ~ div .sheet-currentdamage { + display: none; +} + +input.sheet-currentdamage-boolean[value='1'] ~ div .sheet-offsetdamage { + display: none; } input.sheet-npc-powers-boolean:not([value='1']) ~ div .sheet-npc-powers { - display: none; -} - -input.sheet-legacy-freight-boolean:not([value='1']) ~ div .sheet-legacy-freight { - display: none; + display: none; } input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrade { - display: none; + display: none; } .sheet-laf-logo { @@ -2368,7 +2548,7 @@ input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrad margin-bottom: 3px; background-repeat: no-repeat; background-size: 100% 100%; - background-image: url("https://static.wixstatic.com/media/6777d4_95c4c2dd7469482a8711b0e9f113ef9a~mv2.png"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mongoose%20Traveller%202e%20Official/OrangeDivider.png"); } .tab-pane .sheet-laf-orangeflash { @@ -2376,6 +2556,40 @@ input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrad } /* Corner border */ +/*.charsheet {*/ +/* position: relative;*/ +/* background-color: #ededed;*/ +/* border: 2px solid #f26723;*/ +/*}*/ + +.charsheet:before { + position: absolute; + right: -1px; + top: -1px; + content: ''; + border-top: 20px solid #f26723; + border-left: 30px solid transparent; +} + +.charsheet:after { + position: absolute; + right: -2px; + top: -2px; + content: ''; + border-top: 20px solid #ffffff; + border-left: 30px solid transparent; +} + +body.sheet-darkmode .charsheet:after { + position: absolute; + right: -2px; + top: -2px; + content: ''; + border-top: 20px solid #000000; + border-left: 30px solid transparent; +} + +.charsheet, .sheet-laf-border-corner { position: relative; background-color: #ededed; @@ -2412,12 +2626,12 @@ input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrad M O B I L E C S S ----------------------------------------------------------------*/ @media only screen and (pointer: coarse) { - /* css that only affects sheet on mobile. Play around with "max-width" vaule, might differ between phones */ +/* css that only affects sheet on mobile. Play around with "max-width" vaule, might differ between phones */ .sheet-laf-characteristics { margin-left: auto; margin-right: auto; width: 98%; - display: grid;x + display: grid; grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr; grid-template-rows: auto; column-gap: 10px; diff --git a/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.html b/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.html index cdf82f75d1..3b7446a306 100644 --- a/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.html +++ b/Mongoose Traveller 2e Official/Official Mongoose Publishing Traveller 2nd Edition.html @@ -9,29 +9,31 @@ - +