bdf7fa40d5
Added an experimental template fragment optimisation. The template generator can handle time.Time The forum and profile templates now have guest and member variants generated for them. Interpreted templates are no longer loaded, if there's a generated version of it. Added absolute time on hover to the topic, topics, forum, and forums templates. We now use lang instead of index in the stylesheets for phrases. Renamed the .trash_label CSS class to .delete_label Use the new toArr and concat template functions to reduce the amount of boilerplate in the theme stylesheets. Removed bits of redundant code here and there in the stylesheets. Added a .CurrentUser.Loggedin to profiles to make them slightly faster. Shortened some themeStmt names. Moved GzipResponseWriter, theme.RunTmpl and theme.GetTmpl from theme_list.go to theme.go The fallback theme now falls back onto the last theme loaded, if the fallback theme doesn't exist. Added the abstime template function for formatting absolute times a little more nicely. Began work on the login logs. Removed the alerts_no_new_alerts phrase. Renamed the forums_topics_suffix phrase to forums.topics_suffix.
333 lines
6.8 KiB
CSS
333 lines
6.8 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: "{{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;
|
|
}
|
|
.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;
|
|
}
|
|
} |