html, a, div, div.notification, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, h1.title, h2.subtitle { font-family: "DEC Terminal Modern", Terminus, Inconsolata, Consolas, "Droid Sans Mono", "DejaVu Sans Mono", "Monaco", monospace; color: #ff7700; background-color: #000000; font-size: 1.2rem; } tr, td, ul, ol { border-color: #ff7700; outline: 1px solid #ff7700; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 10px; } a, a.button, a.button.is-primary, input.button.is-primary, input, .input, .textarea, .footer, .label, select, textarea { color: #ff8800; border-color: #ff8800; background-color: #000000; font-weight: bolder; text-decoration-line: none; } a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover { color: #000000; background-color: #ff8800; } .media-content a:not(.mention):not(.tag) { text-decoration-line: underline; text-decoration-style: solid; text-decoration:color: #ff7700; } .control input[type=text], .control textarea { width: 100%; max-width: 80em; border: 1px solid #ff7700; margin-bottom: 1ex; } .control input, .control select { border: 1px solid #ff7700; background-color: #000000; margin-bottom: 1ex; } img { filter: grayscale(100%); -webkit-filter: grayscale(100%); } div.card-header-title, div.card-header-icon { color: #ff7700; } .container { margin: 0 auto; max-width: 80ex; } .box { padding: 1em; border-color: #ff7700; outline: 1px solid #ff7700; background-color: #000; margin-bottom: 1em; } hr.is-hidden { display: none; } .image.is-32x32, .is-32x32 img, img.is-32x32 { width: 32px; height: 32px; } .image.is-48x48, .is-48x48 img, img.is-48x48 { width: 48px; height: 48px; } .image.is-64x64, .is-64x64 img, img.is-64x64 { width: 64px; height: 64px; } .image.is-96x96, .is-96x96 img, img.is-96x96 { width: 96px; height: 96px; } .is-max-128 { max-height: 128px; max-width: 128px; } .is-max-256 { max-height: 256px; max-width: 256px; } .media { background-color: black; border-radius: 5px; /*-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);*/ color: #4a4a00; padding: 1.25rem; margin-bottom: 0.75rem; margin-top: 0.75rem; } .is-max-128 { max-height: 128px; max-width: 128px; } .is-max-256 { max-height: 256px; max-width: 256px; } figure.media-left p.image a img { border-radius: 5px; } .active-context { background-color: #000000; border-color: #ffcc00; outline: 1px solid #ffcc00; } .account-avatar { display: inline-block; } .reblog-icon { margin-top: 32px; display: inline-block; } img.fav-avatar { display: inline; } .level { display: block; margin-bottom: 1ex; margin-top: 1ex; } img.emoji { display: inline; max-height: 1.5em; max-width: 1.5em; vertical-align: text-bottom; } .modal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal-background { position: absolute; background-color: rgba(10,10,10,.86); } .modal, .modal-background { bottom: 0; left: 0; right: 0; top: 0; } .modal-content { z-index: 60; max-height: 90vh; overflow: auto; } .modal.is-active { display: flex; } .navbar-item { margin-right: 2em; } @media screen and (max-width: 768px) { .media { display: block; } } @media screen and (min-width: 1024px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { align-items: stretch; display: flex; } .navbar-start { justify-content: flex-start; margin-right: auto; } .navbar-end { justify-content: flex-end; margin-left: auto; } }