2a5ab2969c
Made the initialisers and the task runner in main.go easier to debug. Added form_button_row to a few forms. Bumped up the attachment image size for Cosora. Hid the formlabels for the setting editor for Cosora to make it cleaner. Revamped the account manager with the same CSS as in the Control Panel for Nox. Started adding the_form to more forms. Removed the account_emails CSS class from the email editor. Continued tweaking the Control Panel in Nox to make it look nicer. Tweaked some of the headers in the Nox Theme. Added the Create Topic and Moderate options to the topic list on the Nox Theme, although the bulk moderation tools aren't available yet. Tweaked the padding and sticky shades on the topics on the topic list on the Nox Theme. Closed topics are now somewhat styled on the topic list on the Nox Theme. Continued work on the topic pages for Nox. Renamed Admin Approval to Staff Approval in the English Language Pack. Added more phrases for the Group Manager and Panel Menu in spots I overlooked. Began work on the dyntmpl template function. Be sure to run the patcher / update script to get the new setting.
159 lines
2.9 KiB
CSS
159 lines
2.9 KiB
CSS
.sidebar, .footer .widget {
|
|
display: none;
|
|
}
|
|
|
|
/* start panel css copy, try to de-dupe this */
|
|
#back {
|
|
padding: 0px;
|
|
}
|
|
|
|
.rowmenu {
|
|
margin-left: 12px;
|
|
}
|
|
.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(231, 231, 231);
|
|
}
|
|
.rowmenu {
|
|
margin-bottom: 2px;
|
|
font-size: 17px;
|
|
}
|
|
.rowmenu a {
|
|
color: rgb(170, 170, 170);
|
|
}
|
|
|
|
.colstack_right {
|
|
background-color: #444444;
|
|
width: 75%;
|
|
padding-top: 12px;
|
|
padding-right: 24px;
|
|
padding-bottom: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.colstack_right .colstack_head {
|
|
margin-bottom: 4px;
|
|
}
|
|
.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 */
|
|
|
|
.account_soon, .dash_security {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#account_dashboard .colstack_right .coldyn_block {
|
|
display: flex;
|
|
}
|
|
#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;
|
|
} |