3043ce083d
Switched out a couple of <a>s in the Control Panel with <h1>s, we might want to use <h2> here instead. Added graphs for Nox. Tweaked header markup for Nox. Added support for live topic list to Nox. Added styling for stickies on Nox. Fixed topic list text overflow on Nox.
127 lines
2.5 KiB
CSS
127 lines
2.5 KiB
CSS
#back {
|
|
padding: 0px;
|
|
}
|
|
#back, .footer .widget, #poweredByHolder {
|
|
border: none;
|
|
}
|
|
.left_of_nav, .nav, .right_of_nav, .sidebar {
|
|
display: none;
|
|
}
|
|
.footer .widget, #poweredByHolder {
|
|
background-color: #393939;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.colstack_grid {
|
|
display: grid;
|
|
grid-gap: 8px;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.grid_item {
|
|
border-radius: 3px;
|
|
color: rgb(190,190,190);
|
|
background-color: #555555;
|
|
padding: 12px;
|
|
}
|
|
|
|
.rowlist.bgavatars .rowitem {
|
|
background-image: none !important;
|
|
}
|
|
.rowlist.bgavatars .bgsub {
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
input, select, button, .formbutton, 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(110,110,210);
|
|
color: rgb(250,250,250);*/
|
|
}
|
|
#themeSelector select {
|
|
background: rgb(90,90,90);
|
|
color: rgb(200,200,200);
|
|
}
|
|
|
|
.colstack_graph_holder {
|
|
background-color: #555555;
|
|
border-radius: 3px;
|
|
padding: 16px;
|
|
padding-bottom: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.colstack_graph_holder .ct-label {
|
|
color: rgb(195,195,195);
|
|
font-size: 13px;
|
|
white-space: nowrap;
|
|
}
|
|
.colstack_graph_holder .ct-horizontal {
|
|
margin-top: 3px;
|
|
}
|
|
.colstack_graph_holder .ct-grid {
|
|
stroke: rgb(125,125,125);
|
|
}
|