CSS: Specialized Tables

specialized-tables.css

/* Specialized Tables */
/* Language Pronoun Tables */
      /* Language Tables Styling */
      .language-pronoun-table .cell {
        background-color: #f8f8f8;
        text-align: center;
        vertical-align: middle;
      }
 
      .language-pronoun-table .subheader2 {
        background-color:#e6e6e6;
        font-style:italic;
        font-weight:bold;
        text-align: center;
        vertical-align: middle;
       }
 
      .language-pronoun-table .header {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background: linear-gradient(135deg, #902424, #b03030);
      }
 
      html.dark-mode .language-pronoun-table .header {
        background: linear-gradient(135deg, #902424, #b03030);
        color: #fff;
      }
   
      html.dark-mode .language-pronoun-table .subheader2 {
        background-color: #2a2a2a;
        color: inherit;
      }
      html.dark-mode .language-pronoun-table .cell {
        background-color: #242424;
      }

/* Edition Table (11 Columns) */
      /* Page-specific vertical borders for 11-col Book Edition table */
      .edition-table td:nth-child(-n+10),
      .edition-table th:nth-child(-n+10) {
        border-right: 2px solid #a6a6a6 !important;
      }
    
      /* Dark mode page-specific vertical borders for Book Edition table */
      html.dark-mode .edition-table td:nth-child(-n+10),
      html.dark-mode .edition-table th:nth-child(-n+10) {
        border-right: 2px solid #4d4d4d !important;
      }
      /* Remove header scrollbars for specific columns */
      .edition-table thead th:nth-child(4), /* Cover Artist */
      .edition-table thead th:nth-child(5), /* Interior Artist */
      .edition-table thead th:nth-child(10) { /* Publication Date */
        overflow: hidden !important; /* Clips any excess */
        scrollbar-width: none; /* Firefox hide */
        -ms-overflow-style: none; /* IE/Edge hide */
      }
      .edition-table thead th:nth-child(4)::-webkit-scrollbar,
      .edition-table thead th:nth-child(5)::-webkit-scrollbar,
      .edition-table thead th:nth-child(10)::-webkit-scrollbar {
        display: none; /* Webkit (Chrome/Safari) hide */
      }
      /* Dark mode mirror */
      html.dark-mode .edition-table thead th:nth-child(4),
      html.dark-mode .edition-table thead th:nth-child(5),
      html.dark-mode .edition-table thead th:nth-child(10) {
        overflow: hidden !important;
      }
      html.dark-mode .edition-table thead th:nth-child(4)::-webkit-scrollbar,
      html.dark-mode .edition-table thead th:nth-child(5)::-webkit-scrollbar,
      html.dark-mode .edition-table thead th:nth-child(10)::-webkit-scrollbar {
        display: none;
      }

/* Audiobook Table */
      /* Remove header scrollbar for Publication Date column on the Audiobook table */
      .audiobook-table thead th:nth-child(6) {
        overflow: hidden !important; /* Clips excess */
        scrollbar-width: none; /* Firefox hide */
        -ms-overflow-style: none; /* IE/Edge hide */
      }
    
      .audiobook-table thead th:nth-child(6)::-webkit-scrollbar {
        display: none; /* Webkit (Chrome/Safari) hide */
      }
    
      /* Dark mode mirror */
      html.dark-mode .audiobook-table thead th:nth-child(6) {
        overflow: hidden !important;
      }
    
      html.dark-mode .audiobook-table thead th:nth-child(6)::-webkit-scrollbar {
        display: none;
      }

/* Translation Table (13 Columns) */
      /* Page-specific vertical borders for 13-col Book Edition table */
      .translation-table td:nth-child(-n+12),
      .translation-table th:nth-child(-n+12) {
        border-right: 2px solid #a6a6a6 !important;
      }
    
      /* Dark mode page-specific vertical borders for Book Edition table */
      html.dark-mode .translation-table td:nth-child(-n+12),
      html.dark-mode .translation-table th:nth-child(-n+12) {
        border-right: 2px solid #4d4d4d !important;
      }
      /* Remove header scrollbars for specific columns */
      .translation-table thead th:nth-child(6), /* Cover Artist */
      .translation-table thead th:nth-child(7), /* Interior Artist */
      .translation-table thead th:nth-child(12) { /* Publication Date */
        overflow: hidden !important; /* Clips any excess */
        scrollbar-width: none; /* Firefox hide */
        -ms-overflow-style: none; /* IE/Edge hide */
      }
      .translation-table thead th:nth-child(6)::-webkit-scrollbar,
      .translation-table thead th:nth-child(7)::-webkit-scrollbar,
      .translation-table thead th:nth-child(12)::-webkit-scrollbar {
        display: none; /* Webkit (Chrome/Safari) hide */
      }
      /* Dark mode mirror */
      html.dark-mode .translation-table thead th:nth-child(6),
      html.dark-mode .translation-table thead th:nth-child(7),
      html.dark-mode .translation-table thead th:nth-child(12) {
        overflow: hidden !important;
      }
      html.dark-mode .translation-table thead th:nth-child(6)::-webkit-scrollbar,
      html.dark-mode .translation-table thead th:nth-child(7)::-webkit-scrollbar,
      html.dark-mode .translation-table thead th:nth-child(12)::-webkit-scrollbar {
        display: none;
      }