ROBLOX Group Page 2017 by iiDew_Shark

/* ==UserStyle==
@name         ROBLOX Group Page 2017
@namespace    https://userstyles.world/users/iiDew_Shark
@version      1.0
@description  A recreation of the ROBLOX group page style from 2017.
@license      MIT
==/UserStyle== */

@-moz-document domain("roblox.com") {
    /* General reset for the groups page */
    body.groups-page {
        background-color: #f3f3f3; /* Classic light gray background */
        font-family: 'Arial', sans-serif;
    }

    /* Header styles */
    .navbar {
        background-color: #0072bc; /* Classic ROBLOX blue */
        border-bottom: 2px solid #005b96;
    }
    .navbar .logo {
        content: url('https://your-logo-link.png'); /* 2017 logo */
        height: auto;
    }

    /* Group container */
    .group-container {
        background-color: #ffffff; /* White background for containers */
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        padding: 15px;
    }

    /* Group name and description */
    .group-title {
        font-size: 18px;
        font-weight: bold;
        color: #333333;
    }
    .group-description {
        font-size: 14px;
        color: #666666;
    }

    /* Member list */
    .member-list {
        background-color: #f9f9f9;
        border: 1px solid #cccccc;
        padding: 10px;
        border-radius: 5px;
    }

    /* Buttons */
    .btn {
        background-color: #0072bc;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 3px;
        text-transform: uppercase;
        transition: background-color 0.3s ease;
    }
    .btn:hover {
        background-color: #005b96;
    }

    /* Fix layout to align with 2017 */
    .groups-layout {
        max-width: 960px; /* Older, narrower layout */
        margin: 0 auto;
        padding: 20px;
    }
}