just for me
desktop by vwlam
Details
Authorvwlam
LicenseNo License
Categoryuserstyles
Created
Updated
Size53 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name RFA
@version 20230710.15.05
@namespace userstyles.world/user/vwlam
@description just for me
@author vwlam
@license No License
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,700;0,900;1,700;1,900&family=Nunito:wght@200;300&display=swap');
:root {
/*fonts*/
--headline-font: 'Chivo', sans-serif;
--text-font: 'Nunito', sans-serif;
/*defining headlines*/
--h1: 2.44em/1.14em 'Chivo';
--h2: 1.94em/1.43em 'Chivo';
--h3: 1.34em/1.79em 'Chivo';
--h4: 1.28em/1.09em 'Chivo';
--small: 300 0.752/1.3em 'Chivo';
/*colors*/
--green: #35837f;
--bright-green: #25c196;
--bcg-black: #171414;
--black-black: #222224;
--white: #f4f5f9;
/*widths*/
--wide: 1720px;
/* borders */
--border: 0.2px solid #d5d5d569;
--border-lite: .1px solid #ffffff21
}
/* define font auto calc line height*/
html {
font: 18px/1.3 var(--text-font);
}
body {
background-color: var(--bcg-black) !important;
font: 18px/1.3 var(--text-font);
}
p,
li,
h1,
#headerimg,
h2 {
line-height: inherit !important;
}
h1,
h2,
h3,
h4,
h5,
.promoTitle.firstSidePromo,
.promoTitle,
.bigger_lead_top .service_widetop_two_featured .two_featured h2 {
font-family: var(--headline-font);
font-weight: 900 !important;
letter-spacing: .5px;
line-height: 1.15 !important;
}
.most_read_only ul,
p,
newRFAbelow {
font-family: var(--text-font);
}
.single_column_teaser p,
.podcasticons,
.podbyline h5,
.rfa_english_only.hamburger_name,
#frontcontent #about_topstory h2 {
display: none;
}
/*stop blinding my eyes*/
#pagewidth,
#header,
#portal-top,
.other_stories_three,
#portal-footer-wrapper,
#header .header_top,
.mosaic-grid-row.newRFAbelow.bigger_lead_top.promo_slider_mobile,
.newRFAbelow {
background-color: inherit;
}
body,
h2,
h2 a,
h3,
h4,
a,
p,
.sectiontitle,
.mosaic-tile-content p a,
.most_read_only a,
#footerlinks a,
.rfa_copyright,
div.nav-title a,
ul.nav-items a,
#zoomattribute,
.zoomattribute,
#storycontent h1,
.lead_image_caption,
#storytext figure,
#text,
strong,
.audiojs .time em {
color: var(--white) !important;
}
a:hover {
color: var(--bright-green) !important;
}
p {
margin: 0;
}
/*fix layout*/
#abovefold {
max-width: 100vw;
padding-top: 0;
padding-bottom: 5em;
margin: 0 auto;
top: 132px;
}
.mosaic-grid-row.small_lead_top.small_display {
display: flex;
flex-flow: column wrap;
height: auto;
max-height: calc(100vh + 132px);
justify-content: space-between;
align-content: center;
width: 100%;
max-width: var(--wide);
padding: 0;
margin: auto;
}
.small_lead_top #topstorywidefull {
margin: 0;
padding: 0;
border: none;
}
.mosaic-width-half {
float: none;
width: calc(45% + 100px);
flex-shrink: 1;
flex-wrap: wrap;
position: relative;
display: inline-flex;
padding: 0 50px;
}
.mosaic-width-quarter {
float: none;
padding: 0;
width: calc(15% + 100px);
display: inline-flex;
flex-direction: column;
flex: 1;
}
.small_lead_top .small_display_four {
position: relative;
}
.mosaic-width-full {
float: none;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
margin: 50px;
width: 100%;
max-width: var(--wide);
}
.small_lead_top .service_widetop_two_featured .two_featured:first-child,
.bigger_lead_top .service_widetop_two_featured .two_featured:first-child {
border-bottom: var(--border);
padding: 50px 0;
margin: 0;
}
.small_lead_top .service_widetop_two_featured .two_featured {
padding: 50px 0;
}
.mosaic-grid-row,
.small_lead_top .mosaic-width-quarter #more_news_single_column {
margin: 0;
}
.other_stories_three .middle_others .middle_column_noteaser:first-child {
padding-bottom: 25px;
padding-top: 25px;
}
.other_stories_three .middle_others .middle_column_noteaser {
padding: 25px 0;
margin: 0;
}
.bigger_lead_top #more_news_single_column {
display: inline-flex;
flex-direction: row;
margin: 0;
position: relative;
justify-content: space-between;
border-top: none;
}
.bigger_lead_top .single_column_teaser {
width: 20%;
}
.mosaic-grid-cell.mosaic-position-third.mosaic-width-half.small_display_three {
padding: 0 50px;
}
.other_stories_three .single_column_teaser.below_other_stories .single_column_teaser {
padding: 50px 0;
}
/*fix layout for bottom stories*/
.mosaic-grid-row.halfbelow.small_lead_top {
max-width: var(--wide);
margin: 0 auto;
}
.small_lead_top .single_column_teaser {
padding: 30px 0;
margin: 0;
}
.other_stories_three {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single_column_teaser.below_other_stories {
padding: 0;
}
.mosaic-grid-row.halfbelow.bigger_lead_top {
justify-content: space-between;
}
.other_stories_three .below_other_stories.big_other {
margin: 0;
padding: 50px 0;
border-top: var(--border);
border-bottom: var(--border);
flex-shrink: 0;
width: 100%;
}
.below_other_stories p {
-webkit-line-clamp: 10;
}
.small_others .small_column_noteaser:last-child,
.small_lead_top .single_column_teaser {
border-top: var(--border);
}
.small_lead_top .single_column_teaser:first-child {
border: none;
}
.other_stories_three .middle_others .middle_column_noteaser,
.other_stories_three .middle_others .middle_column_noteaser:last-child,
.other_stories_three .middle_others .middle_other_stories {
border-bottom: var(--border);
}
.bigger_lead_top .single_column_teaser {
float: none;
padding: 0;
margin: 0;
}
.halfbelow.bigger_lead_top .other_stories_three .single_column_teaser.below_other_stories #more_news_single_column {
padding-bottom: 50px;
margin: 0;
width: 100%;
flex-shrink: 0;
}
.small_others .small_column_noteaser {
padding: 50px 0;
margin: 0;
}
.small_others .small_column_noteaser:last-child {
padding-top: 50px;
margin: 0;
float: none;
}
.mosaic-grid-cell.mosaic-width-three-quarters.mosaic-position-leftmost {
padding: 0 50px;
}
.bigger_lead_top #topstorywidefull {
margin-left: 0;
padding: 0;
}
.single_column_noteaser.below_other_stories {
float: none;
margin: 0;
}
.other_stories_three .middle_others {
margin: 0;
padding-top: 50px;
float: none;
}
.other_stories_three .middle_others .middle_other_stories {
padding-bottom: 50px;
}
/*bottom sidebar*/
.mosaic-width-quarter.newRFAbelow {
padding: 0;
}
.mosaic-width-quarter.newRFAbelow .promoTitle {
position: absolute;
}
p.promo {
margin-bottom: 25px;
}
#frontchannel {
padding: 0;
margin: 25px 0;
}
#frontchannel .promoTitle {
margin-top: -25px;
}
#most_read_only .promoTitle h2 {
margin: 0 !important;
}
.most_read_img img {
object-fit: cover;
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
}
.most_read_only.first_most_bold li:first-child a {
font-weight: 700;
}
.mosaic-width-quarter.newRFAbelow .image-richtext.image-inline {
margin-top: 25px;
filter: invert(90%) brightness(150%) grayscale(100%);
}
/*headlines*/
.bigger_lead_top .service_widetop_two_featured .two_featured h2 {
text-overflow: initial;
display: block;
overflow: initial;
}
.bigger_lead_top .service_widetop_two_featured .two_featured p {
display: none;
}
.sectiontitle,
.promoTitle.firstSidePromo,
.promoTitle,
#most_read_only .promoTitle h2 {
background-color: var(--green);
opacity: 100%;
width: max-content;
padding: 4px 8px;
letter-spacing: 1.5px;
font-size-adjust: .5;
border-radius: 5px 1px 5px 1px;
margin-bottom: 8px;
font-size: 14px !important;
text-transform: uppercase;
}
.promoTitle.firstSidePromo {
position: absolute;
top: 20px;
z-index: 30;
}
#topstorywidefulltease {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 50px 0 0 0;
height: 100%;
width: 100%;
max-width: 770px;
overflow: hidden;
}
.slick-slider {
max-width: 100%;
}
.slick-dots {
display: none !important;
}
.slick-next::before {
content: ''
}
.slick-prev::before {
content: ''
}
.slick-arrow {
padding: 1rem;
/* Arrow size */
box-shadow: 1px -1px 0 1px #e0e0e0 inset;
-webkit-box-shadow: 2px -2px #e0e0e0 inset;
border: solid transparent;
border-width: 0 0 .5rem .5rem;
transition: 0.2s;
}
.slick-arrow:hover {
box-shadow: 2px -2px 0 2px #6e6e6e inset;
-webkit-box-shadow: 4px -4px #6e6e6e inset;
}
.slick-next {
transform: rotate(225deg)
}
.slick-prev {
transform: rotate(45deg)
}
button {
text-shadow: none;
}
button:hover {
border-color: transparent;
}
#topstorywidefulltease a {
order: 1;
width: 100%;
height: 100%;
}
#topstorywidefulltease h2 {
order: 2;
}
#topstorywidefulltease p {
order: 3;
}
#topstorywidefull #topstorywidefulltease a img {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.service_widetop_two_featured .two_featured img,
.mosaic-tile img {
border-radius: 1%;
object-fit: cover;
aspect-ratio: 3 / 2;
margin-bottom: .5em;
}
.service_widetop_two_featured .two_featured img {
object-fit: cover;
padding: 0;
aspect-ratio: 16 / 9;
}
.small_lead_top .service_widetop_two_featured,
.bigger_lead_top .service_widetop_two_featured,
.bigger_lead_top .service_w...