/* ==UserStyle==
@name Google News, biger articles biger images, screen zoom 130%
@version 20220402.10.57
@namespace userstyles.world/user/oren64
@description Google News with bigger articles section with bigger images, make it pleasant and easier to read.
It is not universal, and you might need to change the values, to fit to screen better.
@author oren64
@license No License
==/UserStyle== */
@-moz-document domain("news.google.com") {
/* <<<<<To fix the left and right columns clashing change those values >>>>>>*/
/* mid card width */
.BL5WZb .Oc0wGc {
min-width: 780px;
}
.tsldL.RELBvb>.HKt8rc {
min-width: 780px;
}
/* right card padding */
.Xw9d0 {
padding-left: 80px;
}
/* right card width */
.BL5WZb.xP6mwf>.keNKEd,
.BL5WZb.xP6mwf .Oc0wGc>.keNKEd,
.BL5WZb.xP6mwf>.jM7erd>.keNKEd,
.BL5WZb.xP6mwf .Oc0wGc>.jM7erd>.keNKEd {
min-width: 260px;
}
/* ---------------------------------------------------------------------------- */
/*! covid card remove */
.dm7YTc .YtXOzd {
display: none;
}
/*! Mid card image size */
.NiLAwe .d7hoq {
position:absolute;
top:12px;
right:12px;
width:250px;
height:236px;
}
.AZtY5d.MbMxpc .tvs3Id {
max-width:250px;
max-height:236px;
margin:auto;
}
/*! Main title padding right from image and text size*/
.y6IFtc.nID9nc .Cc0Z5d,
.gAl5If:not(.p8W3Pb).nID9nc .Cc0Z5d {
padding-right:0;
margin-right: 270px;
}
.Cc0Z5d .ekueJc {
font-size:1.3rem;
}
/*! Sub artical text padding right from image */
.dIehj.xTewfe {
padding:0.75rem 0rem 0 2rem;
}
.dIehj {
margin-right:270px;
width:auto
}
/*! card min hight needed from bigger image */
.NiLAwe.nID9nc {
min-height:260px;
}
/*! left menu reduce width */
.SFOjKe-MV7yeb-QA0Szd {
width: 200px;
}
.j8klob {
margin-left: 80px;
}
/*! move mid and right cards to the left */
.eCItwe .FVeGwb.ARbOBb.bWfURe,
.rrkuMc .FVeGwb.ARbOBb.bWfURe,
.eCItwe .FVeGwb.CVnAc.bWfURe,
.rrkuMc .FVeGwb.CVnAc.bWfURe {
margin-left:200px;
}
/*gaps; */
.BL5WZb {
grid-gap:16px 16px;
}
/* padding screen */
.FVeGwb {
padding-top:16px;
padding-bottom:32px;
padding-left:16px;
padding-right:16px;
}
/* sport score, remove border and higher card */
.NiLAwe.yUlp0e .d7hoq {
top:105px;
}
.khbwm.vPiEpe {
border:none;
min-height:11rem;
}
.r6PAZd {
min-height:7rem;
height:100%
}
.Z77f8c {
border-bottom:0;
margin:0 16px;
}
/* more articals button moved to the left */
.pn1wK {
padding:0 600px 4px 16px;
}
/* youtube icon red*/
.N3ElHc {
opacity:.5;
color: red;
}
/* covid card remove border background-color (Dark mode)*/
.YtXOzd {
border: 0;
}
.dm7YTc .YtXOzd {
background-color: rgb(44, 47, 48);
}
/* artical remove border background-color (Dark mode)*/
.NiLAwe {
border: 0;
background-color: rgb(44, 47, 48);
}
/* weather remove border background-color (Dark mode)*/
.SXu5Cc {
border: 0;
background-color: rgb(44, 47, 48);
box-shadow: rgba(13, 13, 13, 0.5) 0px 1px 1px 1px;
}
/* extra buttons (Dark mode)*/
.dm7YTc .uUmIDd {
background-color: rgb(44, 47, 48);
background-image: none;
color: rgb(195, 190, 183);
}
/* mid cards shadow (Dark mode)*/
.NiLAwe {
box-shadow: rgba(13, 13, 13, 0.5) 0px 2px 2px 2px;
}
/* right cards shadow (Dark mode)*/
.YDRMcc {
box-shadow: rgba(13, 13, 13, 0.5) 0px 1px 1px 1px;
}
}