Made progress on Nox, fixed a phrase, and added a couple of missing phrases.

Nox now supports bulk moderations.
Began work on mobile with Nox.
Made several visual improvements for Nox.
Updated the service example.

gosora_example.service

@@ -4,7 +4,7 @@ Description=A service for the Gosora Forum Software
 
 [Service]
 Type=simple
-# You might want to create a user / group for Gosora and set these to further harden your system
+# You might want to create a user / group for Gosora and set these to further harden your system, although this this might not work right now, if we're listening directly on port 80 / 443
 #User=gosoraservice
 #Group=gosoraservice
 

langs/english.json

@@ -80,6 +80,7 @@
 		"topics":"All Topics",
 		"forums":"Forum List",
 		"login":"Login",
+		"login_mfa_verify":"2FA Verify",
 		"register":"Registration",
 		"ip_search":"IP Search",
 		"account":"My Account",
@@ -355,6 +356,7 @@
 
 		"login_mfa_verify_head":"2FA Verify",
 		"login_mfa_verify_explanation":"Please input the code from the authenticator app below.",
+		"login_mfa_token":"Token",
 		"login_mfa_verify_button":"Confirm",
 
 		"register_head":"Create Account",
@@ -429,7 +431,7 @@
 		"topic_list.create_topic_aria":"Create a topic",
 		"topic_list.moderate_tooltip":"Moderate",
 		"topic_list.moderate_aria":"Moderate Posts",
-		"topic_list.what_to_do":"What do you want to do with these 18 topics?",
+		"topic_list.what_to_do":"What do you want to do with these {0} topics?",
 		"topic_list.moderate_delete":"Delete them",
 		"topic_list.moderate_lock":"Lock them",
 		"topic_list.moderate_move":"Move them",

themes/nox/public/main.css

@@ -146,10 +146,55 @@ h1, h2, h3, h4, h5 {
 	margin-top: 0px;
 	margin-bottom: 0px;
 	font-weight: normal;
+	white-space: nowrap;
 }
 
-.mod_floater, .modal_pane {
+@keyframes fadein {
-	display: none;
+	from { opacity: 0; }
+	to { opacity: 1; }
+}
+.modal_pane {
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	background: #444444;
+	border: 2px solid #333333;
+	border-radius: 5px;
+	padding: 12px;
+	padding-top: 8px;
+	z-index: 9999;
+	animation: fadein 0.8s;
+}
+.pane_header {
+	margin-bottom: 2px;
+}
+.pane_row {
+	margin-top: 2px;
+}
+.pane_buttons {
+	margin-top: 8px;
+}
+.mod_floater {
+	position: absolute;
+	right: 10px;
+	bottom: 10px;
+	background: #444444;
+	border-radius: 5px;
+	padding: 12px;
+	padding-top: 8px;
+	width: 200px;
+}
+.mod_floater_head span {
+	margin-bottom: 6px;
+	display: block;
+}
+.mod_floater_body {
+	display: flex;
+}
+.mod_floater_options {
+	width: 100%;
+	margin-right: 10px;
 }
 
 .rowhead, .opthead, .colstack_head {
@@ -249,11 +294,13 @@ h2 {
 }
 .topic_list_title_block .pre_opt:before {
 	content: "{{index .Phrases "topics_click_topics_to_select"}}";
-	font-size: 14px;
+	font-size: 17px;
+	margin-right: 20px;
 }
 .topic_list_title_block .opt a {
 	color: #afafaf;
 	margin-left: 8px;
+	white-space: nowrap;
 }
 .topic_list_title_block .create_topic_opt a:before {
 	content: "Create Topic";
@@ -294,6 +341,9 @@ h2 {
 .topic_closed {
 	background-color: #4b4b4b;
 }
+.topic_selected {
+	background-color: rgb(68, 68, 88);
+}
 .new_item .topic_left {
 	border-left: 3px solid rgb(215, 215, 215);
 	border-radius: 3px;
@@ -405,6 +455,10 @@ button, .formbutton {
 	margin-top: 10px;
 }
 
+.login_mfa_token_row .formlabel {
+	display: none;
+}
+
 .pageset {
     display: flex;
     margin-top: 8px;
@@ -522,6 +576,18 @@ button, .formbutton {
 	display: flex;
 }
 
+.action_item .userinfo, .action_item .action_icon {
+	display: none;
+}
+.action_item .content_container {
+	padding-top: 12px;
+	padding-bottom: 12px;
+}
+.action_item .content_container span {
+	margin-left: auto;
+	margin-right: auto;
+}
+
 .add_like:before, .remove_like:before {
 	content: "{{index .Phrases "topic.plus_one"}}";
 }
@@ -571,6 +637,78 @@ button, .formbutton {
 	background-color: #444444;
 }
 
+@media(max-width: 600px) {
+	nav.nav {
+		background: #2a2a2a;
+		width: 100%;
+	}
+	ul {
+		display: flex;
+		padding-left: 14px;
+		padding-right: 0px;
+	}
+	li {
+		float: left;
+		margin-right: 6px;
+	}
+	li a {
+		padding-top: 14px;
+		padding-bottom: 6px;
+		font-size: 15px;
+		display: inline-block;
+		color: #bfbfbf;
+	}
+	.menu_topics a {
+		padding-bottom: 15px;
+		color: #cfcfcf;
+		border: none;
+	}
+	#menu_overview {
+		margin-right: 10px;
+	}
+	#menu_overview a {
+		font-size: 17px;
+		padding-bottom: 7px;
+		color: rgb(226,226,226);
+		padding-top: 12px;
+	}
+	.right_of_nav {
+		width: auto;
+		padding: 0px;
+	}
+	.user_box {
+		display: none;
+	}
+
+	#back {
+		flex-direction: column;
+	}
+	.rowhead h1, .opthead h1, .colstack_head h1 {
+		font-size: 19px;
+	}
+	.topic_list_title_block .opt {
+		margin-top: -1px;
+	}
+	.topic_list_title_block .opt a {
+		font-size: 16px;
+	}
+
+	.topic_list .topic_middle {
+		display: none;
+	}
+	.topic_left img, .topic_right img {
+		height: 32px;
+		width: 32px;
+	}
+	.topic_list .topic_right_inside .lastReplyAt, .topic_list .topic_left .starter {
+		white-space: nowrap;
+	}
+}
+
+@media(max-width: 850px) {
+	/**/
+}
+
 @media(min-width: 1010px) {
 	.container {
 		background-color: var(--second-dark-background);