Last active
October 4, 2024 15:33
-
-
Save jsumners/0c9d7e599af0b3b8d5f0662ccf378f0a to your computer and use it in GitHub Desktop.
2024 ArsTechnica stylesheet
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Works with: | |
* + https://github.com/username0x0a/Tamperish | |
* + https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha | |
*/ | |
/* Right sidebar column */ | |
#main .grid + div { | |
display: none; | |
} | |
/* Main content column */ | |
#main .grid { | |
width: 80vw; | |
} | |
/* The articles in the main page list */ | |
#main .grid article { | |
max-height: 150px; | |
} | |
/* Images for each article in the main page list */ | |
#main .grid article img { | |
width: 150px; | |
height: 150px; | |
} | |
#main .grid article .min-w-full { | |
min-width: auto !important; | |
} | |
#main .grid article .min-h-full { | |
min-height: auto !important; | |
} | |
/* FRIGGIN HUGE header atop each article page */ | |
#main article header { | |
display: none; | |
} | |
/* Hide the sibling div of the main div that has the article text, aka the right sidebar */ | |
#main div:has(.post-content) + div { | |
display: none; | |
} | |
#main div:has(.post-content) { | |
/* border: 2px solid red;*/ | |
width: 80%; | |
margin-left: 10%; | |
} | |
#main article .post-content { | |
width: 60vw; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment