democracynow.org - DND by mab

/* ==UserStyle==
@name         DND
@version      20211107.22.37
@namespace    userstyles.world/user/mab
@description  DemocracyNow Dark
@author       mab
@license      MIT
==/UserStyle== */

@-moz-document domain("democracynow.org") {

:root {
  --dark-1:#101317;
  --dark-2:#15191e;
  --dark-3:#212831;
  --light-1:#888;
  --light-2:#999;
  --highlight-1:#c42126;
  --highlight-2:#01afef;
  --highlight-3:#fff; }

hr, .visible-lg {background:transparent;border:0;}
blockquote {border-left: 3px solid var(--dark-2);}
a, .donate_prompt {color:var(--light-2) !important}
a:hover, .page:hover a {color:var(--highlight-3) !important}

body, input, h2, h3, .primary_nav, .label, .details, .secondary_header, .past_events_header, .sectionHeader, .summary, .copy_text, .prompt, .child_list a, .more_info, .grey_description, .player_button, .page.current, #summary_toggle, #topics_nav .title, .headline_summary
{color:var(--light-1) !important;}

h3, h4, h5, label, input {color:var(--highlight-2) !important}

body, #content, #content_body, .dropdown_content, .donate_plea, .recent_shows_container, .donate_prompt, .daily_digest_widget .email, #daily_digest_modal_form .email, .player_button, .widget home_daily_digest input, .download_modal, #appeal a.button_dark
{background-color:var(--dark-3) !important;}

header, footer, input, select, textarea, #credit-card-number, #top_anchor, .button_dark, .button_dark:hover, .bullet, .headlines, .controls, .donate_banner, .calendar, .map_search, th, .more_info, .special_offer, .additional-donation, .dropdown_content, .next_story_summary, #donate_form .donation_type label, #donate_form .donate_now label, .page.current, .page.current:hover
{background:var(--dark-2) !important; border:0 !important;}

.page:hover, span.prev:hover, span.next:hover
{cursor:pointer; background-color:var(--light-1) !important;}

.summary.shortened::after{background: linear-gradient(to top, var(--dark-3) 0%, rgba(255,255,255,0) 100%) !important;}

#query{border-bottom:2px solid var(--dark-3) !important}

.button_blue:hover, #donate_form .donation_type input[type="radio"]:checked + label,
#donate_form .donate_now input[type="radio"]:checked + label
{background-color:var(--highlight-2) !important}

.pages_controller .page_content h1, .tagline, h1
{font-family: TiemposHeadline, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;}

#topics_nav ul li a:hover, .page_navigation ul li a:hover {color:var(--highlight-3) !important}
#topics_nav a, .title {color:var(--highlight-1) !important;}
#topics_nav::after {background: linear-gradient(to left, var(--dark-3) 0%, rgba(255,255,255,0) 100%);}
#topics_nav .title::after {background: linear-gradient(to right, var(--dark-3) 0%, rgba(255,255,255,0) 100%);}

.next_story_body h5 a, .next_story_body h5
{color:var(--dark-1) !important;}

.digest_container {color:var(--dark-3) !important;}

.plea{background-color:transparent !important; font-weight:bold; color:var(--highlight-1)}

.content::before, .calendar::before, .digest_container::before, #donate_form .additional-donation::before
{border-color: rgba(121,131,140,0.2) var(--dark-3) !important;}

.left span em {font-size:12px}

.left_cover, .right_cover, #right
{background:transparent !important; background-color:transparent !important}

input[type="checkbox"]
{appearance:none; position:relative; 	display:inline-block; margin:0 !important; padding:8px !important;font-size:3em}
input[type="checkbox"]:checked, input[type="radio"]:checked + label {background:var(--highlight-2) !important;color:var(--highlight-3) !important}
input[type="checkbox"]:checked:after
{position:absolute; top:-.33em; left:0; transform:rotate(125deg); 	content:'\00AC';}
input::placeholder, select {color:var(--light-1) !important;}

label, .news_item, footer, .explore_gift_catalog, .widget:first-of-type, .list_container ul, .widget, #topics_nav, li, .news_item, .alternate_contact, td, th, .show_preview, span.page, .right_side, .headline:not(:first-of-type), .story, #headlines_day, span.prev, span.next
{border:0 !important;}

footer input, #footer input, .additional-donation input
{background:var(--dark-1) !important; padding:15px;}

@media only screen and (max-width: 767px) {
#topics_nav .title {background:transparent !important}
}

}