ab6a44cf53
Fixed a bunch of forms which didn't have backgrounds in Nox's Control Panel. Fixed a bunch of double background buttons in Nox's Control Panel. You can no longer resize textareas horizontally on Nox. Fixed the profile comment input width on Nox. Fixed buttons appearing when they shouldn't in Nox's Control Panel. Improved the permissions styling in Nox's Control Panel. Fixed the styling on action posts for Nox. Fixed the padding on the powered by message on Nox. Added styling for .account_soon and .dash_security, I'm not quite happy with it and I might change more things up there. Tweaked a bit of permissions preset padding on Cosora. The edit_fields handler now uses CSS classes rather than inline CSS for hiding and showing elements. Experimented with position: sticky in Cosora. Experimented with the Control Panel Menu styling on Nox.
317 lines
6.4 KiB
CSS
317 lines
6.4 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_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_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;
|
|
}
|
|
} |