ktdash.app - printable by forivall

/* ==UserStyle==
@name           ktdash.app - printable
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Quick and dirty to print faction pages
@author         Emily M Klassen <github.com/forivall>
==/UserStyle== */

@-moz-document domain("ktdash.app") {
  body {
    color: black;
    background-color: white;
  }
  body[style] {
    background-image: none !important;
    background-color: white !important;
  }
  .dark:not(nav), .dropdown-menu-dark {
    background-color: white;
    color: black;
  }
  .darkcard {
    background-color: transparent;
    border-color: black;
  }
  .orange {
    background-color: #dd7d0040;
  }
  @media print {
    @page {
      @top {
        content: element(pageHeader);
      }
    }
    nav ~ h1 {
      position: running(pageHeader);
    }
    nav, .nav,
    nav ~ h1 + .row.container-fluid.p-0.m-0 > [style*="background-image"] {
      display: none;
    }
    nav ~ h1 + .row.container-fluid.p-0.m-0 > div {
      width: unset;
      padding: 0;
    }
    .tab-content>.tab-pane:not(#rosters) {
      display: block;
    }
    
    .tab-content>.tab-pane {
      break-after: page;
    }
    .col-12.col-md-6.col-xl-4 {
      flex-basis: 4in;
    }
    .col-12.col-md-6.col-xl-4,
    .col-12.col-lg-6.col-xl-4 {
      break-inside: avoid;
    }
    [ng-repeat^="fireteam in "]:not(:first-child) {
      break-inside: avoid;
    }
    
    .h-100 {
      height: unset !important;
    }
    #tacops .row, .card-group {
      justify-content: space-between;
    }
    #eqs .row {
      justify-content: stretch;
    }
    #eqs .col-12.col-lg-6.col-xl-4 {
      flex-basis: 3.8in;
      flex-grow: 1;
    }
    #ops .col-12.col-md-6.col-xl-4 {
      width: unset;
    }
    #eqs::before, #tacops::before, #rosters::before {
      display: block;

      margin-top: 0;
      margin-bottom: 0.5rem;
      font-weight: 500;
      line-height: 1.2;

      font-family: Anton;
      text-transform: uppercase;

      font-size: 1.75rem;
    }

    #eqs::before {
      padding-left: 12px;
      content: 'Equipment';
    }
    #rosters::before {
      padding-left: 4px;
      content: 'Rosters';
    }
    #tacops::before {
      content: 'Tactical Ops';
    }
  }
  
  a, a:link, a:visited, a:hover, a:active, .dropdown-menu-dark a, .dropdown-menu-dark a:link, .dropdown-menu-dark a:visited, .dropdown-menu-dark a:hover, .dropdown-menu-dark a:active {
    color: #dd7d00;
  }
  
  .dropdown-menu-dark .dropdown-item {
    color: black;
  }
  .dropdown-menu-dark .dropdown-item:hover {
    color: darkgray;
  }
}