a { color: rgb(25, 120, 226); text-shadow: var(--link-shadow); } a:hover { color: #9e34fd; } body, legend, nav ul li a { background: #333; color: #eee; } nav a:hover, nav li.selected a { border-color: #fff; } header button { background: transparent; } table { box-shadow: none; } td, th { border-color: #111; } thead td, thead th { background: #333; color: #eee; } tbody > tr:nth-child(2n) { background: #555; color: #eee; } tbody > tr:nth-child(2n+1) { background: #333; } footer, legend, hr { border-color: #ddd; } small { color: #fff; } input, select, textarea { color: #111; } .message, .static-message { text-shadow: var(--white-link-shadow); } .message.success, .static-message.success { background: #1f8454; border-color: #70dda9; } .message.error, .static-message.error { border-color:#f3e6e6; background: #924949; } .message.info, .static-message.info { border-color: #FFFFCC; background: #bfbe3a; } .invisible tr, .invisible td, .invisible th, .invisible tbody > tr:nth-child(2n), .invisible tbody > tr:nth-child(2n+1) { background: transparent; } #main-nav { border-bottom: .1rem solid #ddd; } .tabs, .vertical-tabs{ background: #333; } .tabs > label, .vertical-tabs .tab label { background: #222; border: 0; color: #eee; } .vertical-tabs .tab label { width: 100%; } .tabs > label:hover, .vertical-tabs .tab > label:hover { background: #888; } .tabs > label:active, .vertical-tabs .tab > label:active { background: #999; } .tabs > [type="radio"]:checked + label, .tabs > [type="radio"]:checked + label + .content, .vertical-tabs [type="radio"]:checked + label, .vertical-tabs [type="radio"]:checked ~ .content { /* border-color: #333; */ border: 0; background: #666; color: #eee; } .vertical-tabs { background: #222; border: 1px solid #444; } .vertical-tabs .tab { background: #666; border-bottom: 1px solid #444; }