GTAForums by emsixteen

/* ==UserStyle==
@name         GTAForums
@version      20211113.12.32
@namespace    userstyles.world/user/emsixteen
@description  Gives a body width that's actually usable, and improves the board/topic list appearance.
@author       emsixteen
@license      No License
==/UserStyle== */

@-moz-document domain("gtaforums.com"), regexp("/(.*\\.)?gtaforums\\.com.*/") {
:root {
    --site-w: 75vw;
    --site-mw: 1300px;
    --gtafblue-050: #4989ac;
    --gtafblue-100: #4581a1;
    --gtafblue-200: #3d728f;
    --gtafblue-300: #35647d;
    --gtafblue-400: #2e566b;
    --gtafblue-500: #264759;
    --gtafblue-600: #203c4b;
    --gtafblue-700: #1a313d;
    --gtafblue-800: #152832;
    --gtafblue-900: #0f1d24;
}

@media (min-width: 980px) {
    /* Hide the sidebar toggle */
    #gtaf-quickNav-toggle {
        display: none;
    }

    /* I forget :) */
    #ipsLayout_header nav {
        display: none;
    }

    /* Give the body a reasonable width */
    #ipsLayout_body {
        margin: 0 auto;
        width: var(--site-w);
        max-width: var(--site-mw);
    }

    /* Force the quicknav bar to stay */
    body.ipsApp_front #ipsLayout_body #gtaf-quickNav-container ol#gtaf-quickNav {
        transform: translate(0, 0)!important;
        transition: none!important;
    }

    body.ipsApp_front #ipsLayout_body #gtaf-quickNav-container {
        width: 230px!important;
    }

    /* Tweak weird padding */
    body.ipsApp_front #ipsLayout_mainArea {
        padding-top: 20px;
    }

    /* Fix awful font weight */
    .ipsStreamItem_member .ipsStreamItem_title, .ipsStreamItem_unread .ipsStreamItem_title, .ipsStreamItem_unread .ipsStreamItem_titleSmall {
        font-weight: 500;
    }

    /* Unpinned, and board list */
    .cForumList .ipsDataList:not(.ipsGrid) .ipsDataItem,
    .cForumList .ipsDataList.ipsDataList_zebra > .ipsDataItem,
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_unpinned,
    .ipsStreamItem.ipsStreamItem_contentBlock.ipsAreaBackground_reset {
        border: 0!important;
        box-shadow: none!important;
        border-top: 1px solid var(--gtafblue-400)!important;
        background: var(--gtafblue-600)!important;
        border-radius: 0!important;
    }

    .cForumList .ipsDataList:not(.ipsGrid) .ipsDataItem,
    .cForumList .ipsDataList.ipsDataList_zebra > .ipsDataItem,
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_unpinned:nth-of-type(2n+2) {
        background: var(--gtafblue-700)!important;
    }

    .cForumList .ipsDataList:not(.ipsGrid) .ipsDataItem:hover,
    .cForumList .ipsDataList.ipsDataList_zebra > .ipsDataItem:hover,
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_unpinned:hover,
    .ipsStreamItem.ipsStreamItem_contentBlock.ipsAreaBackground_reset:hover {
        background: var(--gtafblue-800)!important;
    }
    
    /* The little arrow tag on active posts list */
    .ipsStream_withTimeline .ipsStreamItem_contentBlock::after {
        border-right-color: var(--gtafblue-600)!important;
    }

    /* Pinned */
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_pinned {
        border: 1px solid var(--gtafblue-400)!important;
        box-shadow: none!important;
        background: var(--gtafblue-800)!important;
        border-radius: 0!important;
    }

    /* Pinned alternating
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_pinned:nth-of-type(2n+2) {
        background: var(--gtafblue-800)!important;
    } */
    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_pinned:hover {
        background: var(--gtafblue-900)!important;
    }

    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_pinned:not(:first-of-type) {
        border-top: 0!important;
    }

    ol.cTopicList.ipsDataList:not(.ipsGrid) .ipsDataItem.ipsDataItem_pinned:last-of-type {
        margin-bottom: 20px!important;
    }
}
}