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.
This commit is contained in:
Azareal
parent
7a1df79686
commit
6ecbc18831
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user