2017 ROBLOX Group Page by iiDew_Shark

/* ==UserStyle==
@name           Roblox Group Page 2017 Look
@namespace      roblox-group-2017
@version        2.0.0
@description    Restores the Roblox group page to its 2017 appearance.
@match          https://www.roblox.com/communities/*
==/UserStyle== */

@-moz-document url-prefix("https://www.roblox.com/communities/") {
    /* General Page Styling */
    body {
        background-color: #e3e3e3; /* Classic Roblox background color */
        font-family: "Arial", sans-serif !important;
        color: #333 !important;
    }

    /* Group Page Container */
    .group-container {
        width: 1000px !important;
        margin: 30px auto !important;
        background-color: #ffffff !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        padding: 20px !important;
    }

    /* Header Section */
    .navbar-container {
        background-color: #2c2f33 !important; /* Dark gray navbar */
        border-bottom: 3px solid #007bff !important; /* Blue accent */
        padding: 10px 20px !important;
    }

    .navbar-title {
        font-size: 24px !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }

    /* Group Name and Description */
    .group-name {
        font-size: 28px !important;
        font-weight: bold !important;
        color: #333 !important;
        margin-bottom: 10px !important;
    }

    .group-description {
        background-color: #f9f9f9 !important;
        border: 1px solid #d3d3d3 !important;
        padding: 15px !important;
        border-radius: 4px !important;
        font-size: 14px !important;
    }

    /* Sidebar Section */
    .group-sidebar {
        float: right !important;
        width: 250px !important;
        background-color: #f4f4f4 !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        padding: 15px !important;
    }

    .group-sidebar h3 {
        font-size: 18px !important;
        color: #555 !important;
        margin-bottom: 10px !important;
    }

    .group-sidebar a {
        color: #007bff !important;
        text-decoration: none !important;
        font-size: 14px !important;
    }

    .group-sidebar a:hover {
        text-decoration: underline !important;
    }

    /* Buttons */
    .btn-primary {
        background-color: #007bff !important;
        border: 1px solid #0056b3 !important;
        color: #fff !important;
        padding: 10px 15px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        border-radius: 4px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
    }

    .btn-primary:hover {
        background-color: #0056b3 !important;
        border-color: #003f7f !important;
    }

    /* Group Wall */
    .group-wall-container {
        margin-top: 20px !important;
        background-color: #f9f9f9 !important;
        border: 1px solid #dcdcdc !important;
        border-radius: 6px !important;
        padding: 15px !important;
    }

    .group-wall-post {
        padding: 10px !important;
        border-bottom: 1px solid #e3e3e3 !important;
    }

    .group-wall-post:last-child {
        border-bottom: none !important;
    }

    /* Footer */
    .footer-container {
        background-color: #333 !important;
        color: #ccc !important;
        text-align: center !important;
        padding: 20px 0 !important;
        font-size: 12px !important;
    }

    .footer-container a {
        color: #007bff !important;
        text-decoration: none !important;
    }

    .footer-container a:hover {
        text-decoration: underline !important;
    }

    /* Remove Unwanted Modern Elements */
    .modern-element-class {
        display: none !important;
    }

    /* Adjust Page Layout */
    .main-content {
        display: flex !important;
        flex-direction: row-reverse !important;
    }

    .main-content > .sidebar {
        width: 250px !important;
        margin-left: 20px !important;
    }

    .main-content > .group-content {
        width: calc(100% - 270px) !important;
    }
}