Skip to content

2017 ROBLOX Group Page by iiDew_Shark

Details

AuthoriiDew_Shark

LicenseNo License

Categoryroblox.com/communities

Created

Updated

Code size4.3 kB

Code checksumd65cf2ab

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

2017 ROBLOX Group Page.

Notes

Userstyle doesn't have notes.

Source code

/* ==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;
    }
}

Reviews

No reviews yet.