Midnight Pearson by Sunny_Noob132

/* ==UserStyle==
@name           Darker Pearson
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    Dark mode for Bio Oly Website, easy on the eyes
@author         Sunny :D
==/UserStyle== */

:root {
   --bg-main: #101010;
   --bg-secondary: #252525;
   --color-text: #eee;
   --color-inactive: #999;
}

@-moz-document domain("mylabmastering.pearson.com"), domain("session.masteringbiology.com") {   
   img {
      border-radius: 10px;
   }
   
   .introBox table {
      color: var(--bg-main);
   }
   
   .school_img {
      filter: invert(1);
   }

   .helper-btn,
   #review img {
      display: none;
   }

   .back_to_courses {
      text-decoration: none;
      margin: 0;
   }

   .back_to_courses a,
   .back_to_courses a:hover {
      color: var(--color-text);
      font-size: 14px
   }

   .my_course {
      height: auto;
      padding-bottom: 15px;
      padding-top: 20px;
      min-height: 0;
      margin-left: 25px;
      border-bottom: 1px solid var(--color-inactive);
   }

   .ov-top-menu,
   .ov-footer {
      background-color: var(--bg-main);
      color: var(--color-inactive);
   }

   .navbar-light .navbar-brand,
   .navbar-light .navbar-brand:hover {
      color: var(--color-text);
      cursor: default;
   }

   .app-header .user-text,
   .app-header .sign-out,
   .app-header .help {
      color: var(--color-inactive)
   }

   .content-area,
   .ov_leftnav,
   #mainBodyContainer {
      background-color: var(--bg-main);
      color: var(--color-text);
      border: none;
   }

   .item-name {
      color: var(--color-text);
      border-radius: inherit;
   }

   .item-name:hover,
   .left-nav-item-select .item-name,
   .text.edible td {
      color: var(--bg-main);
      background-color: var(--color-text);
   }

   .list-announcements .oval,
   .cover {
      background-color: var(--bg-main);
   }
   
   .ranking .rank-area-container .rank-pre-text,
   .ranking .rank-area-container .rank-post-text,
   .ranking .rank-area-container .rank-zone-label-span {
      background-color: var(--bg-main);
      color: var(--color-text);
      box-shadow: none;
   }

   .title,
   a.assignmentDueDate,
   a.assignmentDueDate:hover,
   #item-nav h2,
   #item-nav h3,
   .section.part.foldy > .hd *,
   .pane .head,
   .answer > .responsesBox > .responses > h4.comment,
   .answer > .responsesBox > .responses > h5.comment,
   .answer > .responsesBox > .responses > h4.after, 
   .answer > .responsesBox > .responses > div.feedback,
   .answer > .responsesBox > .responses > div.followup,
   .answer > .responsesBox > .responses > h5.after,
   .edible,
   .option-label {
      color: var(--color-text);
   }

   .panel {
      background-color: var(--bg-main);
      color: var(--color-text);
   }

   a,
   .edible a,
   .list-announcements .assignment-status a,
   .dsm-link,
   .list-assignments > li a,
   .assignment-btn-row .text-right,
   .title-nav .title-header a,
   .title-nav .title-header a .fa,
   .resources a,
   .answer-button:not(.submit).enabled,
   .answer-button:not(.submit).enabled:hover,
   #handleFeedbackLink {
      color: #8ab4f8;
      background: none;
      text-decoration: none !important;
   }

   .collapsible-container--title--h3--a,
   .collapsible-container--title--h3--a:hover,
   .collapsible-container--title--h3--a:focus {
      background-color: #222222 !important;
      color: var(--color-text) !important;
      border: none !important;
   }

   .bar1,
   .bar2,
   .bar3,
   .bar4 {
      background-color: var(--color-text);
   }

   .navbar-light .navbar-nav .nav-link,
   .navbar-light .navbar-nav .nav-link:hover {
      color: var(--color-inactive);
   }

   .btn-default {
      border: none;
      border-radius: 7px;
      color: var(--color-inactive);
      background-color: #202020;
      transition: all .5s ease;
   }

   section.assignment-meta-info {
      background-color: #202020;
      border-radius: 10px;
      padding: 25px;
   }

   .btn-default .fa[class*=fa-] {
      transition: all .5s ease;
      color: var(--color-inactive);
   }

   .btn-default:hover .fa[class*=fa-] {
      color: var(--bg-secondary);
   }

   .btn-primary {
      transition: all .5s ease;
      color: var(--color-text);
      border: none;
      border-radius: 7px
   }

   .btn-primary:hover {
      background-color: var(--color-text);
      color: #047A9C;
   }

   #item-view-top-bar,
   #playersite {
      background-color: var(--bg-main);
      color: var(--color-text);
   }

   .nav span.nav-circle,
   .nav span.nav-circle.disabled {
      background-color: #202020;
      border: 1px solid #404040;
   }

   .nav span.nav-circle .fa {
      color: #c7c7c7;
   }

   .nav span.nav-circle.disabled .fa {
      color: #6a7070;
   }

   .nav span.nav-circle:not(.disabled):hover {
      border: 1px solid #404040;
      box-shadow: none;
   }

   #playersite:not(.print) .introBox:not(.hidden) {
      background-color: var(--bg-secondary);
      border-radius: 10px;
      padding: 20px;
      border: none;
   }

   .pane div.clickable {
      margin-bottom: 0;
   }

   .section.part.foldy.open > .hd,
   .section.part.foldy.closed > .hd,
   .sorting div.sort-bin-container .sort-bin .sort-bin-header-txt,
   tr[bgcolor="CADEEA"],
   .labeling .labels-layer {
      background-color: var(--bg-secondary);
   }

   .labeling .holding-area {
      fill: var(--bg-secondary);
      stroke: var(--bg-secondary);
      stroke-opacity: 1;
   }

   div.section.part.foldy.closed:last-child > .hd {
      border-bottom: none;
      margin-bottom: 25px;
   }

   .gridley div.section.part:first-child > .head {
      border-top: none;
      border-radius: 10px;
   }

   .answer .work {
      background-color: var(--bg-secondary);
      border: 1px solid #404040;
   }
   
   .vocab .word,
   .vocab .blank,
   .vocab .word.unreusable,
   .ranking li.rank-item,
   .rank-zone,
   .sorting li.sort-item,
   .sorting div.sort-bin-container .sort-bin.colored {
      background-color: var(--bg-secondary);
      border: 2px solid #404040;
      box-shadow: none;
   }

   input[type="radio" i] {
      appearance: none;
      width: 1em;
      height: 1em;
      border: 1px solid var(--color-text);
      border-radius: 50%;
      background-clip: content-box;
      padding: 5px;
      transition: all .3s ease;
   }

   input[type="radio"]:checked {
      background-color: var(--color-text);
      padding: 2px;
   }

   table.table-assignment > tbody > tr > td,
   .list-announcements li,
   .list-assignments > li {
      border-bottom: 1px solid var(--color-inactive);
   }

   td.option-input:focus-within {
      outline-style: none;
      outline-width: 0;
   }
   
   .answer > .responsesBox > .responses {
      background-color: var(--bg-secondary);
      border: 1px solid #404040;
      box-shadow: none;
      border-radius: 10px;
      padding-bottom: 20px;
   }
   
   .answer > .responsesBox > .responses .fa-check {
      color: #50C878;
   }
   
   #MathJax_Zoom,
   .vocab .sentence {
      background-color: var(--bg-secondary);
      border: none;
      border-radius: 10px;
      box-shadow: none;
   }

   .labeling .label-sr-span {
      background-color: var(--color-text);
      color: var(--bg-main);
      border-radius: 7px;
   }
   
   #playersite:not(.print) .section.transition {
      background-color: var(--bg-secondary);
      border-radius: 10px;
   }
   
   .labeling svg {
      border: none;
   }
}

@-moz-document domain("mediaplayer.pearsoncmg.com") {
   body {
      background-color: var(--bg-main);
   }
}

@-moz-document domain("www.nytimes.com") {
   #gateway-content {
      display: none;
   }
}