width: 100%; height: 100%; z-index: -1; } #options_div, #alert_div { background-color: #d6daf0; border: 1px solid black; display: inline-block; position: relative; margin-top: 20px; } #options_div { width: 620px; height: 400px; resize: both; overflow: auto; } #alert_div { width: 500px; } #alert_message { text-align: center; margin: 13px; font-size: 110%; } .alert_button { margin-bottom: 13px; } #options_div textarea { max-width: 100%; } #options_close, #alert_close { top: 0px; right: 0px; position: absolute; margin-right: 3px; font-size: 20px; z-index: 100; } #options_tablist { padding: 0px 5px; left: 0px; width: 90px; top: 0px; bottom: 0px; height: 100%; border-right: 1px solid black; } .options_tab_icon { padding: 5px; color: black; cursor: pointer; } .options_tab_icon.active { color: red; } .options_tab_icon i { font-size: 20px; } .options_tab_icon div { font-size: 11px; } .options_tab { padding: 10px; position: absolute; top: 0px; bottom: 10px; left: 101px; right: 0px; text-align: left; font-size: 12px; overflow-y: auto; } .options_tab h2 { text-align: center; margin-bottom: 5px; } .mobile-style #options_div, .mobile-style #alert_div { width: 95%; height: 70%; } .mentioned { word-wrap: break-word; } .poster_id { cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .poster_id:hover { color: #800000 !important; } .poster_id::before { content: " ID: "; } pre { /* Better code tags */ max-width: inherit; word-wrap: normal; overflow: auto; display: block !important; font-size: 9pt; font-family: monospace; } span.pln { color: grey; } @media screen and (max-width: 768px) { .intro { clear: both; } div.post div.body { clear: both; } } .clearfix { display: block; clear: both; visibility: hidden; overflow: hidden; font-size: 0px; line-height: 0px; box-sizing: border-box; border: none; height: 0; margin: 0; padding: 0; width: 100%; } /* === SPECIFIC PAGES & FEATURES === */ /* Board List */ div.boardlist { margin-top: 3px; color: #89A; font-size: 9pt; } div.boardlist.bottom { margin-top: 12px; clear: both; } div.boardlist a { text-decoration: none; } /* Threads */ /* Thread Footer */ #thread-interactions { margin: 8px 0; clear: both; } #thread-links { float: left; } #thread-links > a { margin-right: 10px; } #thread-quick-reply { display: none; position: absolute; left: 50%; right: 50%; text-align: center; width: 100px; margin-left: -50px; } #thread_stats { float: right; } #post-moderation-fields { float: right; text-align: right; } #delete-fields {} #report-fields {} /* threadwatcher */ #watchlist { display: none; max-height: 250px; overflow: auto; border: 1px solid; border-style: none solid solid none; width: 50%; margin: 0 auto; margin-bottom: 10px; } .watchlist-inner, .watchlist-controls { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center; } #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { cursor: pointer; } #youtube-size input { width: 50px; } /* File selector */ .dropzone { cursor: default; margin: auto; padding: 0px 4px; text-align: center; min-height: 50px; max-height: 140px; transition: 0.2s; overflow-y: auto; } .dropzone-wrap { width: 100%; } .dropzone .file-hint { opacity: 0.5; cursor: pointer; position: relative; margin-bottom: 5px; padding: 10px 0px; top: 5px; transition: 0.2s; border: 2px dashed rgba(125, 125, 125, 0.4); } .file-hint:hover, .dropzone.dragover .file-hint { opacity: 1; border-color: rgba(125, 125, 125, 0.8); } .dropzone.dragover { background-color: rgba(200, 200, 200, 1); } .dropzone .file-thumbs { text-align: left; width: 100%; } .dropzone .tmb-container { padding: 3px; overflow-x: hidden; white-space: nowrap; } .dropzone .file-tmb { height: 40px; width: 70px; cursor: pointer; display: inline-block; text-align: center; background-color: rgba(187, 187, 187, 0.5); background-size: cover; background-position: center; } .dropzone .file-tmb span { font-weight: 600; position: relative; top: 13px; } .dropzone .tmb-filename { display: inline-block; vertical-align: bottom; bottom: 12px; position: relative; margin-left: 5px; } .dropzone .tmb-flag { display: inline-block; float: right; margin-right: 5px; } .dropzone .remove-btn { cursor: pointer; color: rgba(125, 125, 125, 0.5); display: inline-block; vertical-align: bottom; bottom: 10px; position: relative; margin-right: 5px; font-size: 20px } .dropzone .remove-btn:hover { color: rgba(125, 125, 125, 1); } #thread_stats { display: inline; margin-left: 10px; margin-right: 10px; } /* Fileboard */ table.fileboard th, table.fileboard td { padding: 2px; text-align: center; } table.fileboard .intro a { margin-left: 0px; } /* Gallery view */ #gallery_images { position: absolute; right: 0px; bottom: 0px; top: 0px; width: 12%; background-color: rgba(0, 0, 0, 0.4); overflow: auto; } #gallery_toolbar { position: absolute; right: 12%; left: 0px; bottom: 0px; height: 32px; background-color: rgba(0, 0, 0, 0.4); text-align: right; } #gallery_images img { width: 100%; } #gallery_toolbar a { font-size: 28px; padding-right: 5px; } #gallery_main { position: absolute; left: 0px; right: 12%; bottom: 32px; top: 0px; padding: 10px; } #gallery_images img { opacity: 0.6; -webkit-transition: all 0.5s; transition: all 0.5s; } #gallery_images img:hover, #gallery_images img.active { opacity: 1; } a[href^='mailto:sage']::after { content: ' SAGE!'; text-decoration: none; } a[href^='mailto:supersage']::after { content: ' SUPER SAGE!'; color: red; text-decoration: none; } a[href^='mailto:bump']::after { content: ' BUMP!'; text-decoration: none; } a[href^='mailto:sage'], a[href^='mailto:bump'], a[href^='mailto:supersage'] { text-decoration: none; } #gallery_images img.active { -webkit-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); z-index: 1; } #gallery_main img, #gallery_main video { max-width: 100%; max-height: 100%; position: absolute; } .own_post { font-style: italic; font-weight: normal; opacity: .666; } div.mix { display: inline-block; } .google-auto-placed:has(ins.adsbygoogle[data-ad-status="unfilled"]), div.post .body .google-auto-placed { display: none !important; } .grid-li .poll { width: 100%; } .tmb-flag input { display: block; margin: 2px auto 0 auto !important; }