gamesense forum stylesheet by Jozkah

/* ==UserStyle==
@name       gamesense.pub/forums/viewtopic - 12/2023
@version    20240816.21.15
@namespace  https://userstyles.world/user/abbie
@author     abbie
==/UserStyle== */
/* ==UserStyle==
@name           gamesense (wip)
@namespace      github.com/abbie
@version        0.0.3
@description    gamesense forum theme
@author         abbie
==/UserStyle== */
@-moz-document regexp("^https?://gamesense\\.pub/forums.*$") {
    .pun abbr,
    .pun blockquote,
    .pun cite,
    .pun dd,
    .pun div,
    .pun dl,
    .pun dt,
    .pun fieldset,
    .pun form,
    .pun h1,
    .pun h2,
    .pun h3,
    .pun h4,
    .pun h5,
    .pun img,
    .pun li,
    .pun ol,
    .pun p,
    .pun pre,
    .pun table,
    .pun td,
    .pun th,
    .pun ul {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .pun .postmsg ul.likelist {
        list-style: none;
        padding: 6px 0 6px 0;
    }

    div#brdmain {
        margin-top: 115px;
    }

    .pun ol,
    .pun ul {
        list-style: none
    }

    .pun .clearer,
    .pun .nosize {
        height: 0;
        width: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden
    }

    .pun .clearb,
    .pun .clearer {
        clear: both
    }

    .pun .nosize {
        position: absolute;
        left: -9999em;
        text-indent: -9999em;
        width: 0
    }

    * html .codebox,
    * html .inbox,
    * html .inform,
    * html .pun,
    * html .tclcon {
        height: 1px
    }

    .pun,
    .pun .codebox,
    .pun .inbox,
    .pun .inform,
    .pun .tclcon {
        min-height: 1px;
    }

    .clearl {
        clear: left
    }

    #brdfooter h2,
    #brdstats .conl dt,
    #brdstats .conr dt,
    #brdstats h2,
    #modcontrols dt,
    #searchlinks dt,
    .pun .required strong span,
    div.postright h3,
    span.closedtext {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 0;
        left: -9999em;
        text-indent: -9999em
    }

    .pun {
        font: 11px Verdana, Helvetica, Arial, sans-serif;
        line-height: normal;
        padding: 12px 0 12px 0
    }

    .pun input,
    .pun legend,
    .pun optgroup,
    .pun samp,
    .pun select,
    .pun table,
    .pun td,
    .pun textarea,
    .pun th {
        font-size: 10px;
        font-family: verdana, helvetica, arial, sans-serif
    }

    .pun code,
    .pun pre {
        font-size: 1.182em;
        font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace
    }

    .pun pre code {
        font-size: 1em;
        tab-size: 4;
        -moz-tab-size: 4
    }

    .pun strong {
        font-weight: 700
    }

    .pun em {
        font-style: italic
    }

    .pun .forumdesc {
        font-size: 10px;
        color: #888
    }

    .pun dl,
    .pun ol,
    .pun p,
    .pun ul {
        font-size: 11px;
        padding: 3px 0
    }

    .pun h2 {
        font-size: 1em;
        font-weight: 400;
        padding: 4px 6px
    }

    .pun h3 {
        font-size: 1.091em;
        padding: 3px 0
    }

    .pun table h3,
    .pun table p {
        padding: 0
    }

    .pun p.warntext,
    .pun span.warntext {
        font-weight: 700
    }

    .pun .postmsg p,
    .pun .usercontent p {
        padding: .75em 0;
    }

    .pun .postmsg ul,
    .pun .usercontent ul {
        padding: .75em 1em .75em 2.5em;
        list-style: disc
    }

    .pun .postmsg ol,
    .pun .usercontent ol {
        padding: .75em 1em .75em 2.5em;
        list-style: decimal
    }

    .pun .postmsg ol.alpha,
    .pun .usercontent ol.alpha {
        list-style: lower-alpha
    }

    .pun .postmsg li ol,
    .pun .postmsg li ul,
    .pun .usercontent li ol,
    .pun .usercontent li ul {
        padding: .25em 1em .75em 2.5em
    }

    .pun .postmsg li p,
    .pun .usercontent li p {
        padding: 0
    }

    .pun .usercontent h1 {
        font-size: 1.4em;
        font-weight: 700;
        padding: .75em 0 0 0
    }

    .pun .usercontent h2 {
        font-size: 1.2em;
        font-weight: 700;
        padding: .75em 0 0 0
    }

    .pun .usercontent h3 {
        font-size: 1.1em;
        font-weight: 700;
        padding: .75em 0 0 0
    }

    .pun .usercontent h4,
    .pun .usercontent h5,
    .pun .usercontent h6 {
        font-size: 1em;
        font-weight: 700;
        padding: .75em 0 0 0
    }

    .pun .quotebox cite {
        font-weight: 700;
        font-style: normal;
        padding: .75em .75em 0 .75em
    }

    .pun span.bbu {
        text-decoration: underline
    }

    .pun del,
    .pun span.bbs {
        text-decoration: line-through
    }

    #punhelp samp ins,
    .pun .postmsg ins {
        text-decoration: none
    }

    #punhelp h5,
    .pun div.postmsg h5 {
        font-size: 1.1em;
        font-weight: 700;
        padding: .75em 0 0 0
    }

    body,
    html {
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .pun {
        max-width: 1280px;
        min-width: 320px;
        margin: 0 auto;
        padding: 12px 20px;
    }


    #pundb_update,
    #puninstall,
    #punmaint,
    #punredirect {
        margin: 50px 20% 12px 20%
    }

    #brdheader {
        margin: 0 0 12px 0;
        position: absolute;
        left: 0;
        top: 2px;
        width: 100%;
        background: #111111;
        border-bottom: 1px solid #303030;
        box-shadow: 0 0 0 1px #0C0C0C;
    }

    #brdtitle p {
        padding-top: 0
    }

    #announce,
    #brdstats {
        margin: 12px 0 12px 0;
        /* position: absolute; */
        /* bottom: 66px; */
        /* max-width: 1280px; */
        /* min-width: 300px; */
    }

    #postreview,
    .pun .block,
    .pun .block2col,
    .pun .blockform,
    .pun .blocktable {
        margin-bottom: 1em
    }

    #punindex .blocktable,
    .pun .blockpost {
        margin-bottom: 12px;
    }

    #postreview .blockpost {
        margin-bottom: -1px
    }

    .pun .block2col .block,
    .pun .block2col .blockform {
        margin-bottom: 0
    }

    .pun .linksb,
    .pun .linkst {
        margin-top: -12px
    }

    .pun .postlinksb {
        margin-top: -6px
    }

    .pun .box {
        border-style: solid;
        border-width: 1px
    }

    #brdheader .box {
        border-top-width: unset;
        border-radius: unset;
        max-width: 1280px;
        min-width: 300px;
        margin: auto;
        background-color: transparent;
        border: none;
        /* padding-bottom: 8px; */
    }

    .pun .block .inbox,
    .pun .blockmenu .inbox {
        padding: 6px 12px;
    }

    #brdtitle h1 {
        font-size: 3em;
        font-weight: 100;
        /* padding: 3px 0 8px 0; */
        padding: 15px 0;
        margin-left: -9px;
        font-family: Raleway, Verdana;
    }

    #brdtitle h1 a {
        color: #eaeaea
    }

    #brdtitle h1 a span {
        color: #95b806
    }

    #brdmenu li {
        display: inline;
        margin-right: 12px
    }

    #brdmenu a:link,
    #brdmenu a:visited {
        text-decoration: none;
    }

    #brdmenu a:hover {
        text-decoration: none;
    }

    #brdmenu a:active,
    #brdmenu a:hover {
        text-decoration: underline
    }

    #brdwelcome .conl {
        float: left
    }

    #brdwelcome .conr {
        float: right;
        text-align: right
    }

    .pun .linkst {
        padding: 8px 6px 3px 6px
    }

    .pun .linksb,
    .pun .postlinksb {
        padding: 3px 6px 8px 6px
    }

    .pun .crumbs {
        clear: both;
        width: 100%;
        overflow: hidden;
        font-size: 11px
    }

    .pun .crumbs li {
        display: inline;
        white-space: nowrap;
        font-weight: 700
    }

    .pun .pagelink {
        float: left;
        white-space: nowrap
    }

    .pun .postlink {
        font-weight: 700;
        white-space: nowrap
    }

    .pun .modbuttons,
    .pun .postlink {
        float: right;
        text-align: right
    }

    .pun .modbuttons {
        padding: 1px 0;
        white-space: nowrap
    }

    .pun .modbuttons input {
        margin-left: 6px
    }

    .pun .postlink a:link,
    .pun .postlink a:visited {
        text-decoration: none
    }

    .pun .postlink a:active,
    .pun .postlink a:hover {
        text-decoration: underline
    }

    .pun .topiclink {
        font-size: 11px
    }

    #punindex .subscribelink {
        margin-top: 6px
    }

    #brdfooter .conl {
        float: left
    }

    #brdfooter .conr {
        float: right;
        text-align: right
    }

    #brdfooter #modcontrols {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        text-align: center
    }

    #brdfooter #modcontrols dd {
        display: inline;
    }

    #brdstats .conl {
        float: left
    }

    #brdstats .conr {
        float: right;
        text-align: right
    }

    #onlinelist dd,
    #onlinelist dt {
        display: inline
    }

    .pun table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show
    }

    .pun .blocktable table {
        table-layout: fixed;
        /* border-top: 1px solid #95B806; */
    }

    .pun td,
    .pun th {
        padding: 4px 6px;
        text-align: left;
        font-weight: 400
    }

    .pun tbody td,
    .pun tbody th {
        border-style: solid none none solid;
        border-width: 1px
    }

    .pun .tcl {
  ...