I sat down for ~2 hours and banged this CSS patch out, it restores most of the missing structure. It still has problems but it's miles better than the current state of the stylesheet.
EDIT:
I continue working on this and latest version is always posted here with older versions kept if you prefer them.
Code: Select all
@media only screen and (min-width: 701px) {
* {
box-sizing: border-box !important;
}
#page-header .headerbar {
padding-left: 0;
padding-right: 0;
}
#page-header .logo {
padding-left: 0;
}
#page-header #search-box {
margin-right: 0;
padding-right: 0;
}
li.row {
border-bottom: none;
border-top: 2px groove #adadad;
}
li.row:last-child {
border-bottom: 1px solid #595959;
}
li.row > dl {
padding-bottom: 3px;
}
li.row > dl > dt {
padding-top: 3px;
}
ul.topiclist li.row dl {
margin: 0;
}
ul.topiclist li.row dl .topic-poster .icon {
color: black;
font-size: 11px;
}
ul.topiclist li.row dl .lastpost .icon {
color: black;
}
li.row:hover dd,
ul.topiclist dd {
border-left: 2px groove #adadad;
}
.forabg,
.forumbg {
background: #3c5830;
border-radius: 0;
border: 2px ridge #adadad;
padding: 0 !important;
}
.topiclist .header .row-item dt,
.topiclist .header .row-item dd {
margin-top: 0;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}
.topiclist .header .row-item dt {
padding-left: 6px;
box-sizing: border-box;
}
.stat-block {
background-color: #848484;
padding: 6px 12px;
border-style: ridge;
border-color: #adadad;
border-width: 2px 2px 0;
}
.stat-block:last-child {
border-bottom-width: 2px;
}
.stat-block > h3 {
margin-top: 0;
border-bottom-color: #595959;
}
.stat-block > p:last-child {
margin-bottom: 0;
}
.forumbg.announcement {
background: #187bde;
}
.navbar {
border-radius: 0;
border: 2px ridge #adadad;
}
ul.navlinks {
border-top-color: #595959;
}
.post {
border-radius: 0;
border: 2px ridge #adadad;
padding: 0;
}
.post .inner {
display: flex;
}
.post .inner .postprofile {
padding: 6px 0;
border-right: 2px groove #adadad;
margin: 0;
width: 150px;
flex-shrink: 0;
}
.post .inner .postprofile dt,
.post .inner .postprofile dd {
padding: 0 6px;
margin-left: 0;
margin-right: 0;
}
.post .inner .postprofile dt {
border-bottom: 2px groove #adadad;
padding-bottom: 6px;
}
.post .inner .postprofile dt .avatar-container {
margin-bottom: 6px;
}
.post .inner .postprofile dt .username,
.post .inner .postprofile dt .username-coloured
{
font-size: 1.2em;
}
.post .inner .postprofile dt .username {
color: #000000;
}
.post .inner .postbody {
padding: 6px 0;
flex-grow: 1;
width: 0;
}
.post .inner .postbody > div > * {
padding-left: 6px;
padding-right: 6px;
}
.post .inner .postbody .content {
border-top: 2px groove #adadad;
padding-top: 6px;
}
.post .inner .postbody .content blockquote {
margin: 5px;
}
.post .inner .postbody div .author,
.post .inner .postbody div>h3:first-child {
display: inline-block;
}
.post .inner .postbody div .author {
margin: 0 150px 0 0;
padding: 2px 0 7px 6px !important;
}
.post .inner .postbody div>h3:first-child {
font-size: 1.2em;
margin: 0 !important;
padding: 2px 0 7px 6px !important;
max-width: 330px;
}
.post .inner .postbody div .signature {
border-top: 2px groove #adadad;
box-sizing: border-box;
}
.post .inner .postbody div .post-buttons {
top: 3px;
right: 29px;
padding: 0;
margin: 0;
}
.post .inner .postbody div .attachbox {
margin-left: 6px;
}
.post .inner .back2top {
position: absolute;
top: 3px;
right: 13px;
}
.post .inner .back2top .top,
.post .button {
background: #187bde;
box-shadow: none;
border: 1px solid;
border-color: #84c6ff #0063d6 #0063d6 #84c6ff;
}
.post .inner .back2top .top:hover,
.post .button:hover {
border-color: #0063d6 #84c6ff #84c6ff #0063d6;
}
.post .inner .back2top .top {
padding: 4px 2px 3px 4px;
}
.action-bar .button {
box-shadow: none;
background: #ffb531;
border-color: #ffde9c #e79400 #e79400 #ffde9c;
}
.action-bar .dropdown-visible .button,
.action-bar .button:hover {
color: black;
background: #ffb531;
border-color: #e79400 #ffde9c #ffde9c #e79400;
}
.pagination li.active span {
color: black;
border-radius: 0;
background-color: #848484;
font-weight: 600;
border-color: #595959 #adadad #adadad #595959;
}
.action-bar .button,
.post .button:hover i.icon,
.post .button:focus i.icon {
text-shadow: none;
}
.pagination li a:hover .icon {
color: black;
background: none;
}
input[type="search"],
.button {
border-radius: 0 !important;
}
.action-bar .button,
.button i.icon,
.button:hover i.icon,
.button:focus i.icon,
.post .inner .back2top .top .icon,
.post .inner .back2top .top .icon:hover {
color: black;
}
.action-bar .button .caret {
border-color: black;
}
i.icon {
color: #fcc000;
}
.jumpbox .button {
margin: 0;
}
.row .pagination .icon {
font-size: 9px;
color: black;
}
.row .pagination li a {
background: none;
border: none;
color: #fcc000;
}
.row .pagination li a:hover {
color: #fcf880;
text-decoration: underline;
}
}
Code: Select all
li.row {
border-bottom: none;
border-top: 2px groove #adadad;
}
li.row:last-child {
border-bottom: 1px solid #595959;
}
ul.topiclist li.row dl {
margin: 0;
}
li.row:hover dd,
ul.topiclist dd {
border-left: 2px groove #adadad;
}
.forabg,
.forumbg {
background: #3c5830;
border-radius: 0;
border: 2px ridge #adadad;
}
.stat-block {
background-color: #848484;
padding: 6px 12px;
border-style: ridge;
border-color: #adadad;
border-width: 2px 2px 0;
}
.stat-block:last-child {
border-bottom-width: 2px;
}
.stat-block > h3 {
margin-top: 0;
border-bottom-color: #595959;
}
.stat-block > p:last-child {
margin-bottom: 0;
}
.forumbg.announcement {
background: #187bde;
}
.navbar {
border-radius: 0;
border: 2px ridge #adadad;
}
ul.navlinks {
border-top-color: #595959;
}
.post {
border-radius: 0;
border: 2px ridge #adadad;
padding: 0;
}
.post .inner {
display: flex;
}
.post .inner .postprofile {
padding: 6px 0;
border-right: 2px groove #adadad;
margin: 0;
width: 200px;
flex-shrink: 0;
}
.post .inner .postprofile dt,
.post .inner .postprofile dd {
padding: 0 6px;
margin-left: 0;
margin-right: 0;
}
.post .inner .postprofile dt {
border-bottom: 2px groove #adadad;
padding-bottom: 6px;
}
.post .inner .postprofile dt .avatar-container {
margin-bottom: 6px;
}
.post .inner .postprofile dt .username,
.post .inner .postprofile dt .username-coloured
{
font-size: 1.2em;
}
.post .inner .postprofile dt .username {
color: #000000;
}
.post .inner .postbody {
padding: 6px 0;
flex-grow: 1;
}
.post .inner .postbody > div > * {
padding-left: 6px;
padding-right: 6px;
}
.post .inner .postbody .content {
border-top: 2px groove #adadad;
padding-top: 6px;
}
.post .inner .postbody .content blockquote {
margin: 5px;
}
.post .inner .postbody div h3:first-child,
.post .inner .postbody div .author {
display: inline-block;
margin: 0 !important;
padding: 2px 0 7px !important;
}
.post .inner .postbody div>h3:first-child {
font-size: 1.2em;
padding-left: 6px !important;
}
.post .inner .postbody div .signature {
border-top: 2px groove #adadad;
box-sizing: border-box;
}
.post .inner .postbody div .post-buttons {
top: 3px;
right: 20px;
padding: 0;
}
.post .inner .back2top {
position: absolute;
top: 8px;
right: 11px;
}
.post .inner .back2top .icon {
color: black;
}