3 ms·
I came up with some CSS to remove the fixed header at the top and increase the information density on the page, permanently applied using the Stylish browser ad
by e15ctr0n 9y ago
I came up with some CSS to remove the fixed header at the top and increase the information density on the page, permanently applied using the Stylish browser add-on:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("https://news.google.com/news/?ned=us&hl=en") {
div.pGxpHc { display: none;}
div#yDmH0d c-wiz.jB7svb {margin: 0;}
.alVsqf .ME7ew .a5SXAc .CwaK9 {font-size: 0.8em; line-height: 1em;}
.lPV2Xe {padding: 0.5em; color: #3b78e7 !important;}
.ME7ew {padding: 0; color: #3b78e7 !important;}
.adH5zf {font: 500 0.7em/1em Roboto,RobotoDraft,Helvetica,Arial,sans-serif;}
.kWyHVd .hzdq5d {font-size: 1em; line-height: 1em; }
.MLSuAf, .OEt0Bd {margin-top: 0;}
.J3nBBd {font-size: 0.8em; line-height: 1em; border: medium none;}
.fkWPz {display: none; margin-bottom: 0.1em; margin-top: 0.5em; font-size: 0.75em; line-height: 1em; text-transform: none;}
.cZgiac .hzdq5d, .MLSuAf .hzdq5d {font-size: 0.9em; line-height: 1em;}
.X20oP {margin-right: 0.5em;min-width: 75px;max-width: 75px;}
.HzT8Gd {margin: 0 0 0.3em; display: flex;}
.PaqQNc {margin-bottom: 0; margin-top: 0;}
.JoEvud {line-height: 1em;}
.FOvasf {display: none; color: #757575; font-size: 0.8em;}
.C0oVfc {line-height: 1em;}
.O0WRkf {font-size: 1em;}
.jjs37b {display: none;}
.iYiEmb {margin: 0 0 0.5em; padding: 0 !important;}
}
- urethrafranklin 9y agoThe random class names lead me to believe that your CSS might break whenever Google News gets a new release, unfortunately.