@charset "UTF-8"; html { background-color: #000000; background-image: url("/tex/bg/dark_bg.png"); } .banner { background-image: url("/tex/bg/dark_h.png"); height: 160px; } .container { background-color: #101010; box-shadow: 0 0 0 2px #000000; } .mobile .container { background-image: url("/tex/bg/dark_bg_m.png"); } .mobile-banner { background-image: url("/tex/bg/dark_h_m.png"); } .mobile-menu > summary { background-color: #202020; border: 2px solid #FFFFFF; border-radius: 8px; color: #FFFFFF; } .mobile-menu > summary:active { background-color: #FFFFFF; border-color: #000000; color: #000000; } .mobile-menu[open] > summary { background-color: #404040; border-color: #808080; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mobile-menu > *:last-child { border: 2px solid #808080; } .menu { border-bottom: 1px solid #404040; } .menu li { color: #ffffff; text-shadow: 1px 1px 0 #000000; } .menu li.selected { background-color: #404040; } .mobile .menu { background-color: #202020; } .mobile .menu li:not(:first-of-type) { border-top: 1px solid #404040; } .mobile .menu li a:active { background-color: #ffffff; color: #000000; } .announcement { background-color: #404040; color: #ffffff; } .announcement a { color: #C0C0C0; } .announcement div { border-top: 1px solid #606060; } .mobile .navigation-bar a { background-color: #202020; border: 2px solid #FFFFFF; border-radius: 8px; } .mobile .navigation-bar a:active { background-color: #FFFFFF; border-color: #000000; color: #000000; } .mobile .navigation-bar > div { padding: 8px; } .mobile .account-bar a:not(:first-of-type) { border-top: 1px solid #404040; } .mobile .account-bar a:active { background-color: #FFFFFF; color: #000000; } .comments + div { border-bottom: 1px solid #404040; } .comments-input { background-color: #404040; border: 2px outset #808080; } .comments-input:active { border-style: inset; } .comment { color: #FFFFFF; } .comment:target { background-color: #122026; border-color: #34a4d5; border-left-style: solid; border-left-width: 8px; } .comment-deleted { color: #808080; } .comment-options button { color: #C0C0C0; } .comments-empty, .comment-id, .comment-reply, .comment-timestamp { color: #808080; } .comment-content blockquote { border: 2px solid #404040; } .comment-content > div { background-color: #202020; } .comment.reply { border-left-style: solid; border-left-width: 8px; } .comment-quest-master { background-color: #404040; } .mobile .comment-options button { color: #FFFFFF; } .mobile .comment-options button:not(:first-of-type) { border-top: 1px solid #404040; } .mobile .comment-options button:active { background-color: #ffffff; color: #000000; } .formatter button { background-color: #202020; border: 2px outset #404040; color: #FFFFFF; } .mobile .formatter button { border: 2px solid #FFFFFF; border-radius: 8px; } .mobile .formatter button:active { background-color: #FFFFFF; border-color: #000000; color: #000000; } .legacy-inbox { border: 1px solid #404040; } .links { color: #808080; } .links a { color: #FFFFFF; } .mobile .links { background-color: #101010; } .mobile .links li:not(:first-of-type) { border-top: 1px solid #404040; } .mobile .links li.selected { background-color: #404040; } .mobile .links a:active { background-color: #808080; } .notifications { color: #808080; } .tail { color: #808080; } .form { background-color: #202020; color: #FFFFFF; } .form h1 { background-color: #404040; border-bottom: 2px solid #808080; } .form .button.blue { background-color: #25414D; border-color: #34A4D5; } .form .button.red { background-color: #542F34; border-color: #F05F70; } .form .buttons { background-color: #303030; border-top: 2px solid #101010; } .form .buttons-alt { border-top: 2px solid #101010; } .form input[type=file], .form input[type=password], .form input[type=text], .form textarea { box-shadow: 1px 1px 0 #000000; } .mobile .form .button { border: 2px solid #ffffff; border-radius: 8px; box-shadow: none; text-shadow: none; } .mobile .form .button:active { background-color: #ffffff; border-color: #000000; color: #000000; } .mobile .form .buttons-alt div > * { border: 2px solid #C0C0C0; border-radius: 8px; } .mobile .form .buttons-alt div > *:active { background-color: #ffffff; border-color: #000000; color: #000000; } .browse-pages { border-bottom: 1px solid #404040; text-shadow: 1px 1px 0 #000000; } .browse-pages a, .browse-pages span { color: #ffffff; } .browse-pages span { background-color: #404040; } .mobile .browse-pages a, .mobile .browse-pages span { border: 2px solid #FFFFFF; border-radius: 8px; }