Dark CUM by jordy3d

/* ==UserStyle==
@name         Dark CUM
@version      20221124.12.15
@namespace    userstyles.world/user/jordy3d
@description  Canadian-United Media has a flawless website, but you know what would make it flawless-ier? 
Dark mode.
@author       jordy3d
@license      No License
==/UserStyle== */

@-moz-document domain("canadian-united.media"), regexp("(http).*(wordpress.com).*(canadian-united.media).*") {
/*Dark Theme*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fff0; }
::-webkit-scrollbar-thumb { background: #222; }
::-webkit-scrollbar-thumb:hover { background: #252525; }
::-webkit-scrollbar-corner { background: #0000; }

body, html,

body.custom-background, 
.wrapper
{
  background: var(--mainBG);
}

.mg-sidebar .mg-widget,
.mg-posts-sec-post,

.missed-inner,

.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a,

.mg-blog-post-box,

.mg-featured-slider,
.mg-card-box,

.mg-info-author-block
{
    background: var(--lift1);
}

.mg-head-detail,

.wp-block-search .wp-block-search__input,

.sd-button.share-icon,

#respond #comment-form-comment,

#infinite-footer .container
{
    background: var(--lift2) !important;
}

.mg-latest-news-sec,

.mg-head-detail .info-left li span.time
{
    background: var(--trans) !important;
}

.mg-latest-news
{
  background: #0000;
}

body, a, input, li, p, span,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,

.title a,

.mg-blog-date,
.mg-blog-post-box .small
{
  color: var(--mainTxt) !important;
}

.mg-latest-news .mg-latest-news-slider a span
{
  color: white;
  
  background: red;
  padding: 0px 10px;
  
  display: inline-block;
  border-radius: 15px !important;
  
  transition: background 200ms;
}

.mg-latest-news .mg-latest-news-slider a span:hover
{
  background: none;
}


clearImage 
{
    filter: invert(1) hue-rotate(180deg) saturate(2) brightness(.8);
    mix-blend-mode: color-dodge;
}


input,
div, article
{
  border: none !important;
}



.mg-info-author-block .mg-author-pic img
{
  border-radius: 13%;
}


:root
{
  --mainBG: #3d3d3f;
  --lift1: #363639;
  --lift2: #2e2e2f;
  --trans: #12121354;
  
  --mainTxt: #ccc;
}
}

@-moz-document domain("canadian-united.media") {
/*Tweaks*/
.mg-latest-news .mg-latest-news-slider
{
  left: 150px;
}

.mg-latest-news .bn_title h2
{
  background: red !important;
  z-index: 10000;
}

.mg-latest-news .bn_title span
{  
/*   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
  
  border-color: transparent transparent transparent #ff0000;
  
/*   right: -40px; */
/*   padding-right: 10px; */

  
/*   filter: drop-shadow(0px 0px 5px #2f2f30) drop-shadow(0px 0px 5px #2f2f30) drop-shadow(0px 0px 5px #2f2f30); */
}

.mg-latest-news .bn_title span::after
{
  content: '';
  
  display: block;
  
  width: 120px;
  height: 40px;
  position: absolute;
  
  top: -40px;
  left: -40px;
  
  z-index: -1;
  
  background: linear-gradient(to left, #0000, #2f2f30);
}


}

@-moz-document regexp("(http).*(widgets.wp.com).*(canadian-united.media).*") {
span
{
  color: var(--mainTxt) !important;
}



}