@charset "UTF-8"; html { background-color: #202020; background-image: url("/tex/bg/classic_bg.png"); font-family: "Courier New", Courier, monospace; } * { transition: none !important; } .interactive { font-weight: bold; } .banner { background-image: url("/tex/bg/classic_h.png"); height: 128px; outline: 2px solid #000000; } .container { background-color: #000000; box-shadow: 0 0 0 2px #000000; } .menu { border-bottom: 2px solid #000000; background-color: #606060; padding: 2px; } .menu li { background-color: #E0C098; border: 2px solid #402818; color: #402818; margin: 2px; width: calc(12.5% - 4px); } .menu li.selected { background-color: #E0C098; opacity: 1; } .announcement { background-color: #E0C098; border-bottom: 2px solid #000000; color: #402818; text-shadow: none; } .announcement a { color: #102868; } .announcement div { border-top: 2px solid #B89878; } .title { background-color: #E0C098; border-bottom: 2px solid #000000; color: #402818; text-shadow: none; } .theme-box, .compact .screen-description { border-radius: 0; border-style: solid; border-width: 2px; } .navigation-bar { background-color: #E0C098; border-top: 2px solid #000000; border-bottom: none; color: #402818; line-height: 48px; text-shadow: none; } .navigation-previous { text-align: left; } .navigation-next { text-align: right; } .navigation-bar a { background-color: #0D2563; border: 2px solid #FFFFFF; color: #FFFFFF; display: inline-block; opacity: 1; outline: 2px solid #000000; width: max(50%, 160px); } .navigation-previous a:hover, .navigation-next a:hover { background-color: #154D8A; } .party { margin-top: 2px; } .comments { background-color: #504838; border-top: 2px solid #000000; color: #CCCCCC; padding: 0 0 8px 0; } .comment-content > div { background-color: #706860; } .comments-turn { box-shadow: 0 2px 0 #000000; } .comments-input { background-color: #E0C098; border-bottom: 2px solid #000000; border-left: none; border-right: none; border-top: 2px solid #000000; color: #402818; font-weight: bold; } .comments-input:active { border-bottom: 2px solid #000000; border-left: none; border-right: none; border-top: 2px solid #000000; } .comment { border-color: #706860; color: #FFFFFF; } .comment:target { background-color: #486060; border-color: #34a4d5; border-left-style: solid; border-left-width: 8px; } .comment:target .comment-content > div { background-color: #688080; } .comment-content blockquote { border: 2px solid #CCCCCC; } .comment-reply, .comment-id, .comment-timestamp, .comment-deleted { color: #CCCCCC; } .comment.reply { border-left-style: solid; border-left-width: 8px; } .comment-options button { color: #FFFFFF; text-shadow: none; } .comment-quest-master { background-color: #706860; } .comments-empty { color: #CCCCCC; } .formatter button { background-color: #CCCCCC; border: 2px outset #606060; color: #000000; } .legacy-inbox { border: 2px solid #CCCCCC; } .links { background-color: #E0C098; border-top: 2px solid #000000; border-bottom: 2px solid #000000; color: #402818; } .links a { color: #102868; font-weight: bold; } .notifications { background-color: #E0C098; color: #402818; padding-bottom: 8px; padding-top: 8px; } .notifications a { border: 2px solid #000000; } .form { background-color: #606060; color: #CCCCCC; font-family: monospace; text-shadow: none; } .form h1 { background-color: #E0C098; border-bottom: 2px solid #000000; color: #402818; } .form .buttons { background-color: #E0C098; border-bottom: 2px solid #000000; border-top: 2px solid #000000; color: #402818; text-shadow: none; } .form .button { background-color: #0D2563; border: 2px solid #FFFFFF; color: #FFFFFF; outline: 2px solid #000000; } .form .button:hover { background-color: #154D8A; } .form .button.blue { background-color: #25414D; border-color: #34A4D5; } .form .button.red { background-color: #542F34; border-color: #F05F70; } .form .button.red:hover { background-color: #804048; } .form a:not(.button), .form .link { color: #FFFFFF; text-shadow: none; } .form input[type=file], .form input[type=password], .form input[type=text], .form textarea { border: 2px solid #000000; } .mobile .form .buttons-alt div > * { border: 2px solid #CCCCCC; } .error, .success, .warning { box-shadow: 0 2px 0 #000000; } .tail { color: #CCCCCC; } .copyright { text-shadow: none; } .browse-pages { background-color: #504838; border-top: 2px solid #000000; } .browse-pages span { background-color: #706860; outline: 2px solid #000000; } .browse-pages a, .browse-pages span { color: #CCCCCC; } .mobile .browse-pages a, .mobile .browse-pages span { border: 2px solid #FFFFFF; } .mobile-menu > summary { background-color: #0D2563; border: 2px solid #FFFFFF; color: #FFFFFF; outline: 2px solid #000000; } .mobile-menu > summary:active { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .mobile-menu[open] > summary { background-color: #154D8A; border-color: #FFFFFF; } .mobile-menu[open] > summary:active { background-color: #FFFFFF; } .mobile .container { background-image: url("/tex/bg/classic_bg_m.png"); } .mobile-banner { background-image: url("/tex/bg/classic_h_m.png"); background-position: right 8px; } .mobile .menu { background-color: #000000; border-bottom: none; padding: 0 2px 0 0; } .mobile .menu li { border: 0; margin: 0; } .mobile .menu li:not(:first-of-type) { border-top: 2px solid #000000; } .mobile .menu, .mobile .links { border-top: 2px solid #000000; } .mobile .links { background-color: #000000; } .mobile .links li { background-color: #606060; color: #CCCCCC; opacity: 0.75; } .mobile .links li:not(:first-of-type) { border-top: 2px solid #000000; } .mobile .links li:hover, .mobile .links li.selected { background-color: #606060; opacity: 1; } .mobile .links a { color: #FFFFFF; } .mobile .navigation-bar a { background-color: #0D2563; } .mobile .navigation-bar a:active { background-color: #FFFFFF; color: #000000; } .mobile .navigation-bar > div { padding: 8px; } .account-bar .mobile-menu > div, .comment-options .mobile-menu > div { background-color: #000000; padding: 2px; } .mobile .account-bar a, .mobile .comment-options button { background-color: #0D2563; border: 2px solid #FFFFFF; opacity: 1; } .mobile .account-bar a:not(:first-of-type), .mobile .comment-options button:not(:first-of-type) { border-top: 2px solid #FFFFFF; margin-top: 2px; } .mobile .comment-options button { font-weight: bold; } .mobile-menu.submenu > :last-child { border: 2px solid #000000; } .mobile .form .button { border-radius: 0; } .mobile .form .button:active { border-color: #FFFFFF; } .mobile .formatter button { border-color: #000000; border-radius: 0; } @media only screen and (min-width: 832px) { .menu li { padding-bottom: 8px; width: 95.5px; } }