#main { max-width: inherit; margin-left: 0px; margin-right: 0px; border-left: none; border-right: none; padding-left: 0px; padding-bottom: 0px; } #back { background-color: inherit; padding-top: 0px; } .colstack_left { width: 250px !important; background-color: white; margin-top: -18.5px; margin-left: -0.5px; border-top: 1px solid var(--element-border-color); border-right: 1px solid var(--element-border-color); } .colstack_left .colstack_head { margin-top: 6px; margin-bottom: 8px; margin-left: 16px; padding-bottom: 12px; padding-top: 12px; padding-left: 8px; border-bottom: 1px solid var(--element-border-color); border-left: none; border-right: none; border-top: none; width: fit-content; } .colstack_left .rowmenu { padding-left: 18px !important; } .colstack_left .rowmenu .passive { border: none; font-size: 15px; padding: 8px; padding-top: 6px; padding-bottom: 8px; } .colstack_left .rowmenu .passive:first-child { border-top: none; } .colstack_left .rowmenu .passive:last-child { border-bottom: 1px solid var(--element-border-color) !important; width: 150px; padding-bottom: 16px; } .submenu { margin-left: 12px; } .submenu_fallback { display: none; } .colstack_right { margin-right: 14px; /*margin-top: -4px;*/ margin-bottom: 14px; } .colstack_right .colstack_head .rowitem { display: flex; } .colstack_right .colstack_head h1 + h2.hguide { margin-left: auto; color: var(--extra-lightened-primary-text-color); } .footer { margin-top: 0px; } .colstack_right .colstack_head:not(:first-child) { margin-top: 14px; } #panel_dashboard_right .colstack_head h1 { font-size: 17px; color: hsl(0,0%,40%); } /* TODO: Move these to panel.css */ #dash-version:before, #dash-cpu:before, #dash-ram:before, #dash-memused:before, #dash-totonline:before, #dash-gonline:before, #dash-uonline:before, #dash-reqs:before, #dash-postsperday:before, #dash-topicsperday:before { display: inline-block; background: var(--tinted-background-color); font: normal normal normal 14px/1 FontAwesome; font-size: 20px; padding-left: 17px; padding-top: 16px; padding-right: 19px; color: hsl(0,0%,20%); } #dash-version:before { content: "\f126"; } #dash-cpu:before, #dash-memused:before { content: "\f2db"; } #dash-ram:before { content: "\f233"; } #dash-totonline:before, #dash-gonline:before, #dash-uonline:before { content: "\f007"; } #dash-reqs:before { content: "\f080"; } #dash-postsperday:before, #dash-topicsperday:before { content: "\f27b"; } .grid2 { margin-top: 16px; } #panel_debug .grid_stat:not(.grid_stat_head) { margin-bottom: 8px; } .debug_page.colstack_right .colstack_sub_head { margin-top: 6px; } .complex_rowlist { background-color: inherit !important; border: none !important; } .complex_rowlist .rowitem { display: flex; } .panel_buttons, .panel_floater { margin-left: auto; display: flex; } .panel_buttons:before, .panel_floater:before, .edit_button:after, .delete_button:after { color: hsl(0,0%,65%); } .panel_buttons:before, .panel_floater:before { content: ""; border-left: 1px solid var(--element-border-color); height: 15px; margin-top: 2px; margin-bottom: 0px; margin-right: 0px; } #panel_users .panel_floater:before { display: none; } #panel_users .panel_floater { text-align: center; flex-direction: column; } .edit_button:after, .delete_button:after { font: normal normal normal 14px/1 FontAwesome; padding-left: 12px; height: 20px; } .edit_button:after { content: "\f040"; } .delete_button:after { content: "\f014"; } #panel_users .panel_floater:before, #panel_forums .panel_floater:before, #forum_quick_perms .panel_floater:before, .panel_themes .panel_floater:before, #panel_backups .panel_floater:before { border-left: none; } #panel_forums_name_box { order: 0; } #panel_users .panel_tag:not(.panel_right_button) { display: none; } .panel_right_button + .panel_right_button { margin-left: 3px; } .panel_group_perms .formitem a { margin-top: 5px; } #panel_word_filters .itemSeparator:before { content: "|"; padding-left: 5px; padding-right: 5px; color: var(--primary-link-color); } /* TODO: Should we be using .formrows in #forum_quick_perms? Can we normalize it? Would this break the other themes? */ .formlist:not(#forum_quick_perms), .panel_themes .rowitem, #panel_plugins .rowitem, #forum_quick_perms .formitem { padding: 12px; margin-bottom: 8px; background-color: var(--element-background-color); border: 1px solid var(--element-border-color); border-bottom: 2px solid var(--element-border-color); } .formlist .formrow { padding: 0px !important; margin: 0px; } .formlist .formitem { padding: 8px; } .panel_theme_mobile, .panel_theme_tag { display: none; } #panel_plugins .rowitem { display: block; } #panel_users .rowitem .rowTitle { border-bottom: 1px solid var(--lighter-text-color); padding-bottom: 4px; margin-bottom: 6px; } #panel_setting textarea, #panel_page_list textarea, #panel_page_edit textarea { width: 100%; height: 80px; } #panel_setting .formlabel { display: none; } #panel_settings .panel_upshift { border-bottom: 1px solid var(--element-border-color); padding-bottom: 12px; } #panel_settings.rowlist.bgavatars .rowitem > a, #panel_settings.rowlist.bgavatars .rowitem > span { margin-left: 0px; margin-right: 0px; } #panel_settings .to_right { float: none; margin-top: auto; padding-top: 14px; word-break: break-all; } #panel_page_list textarea, #panel_page_edit textarea { margin-top: 8px; } #forum_quick_perms .formitem { display: flex; } #forum_quick_perms .formitem .edit_fields { margin-left: 3px; margin-top: 1px; } #forum_quick_perms .perm_preset { margin-right: 6px; } .perm_preset_no_access:before { content: "{{lang "panel_perms_no_access" . }}"; color: hsl(0,100%,20%); } .perm_preset_read_only:before, .perm_preset_can_post:before { color: hsl(120,100%,20%); } .perm_preset_read_only:before { content: "{{lang "panel_perms_read_only" . }}"; } .perm_preset_can_post:before { content: "{{lang "panel_perms_can_post" . }}"; } .perm_preset_can_moderate:before { content: "{{lang "panel_perms_can_moderate" . }}"; color: hsl(240,100%,20%); } .perm_preset_quasi_mod:before { content: "{{lang "panel_perms_quasi_mod" . }}"; } .perm_preset_custom:before { content: "{{lang "panel_perms_custom" . }}"; color: hsl(0,0%,20%); } .perm_preset_default:before { content: "{{lang "panel_perms_default" . }}"; } .panel_submitrow .rowitem { display: flex; } .panel_submitrow .rowitem *:first-child { margin-left: auto; } .panel_submitrow .rowitem *:last-child { margin-right: auto; } .panel_submitrow .rowitem button { margin-top: 0px; } .colstack_graph_holder { background-color: var(--element-background-color); border: 1px solid var(--element-border-color); border-bottom: 2px solid var(--element-border-color); margin-left: 16px; padding-top: 16px; } .colstack_graph_holder.scrolly { overflow-x: scroll; width: 800px; } .colstack_graph_holder.scrolly .ct_chart { width: 1000px; } .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: hsl(359,98%,53%) !important; } .ct-series-a.ct-point { stroke: hsl(359,98%,23%) !important; } .ct-series-a.ct-point:hover { stroke: hsl(359,98%,30%) !important; } /*.ct-chart-line { height: 300px !important; }*/ /*.ct-label.ct-horizontal { position: fixed; justify-content: flex-end; text-align: right; transform-origin: 100% 0; transform: translate(-100%) rotate(-90deg); white-space: nowrap; /*padding-right: 48px;/ top: 8px; }*/ /*.ct-label.ct-horizontal { white-space: nowrap; }*/ /*.ct-label.ct-horizontal { position: fixed; justify-content: flex-end; text-align: right; transform-origin: 100% 0; transform: translate(-100%) rotate(-45deg); white-space: nowrap; }*/ .ct-legend { margin-top: 0px; margin-bottom: 0px; } .analytics .colstack_head select { margin-top: -5px; } .colstack_graph_holder + .rowlist { margin-top: 8px; } .analytics .colstack_head h1 { margin-top: 2px; } select + .timeRangeSelector { margin-left: 8px; } /* Experimental header tweaks */ .colstack_head a { font-size: 17px; } /* #panel_analytics_views_table .rowlist .panel_compactrow { padding: 14px; font-size: 16px; } */ .widget_normal { display: flex; width: 100%; } #widgetTmpl, .widget_disabled { display: none; } .bg_red .widget_disabled { display: inline; } .wtypes .formrow { display: none; } .wtype_about .w_about, .wtype_simple .w_simple, .wtype_wol .w_wol, .wtype_default .w_default { display: block; } .panel_widgets { margin-bottom: 18px; } #panel_reglogs .panel_compactrow { flex-direction: column; } .logdetail { display: flex; width: 100%; margin-top: 4px; } #panel_reglogs .logdetail small, #panel_reglogs .logdetails span { font-size: 14px; } .pageset { margin-left: 16px; } @media(max-width: 999px) { .colstack_left { margin-top: -14.5px; } } @media(min-width: 1000px) { .footBlock { padding-left: 0px; padding-right: 0px; } .footer { max-width: none; width: 100%; margin-left: 0px; margin-right: 0px; } }