From 6ecbc18831c42b7c8f8c523370361243e02b5f76 Mon Sep 17 00:00:00 2001
From: Azareal <azareal@users.noreply.github.com>
Date: Sat, 1 Sep 2018 18:03:26 +1000
Subject: [PATCH] Basic profiles for Nox. Added the styling for the IP Search
 Page to Nox. Moved the bgavatars related styling from Nox's panel.css to
 main.css

Hide the Extended Notifications Page from the Account Manager as it's a distraction for now.
---
 templates/account_menu.html   |  2 +-
 themes/nox/public/main.css    | 40 ++++++++++++++++++-
 themes/nox/public/panel.css   | 33 ----------------
 themes/nox/public/profile.css | 72 ++++++++++++++++++++++++++++++++++-
 4 files changed, 111 insertions(+), 36 deletions(-)

diff --git a/templates/account_menu.html b/templates/account_menu.html
index a4830dd1..3a955d8c 100644
--- a/templates/account_menu.html
+++ b/templates/account_menu.html
@@ -7,7 +7,7 @@
 	<div class="colstack_item rowmenu">
 		<div class="rowitem passive"><a href="/user/edit/password/">{{lang "account_menu_password"}}</a></div>
 		<div class="rowitem passive"><a href="/user/edit/email/">{{lang "account_menu_email"}}</a></div>
-		<div class="rowitem passive"><a href="/user/edit/notifications/">{{lang "account_menu_notifications"}}</a> <span class="account_soon">Coming Soon</span></div>
+		<!--<div class="rowitem passive"><a href="/user/edit/notifications/">{{lang "account_menu_notifications"}}</a> <span class="account_soon">Coming Soon</span></div>-->
 		{{/** TODO: Add an alerts page with pagination to go through alerts which either don't fit in the alerts drop-down or which have already been dismissed. Bear in mind though that dismissed alerts older than two weeks might be purged to save space and to speed up the database **/}}
 	</div>
 </nav>
diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css
index dd4f9329..36e2b829 100644
--- a/themes/nox/public/main.css
+++ b/themes/nox/public/main.css
@@ -430,12 +430,14 @@ input, select, button, .formbutton, .panel_right_button, textarea {
 input:focus, select:focus, textarea:focus {
 	outline: 1px solid rgb(120,120,120);
 }
-input {
+input:not(input[type=search]):not(input[type=submit]) {
 	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;
+}
+input {
 	padding: 5px;
 	padding-bottom: 3px;
 	font-size: 16px;
@@ -726,6 +728,42 @@ input[type=checkbox]:checked + label .sel {
 	display: flex;
 }
 
+.rowlist.bgavatars {
+	display: grid;
+	grid-gap: 16px;
+	grid-row-gap: 0px;
+	grid-template-columns: repeat(3, 1fr);
+}
+.rowlist.bgavatars .rowitem {
+	display: flex;
+	flex-direction: column;
+	width: 180px;
+	background-image: none !important;
+	margin-bottom: 10px;
+	padding: 16px;
+}
+.rowlist.bgavatars .bgsub {
+	margin-left: auto;
+	margin-right: auto;
+	border-radius: 32px;
+	height: 64px;
+	width: 64px;
+}
+.rowlist.bgavatars .rowTitle {
+	margin-left: auto;
+	margin-right: auto;
+	font-size: 18px;
+	margin-top: 4px;
+}
+
+.ip_search_block {
+	margin-bottom: 12px;
+}
+.ip_search_input {
+	width: 100%;
+	margin-right: 8px;
+}
+
 .footer .widget {
 	padding: 12px;
 	border-bottom: 1px solid #555555;
diff --git a/themes/nox/public/panel.css b/themes/nox/public/panel.css
index f2dc677a..3ffde1a7 100644
--- a/themes/nox/public/panel.css
+++ b/themes/nox/public/panel.css
@@ -87,14 +87,6 @@
 	margin-left: auto;
 }
 
-.rowlist.bgavatars .rowitem {
-	background-image: none !important;
-}
-.rowlist.bgavatars .bgsub {
-	width: 48px;
-	height: 48px;
-}
-
 input, select, textarea {
 	background: rgb(107,107,107);
 	color: rgb(197,197,197);
@@ -181,31 +173,6 @@ button, .formbutton, .panel_right_button, #panel_users .profile_url {
 	stroke: rgb(125,125,125);
 }
 
-.rowlist.bgavatars {
-	display: grid;
-	grid-gap: 16px;
-	grid-row-gap: 0px;
-	grid-template-columns: repeat(3, 1fr);
-}
-.rowlist.bgavatars .rowitem {
-	display: flex;
-	flex-direction: column;
-	width: 180px;
-}
-.rowlist.bgavatars .bgsub, .rowlist.bgavatars .rowTitle {
-	margin-left: auto;
-	margin-right: auto;
-}
-.rowlist.bgavatars .bgsub {
-	border-radius: 32px;
-	height: 64px;
-	width: 64px;
-}
-.rowlist.bgavatars .rowTitle {
-	font-size: 18px;
-	margin-top: 4px;
-}
-
 #panel_setting .formlabel {
 	display: none;
 }
diff --git a/themes/nox/public/profile.css b/themes/nox/public/profile.css
index 17af7b42..21d5c285 100644
--- a/themes/nox/public/profile.css
+++ b/themes/nox/public/profile.css
@@ -1,5 +1,75 @@
-.avatar, .userbit img {
+#profile_left_lane {
+	margin-right: 24px;
+}
+.avatarRow {
+	display: flex;
+	width: 100%;
+}
+.avatar, .nameRow span, .passiveBlock .passive {
+	margin-left: auto;
+	margin-right: auto;
+}
+.avatar {
+	width: 64px;
+	height: 64px;
+	border-radius: 32px;
+	margin-left: auto;
+	margin-right: auto;
+}
+.nameRow {
+	display: flex;
+	flex-direction: column;
+}
+.profileName {
+	font-size: 21px;
+}
+.topBlock, .passiveBlock {
+	background-color: #444444;
+	border-radius: 3px;
+	width: 180px;
+	padding: 16px;
+}
+.passiveBlock {
+	margin-top: 12px;
+	padding: 12px;
+}
+
+#profile_right_lane {
+	width: 100%;
+}
+#profile_comments .rowitem .topRow {
+	display: flex;
+	width: 100%;
+}
+#profile_comments .rowitem .userbit {
+	display: flex;
+}
+#profile_comments .rowitem .topRow .nameAndTitle {
+	display: flex;
+	flex-direction: column;
+	margin-left: 8px;
+}
+.nameAndTitle .real_username {
+	font-size: 17px;
+	line-height: 16px;
+}
+.userbit img {
 	width: 40px;
+	height: 40px;
+	border-radius: 24px;
+}
+.controls {
+	margin-left: auto;
+}
+.controls a {
+	margin-right: 8px;
+}
+.content_column {
+	margin-top: 5px;
+}
+.topic_reply_form {
+	margin-top: 8px;
+	padding: 12px;
 }
 
 .footer .widget, .sidebar {