Design update. I'm trying to break the commits into more chunks to get a better idea of what's going on

Moved the topic_closed and topic_sticky classes to the topic_row element to make things more flexible.
Tweaked the padding in the account manager for Nox.
Removed some text which is immediately overwritten anyway in mod_floater.

Began work on bulk moderation for Nox.

templates/forum.html

@@ -26,7 +26,7 @@
 	<div class="mod_floater auto_hide">
 		<form method="post">
 			<div class="mod_floater_head">
-				<span>{{lang "topic_list.what_to_do"}}</span>
+				<span></span>
 			</div>
 			<div class="mod_floater_body">
 				<select class="mod_floater_options">
@@ -77,8 +77,8 @@
 	{{end}}
 	{{end}}
 	<div id="forum_topic_list" class="rowblock topic_list" aria-label="{{lang "forum_list_aria"}}">
-		{{range .ItemList}}<div class="topic_row" data-tid="{{.ID}}">
-		<div class="rowitem topic_left passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
+		{{range .ItemList}}<div class="topic_row{{if .Sticky}} topic_sticky{{else if .IsClosed}} topic_closed{{end}}" data-tid="{{.ID}}">
+		<div class="rowitem topic_left passive datarow">
 			<span class="selector"></span>
 			<a href="{{.Creator.Link}}"><img src="{{.Creator.Avatar}}" height="64" alt="{{.Creator.Name}}'s Avatar" title="{{.Creator.Name}}'s Avatar" /></a>
 			<span class="topic_inner_left">
@@ -100,7 +100,7 @@
 				<span class="likeCount">{{.LikeCount}}</span>
 			</div>
 		</div>
-		<div class="rowitem topic_right passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
+		<div class="rowitem topic_right passive datarow">
 			<div class="topic_right_inside">
 				<a href="{{.LastUser.Link}}"><img src="{{.LastUser.Avatar}}" height="64" alt="{{.LastUser.Name}}'s Avatar" title="{{.LastUser.Name}}'s Avatar" /></a>
 				<span>

templates/topics.html

@@ -23,7 +23,7 @@
 <div class="mod_floater auto_hide">
 	<form method="post">
 	<div class="mod_floater_head">
-		<span>{{lang "topic_list.what_to_do"}}</span>
+		<span></span>
 	</div>
 	<div class="mod_floater_body">
 		<select class="mod_floater_options">

templates/topics_topic.html

@@ -1,5 +1,5 @@
-<div class="topic_row" data-tid="{{.ID}}">
-	<div class="rowitem topic_left passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
+<div class="topic_row{{if .Sticky}} topic_sticky{{else if .IsClosed}} topic_closed{{end}}" data-tid="{{.ID}}">
+	<div class="rowitem topic_left passive datarow">
 		<span class="selector"></span>
 		<a href="{{.Creator.Link}}"><img src="{{.Creator.Avatar}}" height="64" alt="{{.Creator.Name}}'s Avatar" title="{{.Creator.Name}}'s Avatar" /></a>
 		<span class="topic_inner_left">
@@ -21,7 +21,7 @@
 			<span class="likeCount">{{.LikeCount}}</span>
 		</div>
 	</div>
-	<div class="rowitem topic_right passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}} topic_closed{{end}}">
+	<div class="rowitem topic_right passive datarow">
 		<div class="topic_right_inside">
 			<a href="{{.LastUser.Link}}"><img src="{{.LastUser.Avatar}}" height="64" alt="{{.LastUser.Name}}'s Avatar" title="{{.LastUser.Name}}'s Avatar" /></a>
 			<span>

themes/cosora/public/main.css

@@ -870,7 +870,7 @@ textarea {
 	margin-left: 8px;
 }
 
-.topic_sticky {
+.topic_sticky .topic_left, .topic_sticky .topic_right {
 	border-bottom: 2px solid hsl(51, 60%, 70%);
 }
 .topic_selected .topic_left, .topic_selected .topic_right {
@@ -1674,7 +1674,7 @@ textarea {
 	.topic_right_inside br, .topic_right_inside img {
 		display: none;
 	}
-	.topic_right.topic_sticky {
+	.topic_sticky .topic_right {
 		border-bottom: 2px solid var(--element-border-color);
 	}
 	.topic_right_inside > span {

themes/nox/public/account.css

@@ -38,7 +38,6 @@
 .colstack_right {
 	background-color: #444444;
 	width: 75%;
-	padding-top: 12px;
 	padding-right: 24px;
 	padding-bottom: 24px;
 	padding-left: 24px;
@@ -91,12 +90,17 @@ button, .formbutton {
 
 /* end panel css copy */
 
+.colstack_right {
+	padding-top: 16px;
+}
+
 .account_soon, .dash_security {
 	font-size: 14px;
 }
 
 #account_dashboard .colstack_right .coldyn_block {
 	display: flex;
+	margin-top: 2px;
 }
 #dash_left {
 	border-radius: 3px;

themes/nox/public/main.css

@@ -247,6 +247,10 @@ h2 {
 	margin-right: 16px;
 	margin-right: 18px;
 }
+.topic_list_title_block .pre_opt:before {
+	content: "{{index .Phrases "topics_click_topics_to_select"}}";
+	font-size: 14px;
+}
 .topic_list_title_block .opt a {
 	color: #afafaf;
 	margin-left: 8px;
@@ -279,14 +283,17 @@ h2 {
 .topic_left {
 	margin-right: auto;
 }
-.topic_left.topic_sticky {
+.topic_sticky .topic_left {
 	border-left: 3px solid rgb(215, 155, 0);
 	border-radius: 3px;
 }
-.topic_left.topic_closed {
+.topic_closed .topic_left {
 	border-left: 3px solid grey;
 	border-radius: 3px;
 }
+.topic_closed {
+	background-color: #4b4b4b;
+}
 .new_item .topic_left {
 	border-left: 3px solid rgb(215, 215, 215);
 	border-radius: 3px;

themes/shadow/public/main.css

@@ -800,7 +800,7 @@ input[type=checkbox]:checked + label.poll_option_label .sel {
 	padding: 0px;
 	overflow: hidden;
 }
-.topic_left.topic_sticky .topic_inner_left {
+.topic_sticky .topic_left .topic_inner_left {
 	border-top: 4px solid hsl(41, 100%, 50%);
 	padding-left: 10px;
 	padding-top: 10px;

themes/tempra-conflux/public/main.css

@@ -542,10 +542,10 @@ li a {
 .topic_status_closed {
 	margin-left: auto;
 }
-.topic_sticky {
+.topic_sticky .topic_left, .topic_sticky .topic_right {
 	background-color: rgb(255,255,234);
 }
-.topic_closed {
+.topic_closed .topic_left, .topic_closed .topic_right {
 	background-color: rgb(248,248,248);
 }
 

themes/tempra-simple/public/main.css

@@ -568,10 +568,10 @@ input, select {
 	font-size: 0.90em;
 	margin-bottom: -2px;
 }
-.topic_sticky {
+.topic_sticky .topic_left, .topic_sticky .topic_right {
 	background-color: rgb(255,255,234);
 }
-.topic_closed {
+.topic_closed .topic_left, .topic_closed .topic_right {
 	background-color: rgb(248,248,248);
 }
 .topic_sticky_head {