Brings Back The Old Group Page (Requires RLOT Experimental By TersisWilvin To Work As Intended)
Old ROBLOX Group Page by Vue2016
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
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...