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 @@
{{lang "account_menu_password"}}
{{lang "account_menu_email"}}
-
{{lang "account_menu_notifications"}}
+ {{/** 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 **/}}
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 {