TruckersMP Forum Universal Theme v2 by sgtbreadstick

/* ==UserStyle==
@name           TruckersMP Forum Universal Theme v2
@namespace      UserStyles
@author         Kieran Foster
@description    `A new & improved TruckersMP Forum! Made by ~SgtBreadStick`
@version        20221001.16.36
@license        CC-BY-NC-ND-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("forum.truckersmp.com") {
    @media(min-width: 1600px){
        .ipsLayout_container {
            min-width: 1440px;
            max-width: 70%;
        }
    }
    @media(max-width: 1599px){
        .ipsLayout_container {
            min-width: 1280px;
            max-width: 90%;
        }
    }
    @media(max-width: 1365px){
        .ipsLayout_container {
            max-width: 95%;
        }
    }

    #elLogo img {
        display: none !important;
    }

    .ipsImage_thumbnailed {
        border: none !important;
    }

    #elLogo {
        display: block !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        background: url(https://truckersmp.com/assets/img/truckersmp-logo-sm.png) no-repeat !important;
        background-size: auto auto !important;
        width: 369px !important;
        height: 80px !important;
        padding-left: 369px !important;
        top: 10px !important;
        position: relative !important;
        margin-bottom: 2% !important;
    }

    a.ipsButton {
        margin: 0px 2px 0px 2px !important;
    }


    .ipsStreamItem_contentType {
        display: none !important;
    }

    .ipsButton_light span {
        background: none !important;
    }

    .ipsButton_medium span {
        background: none !important;
    }

    #elProfileStats {
        background: #303030 !important;
    }
    
    #elSearch {
        width: 200px !important;
        transition: .4s ease 2s !important;
    }
    
    #elSearch:hover, #elSearch:focus, #elSearch:active, #elSearch:focus-within, #elSearch:focus-visible {
        width: 350px !important;
        transition: .4s ease !important;
    }
    
    .cShareLink_youtube .fa-youtube::before {
        content: "\f16a" !important;
    }
    
    .cShareLink_youtube, .cShareLink_twitter, .cShareLink_instagram, .cShareLink_facebook, .cShareLink_github {
        background: #72C02C !important;
    }
    
}