Skip to content

Old ROBLOX Group Page by Vue2016

Screenshot of Old ROBLOX Group Page

Details

AuthorVue2016

LicenseNo License

Categorywww.roblox.com

Created

Updated

Size47 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Brings Back The Old Group Page (Requires RLOT Experimental By TersisWilvin To Work As Intended)

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Old ROBLOX Group Page
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    Brings Back The Old Group Page (Requires RLOT Experimental By TersisWilvin To Work As Intended)
@author         Vue2016
==/UserStyle== */
 @-moz-document url-prefix("https://www.roblox.com/groups/") {
    .content {
        width: 990px;
        margin-top: 10px;
        background: white!important;
     }
     
     
     .avatar-headshot-sm.avatar-headshot.avatar.list-header, .avatar-card-link, .ng-isolate-scope.avatar-card-image, .thumbnail-2d-container, .ng-isolate-scope.ng-scope {
         border-radius: 0!important;
         box-shadow: none;
     }
     
     .group-wall .light-theme .avatar-card-fullbody .avatar-card-image, .light-theme .avatar .avatar-card-image {
         background: #efefef;
     }
     
     .light-theme .rbx-tabs-horizontal .rbx-tab.active {
         box-shadow: none;
     }
     .light-theme .avatar-container img {
         height: 85px;
         width: auto;
         background-color: white;
         border: none!important;
     }
     
     
     
     
     
     .game-card-container.card-item {
         height: 100%!important;
         width: 100%!important;
     }
     
     group-affiliates .game-card-container .group-card-name-container, group-affiliates .game-card-name-secondary, group-affiliates .game-card-thumb-container:before {
        display: none;
    }
     
     .group-details .container-header h2 {
         font-weight: 550!important;
     }
     .group-comments-container > .ng-scope.ng-binding.text-name {
         color: #095fb5;
     }
     .light-theme .section-content.remove-panel {
         width: 640px;
         box-shadow: none;
         margin-bottom: 80px;
     }

     .groups-list .menu-vertical-container {
         right: 80px!important;
         position: relative;
         overflow: visible;
     }
     
     .group-details .rbx-tab .rbx-tab-heading {
    background-color: #d6d6d6!important;
    padding: 7px;
    border: 1px solid #9e9e9e !important;
    box-shadow: none !important;
    margin: 4px 2px 0 1px;
    border-bottom-width: 0!important;
    position: relative;
    top: 0;
    min-height: 36px;
}
     
     .group-members-list.section-content {
         height: 127px!important;
         width: 700px;
         overflow: visible!important;
     }
     
  

     

     
     .ng-scope.ng-binding.name.text-name {
         color: #095fb5!important;
     }
     
     [data-internal-page-name="GroupDetails"] .content:after {
         margin-left: 850px;
         position: absolute;
     }
     [data-internal-page-name="GroupDetails"] .content {
         overflow: revert;
     }
 
     .light-theme, .content {
         background: white!important;
     }
    #group-container .group-details-container-desktop-and-tablet {
        background-color: var(--background);
        width: 886px;
        margin-right: 200px;
        position: relative;
    }
    .container-main:has(#roproThemeFrame) .content {
        padding-left: 0px!important;
    }
    .btr-group-container {
        width: 630px;
     }
    .content:has(.group-details .group-detail-stats) #Skyscraper-Abp-Right {
        margin-left: 808px!important;
        margin-top: 86px!important;
    }
    .content #Skyscraper-Abp-Right {
        position: absolute;
        margin-left: 808px;
        margin-top: 43px;
        display: block!important;
    }
    .group-details .group-header .group-image, .group-details .group-header .group-image span {
        width: 150px!important;
        height: 150px!important;
        background-color: transparent!important;
    }
   
   
    .group-details .group-header .group-caption .group-name {
        font-size: 30px;
        font-weight: normal;
        color: var(--textcol);
        letter-spacing: -1px;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        position: absolute;
        top: -150px;
        left: 165px;
        max-width: 400px;
        overflow: visible;
    }
    .group-header {
        display: flex;
        flex-direction: column;
    }
    .group-owner {
        margin-top: 13px;
        display: flex;
        flex-direction: column;
        margin-left: 15px;
        font-weight: 400!important;
    }
     
     .icon-text-wrapper > .icon-robux-28x28 {
         display: none;
     }
    .group-owner > span[ng-bind="'Label.ByOwner' | translate"] {
        color: gray;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        font-size: 0px;
        height: 18px;
    }
    .group-owner > .text-secondary, .group-owner > span[style="color:white"] {
        color: gray!important;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif!important;
        height: 18px;
        font-size: 14px!important;
        position: relative;
        top: -16px;
     
    }
    .group-owner > span[style="color:white"] {
        max-width: 110px;
    }
    .group-owner > .text-secondary:after {
        content: " On:"
    }
    .group-owner > span[ng-bind="'Label.ByOwner' | translate"]:after {
        content: "Owned By:";
        font-size: 14px!important;
    }
    .group-owner > a, .group-owner > span[ng-bind="'Label.NoOne' | translate"] {
        color: var(--linkcol)!important;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-style: italic;
        max-width: 134px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .btr-redesign .btr-group-about {
        padding: 10px;
        margin-bottom: 0;
        display: flex;
    }
    .group-announcements.ng-isolate-scope:has(.container-header) {
        margin-top: 15px;
        padding: 10px;
        margin-bottom: 0;
    }
    .group-details .group-header .group-caption .group-info .group-stats {
        flex-direction: column;
    }
    .group-details .group-header .group-caption .group-info .group-stats li .text-label {
        order: -1;
        color: gray;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        font-size: 14px!important;
        margin-right: 3px;
    }
    .group-details .group-header .group-caption .group-info .group-stats li .text-label:after {
        content: ": ";
    }
    .group-details .group-header .group-caption .group-info .group-stats li .font-header-2 {
        color: gray;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        font-size: 14px!important;
        margin-right: 0px;
    }
    .group-details .group-header .group-caption {
        justify-content: unset;
        width: 150px;
    }
    .group-details .group-header .group-caption .group-info .group-stats .group-rank .text-label:before {
        content: "My ";
    }
    .group-details .group-header .group-caption .group-info .group-stats .group-rank .text-overflow {
        color: var(--pureblack);
    }
    group-description .container-header {
        display: none;
    }
    group-description {
        margin-top: 50px;
        margin-left: 3px;
        position: relative;
        top: -535px;
        left: 285px;
        background: transparent!important;
        border: none;
    }
     
     .group-description-footer.border-top {
         display: none;
     }
     
     .light-theme .section-content, .light-theme .section-content.remove-panel {
         background-color: transparent;
         box-shadow: none;
     }
    .group-details .group-description .group-description-text .group-description-content-text {
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        color: var(--textcol);
        font-size: 14px;
    }
    .group-shout-name > a {
        color: var(--linkcol)!important;
        font-style: italic;
        font-family: 'Source Sans Pro', Arial,Helvetica,sans-serif;
        font-size: 14px!important;
        z-index: 100;
        position: relative;
    }
    .group-details .group-shout .shout-container .avatar-headshot {
        display: none;
    }
    .group-shout-body {
        background-color: #FEF1B5;
        border: 1px solid #CD950C;
        padding: 5px;
        width: 327px;
        font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
        color: #343434;
        font-size: 14px!important;
    }
    .group-details .group-shout .shout-container .group-shout {
        padding-left: 170px;
    }
    .group-details .group-shout .shout-container {
        position: absolute;
        top: -225px;
        left: 115px;
    }
    .group-shout-info {
        background-image: url("https://assetdelivery.roblox.com/v1/asset?id=14269886491");
        margin-top: -1px!important;
        background-repeat: no-repeat;
    }
    #group-shout .container-header {
        display: none!important;
    }
    #group-shout .section-content, #group-shout .container-header > h2 {
        padding: 0px;
    }
    #group-shout {
        height: 0px;
    }
    .group-shout-name {
        position: absolute;
        bottom: -7px;
        margin-left: 32px;
    }
    .group-details .group-shout:has(#group-shout-form) .group-shout-name {
        bottom: 26px;
    }
    .group-details .group-shout .shout-container .group-shout .group-shout-info .shout-date {
        float: right;
        color: #808080;
        font-size: 8px;
        margin-top: 8px;
        font-family: 'Source Sans Pro',
        Arial,
        Helvetica,
        sans-serif;
    }
    #group-shout .section-content {
        background-color: transparent;
    }
    .group-details .group-shout .group-form {
        margin-left: 170px;
        position: absolute;
        bottom: -33px;
        margin-top: 4px;
    }
    .form-horizontal .form-group[ng-class="{'form-has-error' : layout.shoutError}"], .group-details .group-shout .group-form {
        width: unset;
    }
    .form-horizontal .form-group[ng-class="{'form-has-error' : layout.shoutError}"] p {
        position: absolute;
        font-family: 'Source Sans Pr...

Reviews

No reviews yet.