@charset "UTF-8"; /*! GW2006 */ /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ /* *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; }*/ /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } :root { --gw-background: #A9B2CB; --gw-outline: #0B198C; --gw-inner-blue: #CED7E8; --gw-inner-dark: #D1D1E1; --gw-inner-medium: #DFE0EC; --gw-inner-light: #EDF2F8; --gw-inner-highlighted: #f6f8fb; --gw-test: #e7eaf3; --gw-inner-negative: #728EBE; --gw-inner-negative-active: #4f6b9b; --gw-article-hr: #A9AEB7; --gw-box-header: #dfe7ff; --gw-changelog-insertions: #089f11; --gw-changelog-deletions: #e8010c; --gw-header-color-a: #4b6ba6; --gw-header-color-b: #879bc0; --gw-text-regular: #000000; --gw-text-link: #22229C; --gw-text-hover: #FF4400; --gw-text-quote: #4F6095; --gw-text-header: #3D3F46; --gw-text-special-header: #6B8EAE; --gw-text-spoiler: #002448; --gw-text-light-hover: #FFFF66; --gw-line-chart-top: #22229C; --gw-line-chart-bottom: #CED7E8; --gw-stats-pie-empty: #CED7E8; --gw-stats-pie-full: #22229C; --gw-admin-only: #a64c4b; --gw-text-light: #696a7c; --gw-browser-image-border: #b2b2b2; --gw-header-cell-height: 1.875rem; --gw-subheader-cell-height: 1.625rem; --gw-font-regular: 0.8333rem; --gw-font-huge: 1.625rem; --gw-font-large: 1.25rem; --gw-font-small: 0.6875rem; --gw-line-height-large: 1rem; --gw-article-line-height: 1.44; --gw-object-table-line-height: 1.375rem; --gw-font-primary: "Verdana", "Geneva", "Arial", "Helvetica Neue", sans-serif; --gw-font-code: "Menlo", "courier new", helvetica, "times new roman", serif; --gw-font-monospace: "courier", "courier new", monospace; --gw-content-margin: 15px; --gw-rounding-small: 0.1875rem; --gw-notification-warning-color: #603b0f; --gw-notification-warning-background: #ffd16f; --gw-notification-warning-border: #fff9f1; --gw-notification-danger-color-bold: #3c0a0d; --gw-notification-danger-color: #510d11; --gw-notification-danger-background: #f79799; --gw-notification-danger-border: #ffdbdb; --gw-notification-info-color: #16306a; --gw-notification-info-background: #88bee8; --gw-notification-info-border: #f6fcff; --gw-notification-success-color: #1e4a1e; --gw-notification-success-background: #9ded9d; --gw-notification-success-border: #f4fff4; --gw-cell-form-content: 16px; --gw-cell-extra-padding: 12px; --gw-cell-large: 7px; --gw-cell-medium: 5px; --gw-cell-small: 3px; --gw-signature-max-lines: 14; --gw-post-column-a: 180px; --gw-icon-column: 65px; } * { box-sizing: border-box; } body { background: var(--gw-background); font-size: var(--gw-font-regular); font-family: var(--gw-font-primary); margin: 0 auto; padding: 0; } a { color: var(--gw-text-link); text-decoration: underline; } a:hover { color: var(--gw-text-hover); } img { border: 0; } #wrapper { padding: 17px 25px; width: 100% !important; } @media screen and (max-width: 500px) { #wrapper { padding-left: 14px; padding-right: 14px; } } #content_section { margin-top: var(--gw-content-margin); } tt, code { font-family: var(--gw-font-code); } button { padding-left: 4px; padding-right: 4px; } input[type=checkbox], input[type=radio] { margin: 3px 3px 3px 4px; } input[type=text], input[type=password], input[type=search], input[type=tel], input[type=url], input[type=email] { height: 22px; } select:not([multiple]) { height: 22px; vertical-align: bottom; } button, input[type=submit], input[type=file] { height: 22px; } .pixel { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; } span.quoted::before { content: "“"; } span.quoted::after { content: "”"; } .attachments .attachment { margin: 4px 0; } .attachments .attachment .line a { text-decoration: none; } .attachments .attachment .line a .name { text-decoration: underline; } .attachments .attachment .line .metadata { font-size: var(--gw-font-small); } .attachments .attachment .line .metadata::before { content: "("; } .attachments .attachment .line .metadata::after { content: ")"; } .attachments .attachment .line img { display: inline-block; vertical-align: bottom; } .attachments .attachment .preview.image a { display: inline-block; } .attachments .attachment .preview.image a img { display: block; } .attachments .object_table .attachment .filename { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 22px; } .attachments .object_table .attachment .filename a { display: inline-block; } .input_with_auto_suggestions { width: 280px; } .auto_suggest_div { position: absolute; width: 280px; border: 1px solid var(--gw-text-light); font-size: var(--gw-font-small); z-index: 90; padding: 0; font-weight: normal; background: white; margin-top: 0.25rem; } .auto_suggest_div::before { content: ""; background: url("../../images/arrow_dropmenu.png"); background-size: 18px 9px; width: 18px; height: 9px; position: absolute; top: calc(-0.5rem - 1px); left: 0.5rem; z-index: 120; } .auto_suggest_div:empty { border: none; } .auto_suggest_div:empty::before { display: none; } .auto_suggest_item, .auto_suggest_item_hover { display: block; border: 1px solid white; border-bottom-width: 2px; position: relative; color: var(--gw-text-link); padding: calc(var(--gw-cell-medium) - 1px) calc(var(--gw-cell-large) - 1px); cursor: pointer; } .auto_suggest_item::before, .auto_suggest_item_hover::before { position: absolute; content: ""; left: -1px; right: -1px; bottom: -2px; height: 1px; background: var(--gw-inner-dark); } .auto_suggest_item:last-child, .auto_suggest_item_hover:last-child { border-bottom-width: 1px; } .auto_suggest_item:last-child::before, .auto_suggest_item_hover:last-child::before { display: none; } .auto_suggest_item_hover { background: var(--gw-inner-medium); text-decoration: none; color: black; } .ban_form .profile_info .profile_preview { width: 195px; } .bar_container .bar { min-width: 3px; height: 12px; border-radius: 2px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45), inset 0 4px 6px rgba(255, 255, 255, 0.2), inset 0 -7px 4px rgba(0, 0, 0, 0.125), inset -1px -1px 1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px 1px rgba(255, 255, 255, 0.4), 0px 1px 2px rgba(0, 0, 0, 0.2); } .bar_item:nth-child(10n+1) .bar { background-color: #e32c28; } .bar_item:nth-child(10n+2) .bar { background-color: #ff7d00; } .bar_item:nth-child(10n+3) .bar { background-color: #efd600; } .bar_item:nth-child(10n+4) .bar { background-color: #2dd535; } .bar_item:nth-child(10n+5) .bar { background-color: #00cc98; } .bar_item:nth-child(10n+6) .bar { background-color: #00aeee; } .bar_item:nth-child(10n+7) .bar { background-color: #2e96fb; } .bar_item:nth-child(10n+8) .bar { background-color: #9a65ff; } .bar_item:nth-child(10n+9) .bar { background-color: #dc42e3; } .bar_item:nth-child(10n+10) .bar { background-color: #fd3c97; } .blue_component { border: 1px solid var(--gw-outline); padding: 1px; background: var(--gw-inner-dark); } .blue_component .light-text { color: var(--gw-text-light); } .blue_component .blue_component_section { padding: var(--gw-cell-medium) var(--gw-cell-small); } .blue_component .blue_component_section.blue_component_primary { padding: var(--gw-cell-medium); } .blue_component .blue_component_section.blue_component_large { padding: var(--gw-cell-large); } .blue_component .blue_component_section.blue_component_light + .blue_component_section.blue_component_light { border-top: 1px solid var(--gw-inner-medium); } .blue_component .blue_component_light { background: var(--gw-inner-light); } .blue_component .blue_component_medium { background: var(--gw-inner-medium); } .blue_component .blue_component_blue { background: var(--gw-inner-blue); } .blue_component .blue_component_negative { color: white; background: var(--gw-inner-negative); } .blue_component .blue_component_title { margin: 0; color: white; font-size: var(--gw-font-regular); padding: var(--gw-cell-large); flex: 1 0; } .blue_component .blue_component_title a { color: white; text-decoration: none; } .blue_component .blue_component_title a:hover { color: var(--gw-text-light-hover); } .blue_component .blue_component_title .subtitle { display: block; font-size: var(--gw-font-small); font-weight: normal; margin-top: 4px; } .blue_component .blue_component_title .subtitle.dark, .blue_component .blue_component_title .subtitle.light { display: block; font-size: var(--gw-font-small); font-weight: normal; margin-top: 4px; margin: calc(-1 * var(--gw-cell-large)); background: var(--gw-inner-negative-active); padding: var(--gw-cell-large); border-top: 1px solidcssvar(--gw-inner-dark); margin-top: var(--gw-cell-large); } .blue_component .blue_component_title .subtitle.light { background: var(--gw-inner-light); color: black; } .blue_component .blue_component_title .subtitle.highlighted { background: var(--gw-inner-highlighted); color: black; } .blue_component .blue_component_header_cell { padding: 0; } .blue_component.spaced_bottom { margin-bottom: var(--gw-content-margin); } .blue_component.spaced_top { margin-top: var(--gw-content-margin); } .blue_component .small { font-size: var(--gw-font-small); } .blue_component .button_row a { display: inline-block; text-decoration: none; margin-top: 2px; } .blue_component .button_row a img { display: block; } .blue_component .action_buttons { padding: 0; margin: 0; } .blue_component .action_buttons.align_left { margin-left: -2px; } .blue_component .action_buttons li { float: left; display: block; } .blue_component .action_buttons li input[type=image] { display: block; margin-left: 4px; } .blue_component .action_buttons li a { margin-left: 4px; } .blue_component .action_buttons li a.post_action_text { line-height: 20px; padding: 0 3px 0 0; font-size: var(--gw-font-small); } .blue_component .action_buttons li a, .blue_component .action_buttons li a img { display: block; text-decoration: none; } .blue_component_header { background: var(--gw-header-color-b) linear-gradient(180deg, var(--gw-header-color-a) 0%, var(--gw-header-color-b) 100%); background-size: 100% 36px; background-repeat: repeat-x; position: relative; text-align: left; display: flex; } .blue_component_header + .blue_component_section { border-top: 1px solid var(--gw-inner-dark); } .blue_component_header .blue_component_buttons { display: flex; white-space: nowrap; flex: 0 1; } .blue_component_header .blue_component_buttons .labels { display: flex; place-content: center; place-items: center; padding: 0 3px; } .blue_component_header .blue_component_buttons .labels .message_label { margin-right: 5px; } .blue_component_header .blue_component_buttons .button_strip ul { display: flex; height: 100%; } .blue_component_header .blue_component_buttons .button_strip ul li .button_strip_form { display: flex; align-items: center; } .blue_component_header .blue_component_buttons .button_strip ul li .button_strip_form label { margin-right: 0.6ch; } .blue_component_header .blue_component_buttons .button_strip ul li a:hover { background-color: var(--gw-inner-negative-active); } .blue_component_header .blue_component_buttons .button_strip ul li span.static, .blue_component_header .blue_component_buttons .button_strip ul li a { background: var(--gw-inner-negative); font-size: var(--gw-font-small); font-weight: bold; padding: 0 15px; color: white; text-decoration: none; border-left: 1px solid var(--gw-inner-dark); display: flex; align-items: center; width: auto; height: 100%; } .blue_component_header .blue_component_buttons .button_strip ul li span.static span, .blue_component_header .blue_component_buttons .button_strip ul li a span { margin-top: -1px; } .blue_component_header .blue_component_buttons .button_strip ul li span.static { font-weight: normal; } .blue_component_header .blue_component_buttons .button_strip ul li span.no_bg { background: none; border-left: none; } .object_list_frame + .blue_component_header { border-top: 1px solid var(--gw-inner-dark); } .object_list .spaced_top { margin-top: var(--gw-content-margin); } .object_list .spaced_bottom { margin-bottom: var(--gw-content-margin); } .white_box { background: white; padding: 1px; margin-top: var(--gw-content-margin); border: 1px solid var(--gw-outline); display: inline-block; } .white_box .white_box_header h4 { padding: calc(var(--gw-cell-medium) - 1px) calc(var(--gw-cell-large) - 1px); margin: 0; font-weight: normal; background: var(--gw-inner-negative); color: white; } .white_box .white_box_content { padding: calc(var(--gw-cell-medium) - 1px) calc(var(--gw-cell-large) - 1px); } .button_strip ul { margin: 0; padding: 0; } .button_strip ul li { display: inline-block; } .button_strip ul li a.button { display: block; width: 83px; height: 45px; } .button_strip ul li a.button.disabled { pointer-events: none; } .button_strip ul li a.button.button_new_topic { background-image: url("../../images/topic_buttons/new_topic.gif"); } .button_strip ul li a.button.button_new_topic:hover { background-image: url("../../images/topic_buttons/new_topic_h.gif"); } .button_strip ul li a.button.button_post_poll { background-image: url("../../images/topic_buttons/new_poll.gif"); } .button_strip ul li a.button.button_post_poll:hover { background-image: url("../../images/topic_buttons/new_poll_h.gif"); } .button_strip ul li a.button.button_add_poll { background-image: url("../../images/topic_buttons/add_poll.gif"); } .button_strip ul li a.button.button_add_poll:hover { background-image: url("../../images/topic_buttons/add_poll_h.gif"); } .button_strip ul li a.button.button_reply { background-image: url("../../images/topic_buttons/reply.gif"); } .button_strip ul li a.button.button_reply:hover { background-image: url("../../images/topic_buttons/reply_h.gif"); } .button_strip ul li a.button.button_notify, .button_strip ul li a.button.button_markread { text-indent: 0; } .button_strip.type_primary { margin-bottom: 6px; flex: 1 1; } .button_strip.type_primary ul li a.button { text-indent: -9999px; } .changelog .insertions { color: var(--gw-changelog-insertions); } .changelog .deletions { color: var(--gw-changelog-deletions); } .chart { display: block; min-width: 16px; } .chart svg { display: block; } .chart.activity_chart .bestfit { display: none; } .component_grid { display: flex; margin: 5px 0; } @media screen and (max-width: 960px) { .component_grid { flex-direction: column; } } .component_grid .grid_item { flex: 1 1; } .component_grid .grid_item > .object_list:first-child { margin-top: 0; } .component_grid .grid_item:not(:last-child) { padding-right: var(--gw-content-margin); } @media screen and (max-width: 960px) { .component_grid .grid_item:not(:last-child) { padding-right: 0; } } .dropmenu { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .dropmenu a { text-decoration: none; } .dropmenu li { padding: 0; margin: 0; position: relative; } .dropmenu > li > a { color: white; padding: 0 var(--gw-cell-large); font-size: var(--gw-font-small); line-height: var(--gw-header-cell-height); display: inline-block; font-weight: bold; white-space: nowrap; } .dropmenu > li > ul { display: none; width: 16rem; z-index: 90; padding: 0; position: absolute; font-weight: normal; border: 1px solid var(--gw-text-light); background: white; margin-top: 0.25rem; font-size: var(--gw-font-small); } .dropmenu > li > ul::after { content: ""; background: none; height: calc(0.5rem - 1px); position: absolute; left: 0; right: 0; top: -0.5rem; z-index: 150; } .dropmenu > li > ul > li { padding: 1px; } .dropmenu > li > ul > li:not(:last-child) { border-bottom: 1px solid var(--gw-inner-dark); } .dropmenu > li > ul > li > ul { padding: 0; } .dropmenu > li > ul > li > ul > li > a { padding-left: 26px; } .dropmenu > li > ul li a { display: block; padding: calc(var(--gw-cell-medium) - 1px) calc(var(--gw-cell-large) - 1px); } .dropmenu > li > ul li a:hover { background: var(--gw-inner-medium); text-decoration: none; color: #000; } .dropmenu > li:hover > ul { display: block; } .dropmenu > li:hover > a.with_submenu::after { content: ""; background: url("../../images/arrow_dropmenu.png"); background-size: 18px 9px; width: 18px; height: 9px; position: absolute; bottom: calc(-0.25rem - 1px); left: calc(50% - 9px); z-index: 120; } .submenu { border: 1px solid var(--gw-outline); background: var(--gw-inner-dark); padding: 1px; } .submenu.attached { border-top: none; margin-top: calc(var(--gw-content-margin) * -1 - 2px); margin-bottom: var(--gw-content-margin); } .submenu.page_title .content { color: white; padding: 0 var(--gw-cell-large); font-size: var(--gw-font-small); font-weight: bold; background: var(--gw-inner-negative-active); line-height: var(--gw-subheader-cell-height); } .submenu .dropmenu { background: var(--gw-inner-negative-active); } .submenu .dropmenu > li > a { line-height: var(--gw-subheader-cell-height); } .editor { width: 100%; max-width: 100%; min-width: 100%; } .footer { margin-top: 30px; margin-bottom: 30px; } .footer_items { text-align: center; font-size: var(--gw-font-small); line-height: var(--gw-line-height-large); } .footer_items:not(:first-child) { margin-top: 6px; } .footer_items.colophon span { display: inline-block; } .forum_hierarchy, .forum_hierarchy ul { padding: 0; margin: 0; } .forum_hierarchy .category, .forum_hierarchy .board { position: relative; background: url("../../images/ui_icons/forum_list_category.gif"); background-size: 20px 20px; background-repeat: no-repeat; background-position: center left; padding-left: 20px; line-height: 20px; height: 20px; display: block; } .forum_hierarchy .category { margin-top: 10px; } .forum_hierarchy li:first-child .category { margin-top: 0; } .forum_hierarchy .board { background-image: url("../../images/ui_icons/forum_list_board.gif"); } .forum_hierarchy .board.depth_0 { margin-left: 20px; } .forum_hierarchy .board.depth_1 { margin-left: 40px; } .forum_hierarchy .board.depth_2 { margin-left: 60px; } .forum_hierarchy .board.depth_3 { margin-left: 80px; } .forum_hierarchy .board.depth_4 { margin-left: 100px; } .forum_hierarchy .board.depth_5 { margin-left: 120px; } .forum_hierarchy .board.depth_6 { margin-left: 140px; } .forum_hierarchy .board.depth_7 { margin-left: 160px; } .forum_hierarchy .board.depth_8 { margin-left: 180px; } .forum_hierarchy .board.depth_9 { margin-left: 200px; } .forum_hierarchy .board.depth_10 { margin-left: 220px; } .forum_hierarchy .board.depth_11 { margin-left: 240px; } #main_content_section .gwbbc.gwbbc_youtube { margin: 0.5rem 0; width: 100%; aspect-ratio: 16/9 auto; max-width: 900px; } #main_content_section .gwbbc.gwbbc_youtube iframe { background: black; display: block; width: 100%; height: 100%; } #main_content_section .gwbbc.gwbbc_hide { margin: 1rem 0; padding: 0 0.5rem; } #main_content_section .gwbbc.gwbbc_hide .hide_title { font-size: var(--gw-font-small); text-decoration: none; } #main_content_section .gwbbc.gwbbc_hide .hide_title .reason { font-weight: bold; } #main_content_section .gwbbc.gwbbc_hide .hide_content .hide_content_inner { border: 1px solid var(--gw-text-header); padding: 0.5rem; border-radius: var(--gw-rounding-small); } #main_content_section .gwbbc.gwbbc_spoiler { background: black; color: black; border-radius: var(--gw-rounding-small); display: inline-block; line-height: 1.25; } #main_content_section .gwbbc.gwbbc_spoiler.is_shown { background: rgba(0, 0, 0, 0.1); color: inherit; } #main_content_section .gwbbc.gwbbc_dohtml { display: inline; } .gw_captcha .solution .captcha_input { margin-bottom: 8px; border-collapse: separate; --border-color: var(--gw-inner-dark); } .gw_captcha .solution .captcha_input tr td { border: 0; border-right: 1px solid var(--border-color); min-width: 55px; height: 40px; background: var(--gw-inner-light); text-align: center; position: relative; } .gw_captcha .solution .captcha_input tr td.selected::before { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; content: ""; display: inline-block; width: 10px; height: 8px; background: url("../../images/captcha_indicator.png"); position: absolute; left: calc(50% - 5px); top: -2px; } .gw_captcha .solution .captcha_input tr:first-child td { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } .gw_captcha .solution .captcha_input tr:first-child td:first-child { border-top-left-radius: 4px; } .gw_captcha .solution .captcha_input tr:first-child td:last-child { border-top-right-radius: 4px; } .gw_captcha .solution .captcha_input tr:last-child td { border-bottom: 1px solid var(--border-color); background: white; } .gw_captcha .solution .captcha_input tr:last-child td img { cursor: pointer; } .gw_captcha .solution .captcha_input tr:last-child td:first-child { border-bottom-left-radius: 4px; } .gw_captcha .solution .captcha_input tr:last-child td:last-child { border-bottom-right-radius: 4px; } .gw_captcha .solution .captcha_input tr td:first-child { border-left: 1px solid var(--border-color); } .gw_captcha .solution img { vertical-align: bottom; } .gw_captcha .options { display: flex; margin: 8px 0; align-items: end; } .gw_captcha .options a { cursor: pointer; display: inline-block; padding: 4px; } .gw_captcha .options a:hover { background-color: var(--gw-inner-dark); cursor: pointer; } .gw_captcha .options a img { vertical-align: bottom; } .gw_captcha .options a img.selected { opacity: 0.2; } .gw_captcha img { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; } #header #upper_section { border-top: 1px solid var(--gw-inner-dark); } #header #upper_section .current_user { font-size: var(--gw-font-small); } #header #upper_section .current_user ul { padding: var(--gw-cell-small) 0 0 0; margin: 0; list-style-type: disc; list-style-position: inside; } #header #upper_section .current_user #guest_form .info.top { margin-bottom: 4px; } #header #upper_section .current_user #guest_form .info.bottom { margin-top: 4px; } #header #upper_section .current_user #guest_form input[name=user], #header #upper_section .current_user #guest_form input[name=passwrd] { width: 105px; } #header #upper_section .moderation_reports { font-size: var(--gw-font-small); float: right; } #header #upper_section .user_welcome p { margin: 0; display: inline-block; } #header #upper_section .user_welcome p.username { font-weight: bold; } #header #menu_section { border-top: 1px solid var(--gw-inner-dark); display: flex; } #header #menu_section #main_menu { flex: 1 0; } #header #menu_section #header_search_form_wrapper { display: flex; flex-direction: column; justify-content: center; } @media screen and (max-width: 900px) { #header #menu_section #header_search_form_wrapper { display: none; } } #header #menu_section #header_search_form_wrapper #header_search_form { display: flex; padding-right: var(--gw-cell-large); } #header #menu_section #header_search_form_wrapper #header_search_form input { all: revert; box-sizing: content-box; line-height: 1.5rem; height: calc(1.5rem - 4px); padding: 0; } #header #menu_section #header_search_form_wrapper #header_search_form button[type=submit] { all: revert; height: 1.5rem; padding: 0 0.5ch; } .key_value_table .object_row .kv_key { width: 130px; } .key_value_table .object_row .kv_key .clamped { max-width: 120px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .key_value_table .object_row .kv_value { width: min-content; } .key_value_table.wide_keys .object_row .kv_key { width: 210px; } .key_value_table.wide_keys .object_row .kv_key .clamped { max-width: 200px; } .key_value_table.dual_cols col { width: 25%; } @media (max-width: 760px) { .key_value_table.dual_cols { display: block; } .key_value_table.dual_cols tbody { display: flex; flex-wrap: wrap; } .key_value_table.dual_cols tbody tr { display: flex; flex-wrap: wrap; flex-basis: 100%; } .key_value_table.dual_cols tbody tr .kv_key { flex-basis: 210px; } .key_value_table.dual_cols tbody tr .kv_value { flex-basis: calc(100% - 210px); } } .columns_table { width: 100%; } .columns_table .column_item { width: 49.5%; vertical-align: top; } .columns_table .column_separator { width: 1%; } @media (max-width: 960px) { .columns_table .column_item { display: block; width: 100%; } .columns_table .column_separator { display: table-row; } } .linktree ul { margin: 0; padding: var(--gw-cell-medium) var(--gw-cell-small); line-height: 18px; } .linktree li { display: inline-block; } .linktree li img { vertical-align: middle; margin-top: -3px; } .linktree li:last-child:not(:first-child) { display: block; } .linktree li:last-child:not(:first-child) span { font-weight: bold; } .linktree li:nth-last-child(n+3)::after { content: ">"; color: var(--gw-text-link); } @media screen and (max-width: 500px) { .linktree ul { display: block; } .linktree ul li { display: block; image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; padding-left: 30px; background: url("../../images/linktree_subforum.png"); background-repeat: no-repeat; } .linktree ul li img { display: none; } .linktree ul li:first-child { padding-left: 15px; background-image: url("../../images/linktree_hierarchy.png"); } .linktree ul li:last-child:not(:first-child) { background-image: url("../../images/linktree_page_longer.png"); } .linktree ul li::after { content: "" !important; } .linktree ul li > a, .linktree ul li > span { margin-left: 0.4ch; display: block; } } .list_form dl { margin: 0; overflow: hidden; } .list_form dt { float: left; width: 45%; overflow: hidden; clear: both; } .list_form dt > span { display: block; font-size: var(--gw-font-small); } .list_form dt:not(:last-of-type) { margin-bottom: 10px; } .list_form dd { float: left; } .member_list .member { white-space: nowrap; display: inline-block; } .member_list .member a { display: inline-block; } .member_list .member:not(:last-child)::after { content: ", "; white-space: pre; } .member_strip { display: inline; } .member_strip > span, .member_strip > a { display: inline-block; vertical-align: text-bottom; } .member_strip img { display: block; float: left; } .member_strip .username a { display: inline-block; } .member_strip .pips { position: relative; } .member_strip .pips.pip_type_lego { top: -1px; } .member_strip .pips.pip_type_pip { top: -3px; } .message_label { font-size: var(--gw-font-small); border: 1px solid rgba(5, 2, 2, 0.08); border-bottom-color: rgba(5, 2, 2, 0.22); padding: 2px 4px; display: inline-block; overflow: hidden; border-radius: 3px; background-color: var(--gw-inner-highlighted); position: relative; text-decoration: none; } .message_label::before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background: rgba(0, 0, 0, 0); } .message_label:hover::before { background-color: rgba(255, 255, 255, 0.3); } .message_label.label_color_1 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #e32c28; } .message_label.label_color_2 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #ff7d00; } .message_label.label_color_3 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #efd600; } .message_label.label_color_4 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #2dd535; } .message_label.label_color_5 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #00cc98; } .message_label.label_color_6 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #00aeee; } .message_label.label_color_7 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #2e96fb; } .message_label.label_color_8 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #9a65ff; } .message_label.label_color_9 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #dc42e3; } .message_label.label_color_10 { color: white; text-shadow: 0 0.5px 1px rgba(5, 2, 2, 0.3); background-color: #fd3c97; } .dark_labels .message_label { text-shadow: none; color: black; border-color: rgba(5, 2, 2, 0.58); border-bottom-color: rgba(5, 2, 2, 0.72); } .dark_labels .message_label::before { box-shadow: inset 2px 2px 0px 0px rgba(255, 255, 255, 0.3); } .notification_component { border: 1px solid black; margin: 5px 0; } .notification_component .inner { border: 1px solid black; padding: var(--gw-cell-large) var(--gw-cell-large); } .notification_component .sub { margin-top: 2px; font-size: var(--gw-font-small); } .notification_component .sub:empty { margin-top: 0; } .notification_component .reasons { padding: 0; list-style: disc; margin: 0 0 0 20px; line-height: var(--gw-line-height-large); } .notification_component.type_danger .main { font-weight: bold; color: var(--gw-notification-danger-color-bold); } .notification_component.type_info { border-color: var(--gw-notification-info-color); } .notification_component.type_warning { border-color: var(--gw-notification-warning-color); } .notification_component.type_danger { border-color: var(--gw-notification-danger-color); } .notification_component.type_success { border-color: var(--gw-notification-success-color); } .notification_component.type_info .inner { color: var(--gw-notification-info-color); background-color: var(--gw-notification-info-background); border-color: var(--gw-notification-info-border); } .notification_component.type_warning .inner { color: var(--gw-notification-warning-color); background-color: var(--gw-notification-warning-background); border-color: var(--gw-notification-warning-border); } .notification_component.type_danger .inner { color: var(--gw-notification-danger-color); background-color: var(--gw-notification-danger-background); border-color: var(--gw-notification-danger-border); } .notification_component.type_success .inner { color: var(--gw-notification-success-color); background-color: var(--gw-notification-success-background); border-color: var(--gw-notification-success-border); } .object_row th .notification_component:first-child, .object_row td .notification_component:first-child { margin-top: 0; } .forum_page_section { overflow: hidden; display: flex; flex-wrap: wrap; margin-bottom: -6px; justify-content: end; } .page_links_container { display: flex; margin-bottom: 6px; } .page_links_container + .page_links_container { margin-left: 6px; } .page_links { display: flex; font-size: var(--gw-font-small); } .page_links_container.location_bottom .page_links { align-self: start; } .page_links_container.location_top .page_links { align-self: end; } .page_links a { text-decoration: none; } .page_links .links_section { display: flex; } .page_links .links_section .link_item.skip::before { content: "…"; } .page_links .links_section .link_item_first::before { content: "« "; } .page_links .links_section .link_item_last::after { content: " »"; } .page_links .links_section .link_item { padding: var(--gw-cell-small) var(--gw-cell-medium); } .page_links .links_section .link_item.link_item_current { font-weight: bold; } .page_links .links_section .link_item:not(:last-child) { border-right: 1px solid var(--gw-inner-dark); } .pips img { padding-right: 1px; } .object_list.pm_rules .rule_items td br:first-child { display: none; } .object_list.pm_rules .rule_items td > select:not(:first-of-type) { margin-top: 2px; } .object_list.pm_rules .rule_items td > select ~ div > button { margin-top: 4px; } #ruletext strong, #ruletext em { margin: 0 0.4ch; } #ruletext strong { color: #2e96fb; } #ruletext em { color: #e32c28; } .post_poll .poll_options .poll_item label { display: block; } .post_poll .poll_results .bar_item.voted { font-weight: bold; } .post_poll .poll_results .option { width: 40%; } .post_poll .poll_results .bar_container { width: 45%; } .post_poll .poll_results .bar_container .bar_wrapper { min-width: 300px; } .post_poll .poll_results .votes, .post_poll .poll_results .percentage, .post_poll .poll_results .percentage_label { text-align: right; white-space: nowrap; } .post_emoticons .iconset { margin-left: -2px; display: flex; flex-wrap: wrap; align-items: baseline; } .post_emoticons .iconset a { float: left; display: block; cursor: pointer; padding: 0 1px 3px 2px; margin-bottom: 2px; } .post_emoticons .iconset a img { display: block; } .post_emoticons .iconset .button_emoticons { font-size: var(--gw-font-small); margin-left: 8px; align-self: start; height: 20px; } .iconset { display: block; clear: both; overflow: hidden; } .posticon { display: block; float: left; padding: 0 10px 2px 0; cursor: pointer; } .posticon input { width: 15px; height: 15px; margin: 0 !important; } .posticon * { display: inline-block; vertical-align: text-bottom; } .post_icon_link { width: 54px; display: block; } .icon img.shadow { box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.2); } @keyframes blink { 67% { color: transparent; } } #wrapper .post_text { word-break: break-word; } #wrapper .post_text p { margin-bottom: 1em; } #wrapper .post_text > *:first-child { margin-top: 0; } #wrapper .post_text > *:last-child { margin-bottom: 0; } #wrapper .post_text h3 { font-size: var(--gw-font-huge); margin-top: 1em; margin-bottom: 1em; } #wrapper .post_text h4 { font-size: var(--gw-font-large); margin-top: 1em; margin-bottom: 1em; } #wrapper .post_text h5 { font-size: var(--gw-font-regular); font-weight: bold; margin-bottom: 1em; padding: 0; } #wrapper .post_text dl:first-child dt { margin-top: 0; } #wrapper .post_text dt { font-weight: bold; margin-top: 0.5em; } #wrapper .post_text dd { margin-left: 1.5em; } #wrapper .post_text ul { padding-left: 3em; list-style: disc; } #wrapper .post_text ol { padding-left: 3em; list-style: decimal; } #wrapper .post_text li { line-height: 1.5em; } #wrapper .post_text blink { animation: blink 1s step-end infinite; } #wrapper .post_text .bbc_u { text-decoration: underline; } #wrapper .post_text .bbc_img.bbc_img_error { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; min-width: 24px; min-height: 24px; display: inline-block; vertical-align: bottom; background: url("../../images/img_broken.png") no-repeat 50% 50%; border: 1px inset var(--gw-browser-image-border); } #wrapper .post_text .bbc_img.bbc_img_error:first-child { margin-top: 0; } #wrapper .post_text .smiley { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; vertical-align: bottom; } #wrapper .post_text .bbc_code_block .codeheader { color: var(--gw-text-header); background-color: var(--gw-box-header); text-decoration: none; font-style: normal; font-weight: bold; font-size: var(--gw-font-small); border: 1px solid var(--gw-inner-dark); border-bottom: 0px; padding: var(--gw-cell-medium); margin-top: 6px; } #wrapper .post_text .bbc_code_block .codeheader a { color: var(--gw-text-header); text-decoration: none; } #wrapper .post_text .bbc_code_block .codeheader .codeoperation { font-weight: normal; float: right; } #wrapper .post_text .bbc_code_block .codeheader + code { background-color: var(--gw-test); border: 1px solid var(--gw-inner-dark); border-top: 0px; color: var(--gw-text-quote); margin-bottom: 8px; padding: var(--gw-cell-medium) !important; display: block; margin: 0; white-space: pre; font-family: var(--gw-font-code); } #wrapper .post_text .quoteheader { color: var(--gw-text-header); background-color: var(--gw-box-header); text-decoration: none; font-style: normal; font-weight: bold; font-size: var(--gw-font-small); border: 1px solid var(--gw-inner-dark); border-bottom: 0px; padding: var(--gw-cell-medium); margin-top: 6px; } #wrapper .post_text .quoteheader a { color: var(--gw-text-header); text-decoration: none; } #wrapper .post_text .quoteheader + blockquote { margin: 0; background-color: var(--gw-test); border: 1px solid var(--gw-inner-dark); border-top: 0px; color: var(--gw-text-quote); margin-bottom: 8px; padding: var(--gw-cell-medium) !important; } #wrapper .post_text .quoteheader + blockquote + .quotefooter { display: none; } #wrapper .post_text .bbc_table { background-color: var(--gw-test); } #wrapper .post_text .bbc_table th { background-color: var(--gw-box-header); } #wrapper .post_text .bbc_table th, #wrapper .post_text .bbc_table td { border: 1px solid var(--gw-inner-dark); padding: var(--gw-cell-small); } #wrapper .post_text .phpcode { font-family: var(--gw-font-code); display: inline-block; } #wrapper .post_text .phpcode span { display: inline-block; } .post_line_height { line-height: var(--gw-article-line-height); } .post_line_height .bbc_size { line-height: 1em; } .posts_index.after_pagination { margin-top: var(--gw-content-margin); } .posts_index.before_pagination { margin-bottom: var(--gw-content-margin); } .source_table .source_line_number { text-align: right; } .source_table .source_line_number.target { border: 1px solid black; border-right: none; } .source_table .source_line { white-space: nowrap; } .source_table .source_line.target { border: 1px solid black; border-left: none; } .stats_component .header { width: var(--gw-icon-column); text-align: center; } @media screen and (max-width: 380px) { .stats_component .header { display: none; } .stats_component .header + td { border-left: none !important; } } .stats_component .birthdays .name { font-weight: bold; } .stats_component .forum_stats_wrapper { display: flex; gap: 8px; flex-wrap: nowrap; } @media screen and (max-width: 960px) { .stats_component .forum_stats_wrapper { flex-wrap: wrap; gap: 0; margin-top: -4px; } } .stats_component .forum_stats_wrapper .item { flex: 1 1 33%; } @media screen and (max-width: 960px) { .stats_component .forum_stats_wrapper .item { flex-basis: 100% !important; margin-top: 4px; } .stats_component .forum_stats_wrapper .item.type_a { order: 3; } } .stats_component .forum_stats_wrapper .item.type_a { flex-basis: 62%; } .stats_component .forum_stats_wrapper .value { font-weight: bold; } .object_form .form_input_row { display: flex; } .object_form .form_input_row.full_width input[type=text] { width: 100%; min-width: unset; } .object_form .form_input_row.full_width > .input_item_main { flex: 1 0; } .object_form .form_input_row > .input_item:not(:last-child), .object_form .form_input_row > .input_item_main:not(:last-child) { padding-right: 6px; } .object_form .form_input_row > .input_item_main { flex: 0 0; } .object_form .form_input_row .help { line-height: 22px; display: inline-block; } .object_form .form_input_row .help img { vertical-align: middle; margin-top: -2px; } .object_form .form_row { margin: 16px 0; } .object_form .form_row:first-child { margin-top: 0; } .object_form .form_row:last-child { margin-bottom: 0; } .object_form .form_row .form_subrow { margin: 4px 0; } .object_form th.minimal, .object_form td.minimal { min-width: 160px; } .object_form .input_description { font-size: var(--gw-font-small); padding-top: var(--gw-cell-medium); } .object_list { margin: 5px 0; } .object_list .object_list_frame { background: var(--gw-inner-medium); } .object_list .blue_component_header + .object_list_frame { margin-top: 1px; } .object_list .form_line { margin-top: 4px; } .object_list .description { font-size: var(--gw-font-small); margin-top: 4px; } .object_list .description select { font-size: var(--gw-font-small); } .object_list .object_row_list { margin: 0; padding: 0; } .object_list.after_pagination { margin-top: var(--gw-content-margin); } .object_list.before_pagination { margin-bottom: var(--gw-content-margin); } .object_list hr { height: 1px; border: 0; border-top: 1px solid var(--gw-inner-dark); margin: 6px 0; } .text_icon_row img { display: inline-block; vertical-align: text-bottom; margin-bottom: -1px; margin-right: 3px; } .object_table { width: 100%; } .object_table .object_row .sort_col { outline: 1px solid red; } .object_table .object_row.indent_1 .indent_target { padding-left: 3ex; } .object_table .object_row.indent_2 .indent_target { padding-left: 6ex; } .object_table .object_row.indent_3 .indent_target { padding-left: 9ex; } .object_table .object_row.indent_4 .indent_target { padding-left: 12ex; } .object_table .object_row.indent_5 .indent_target { padding-left: 15ex; } .object_table .object_row.indent_6 .indent_target { padding-left: 18ex; } .object_table .object_row.indent_7 .indent_target { padding-left: 21ex; } .object_table .object_row.indent_8 .indent_target { padding-left: 24ex; } .object_table .object_row.indent_9 .indent_target { padding-left: 27ex; } .object_table .object_row.indent_10 .indent_target { padding-left: 30ex; } .object_table .object_row .indent_target { white-space: nowrap; } .object_table .object_row .expandable_row img { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; margin: -2px 0 -5px; position: absolute; float: left; display: block; } .object_table .object_row .expandable_row a { padding-left: 3ex; float: left; display: block; } .object_table .object_row th, .object_table .object_row td.form_row, .object_table .object_row .form_text { line-height: var(--gw-object-table-line-height); vertical-align: top; } .object_table .object_row th[title] span { border-bottom: 1px dotted var(--gw-text-header); } .object_table .object_row.group_name { font-size: var(--gw-font-small); } .object_table .object_row.group_name th { padding: 0cssvar --gw-cell-medium; } .object_table .object_row.is_being_viewed .subject { font-weight: bold; } .object_table .object_row.is_being_viewed .subject::before { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; content: ""; display: inline-block; background: url("../../images/ui_icons/arrow_is_viewing.png"); background-size: 12px 12px; width: 12px; height: 12px; vertical-align: baseline; position: relative; top: 1px; margin-right: -2px; } .object_table .object_row td.connected_left, .object_table .object_row th.connected_left { border-left: none !important; } .object_table .object_row td.connected_right, .object_table .object_row th.connected_right { border-right: none !important; } .object_table .object_row td.extra_padding, .object_table .object_row th.extra_padding { padding-left: var(--gw-cell-extra-padding); padding-right: var(--gw-cell-extra-padding); } .object_table .object_row td.minimal, .object_table .object_row th.minimal { white-space: nowrap; width: 0.01%; } .object_table .object_row td.minimal label small, .object_table .object_row th.minimal label small { white-space: normal; } .object_table .object_row td.minimal img img, .object_table .object_row th.minimal img img { max-width: none; } .object_table .object_row td.no_wrap, .object_table .object_row th.no_wrap { white-space: nowrap; } .object_table .object_row td.no_padding, .object_table .object_row th.no_padding { padding: 0; } .object_table .object_row td.image, .object_table .object_row th.image { padding-top: 0; padding-bottom: 0; } .object_table .object_row td.status_message, .object_table .object_row th.status_message { padding-top: 3rem; padding-bottom: 3rem; } .object_table .object_row td.vertical_align_top, .object_table .object_row th.vertical_align_top { vertical-align: top; } .object_table .object_row td.vertical_align_bottom, .object_table .object_row th.vertical_align_bottom { vertical-align: bottom; } .object_table .object_row td.text_left, .object_table .object_row th.text_left { text-align: left; } .object_table .object_row td.text_center, .object_table .object_row th.text_center { text-align: center; } .object_table .object_row td.text_right, .object_table .object_row th.text_right { text-align: right; } .object_table .object_row td.quick_mod, .object_table .object_row th.quick_mod { vertical-align: middle; } .object_table .object_row td.checkbox_text_rows dd, .object_table .object_row th.checkbox_text_rows dd { margin-left: 21px; margin-top: 2px; margin-bottom: 6px; } .object_table .object_row td.checkbox_text_rows dd:last-child, .object_table .object_row th.checkbox_text_rows dd:last-child { margin-bottom: 0; } .object_table .object_row td.checkbox_text_rows .header, .object_table .object_row th.checkbox_text_rows .header { margin-top: 8px; margin-left: 0; } .object_table .object_row td ul, .object_table .object_row th ul { margin: 0; padding: 0; } .object_table .object_row td label small, .object_table .object_row th label small { font-weight: normal; display: block; margin-top: 4px; line-height: 1.44; } .object_table .object_row .checkbox_wrapper { padding: var(--gw-cell-medium); } .object_table .object_row.quick_mod_options select[name=move_to] { max-width: 16rem; } .object_table thead .object_row td, .object_table thead .object_row th { padding: var(--gw-cell-medium); } .object_table thead .object_row td a, .object_table thead .object_row th a { text-decoration: none; color: var(--gw-text-regular); } .object_table thead .object_row td a:hover, .object_table thead .object_row th a:hover { color: var(--gw-text-link); } .object_table .header_text td, .object_table .header_text th { border-bottom: 1px solid var(--gw-inner-dark); } .object_table thead .object_row th.active_sort_up a::after, .object_table thead .object_row th.active_sort_down a::after { display: inline-block; background-image: url("../../images/ui_icons/arrow_sort_up.png"); background-repeat: no-repeat; content: ""; width: 12px; height: 12px; margin-top: -1px; vertical-align: middle; image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; } .object_table thead .object_row th.active_sort_down a::after { background-image: url("../../images/ui_icons/arrow_sort_down.png"); } .object_table tbody .object_row th { text-align: left; } .object_table .object_row:not(:first-child) td, .object_table .object_row:not(:first-child) th, .object_table thead + tbody .object_row:first-child td, .object_table thead + tbody .object_row:first-child th, .object_table tbody + tbody .object_row:first-child td, .object_table tbody + tbody .object_row:first-child th { border-top: 1px solid var(--gw-inner-dark); } .object_table .object_row th, .object_table .object_row td { padding: var(--gw-cell-medium); } .object_table .object_row.large th, .object_table .object_row.large td { padding: var(--gw-cell-large); } .object_table .object_row th.light, .object_table .object_row.light th, .object_table .object_row td.light, .object_table .object_row.light td { background: var(--gw-inner-light); } .object_table .object_row th.highlighted, .object_table .object_row.highlighted th, .object_table .object_row td.highlighted, .object_table .object_row.highlighted td { background: var(--gw-inner-highlighted); } .object_table .object_row.blue th, .object_table .object_row.blue td { background: var(--gw-inner-blue); border-top: 0; } .object_table .object_row td.medium, .object_table .object_row.medium td { background: var(--gw-inner-medium); } .object_table .object_row td.dark, .object_table .object_row.dark td, .object_table .object_row th.dark, .object_table .object_row.dark th { background: var(--gw-inner-dark); } .object_table .object_row .subline { margin: 4px 0 0 2px; font-size: var(--gw-font-small); } .object_table .object_row td:first-child[rowspan], .object_table .object_row th:first-child[rowspan] { border-right: 1px solid var(--gw-inner-dark); } .object_table .object_row td:not(:first-child), .object_table .object_row th:not(:first-child) { border-left: 1px solid var(--gw-inner-dark); } .object_table .object_table_description { border-bottom: 1px solid var(--gw-inner-dark); } .object_table .object_row .sections .section .subsection { padding-top: 2px; } .object_table .object_row .center { text-align: center; } .object_table .object_row.object_row_attached th, .object_table .object_row.object_row_attached td { border-top: 0; padding-top: 0; } .object_table .object_row_list { margin: 0; padding: 0; } .object_table .list_columns { column-width: 200px; width: 420px; gap: 20px; } .object_table .list_columns label { display: block; } .object_table .object_row.small, .object_table .object_row .small { font-size: var(--gw-font-small); } .object_table .object_row .item_description p { margin: 0; } .object_table .object_row p { margin: 0; } .object_table .object_row .icon { text-align: center; } .object_table .object_row .icon img { display: block; margin: auto; } .object_table .sort_icon { margin-bottom: -1px; } .object_table .object_row.empty_separator td::before { content: " "; } .object_table .object_row.empty_separator.thin td::before { content: ""; } .object_table.hide_quick_mod .object_row .quick_mod { display: none; } .object_table .online_status { display: block; width: 17px; height: 17px; } .object_table .online_status img { display: block; position: relative; top: 0.5px; } .object_table .object_row td.error { background-color: #fbcacc; } .forum_list.is_child_forums { margin-bottom: var(--gw-content-margin); } .forum_list .forum_table_list { width: 100%; } .forum_list .board_row .icon { width: var(--gw-icon-column); } .forum_list .board_row .stats { width: 110px; } .forum_list .board_row .last_post { width: 260px; } .forum_list .board_row .last_post a { white-space: normal; word-break: break-word; } .forum_list .board_row .board_name { font-weight: bold; } .forum_list .board_row .board_name .hidden_to_groups { display: inline; } .forum_list .board_row .board_name .hidden_to_groups .hidden { background: var(--gw-header-color-a); display: inline; padding: 2px 4px; border-radius: 3px; color: white; font-weight: normal; font-size: var(--gw-font-small); } .forum_list .board_row .board_name .hidden_to_groups .hidden.admin_only { background-color: var(--gw-admin-only); } .forum_list .board_row .board_information { font-size: var(--gw-font-small); } .forum_list .board_row .moderators { font-style: italic; } .forum_list .board_row .board_children { font-style: italic; } .forum_list .board_row .board_children ul { display: inline; } .forum_list .board_row .board_children ul li { display: inline; } .forum_list .board_row .board_children ul li a { display: inline; } .forum_list .board_row .board_children ul li:not(:last-child)::after { content: ", "; } @media screen and (max-width: 760px) { .forum_list .board_row .board_children { display: none; } } .forum_list .object_table .object_row th, .forum_list .object_table .object_row td { padding: var(--gw-cell-large); } @media screen and (max-width: 760px) { .forum_list .board_row .stats { width: 0px; display: flex; visibility: hidden; padding: 0 !important; border-left: 0 !important; } } @media screen and (max-width: 664px) { .forum_list .last_post_header { display: none; } .forum_list .board_row .stats, .forum_list .board_row .last_post { display: none; } } @media screen and (max-width: 380px) { .forum_list .board_row .icon { display: none; } } .object_list.post_item { margin: 5px 0; } .post_item .title { position: relative; } .post_item .title .topic_icon { display: block; float: left; position: relative; top: 1px; margin-right: var(--gw-cell-large); height: 10px; } .post_item .title .subject .subject_links a { color: white; text-decoration: none; } .post_item .title .subject .subject_links a:hover { color: var(--gw-text-light-hover); } .post_item .title .subject .subject_links a:not(:first-child)::before { content: " > "; font-size: 10px; position: relative; top: -1px; padding-left: 4px; padding-right: 4px; opacity: 0.8; } .post_item .title .view_count { font-size: var(--gw-font-small); } .post_item .title .tags { display: flex; position: absolute; right: var(--gw-cell-large); top: 0; bottom: 0; align-items: center; } .post_item .title .tags .tag.legacy_tag { display: flex; font-weight: normal; border-radius: var(--gw-rounding-small); background: var(--gw-inner-negative); font-size: var(--gw-font-small); line-height: var(--gw-line-height-large); margin-left: 8px; padding: 1px 6px; border: 1px solid var(--gw-inner-dark); } .post_item .title .tags .tag.legacy_tag::before { content: "#"; } .post_item .post_columns { display: flex; } .post_item .post_columns .post_column { flex: 0 0 calc(100% - var(--gw-post-column-a)); width: calc(100% - var(--gw-post-column-a)); } .post_item .post_columns .post_column .modified { font-style: italic; font-size: var(--gw-font-small); margin-top: 8px; } .post_item .post_columns .post_column .sidebar { float: right; } .post_item .post_columns .post_column .signature { max-height: calc(var(--gw-article-line-height) / 1.2 * var(--gw-signature-max-lines) * 1rem); overflow: hidden; } .post_item .post_columns .post_column .signature::before { content: "__________________"; display: block; margin-bottom: 5px; } .post_item .post_columns .author_column { padding-right: var(--gw-cell-medium); flex: 0 0 var(--gw-post-column-a); } .post_item .post_meta_top { line-height: 20px; border-bottom: 1px solid var(--gw-inner-dark); } .post_item .post_meta_top .author_column, .post_item .post_meta_top .post_column { line-height: 19px; } .post_item .post_meta_top .author_name { margin: 0; line-height: 20px; } .post_item .post_meta_top .author_name a { text-decoration: none; } .post_item .post_meta_top .date a, .post_item .post_meta_top .date > span { color: var(--gw-text-regular); font-size: var(--gw-font-small); text-decoration: none; } .post_item .post_meta_top .date a > .post_n, .post_item .post_meta_top .date > span > .post_n { font-weight: bold; } .post_item .post_meta_top .date a > .timestamp .relative + .regular::before, .post_item .post_meta_top .date > span > .timestamp .relative + .regular::before { content: ", "; } .post_item .post_meta_top .date a > .timestamp .regular + .relative::before, .post_item .post_meta_top .date > span > .timestamp .regular + .relative::before { content: " ("; } .post_item .post_meta_top .date a > .timestamp .regular + .relative::after, .post_item .post_meta_top .date > span > .timestamp .regular + .relative::after { content: ")"; } .post_item .post_meta_top .date a > .sub, .post_item .post_meta_top .date > span > .sub { display: block; } .post_item .post_meta_bottom { padding-bottom: calc(var(--gw-cell-medium) - 1px); } .post_item .post_meta_bottom .online_status { display: block; } .post_item .post_meta_bottom .online_status img { margin-top: 2px; } .post_item .post_meta_bottom .action_buttons .labels { display: flex; } .post_item .post_meta_bottom .action_buttons .labels select, .post_item .post_meta_bottom .action_buttons .labels input[type=submit] { font-size: var(--gw-font-small); } .post_item .post_meta_bottom .action_buttons .labels input[type=submit] { margin-left: 2px; } .post_item .post_content.post_content_preview { padding-bottom: var(--gw-cell-medium) !important; } .post_item .post_content .member_info { padding: 5px 0 0 0; margin: 0; font-size: var(--gw-font-small); line-height: var(--gw-line-height-large); } .post_item .post_content .member_info .avatar { margin-bottom: 6px; } .post_item .post_content .member_info .avatar a, .post_item .post_content .member_info .avatar span, .post_item .post_content .member_info .avatar img { display: block; } .post_item .post_content .member_info .avatar .avatar_wrapper { max-width: 150px; } .post_item .post_content .member_info .avatar .avatar_wrapper img { max-width: 100%; height: auto; } .post_item .post_content .member_info .title { margin-bottom: 6px; } .post_item .post_content .spam_removed { font-style: italic; font-size: var(--gw-font-small); margin-top: 8px; } .post_item .post_content .spam_removed .spam_message { font-family: var(--gw-font-monospace); padding-left: 1.5ch; } .post_item:not(.is_reply_history_post) .post_content { padding-bottom: 30px !important; } .post_item.is_ignored .post_item_ignored { display: block; background-color: var(--gw-inner-medium); } .post_item.is_ignored .post_item_ignored .ignore_notification { text-align: center; font-size: var(--gw-font-small); padding: 15px var(--gw-cell-large); } .post_item.is_ignored .post_item_ignored .ignore_notification .text { font-weight: bold; } .post_item.is_ignored .post_item_ignored .ignore_notification .unhide { padding-top: var(--gw-cell-large); display: block; } .post_item.is_ignored .post_item_inner { display: none; } .post_item.is_ignored.display_ignored_post .post_item_ignored { display: none; } .post_item.is_ignored.display_ignored_post .post_item_inner { display: block; } .topic_list .topic_pages { font-size: var(--gw-font-small); display: inline-block; } .topic_list .topic_pages:empty { display: none; } .topic_list .topic_pages > span { font-weight: normal !important; } .topic_list .topic_row { height: 41px; } .topic_list .topic_row .topic_container { position: relative; } .topic_list .topic_row .link .new_post_link_indicator { width: 19px; display: inline-block; margin: 0 -2px 0 0; } .topic_list .topic_row .link .new_post_link_indicator img { position: absolute; width: 19px; height: 21px; display: block; top: -3px; } .topic_list .topic_row .new_post_link_indicator { display: none !important; } .topic_list .topic_row .subject .topic_container .labels .label::before { content: ""; } .topic_list .topic_row .subject .topic_container .labels .label.img { width: 19px; height: 10px; display: inline-block; vertical-align: top; position: relative; } .topic_list .topic_row .subject .topic_container .labels .label.img::before { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; display: inline-block; background-position: 50%; background-repeat: no-repeat; background-size: 19px 21px; position: absolute; top: -2px; width: 19px; height: 21px; } .topic_list .topic_row .subject .topic_container .labels .label.lock { width: 13px; } .topic_list .topic_row .subject .topic_container .labels .label.lock::before { width: 13px; background-image: url("../../images/topic_lock.png"); background-size: 13px 21px; } @media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .topic_list .topic_row .subject .topic_container .labels .label.lock::before { background-image: url("../../images/topic_lock@2x.png"); } } .topic_list .topic_row .subject .topic_container .labels .label.lock_text::before { content: "Locked:"; } .topic_list .topic_row .subject .topic_container .labels .label.redirect_text::before { content: "Moved:"; } .topic_list .topic_row .subject .topic_container .labels .label.poll_text::before { content: "Poll:"; } .topic_list .topic_row.is_selected td { background: var(--gw-inner-highlighted); } .topic_list .topic_row.is_unread .subject .link { font-weight: bold; } .topic_list .topic_row .subject.no_post_info .link a { pointer-events: none; } .topic_list .last_post .last_post_icon { text-decoration: none; } .topic_list .last_post .last_post_icon img { vertical-align: text-bottom; } .topic_list .last_post .last_post_time { padding-bottom: 2px; } .topic_list .last_post .last_post_time strong { font-weight: normal; } .topic_list .last_post a { white-space: normal; word-break: break-word; } .message_table_list td.icon, .message_table_list th.icon { width: var(--gw-icon-column) !important; } .message_table_list td.starter, .message_table_list th.starter { width: 150px; } .message_table_list td.replies, .message_table_list th.replies { width: 85px; } .message_table_list td.views, .message_table_list th.views { width: 85px; } .message_table_list td.last_post, .message_table_list th.last_post { width: 210px; } .new_post_form { margin-bottom: var(--gw-content-margin); } .new_post_form .post_subject .posticon_prefix { align-self: center; } .new_post_form .post_subject .posticon_prefix img { display: block; } .new_post_form .poll_options { line-height: 1.5625rem; margin-bottom: 4px !important; } .new_post_form .user_suggestion_container { font-size: var(--gw-font-small); } .new_post_form .user_suggestion_container > div { display: inline-block; margin: 4px 8px 0 0; } .new_post_form .user_suggestion_container > div img { cursor: pointer; } .new_post_form .attachments_edit .current_attachments { margin-top: 4px; } .post_preview + .new_post_form { margin-top: var(--gw-content-margin); } .object_form.profile .object_row.slug_cust_member { display: none; } .object_form.profile.premium .object_row.slug_cust_member { display: table-row; } .object_form.profile #slug_cust_member { display: flex; } .object_form.profile #slug_cust_member .preview { margin-left: 8px; line-height: 22px; } .object_form.profile #slug_cust_member .preview .name { font-weight: bold; } .object_form.profile #slug_cust_member .preview .pips { margin-left: 4px; position: relative; top: -1px; } .object_form.profile #slug_cust_member .preview .pips img { vertical-align: middle; } .search_form .search_subforums { margin-top: 10px; } .object_table#stats tbody tr[class=object_row] td { background: var(--gw-inner-light); text-align: left !important; } .object_table#stats tbody tr[class=object_row] td:first-child { padding-left: 6ex !important; } .pm_page.single_mode .pm_messages .post_item { margin-bottom: var(--gw-content-margin); } .pm_page .subject_list .object_row .subject { width: 45%; } @media screen and (max-width: 960px) { .pm_page .subject_list .object_row .subject { width: auto; } } .user_profile .profile_info { flex: 1 0; } .user_profile .profile_preview { flex: 195px 0; } .user_profile.left_side .profile_preview { order: -1; } .permissions .permission_description { width: 50%; } .permissions .permission_id { width: 25%; } .permissions .permission_status { width: 25%; } .permissions .denied td { background: var(--gw-notification-danger-background) !important; } .permissions .denied .permission_name { color: var(--gw-notification-danger-color); text-decoration: line-through; } .bar_chart { padding: 0; margin: 0; } .bar_chart .bar { float: left; width: 4.1666666667%; position: relative; height: 100px; margin-bottom: 20px; } .bar_chart .bar .inner { width: 12px; position: absolute; min-height: 1px; max-height: 100%; left: 50%; margin-left: -6px; bottom: 0; background: var(--gw-outline); } .bar_chart .bar .value { position: absolute; left: 0; right: 0; bottom: -20px; text-align: center; display: block; font-size: var(--gw-font-small); } @media screen and (max-width: 825px) { .bar_chart .bar:nth-child(even) .value { visibility: hidden; } } @media screen and (max-width: 480px) { .bar_chart .bar { margin-bottom: 0; } .bar_chart .bar .value { display: none; } } .stats_table .object_row { line-height: 1.25rem; } .stats_table td.pie_chart { padding: 2px 0 2pxcssvar --gw-cell-medium; } .stats_table td.pie_chart .pie_chart { width: 20px; } .stats_table td.percentage_total { min-width: 72px; text-align: right; }