gosora/themes/cosora/public/panel.css
Azareal 185f00e019 You can now reorder menu items by dragging them around in the menu item manager.
You can now create menu items.
You can now delete menu items.

Renamed ID to MenuID on PanelMenuPage struct.
Bumped the copyright year in a place in advance.
The footer is no longer hidden in the Control Panel in Tempra Simple.
Fixed the notifications URL, although that page still isn't implemented yet.
Fixed config_default.noparse so that Travis won't error over that.
Refactored some user queries.
2018-05-13 16:56:59 +10:00

259 lines
5.4 KiB
CSS

#main {
max-width: inherit;
margin-left: 0px;
margin-right: 0px;
border-left: none;
border-right: none;
padding-left: 0px;
}
#back {
background-color: inherit;
padding-top: 0px;
}
.colstack_left {
background-color: hsl(0,0%,90%);
margin-top: -18.5px;
margin-left: -0.5px;
border-right: 1px solid var(--element-border-color);
}
.colstack_left .colstack_head {
margin-top: -1px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 12px;
padding-top: 12px;
border-bottom: 1.5px solid var(--element-border-color);
}
.colstack_left .rowmenu .passive:first-child {
border-top: none;
}
.colstack_left .rowmenu .passive:last-child {
border-bottom: 0.5px solid var(--element-border-color) !important;
}
.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;
}
.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;
}
.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: 4px;
}
#forum_quick_perms .formitem {
display: flex;
}
#forum_quick_perms .formitem .edit_fields {
margin-left: 3px;
margin-top: 1px;
}
.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;
}
}