github.com/choria-io/go-choria@v0.28.1-0.20240416190746-b3bf9c7d5a45/docs/themes/hugo-theme-relearn/assets/css/format-print.css (about)

     1  @import "{{ printf "theme-%s%s.css" .themevariant.identifier .mod }}";
     2  @import "{{ printf "chroma-%s.css" .themevariant.chroma }}";
     3  
     4  #R-sidebar {
     5      display: none;
     6  }
     7  #R-body {
     8      margin-left: 0 !important;
     9      margin-right: 0 !important;
    10      min-width: 100% !important;
    11      max-width: 100% !important;
    12      width: 100% !important;
    13  }
    14  #R-body #navigation {
    15      display: none;
    16  }
    17  html{
    18      font-size: 8.763pt;
    19  }
    20  body {
    21      background-color: rgba( 255, 255, 255, 1 );
    22  }
    23  code.copy-to-clipboard-code {
    24      border-start-end-radius: 2px;
    25      border-end-end-radius: 2px;
    26      border-inline-end-width: 1px;
    27  }
    28  pre:not(.mermaid) {
    29      border: 1px solid rgba( 204, 204, 204, 1 );
    30  }
    31  #R-body #R-topbar{
    32      background-color: rgba( 255, 255, 255, 1 ); /* avoid background bleeding*/
    33      border-bottom: 1px solid rgba( 221, 221, 221, 1 );
    34      border-radius: 0;
    35      color: rgba( 119, 119, 119, 1 );
    36      padding-left: 0; /* for print, we want to align with the footer to ease the layout */
    37      padding-right: 0;
    38  }
    39  #R-body .topbar-button {
    40      /* we don't need the buttons while printing */
    41      /* we need !important to turn off JS topbar button handling setting element styles */
    42      display: none !important;
    43  }
    44  @media screen and (max-width: 47.999rem) {
    45      #R-body .topbar-breadcrumbs {
    46          visibility: visible;
    47      }
    48  }
    49  #R-body .copy-to-clipboard-button {
    50      display: none;
    51  }
    52  
    53  #R-body .svg-reset-button {
    54      display: none;
    55  }
    56  
    57  #R-body h1, #R-body h2, #R-body h3, #R-body .article-subheading, #R-body h4, #R-body h5, #R-body h6 {
    58      /* better contrast for colored elements */
    59      color: rgba( 0, 0, 0, 1 );
    60  }
    61  #R-body th, #R-body td,
    62  #R-body code, #R-body strong, #R-body b,
    63  #R-body li, #R-body dd, #R-body dt,
    64  #R-body p,
    65  #R-body a, #R-body button, #R-body .badge .badge-content {
    66      /* better contrast for colored elements */
    67      color: rgba( 0, 0, 0, 1 );
    68  }
    69  #R-body .anchor{
    70      display: none;
    71  }
    72  #R-body pre:not(.mermaid),
    73  #R-body code {
    74      background-color: rgba( 255, 255, 255, 1 );
    75      border-color: rgba( 221, 221, 221, 1 );
    76  }
    77  
    78  hr{
    79      border-bottom: 1px solid rgba( 221, 221, 221, 1 );
    80  }
    81  #R-body #R-body-inner {
    82      overflow: visible; /* turn off limitations for perfect scrollbar */
    83      /* reset paddings for chapters in screen */
    84      padding: 0 3.25rem 4rem 3.25rem;
    85  }
    86  
    87  #R-body #R-body-inner h1 {
    88      border-bottom: 1px solid rgba( 221, 221, 221, 1 );
    89      margin-bottom: 2rem;
    90      padding-bottom: .75rem;
    91  }
    92  #R-body-inner .chapter h3:first-of-type {
    93      margin-top: 2rem;
    94  }
    95  
    96  /* Children shortcode */
    97  .children p,
    98  .children-li p,
    99  .children-h2 p,
   100  .children-h3 p {
   101      font-size: 1rem;
   102  }
   103  
   104  .footline {
   105      /* in print mode show footer line to signal reader the end of document */
   106      border-top: 1px solid rgba( 221, 221, 221, 1 );
   107      color: rgba( 119, 119, 119, 1 );
   108      margin-top: 1.5rem;
   109      padding-top: .75rem;
   110  }
   111  
   112  h1 + .footline{
   113      /* if we have no content in the page we remove the footer as it is of no real value in print */
   114      display: none;
   115  }
   116  
   117  #R-body #R-body-inner .headline a,
   118  #R-body #R-body-inner .footline a,
   119  #R-body #R-body-inner .btn a {
   120      text-decoration: none;
   121  }
   122  #R-body #R-body-inner a {
   123      /* in print we want to distinguish links in our content from
   124      normal text even if printed black/white;
   125      don't use a.highlight in selector to also get links that are
   126      put as HTML into markdown */
   127      text-decoration-line: underline;
   128  }
   129  #R-topbar{
   130      /* the header is sticky which is not suitable for print; */
   131      position: inherit; /* IE11 doesn't know "initial" here */
   132  }
   133  #R-topbar > .topbar-wrapper {
   134      background-color: rgba( 255, 255, 255, 1 ); /* IE11 doesn't know "initial" here */
   135  }
   136  #R-body .topbar-sidebar-divider {
   137      border-width: 0;
   138  }
   139  .term-list {
   140      display: none;
   141  }
   142  mark.search {
   143      background: inherit;
   144      color: inherit;
   145  }
   146  .mermaid.zoom:hover {
   147      border-color: transparent;
   148  }
   149  div.box > .box-content {
   150      background-color: rgba( 255, 255, 255, 1 );
   151  }
   152  
   153  .btn,
   154  #R-body .tab-nav-button {
   155      color: rgba( 0, 0, 0, 1 );
   156  }
   157  #R-body .tab-nav-button.active {
   158      border-bottom-color: rgba( 255, 255, 255, 1 );
   159      color: rgba( 0, 0, 0, 1 );
   160  }
   161  #R-body .tab-nav-button.active > .tab-nav-text {
   162      background-color: rgba( 255, 255, 255, 1 );
   163  }
   164  #R-body .tab-content-text {
   165      background-color: rgba( 255, 255, 255, 1 ) ;
   166      color: rgba( 0, 0, 0, 1 );
   167  }
   168  
   169  article {
   170      break-before: page;
   171  }
   172  #R-body-inner > * > article:first-of-type {
   173      break-before: avoid;
   174  }