a20078d83b
Revamped the Word Filter Manager for Nox. Revamped the Setting Manager for Nox and Cosora. Upped the number of items in the User Manager. Upped the number of items in the Group Manager. Upped the number of items in the Page Manager. Swap a fmt.Println for a DebugLog in hold.ScanItem. EQCSS.js should ignore panel.css in Cosora now. Added the lang template function for stylesheet templates to reduce the amount of boilerplate. Localised a couple of spots in the Nox Theme which got overlooked. Tweaked the grid CSS for Nox. The Control Panel Dashboard items now change colour in Nox like in the other themes. Use Site.Host instead of req.Host for www redirects for security reasons. Removed a superfluous function call in WriterIntercept.WriteHeader. Tweaked several bits and pieces of CSS like the padding on a few items in the Forum Editor. Added the topic_list.moderate phrase. Added the panel_word_filters_to phrase.
333 lines
6.9 KiB
CSS
333 lines
6.9 KiB
CSS
#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;
|
|
}
|
|
.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%);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
#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: "{{index .Phrases "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: "{{index .Phrases "panel_perms_read_only" }}";
|
|
}
|
|
.perm_preset_can_post:before {
|
|
content: "{{index .Phrases "panel_perms_can_post" }}";
|
|
}
|
|
.perm_preset_can_moderate:before {
|
|
content: "{{index .Phrases "panel_perms_can_moderate" }}";
|
|
color: hsl(240,100%,20%);
|
|
}
|
|
.perm_preset_quasi_mod:before {
|
|
content: "{{index .Phrases "panel_perms_quasi_mod" }}";
|
|
}
|
|
.perm_preset_custom:before {
|
|
content: "{{index .Phrases "panel_perms_custom" }}";
|
|
color: hsl(0,0%,20%);
|
|
}
|
|
.perm_preset_default:before {
|
|
content: "{{index .Phrases "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;
|
|
}
|
|
.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-point {
|
|
stroke: hsl(359,98%,23%) !important;
|
|
}
|
|
.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;
|
|
}*/
|
|
.timeRangeSelector {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
/* Experimental header tweaks */
|
|
.colstack_head a {
|
|
font-size: 17px;
|
|
}
|
|
/*
|
|
#panel_analytics_views_table .rowlist .panel_compactrow {
|
|
padding: 14px;
|
|
font-size: 16px;
|
|
}
|
|
*/
|
|
|
|
.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;
|
|
}
|
|
} |