GameSense.pub Deep Sky Blue - Rainbow Border by trinlol

/* ==UserStyle==
@name         GameSense.pub Deep Sky blue - Rainbow Gradiant.
@version      1.35.08.06.2023
@namespace    userstyles.world/user/m-fed
@description  Theme for gamesense forums
@author       Edited verison m-fed's userstyle -> https://userstyles.world/style/2855/gamesense-pub-theme - All credit to them

@license      No License
==/UserStyle== */
@-moz-document domain("gamesense.pub") {
    :root {
        --bg-color: #0D1017;
        --bg-color-2: #0B0E14;
        --lighter: #0F131A; 
        --accent-color: #5096e6;
        --accent-hover: #5096e6;
        --border-color: #1E232B;
        --hover: #131721;
    }


    .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 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: 68.75%/1.4545em 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-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
    }

    @keyframes marquee {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    .pun .button {
        font-size: 10px;
        font-family: verdana, helvetica, arial, sans-serif;
        background-color: var(--bg-color);
        color: #ccc!important;
        border: 1px solid var(--border-color);
        padding: 4px 8px;
        cursor: default
    }
    .pun dl,
    .pun ol,
    .pun p,
    .pun ul {
        font-size: 11px;
        padding: 3px 0
    }
    .pun h2 {
        border: none;
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
        text-align: left;
        transition: background-color 0.3s;
    }

    .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 {
        opacity: 0;
        animation: fade-in 1s ease-in-out forwards;
        background-color: #0B0E14;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    
    .hljs {

        border-width: 1px;
        margin: .75em 1em;
        padding: 0;
        border-radius: 10px;
        /* Increase the border radius */
        overflow: hidden;
        /* Hide the overflow */
        background-color: #0D1017;
    }

    .hlhs pre {
        overflow: auto;
        width: 100%;
        overflow-y: hidden;
        padding-right: 20px;
        /* Add extra padding for scrollwheel */
    }

    /* Width and height of the scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    /* Track (the area behind the scrollbar) */
    ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    /* Handle (the draggable part of the scrollbar) */
    ::-webkit-scrollbar-thumb {
        background-color: #1e232b;
        border-radius: 5px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #404751;
    }


    .pun {
        max-width: 1070px;
        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
    }
    #brdtitle p {
        padding-top: 0
    }
    #announce,
    #brdstats {
        margin: 12px 0 12px 0
    }
    #postreview,
    .pun .block,
    .pun .block2col,
    .pun .blockform,
    .pun .blocktable {
        margin-bottom: 14px
    }
    #punindex .blocktable,
    .pun .blockpost {
        margin-bottom: 14px
    }
    #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: 2px;
        border-bottom-width: 0;
        border-radius: 4px;
        animation: borderAnimation 8s linear infinite;
    }

    @keyframes borderAnimation {
        0% {
            border-color: #1e5799;
        }
        25% {
            border-color: #f300ff;
        }
        50% {
            border-color: #e0ff00;
        }
        75% {
            border-color: #f300ff;
        }
        100% {
            border-color: #1e5799;
        }
    }

.icon-new {
  animation: pulseAnimation 2s ease-in-out infinite;
}
@keyframes pulseAnimation {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}


    #brdfooter .box {
        border-top-width: 0px;
        border-bottom-width: 2px;
        border-radius: 4px;
        animation: borderAnimation 8s linear infinite;
    }

    .pun .block .inbox,
    .pun .blockmenu .inbox {
        padding: 7px 12px
    }
    #brdtitle h1 {
        font-size: 1.8em;
        font-weight: 400;
        padding: 3px 0 8px 0;
        font-family: Raleway, Verdana;
        text-shadow: 0 0 8px rgba(234, 234, 234, 0.8);
    }

    #brdtitle h1 a {
        color: #eaeaea;
        animation: shine 3s infinite linear;
        animation-fill-mode: forwards;
        font-weight: 600;
        text-decoration: none;
        white-space: nowrap;
    }
    @keyframes shine {
        0% {
            background-position: 0;
        }
        60% {
            background-position: 180px;
        }
        100% {
            background-position: 180px;
        }
    }

    #brdtitle h1 a span {
        animation: colorAnimation 8s linear infinite;
    }

    @keyframes colorAnimation {
        0% {
            color: #1e5799;
            text-shadow: 0 0 8px rgba(30, 87, 153, 0.8);
        }
        25% {
            color: #f300ff;
            text-shadow: 0 0 8px rgba(243, 0, 255, 0.8);
        }
        50% {
            color: #e0ff00;
            text-shadow: 0 0 8px rgba(224, 255, 0, 0.8);
        }
        75% {
            color: #f300ff;
            text-shadow: 0 0 8px rgba(243, 0, 255, 0.8);
        }
        100% {
            color: #1e5799;
            text-shadow: 0 0 8px rgba(30, 87, 153, 0.8);
        }
    }

    #b...