06d6715c47
Added the grid_stat_head CSS class to Panel Debug. Added the panel_plugin_meta CSS class to the Plugin Manager. Added some missing panel_right_button classes to the buttons for the rows in the Plugin Manager. Added some missing the_form CSS classes for Nox. Added a missing phrase for an update button in panel_themes_menus_items. Replaced a legacy float: right; in the User Manager with to_right. Removed some superfluous legacy inline CSS in the User Manager. Tweaked the amount of padding for the title in the Account Manager for Nox. Tweaked the amount of padding for the title in the Control Panel for Nox. Tweaked the padding for panel_right_button for Nox. Fixed the UI for the Plugin Manager in Nox. Tweaked the padding for the grid heads in Panel Debug for Nox. Began work on a nicer looking User Manager in Nox.
163 lines
2.9 KiB
CSS
163 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-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;
|
|
}
|
|
|
|
#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;
|
|
} |