/* CBT Tape Site - Shared Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; } .container { display: flex; min-height: 100vh; } /* Sticky Navigation Sidebar */ .sidebar { width: 180px; flex-shrink: 0; background-color: #f5f5f5; border-right: 1px solid #ddd; position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 15px; } .sidebar-logo { text-align: center; margin-bottom: 15px; } .sidebar-logo img { max-width: 88px; height: auto; } .sidebar h3 { font-size: 14px; margin: 15px 0 8px 0; color: #000; } .sidebar a { display: block; color: #0066cc; text-decoration: none; font-size: 13px; padding: 3px 0; } .sidebar a:hover { text-decoration: underline; color: #004499; } /* Main Content Area */ .main-content { flex: 1; padding: 30px 40px; max-width: 900px; } .main-content h1 { text-align: center; font-size: 28px; margin-bottom: 30px; color: #000; } .main-content p { font-size: 18px; margin-bottom: 20px; } .main-content a { color: #0066cc; } .main-content a:hover { text-decoration: underline; } .highlight { color: #ff0000; font-weight: bold; } code { background-color: #f0f0f0; padding: 2px 6px; font-family: "Courier New", Courier, monospace; } .note-box { background-color: #f9f9f9; border: 1px solid #ddd; padding: 15px; margin: 20px 0; font-size: 16px; } /* Footer */ .footer { text-align: center; padding: 20px; font-size: 12px; color: #666; border-top: 1px solid #ddd; margin-top: 40px; } /* Updated date line */ .updated { text-align: center; font-style: italic; color: #666; margin-top: -20px; margin-bottom: 30px; } /* Download tables */ .download-table { width: 100%; border-collapse: collapse; margin: 20px 0; } .download-table td { padding: 15px; border-bottom: 1px solid #eee; vertical-align: top; } .download-table a { font-size: 18px; } .file-description { font-size: 14px; color: #555; margin: 10px 0; } /* SHARE section */ .share-section { display: flex; align-items: center; gap: 20px; margin: 30px 0; padding: 20px; background-color: #f9f9f9; border: 1px solid #ddd; } .share-section img { flex-shrink: 0; } /* Email quote blockquote */ .email-quote { background-color: #f5f5f5; border-left: 4px solid #ccc; padding: 20px; margin: 20px 0; font-size: 14px; } .email-quote .quoted { color: #666; font-family: "Courier New", Courier, monospace; white-space: pre-wrap; } .email-quote .signature { margin-top: 20px; padding-top: 15px; border-top: 1px solid #ddd; font-size: 13px; color: #555; } /* Section headings */ .main-content h2 { font-size: 22px; margin: 30px 0 15px 0; color: #000; } /* Links list (for links.htm) */ .links-list { list-style-type: none; padding: 0; margin: 0; } .links-list li { border-bottom: 1px solid #eee; padding: 20px 0; } .links-list li:last-child { border-bottom: none; } .links-list a { font-weight: bold; font-size: 18px; display: block; margin-bottom: 5px; } .links-list p { margin: 5px 0 0; color: #666; font-size: 14px; } .tag { display: inline-block; background-color: #e1eef7; color: #006699; padding: 2px 8px; border-radius: 4px; font-size: 12px; margin-bottom: 8px; } /* FAQ list (for cbtfaq.htm) */ .faq-list { margin: 0; padding: 0; } .faq-item { border-bottom: 1px solid #eee; padding: 20px 0; } .faq-item:last-child { border-bottom: none; } .faq-item .question { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px; } .faq-item .answer { font-size: 16px; color: #333; margin-bottom: 10px; } .faq-item img { max-width: 100%; height: auto; margin: 10px 0; } /* JCL code blocks */ pre.jcl { background-color: #f5f5f5; border: 1px solid #ddd; padding: 15px; font-family: "Courier New", Courier, monospace; font-size: 13px; overflow-x: auto; line-height: 1.4; } /* Memorial text (for obituary.htm) */ pre.memorial { background-color: #fafafa; border: none; padding: 20px; font-family: "Courier New", Courier, monospace; font-size: 14px; line-height: 1.6; white-space: pre-wrap; word-wrap: break-word; } /* Fun list (for fun.htm) */ .fun-list { list-style: none; padding: 0; margin: 0; } .fun-list li { padding: 15px 0; border-bottom: 1px solid #eee; } .fun-list li:last-child { border-bottom: none; } .fun-list a { font-size: 18px; font-weight: bold; display: inline-flex; align-items: center; gap: 10px; } .fun-list a img { flex-shrink: 0; } .fun-list .format { font-size: 14px; color: #666; font-weight: normal; margin-left: 10px; } .fun-list .description { font-size: 14px; color: #555; margin: 10px 0 0 50px; font-style: italic; line-height: 1.5; } /* Features list (for features.htm) */ .features-list { list-style: none; padding: 0; margin: 0; } .features-list li { padding: 20px 0; border-bottom: 1px solid #eee; } .features-list li:last-child { border-bottom: none; } .features-list a { font-size: 20px; font-weight: bold; } .features-list .date { font-size: 14px; color: #666; font-weight: normal; margin-left: 10px; } .features-list .format { font-size: 14px; color: #666; font-weight: normal; display: block; margin-top: 5px; } /* Book info (for samson.htm) */ .book-info { margin: 20px 0; } .book-info h2 { font-size: 22px; margin: 30px 0 10px 0; color: #000; } .book-info .author { font-style: italic; color: #555; margin-bottom: 20px; } .book-info .format { font-size: 14px; color: #666; } .book-info .legal { font-size: 14px; color: #666; margin: 15px 0; } /* Contribute sections (for contribute.htm) */ .contribute-section { margin-bottom: 30px; } .contribute-section h2 { font-size: 22px; margin: 0 0 15px 0; color: #000; border-bottom: 1px solid #ddd; padding-bottom: 8px; } .contribute-section h3 { font-size: 18px; margin: 20px 0 10px 0; color: #333; } .contribute-section p { margin-bottom: 15px; } .contact-info { font-size: 18px; font-weight: bold; margin: 15px 0; padding: 10px 15px; background-color: #f5f5f5; border-left: 4px solid #0066cc; } /* Linking page (for linking.htm) */ .site-description { background-color: #f9f9f9; border: 1px solid #ddd; padding: 20px; margin: 20px 0; } .site-description h2 { margin-top: 0; font-size: 22px; } .site-description .site-url { font-size: 18px; margin: 10px 0; } .site-description .site-url a { color: #0066cc; } .banner-option { background-color: #ffffcc; border: 1px solid #ddd; padding: 20px; margin: 20px 0; } .banner-option h3 { margin-top: 0; font-size: 18px; } .banner-preview { text-align: center; margin: 15px 0; padding: 15px; background-color: #fff; border: 1px solid #eee; } pre.html-code { background-color: #fff; border: 1px solid #ddd; padding: 15px; font-family: "Courier New", Courier, monospace; font-size: 13px; overflow-x: auto; line-height: 1.4; color: #800080; } /* Contact page (for contact.htm) */ /* Contact list (vertical layout) */ .contact-list { margin: 30px 0; } .contact-entry { display: flex; align-items: flex-start; gap: 30px; padding: 30px; margin-bottom: 30px; background-color: #f9f9f9; border: 1px solid #ddd; } .contact-entry:last-child { margin-bottom: 0; } .contact-photo img { max-width: 250px; height: auto; border: 1px solid #ccc; } .contact-info h2 { font-size: 24px; margin: 0 0 10px 0; } .contact-info .role { font-style: italic; color: #666; margin: 0 0 15px 0; font-size: 18px; } .contact-info .email { font-size: 18px; margin: 10px 0; } .contact-info .email a { color: #0066cc; } .contact-info .address { font-size: 14px; color: #555; margin-top: 15px; line-height: 1.6; } /* Download list (for zips.htm and similar) */ .download-list { list-style: none; padding: 0; margin: 30px 0; } .download-list li { padding: 15px 0; border-bottom: 1px solid #eee; } .download-list li:last-child { border-bottom: none; } .download-list a { font-size: 18px; font-weight: bold; } .download-list .source { display: block; font-size: 14px; color: #555; margin-top: 5px; } .badge-new { display: inline-block; background-color: #ff0000; color: #fff; font-size: 10px; font-weight: bold; padding: 2px 6px; border-radius: 3px; margin-left: 10px; vertical-align: middle; } .note { text-align: center; font-style: italic; color: #666; margin: 30px 0; } /* Experimental/warning notices */ .experimental { text-align: center; color: #ff0000; font-style: italic; margin: 20px 0; } .warning { background-color: #fff3cd; border: 1px solid #ffc107; padding: 15px; margin: 20px 0; } /* File list display */ .file-list { background-color: #f5f5f5; border: 1px solid #ddd; padding: 15px 20px; margin: 20px 0; } .file-list code { display: block; margin: 5px 0; } /* Info box */ .info-box { background-color: #f9f9f9; border: 1px solid #ddd; padding: 20px; margin: 20px 0; } .info-box p { margin-bottom: 15px; } .info-box p:last-child { margin-bottom: 0; } /* Article styling (for technical articles) */ .article { margin: 30px 0; } .article-header { background-color: #f5f5f5; border: 1px solid #ddd; padding: 20px; margin-bottom: 30px; text-align: center; } .article-title { font-size: 20px; font-weight: bold; margin-bottom: 5px; } .article-date { font-size: 16px; margin-bottom: 15px; } .article-author { font-size: 14px; line-height: 1.6; margin-bottom: 15px; } .article-bio { font-size: 13px; font-style: italic; color: #555; text-align: left; margin-bottom: 0; } .article h3 { font-size: 20px; margin: 30px 0 15px 0; color: #000; } .article p { margin-bottom: 15px; text-align: justify; } /* Tape sections (for histmods.htm) */ .tape-section { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } .tape-section:last-of-type { border-bottom: none; } .tape-section h2 { background-color: #008000; color: #fff; padding: 8px 15px; font-size: 18px; font-family: "Courier New", Courier, monospace; margin-bottom: 15px; } .tape-section img { display: block; margin: 15px 0; } .tape-section p { margin: 15px 0; } .lost-tape { color: #800000; font-weight: bold; } .lost-tape strong { color: #ff0000; } .acknowledgment { background-color: #fff8dc; border: 1px solid #daa520; padding: 20px; margin: 30px 0; color: #800000; font-weight: bold; } /* Download highlight (for freepds.htm and similar) */ .download-highlight { background-color: #f0f8ff; border: 2px solid #0066cc; padding: 20px; margin: 20px 0; text-align: center; } .download-highlight a { font-size: 22px; font-weight: bold; } .champion { font-size: 22px; color: #ff0000; font-weight: bold; margin: 30px 0; } .highlight-text { background-color: #ffff00; padding: 2px 4px; } .feature-image { display: block; margin: 30px 0; } /* Version info (for download pages) */ .version-info { font-size: 18px; color: #333; margin: -10px 0 20px 0; } /* News box (for homepage) */ .news-box { border: 2px solid #0066cc; margin: 20px 0; padding: 0; } .news-box .news-date { background-color: #ffff00; color: #000; font-size: 16px; margin: 0; padding: 10px 15px; border-bottom: 2px solid #0066cc; } .news-box .news-list { background-color: #e0ffff; margin: 0; padding: 15px 15px 15px 35px; } .news-box .news-list li { margin-bottom: 10px; } .news-box .news-list li:last-child { margin-bottom: 0; } /* Blockquote styling */ blockquote.quote { border-left: 4px solid #0066cc; margin: 30px 0; padding: 15px 20px; background-color: #f9f9f9; font-style: italic; } blockquote.quote cite { display: block; margin-top: 10px; font-style: normal; color: #666; } /* Address block styling */ address { font-style: normal; margin: 20px 0; padding: 15px; background-color: #f9f9f9; border-left: 4px solid #0066cc; } /* Centered content */ .centered { text-align: center; } /* Product list (for CD-ROM page) */ .product-list { margin: 20px 0; } .product-item { display: flex; border: 2px solid #ccc; margin-bottom: 20px; background-color: #fff; } .product-image { flex: 0 0 150px; padding: 15px; text-align: center; background-color: #f9f9f9; border-right: 1px solid #ccc; } .product-image p { margin: 5px 0; } .product-info { flex: 1; padding: 15px; } .product-info h2 { margin-top: 0; font-size: 18px; color: #0066cc; } /* Small note text */ .note-small { font-size: 14px; color: #666; margin: 20px 0; } /* Magazine list (for xephon index) */ .magazine-list { list-style: none; padding: 0; margin: 20px 0; } .magazine-list li { padding: 12px 15px; margin-bottom: 8px; background-color: #f9f9f9; border-left: 4px solid #0066cc; } .magazine-list li a { font-weight: bold; font-size: 18px; } .magazine-list li em { color: #666; font-size: 14px; } /* License text */ pre.license { background-color: #f9f9f9; border: 1px solid #ddd; padding: 15px; font-size: 12px; overflow-x: auto; margin: 20px 0; } /* File descriptions (definition lists) */ dl.file-descriptions { margin: 20px 0; } dl.file-descriptions dt { font-weight: bold; margin-top: 15px; } dl.file-descriptions dt:first-child { margin-top: 0; } dl.file-descriptions dd { margin-left: 20px; margin-top: 5px; color: #555; } /* Distribution sections (for vm6.htm, os360.htm, etc.) */ .distro-section { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ddd; } .distro-section:last-of-type { border-bottom: none; } .distro-section h2 { font-size: 20px; margin: 0 0 15px 0; color: #000; } .distro-section h2 a { color: #0066cc; } .distro-section .date { font-style: italic; color: #666; margin: -10px 0 15px 0; } .distro-section p { margin-bottom: 15px; } /* Responsive adjustments */ @media (max-width: 768px) { .container { flex-direction: column; } .sidebar { width: 100%; height: auto; position: relative; border-right: none; border-bottom: 1px solid #ddd; } .main-content { padding: 20px; } .main-content h1 { font-size: 22px; } .main-content p { font-size: 16px; } }