Makes the map much larger and increases the contrast on important text. Removes some text lines that are not necessary for general use. Fixes overflow.
PetrolSpy - more usable map by thennothinghappened
Details
Authorthennothinghappened
LicenseMIT
Categorypetrolspy.com.au
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name PetrolSpy more usable map
@version 20240912.08.05
@namespace ?
==/UserStyle== */
@-moz-document domain("petrolspy.com.au") {
html, body, main {
margin: 0;
padding: 0;
}
main {
display: flex;
flex-direction: row-reverse;
overflow: hidden;
> #content-background {
position: static;
height: 100vh;
max-width: 384px;
user-select: auto;
> #content {
::selection {
background-color: #adadffc2;
}
#petrolspy-logo {
height: 96px;
}
#social-logo-container {
display: none;
}
#logo-right {
> h1, h2 {
padding: 0;
}
}
#store-links {
display: flex;
flex-direction: row;
justify-content: center;
column-gap: 1vw;
> a > img {
max-width: 100%;
height: auto;
}
}
> #content-container > section {
> section:first-child > ul {
padding: 0;
> :first-child {
list-style-type: none;
}
> :nth-last-child(-n + 3) {
display: none;
}
}
& a[href] {
font-weight: bold;
color: #a6fcff;
}
}
& #find-locations {
display: none;
}
& #dynamic-content2 > article {
& table {
border-collapse: collapse;
}
& td {
padding: 4px;
border: 2px solid #88c8dc;
}
& #main-station-list-table {
line-height: 1.3em !important;
}
> h3 {
font-weight: normal;
}
}
}
}
> section:has(#spy-container) {
display: block;
flex-grow: 1;
> #spy-container {
position: static;
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
height: 100%;
> #map-page {
position: static;
width: 100%;
height: 100%;
> .navigation-bar {
position: static;
}
> #map-canvas {
position: static;
width: 100%;
height: auto;
}
}
}
}
}
}