7be011a30d
The topic list cache can handle more groups now, but don't go too crazy with groups (e.g. thousands of them). Make the suspicious request logs more descriptive. Added the phrases API endpoint. Split the template phrases up by prefix, more work on this coming up. Removed #dash_saved and part of #dash_username. Removed some temporary artifacts from trying to implement FA5 in Nox. Removed some commented CSS. Fixed template artifact deletion on Windows. Tweaked HTTPSRedirect to make it more compact. Fixed NullUserCache not complying with the expectations for BulkGet. Swapped out a few RunVhook calls for more appropriate RunVhookNoreturn calls. Removed a few redundant IsAdmin checks when IsMod would suffice. Commented out a few pushers. Desktop notification permission requests are no longer served to guests. Split topics.html into topics.html and topics_topic.html RunThemeTemplate should now fallback to interpreted templates properly when the transpiled variants aren't avaialb.e Changed TopicsRow.CreatedAt from a string to a time.Time Added SkipTmplPtrMap to CTemplateConfig. Added SetBuildTags to CTemplateSet. A bit more data is dumped when something goes wrong while transpiling templates now. topics_topic, topic_posts, and topic_alt_posts are now transpiled for the client, although not all of them are ready to be served to the client yet. Client rendered templates now support phrases. Client rendered templates now support loops. Fixed loadAlerts in global.js Refactored some of the template initialisation code to make it less repetitive. Split topic.html into topic.html and topic_posts.html Split topic_alt.html into topic_alt.html and topic_alt_posts.html Added comments for PollCache. Fixed a data race in the MemoryPollCache. The writer is now closed properly in WsHubImpl.broadcastMessage. Fixed a potential deadlock in WsHubImpl.broadcastMessage. Removed some old commented code in websockets.go Added the DisableLiveTopicList config setting.
370 lines
6.2 KiB
CSS
370 lines
6.2 KiB
CSS
:root {
|
|
--darkest-background: #222222;
|
|
--second-dark-background: #292929;
|
|
--third-dark-background: #333333;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
color: #AAAAAA;
|
|
background-color: var(--darkest-background);
|
|
font-family: "Segoe UI";
|
|
}
|
|
a {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav.nav {
|
|
background: var(--darkest-background);
|
|
width: calc(100% - 200px);
|
|
float: left;
|
|
}
|
|
ul {
|
|
list-style-type: none;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
clear: both;
|
|
}
|
|
li {
|
|
float: left;
|
|
margin-right: 12px;
|
|
}
|
|
li a {
|
|
padding-top: 35px;
|
|
padding-bottom: 22px;
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
color: #aaaaaa;
|
|
}
|
|
#menu_overview {
|
|
margin-right: 24px;
|
|
}
|
|
#menu_overview a {
|
|
font-size: 22px;
|
|
padding-bottom: 21px;
|
|
color: rgb(221,221,221);
|
|
padding-top: 31px;
|
|
}
|
|
.menu_topics a {
|
|
border-bottom: 2px solid #777777;
|
|
padding-bottom: 21px;
|
|
color: #dddddd;
|
|
}
|
|
.menu_alerts {
|
|
display: none;
|
|
}
|
|
.right_of_nav {
|
|
float: left;
|
|
width: 200px;
|
|
background-color: var(--darkest-background);
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
.user_box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-radius: 3px;
|
|
background-color: var(--third-dark-background);
|
|
padding-top: 11px;
|
|
padding-bottom: 11px;
|
|
padding-left: 12px;
|
|
}
|
|
.user_box img {
|
|
display: block;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 32px;
|
|
margin-right: 8px;
|
|
}
|
|
.user_box .username {
|
|
display: block;
|
|
font-size: 16px;
|
|
padding-top: 4px;
|
|
line-height: 10px;
|
|
}
|
|
.user_box .alerts {
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
}
|
|
.container {
|
|
clear: both;
|
|
}
|
|
#back {
|
|
background: var(--third-dark-background);
|
|
padding: 24px;
|
|
padding-top: 12px;
|
|
clear: both;
|
|
display: flex;
|
|
}
|
|
#main, #main .rowblock {
|
|
width: 100%;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 320px;
|
|
}
|
|
.rowblock:not(.topic_list):not(.rowhead):not(.opthead) .rowitem {
|
|
border-radius: 3px;
|
|
background-color: #444444;
|
|
display: flex;
|
|
padding: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.colstack_right .colstack_item.the_form {
|
|
border-radius: 3px;
|
|
background-color: #444444;
|
|
padding: 16px;
|
|
}
|
|
.colstack_right .colstack_item:not(.colstack_head):not(.rowhead) .rowitem {
|
|
border-radius: 3px;
|
|
background-color: #444444;
|
|
padding: 16px;
|
|
}
|
|
.colstack_right .colstack_item:not(.colstack_head):not(.rowhead) .rowitem:not(:last-child) {
|
|
margin-bottom: 8px;
|
|
}
|
|
.colstack_right .colstack_head:not(:first-child) {
|
|
margin-top: 16px;
|
|
}
|
|
.rowmsg {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
h1, h3 {
|
|
-webkit-margin-before: 0;
|
|
-webkit-margin-after: 0;
|
|
margin-block-start: 0;
|
|
margin-block-end: 0;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.mod_floater, .modal_pane {
|
|
display: none;
|
|
}
|
|
|
|
.rowhead, .opthead {
|
|
margin-left: 18px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.rowhead h1, .opthead h1 {
|
|
font-size: 23px;
|
|
}
|
|
.sidebar .rowhead {
|
|
margin-top: 4px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.sidebar .rowhead h1 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.topic_row:not(:last-child) {
|
|
margin-bottom: 8px;
|
|
}
|
|
.topic_row {
|
|
border-radius: 3px;
|
|
background-color: #444444;
|
|
display: flex;
|
|
}
|
|
.topic_left, .topic_right, .topic_middle {
|
|
padding: 16px;
|
|
padding-bottom: 12px;
|
|
display: flex;
|
|
width: 33%;
|
|
}
|
|
.topic_middle {
|
|
padding-top: 15px;
|
|
}
|
|
.topic_left {
|
|
margin-right: auto;
|
|
}
|
|
.topic_left img, .topic_right img {
|
|
border-radius: 24px;
|
|
height: 38px;
|
|
width: 38px;
|
|
margin-right: 8px;
|
|
margin-top: 1px;
|
|
}
|
|
.topic_inner_left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.topic_inner_left .parent_forum {
|
|
display: none; /* Comment this until we figure out how to make it work */
|
|
}
|
|
.topic_right_inside {
|
|
display: flex;
|
|
margin-left: auto;
|
|
width: 180px;
|
|
}
|
|
.topic_right_inside .lastName, .topic_left .rowtopic {
|
|
font-size: 15px !important;
|
|
line-height: 22px;
|
|
}
|
|
.topic_right_inside .lastReplyAt, .topic_left .starter {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
}
|
|
.topic_right_inside span {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.topic_inner_left br, .topic_right_inside br, .topic_inner_right {
|
|
display: none;
|
|
}
|
|
.topic_middle .replyCount:after {
|
|
content: "replies";
|
|
margin-left: 3px;
|
|
}
|
|
.topic_middle .likeCount:after {
|
|
content: "likes";
|
|
margin-left: 3px;
|
|
}
|
|
.topic_middle_inside {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 80px;
|
|
}
|
|
.topic_status_e {
|
|
display: none;
|
|
}
|
|
|
|
input, select, button, .formbutton, textarea {
|
|
border-radius: 3px;
|
|
background: rgb(90,90,90);
|
|
color: rgb(200,200,200);
|
|
border: none;
|
|
padding: 4px;
|
|
}
|
|
input:focus, select:focus, textarea:focus {
|
|
outline: 1px solid rgb(120,120,120);
|
|
}
|
|
input {
|
|
background-image: url(./fa-svg/pencil-alt.svg);
|
|
background-size: 12px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px bottom 9px;
|
|
background-position-x: right 10px;
|
|
padding: 5px;
|
|
padding-bottom: 3px;
|
|
font-size: 16px;
|
|
}
|
|
button, .formbutton {
|
|
background: rgb(110,110,210);
|
|
color: rgb(250,250,250);
|
|
font-family: "Segoe UI";
|
|
font-size: 15px;
|
|
text-align: center;
|
|
padding: 6px;
|
|
}
|
|
|
|
.pageset {
|
|
display: flex;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.pageitem {
|
|
font-size: 17px;
|
|
border-radius: 3px;
|
|
background-color: #444444;
|
|
padding: 7px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#prevFloat, #nextFloat {
|
|
display: none;
|
|
}
|
|
.forum_list .rowitem {
|
|
margin-bottom: 8px;
|
|
display: flex;
|
|
}
|
|
.forum_list .forum_left {
|
|
margin-left: 8px;
|
|
}
|
|
.forum_list .forum_nodesc {
|
|
font-style: italic;
|
|
}
|
|
.forum_list .forum_right {
|
|
display: flex;
|
|
margin-left: auto;
|
|
margin-right: 8px;
|
|
padding-top: 2px;
|
|
width: 140px;
|
|
}
|
|
.forum_list .forum_right img {
|
|
margin-right: 10px;
|
|
margin-top: 2px;
|
|
}
|
|
.forum_list .forum_right span {
|
|
line-height: 19px;
|
|
}
|
|
.extra_little_row_avatar {
|
|
border-radius: 24px;
|
|
height: 36px;
|
|
width: 36px;
|
|
}
|
|
|
|
.colstack {
|
|
display: flex;
|
|
}
|
|
|
|
.footer .widget {
|
|
padding: 12px;
|
|
border-bottom: 1px solid #555555;
|
|
}
|
|
#poweredByHolder {
|
|
display: flex;
|
|
padding: 12px;
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
#poweredBy {
|
|
margin-right: auto;
|
|
}
|
|
.footer .widget, #poweredByHolder {
|
|
background-color: #444444;
|
|
}
|
|
|
|
@media(min-width: 1010px) {
|
|
.container {
|
|
background-color: var(--second-dark-background);
|
|
}
|
|
#back {
|
|
width: 1000px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.footBlock {
|
|
display: flex;
|
|
}
|
|
.footer {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 1000px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media(min-width: 1330px) {
|
|
nav.nav {
|
|
width: calc(85% - 200px)
|
|
}
|
|
ul {
|
|
margin-left: 205px;
|
|
}
|
|
.right_of_nav {
|
|
width: calc(15% + 200px);
|
|
}
|
|
.user_box {
|
|
width: 200px;
|
|
}
|
|
}
|