#back { padding: 0px; } #back, .footer .widget, #poweredByHolder { border: none; } .left_of_nav, .nav, .right_of_nav, .sidebar { display: none; } .footer .widget, #poweredByHolder { background-color: #393939; } .submenu a:before { content: "-"; margin-right: 8px; } {{template "acc_panel_common.css" }} .colstack_left .colstack_head { font-size: 19px; padding-top: 10px; padding-bottom: 10px; } .menu_stats { margin-left: 4px; } .colstack_right { background-color: #333333; width: 75%; padding-top: 12px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; } .colstack_right .colstack_head { margin-bottom: 5px; } .colstack_right .colstack_head h1 { font-size: 21px; } .colstack_right .colstack_item.the_form, .colstack_right .colstack_item:not(.colstack_head):not(.rowhead) .rowitem { background-color: #444444; } .rowitem { display: flex; } .colstack_grid { display: grid; grid-gap: 8px; grid-template-columns: repeat(3, 1fr); } .rowlist.bgavatars, .micro_grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .grid_item { border-radius: 3px; color: rgb(190,190,190); background-color: rgb(68,68,68); padding: 12px; } .stat_green { background-color: rgb(68,88,68); } .stat_red { background-color: rgb(88,68,68); } .to_right, .panel_buttons, .panel_floater { margin-left: auto; } .colstack_right input, .colstack_right select, .colstack_right textarea { padding: 4px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; } button, .formbutton, .panel_right_button:not(.has_inner_button), #panel_users .profile_url { background: rgb(100,100,200); } #panel_users .panel_tag:not(.panel_right_button) { background: rgb(50,150,50); } .panel_right_button:not(.has_inner_button), .panel_right_button button, #panel_users .panel_tag:not(.panel_right_button), #panel_users .profile_url { margin-left: 2px; padding: 5px; padding-left: 6px; padding-right: 6px; } #panel_users .panel_tag:not(.panel_right_button), #panel_users .profile_url { color: rgb(250,250,250); font-size: 15px; text-align: center; border-radius: 3px; } .edit_button:after { content: "{{lang "panel_edit_button_text" . }}"; } .delete_button:after { content: "{{lang "panel_delete_button_text" . }}"; } /*#themeSelector select { background: rgb(90,90,90); color: rgb(200,200,200); }*/ .colstack_graph_holder { background-color: #444444; border-radius: 3px; padding: 16px; padding-bottom: 0px; padding-left: 0px; } .colstack_graph_holder .ct-label { color: rgb(195,195,195); font-size: 13px; white-space: nowrap; } .colstack_graph_holder .ct-horizontal { margin-top: 3px; } .colstack_graph_holder .ct-grid { stroke: rgb(125,125,125); } #panel_setting .formlabel { display: none; } #panel_setting textarea { width: 100%; height: 80px; } .micro_grid .to_right, .micro_grid .panel_buttons { margin-left: 0px; } #panel_settings .panel_upshift { margin-bottom: 12px; } #panel_settings .to_right { white-space: nowrap; margin-top: auto; padding-top: 10px; background-color: #555555; border-radius: 5px; padding-left: 5px; padding: 12px; } #panel_settings.rowlist.bgavatars.micro_grid, .micro_grid { grid-gap: 24px; grid-row-gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } #panel_word_filters { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } #panel_word_filters .filters_find { margin-bottom: 1px; } #panel_word_filters .itemSeparator:before { content: "{{lang "panel_word_filters_to" . }}"; font-size: 17px; margin-bottom: 1px; } #panel_word_filters .panel_buttons { margin-top: 14px; } #panel_users .rowitem .to_right { order: 0; margin-right: auto; } #panel_users .rowitem .profile_url { order: 1; } #panel_users .rowitem .panel_floater { order: 2; margin-top: 8px; margin-right: auto; } .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 { margin-top: 8px; } .colstack_right .colstack_item:not(.colstack_head):not(.rowhead).panel_submitrow .rowitem { padding-bottom: 14px; } .panel_submitrow .rowitem button:first-child { margin-left: auto; } .panel_submitrow .rowitem button:last-child { margin-right: auto; } /*.has_inner_button button { margin-right: 8px; }*/ #forum_quick_perms .formitem, #forum_quick_perms .panel_floater { display: flex; } #forum_quick_perms .edit_fields { margin-left: 4px; } .panel_plugin_meta { display: flex; flex-direction: column; } .panel_plugin_meta br { display: none; } .panel_plugin_meta small { margin-left: 0px !important; margin-top: 1px; } /* TODO: Switch out this hack for vertically aligning the buttons */ /* margin-top: 10px; */ #panel_plugins .to_right { display: flex; } #panel_plugins .to_right .panel_right_button { margin-top: auto; margin-bottom: auto; } #panel_debug .grid_stat:not(.grid_stat_head) { margin-bottom: 5px; }