ab6a44cf53
Fixed a bunch of forms which didn't have backgrounds in Nox's Control Panel. Fixed a bunch of double background buttons in Nox's Control Panel. You can no longer resize textareas horizontally on Nox. Fixed the profile comment input width on Nox. Fixed buttons appearing when they shouldn't in Nox's Control Panel. Improved the permissions styling in Nox's Control Panel. Fixed the styling on action posts for Nox. Fixed the padding on the powered by message on Nox. Added styling for .account_soon and .dash_security, I'm not quite happy with it and I might change more things up there. Tweaked a bit of permissions preset padding on Cosora. The edit_fields handler now uses CSS classes rather than inline CSS for hiding and showing elements. Experimented with position: sticky in Cosora. Experimented with the Control Panel Menu styling on Nox.
164 lines
3.0 KiB
CSS
164 lines
3.0 KiB
CSS
.sidebar, .footer .widget {
|
|
display: none;
|
|
}
|
|
|
|
/* start panel css copy, try to de-dupe this */
|
|
#back {
|
|
padding: 0px;
|
|
}
|
|
|
|
.rowmenu {
|
|
margin-left: 16px;
|
|
}
|
|
.colstack_left {
|
|
width: 25%;
|
|
padding-top: 12px;
|
|
padding-right: 24px;
|
|
padding-bottom: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.colstack_left .colstack_head {
|
|
font-size: 19px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.colstack_left .colstack_head:not(:first-child) {
|
|
margin-top: 8px;
|
|
}
|
|
.colstack_left .colstack_head a {
|
|
color: rgb(210, 210, 210);
|
|
}
|
|
.rowmenu {
|
|
margin-bottom: 2px;
|
|
font-size: 17px;
|
|
}
|
|
.rowmenu a {
|
|
color: rgb(180, 180, 180);
|
|
}
|
|
|
|
.colstack_right {
|
|
background-color: #444444;
|
|
width: 75%;
|
|
padding-right: 24px;
|
|
padding-bottom: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.colstack_right .colstack_head {
|
|
margin-bottom: 6px;
|
|
}
|
|
.colstack_right .colstack_head h1 {
|
|
font-size: 21px;
|
|
color: #BBBBBB;
|
|
}
|
|
.colstack_right .colstack_item.the_form {
|
|
background-color: #555555;
|
|
}
|
|
.colstack_right .colstack_item:not(.colstack_head):not(.rowhead) .rowitem {
|
|
background-color: #555555;
|
|
}
|
|
|
|
input, select, textarea {
|
|
background: rgb(107,107,107);
|
|
color: rgb(217,217,217);
|
|
}
|
|
input:focus, select:focus, textarea:focus {
|
|
outline: 1px solid rgb(137,137,137);
|
|
}
|
|
|
|
/* ? - The background properties need to be redeclared for the new image or it won't work properly */
|
|
input {
|
|
background-image: url(./fa-svg/pencil-alt-light.svg);
|
|
background-size: 12px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px bottom 9px;
|
|
background-position-x: right 10px;
|
|
}
|
|
input::placeholder, textarea::placeholder {
|
|
color: rgb(167,167,167);
|
|
opacity: 1; /* Firefox fix */
|
|
}
|
|
button, .formbutton {
|
|
background: rgb(100,100,200);
|
|
}
|
|
|
|
#themeSelector select {
|
|
background: rgb(90,90,90);
|
|
color: rgb(200,200,200);
|
|
}
|
|
.footer .widget, #poweredByHolder {
|
|
background-color: #393939;
|
|
}
|
|
|
|
/* end panel css copy */
|
|
|
|
.colstack_right {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.account_soon, .dash_security {
|
|
font-size: 14px;
|
|
color: rgb(270, 170, 170);
|
|
}
|
|
|
|
#account_dashboard .colstack_right .coldyn_block {
|
|
display: flex;
|
|
margin-top: 2px;
|
|
}
|
|
#dash_left {
|
|
border-radius: 3px;
|
|
background-color: #555555;
|
|
padding: 12px;
|
|
height: 180px;
|
|
width: 240px;
|
|
position: relative;
|
|
}
|
|
#dash_username {
|
|
display: flex;
|
|
}
|
|
#dash_username input {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 8px;
|
|
/*font-size: 16px;*/
|
|
width: 100px;
|
|
display: relative;
|
|
padding-left: 16px;
|
|
background-position: right 8px bottom 8px;
|
|
}
|
|
#dash_username button {
|
|
margin-bottom: 8px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
#dash_left img {
|
|
display: block;
|
|
border-radius: 48px;
|
|
height: 72px;
|
|
width: 72px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 12px;
|
|
}
|
|
#dash_avatar_buttons {
|
|
display: flex;
|
|
}
|
|
#dash_avatar_buttons label {
|
|
margin-left: auto;
|
|
margin-right: 8px;
|
|
}
|
|
#dash_avatar_buttons button {
|
|
margin-right: auto;
|
|
}
|
|
#dash_right {
|
|
width: 100%;
|
|
margin-left: 12px;
|
|
}
|
|
#dash_right .rowitem {
|
|
border-radius: 3px;
|
|
background-color: #555555;
|
|
padding: 16px;
|
|
}
|
|
#dash_right .rowitem:not(:last-child) {
|
|
margin-bottom: 8px;
|
|
} |