need this to work https://userstyles.world/style/22326/
/* ==UserStyle==
@name Bug fixes for Early 2016 ROBLOX Play Button Style
@namespace ROBLOX
@version 3.6
@description need this to work https://userstyles.world/style/22326/
@author Me
@preprocessor less
@var checkbox M6 "Mid 2016" 0
@var checkbox L6 "Late 2016" 0
@var checkbox LB "Leaderboards" 1
@var checkbox 27 "2017 needs Late 2016 to work" 0
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com/games") {
.stack .card-list .card-item.card-item-public-server {
min-height: 1px!important;
}
[data-internal-page-name="GameDetail"] #game-detail-page .nav-tabs>li {
margin-bottom: 1!important;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-favorite {
float: revert;
}
[data-internal-page-name="GameDetail"] .rbx-tab.active .text-lead {
color: #555;
cursor: default;
}
[data-internal-page-name="GameDetail"] .rbx-tab.active .text-lead when (@L6 = 1) {
color: #191919;
cursor: default;
}
[data-internal-page-name="GameDetail"] .rbx-tabs-horizontal .nav-tabs when (@L6 = 0) {
box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
}
[data-internal-page-name="GameDetail"] #content .game-main-content #game-details-play-button-container {
padding-bottom: 34px !important;
padding-top: 38px !important;
margin-bottom: 26px;
}
[data-internal-page-name="GameDetail"] #content #toggle-game-favorite {
position: revert!important;
}
.users-vote::after {
top: -11px;
}
.page-content .rbx-tabs-horizontal .rbx-tab {
width: revert;
}
#game-detail-page #tab-game-instances > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#game-detail-page #tab-game-instances.rbx-tab.tab-game-instances {
margin-left: 250px;
}
#game-detail-page #tab-about > .rbx-tab-heading > .text-lead {
left: 0px !important;
}
#game-detail-page #tab-about > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#game-detail-page #tab-store > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#game-detail-page #tab-store > .rbx-tab-heading > .text-lead {
position: relative !important;
left: 0px;
}
#game-detail-page #tab-store > .rbx-tab-heading > .text-lead::after {
left: 140px;
pointer-events: none;
color: #191919 !important;
display: block;
top: -12px;
height: 40.5px;
width: 250px;
line-height: 2.3;
}
}
.game-favorite-button-container {
top: -12px;
}
#content .voting-panel .users-vote .vote-details when (@M6 = 1) {
display: block;
width: 135px;
top: 7px;
left: -23px;
position: relative;
}
[data-internal-page-name="GameDetail"] #content .count-right > .vote-text when (@M6 = 1) {
position: relative !important;
left: -27px;
top: -20px;
}
[data-internal-page-name="GameDetail"] #content .count-left > .vote-text when (@M6 = 1) {
position: relative !important;
left: 27px;
top: -20px;
}
.users-vote when (@M6 = 1) {
top: 30px!important;
}
[data-internal-page-name="GameDetail"] .count-right > .vote-text when (@L6 = 1) {
position: relative !important;
left: -30px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .upvote when (@L6 = 1) {
left: 7px;
top: -4px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote when (@L6 = 1) {
left: 135px;
top: -5px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@L6 = 1) {
content: '825K+'!important;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@M6 = 1) {
content: '825K+'!important;
}
#content .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after {
left: -4px;
top: 2px;
}
#content .users-vote when (@M6 = 1) {
top: 32px!important;
}
#content .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment when (@L6 = 1) {
height: 6px!important;
}
& when (@L6 = 1) {
#content .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes, #content .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
border-radius: 0px !important;
}
}
[data-internal-page-name="GameDetail"] #game-details-play-button-container .btn-common-play-game-lg.btn-primary-md.btn-full-width {
min-width: 80% !important;
max-width: 80% !important;
width: auto !important;
height: auto !important;
min-height: 53px!important;
max-height: 53px!important;
position: relative;
top: -2px;
}
#game-details-play-button-container .btn-common-play-game-lg:not(.random-server-button) .icon-common-play::after {
position: relative;
top: -2px;
}
#game-details-play-button-container .btn-economy-robux-white-lg .btn-text {
position: relative;
top: -1px;
}
[data-internal-page-name="GameDetail"] .count-left > .vote-text when (@L6 = 1) {
position: relative !important;
left: 0px!important;
}
[data-internal-page-name="GameDetail"] .count-right > .vote-text when (@L6 = 1) {
position: relative !important;
left: 0px!important;
}
[data-internal-page-name="GameDetail"] #content .vote-text when (@L6 = 1) {
font-size: 14px!important;
top: 15px!important;
}
#content .users-vote::after when (@M6 = 1) {
left: 160px !important;
}
[data-internal-page-name="GameDetail"] #content .icon-dislike when (@M6 = 1) {
left: -22px !important;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .vote-details .vote-container when (@L6 = 1) {
height: 6px!important;
}
.voting-panel .users-vote .vote-details when (@L6 = 1) {
position: relative;
width: 90px!important;
top: -20px;
left: 12px!important;
}
#game-details-play-button-container when (@L6 = 1) {
border-top: 1px solid #E3E3E3!important;
border-bottom: 1px solid #E3E3E3!important;
}
[data-internal-page-name="GameDetail"] .vote-text when (@27 = 1) {
font-size: 14px!important;
top: 15px;
}
[data-internal-page-name="GameDetail"] #content .game-main-content #game-details-play-button-container when (@27 = 1) {
padding-top: 20px!important;
padding-bottom: 64px!important;
margin-bottom: 0px!important;
}
.users-vote::after when (@27 = 1) {
display: none!important;
}
[data-internal-page-name="GameDetail"] .icon-dislike when (@27 = 1) {
left: -4px !important;
}
[data-internal-page-name="GameDetail"] .vote-container when (@27 = 1) {
left: -2px!important;
}
.game-favorite-button-container when (@27 = 1) {
top: -70px!important;
left: -247px !important;
}
.voting-panel .users-vote .vote-details when (@27 = 1) {
position: relative;
width: 106px!important;
top: -25px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote when (@27 = 1) {
left: 148px;
top: -4px;
}
[data-internal-page-name="GameDetail"] .users-vote when (@27 = 1) {
left: -10px!important;
top: 15px!important
}
.game-favorite-button-container {
top: -8px;
left: 5px;
}
[data-internal-page-name="GameDetail"] .icon-like when (@27 = 1) {
left: 3px!important;
top: -9px!important;
}
[data-internal-page-name="GameDetail"] .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel when (@27 = 1) {
top: -80px!important;
left: -246px!important;
}
[data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container when (@27 = 1) {
top: 24px !important;
position: relative;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share when (@27 = 1) {
top: 35px;
left: 250px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share:before when (@27 = 1) {
content: " ";
display: flex;
position: relative;
background-image: url(https://images.rbxcdn.com/4799659a1367d6c6e235b5986cb9b6b9.png), url(https://images.rbxcdn.com/d75e7a07fd4db793d79060cc5976cb29.png), url(https://images.rbxcdn.com/ee4b20b19bbaac5eb7c5e2c46a750c5c.png);
background-repeat: no-repeat;
background-size: 24px;
background-position: 3px 0, 30px 0, 57px 0;
left: -60px;
width: 80px;
height: 25px;
}
.game-main-content.remove-panel {
width: 960px !important;
left: 32px!important;
}
/*this bit of code is from the original theme*/
[data-internal-page-name="GameDetail"] .game-stats-container li:first-child p:first-child::after, .game-stat-container li:first-child p:first-child::after {
content: "Allowed Gear types";
font-size: 16px !important;
line-height: 1.5em;
cursor: text;
}
[data-internal-page-name="GameDetail"] li.game-stat:nth-of-type(1) .font-caption-body.text-lead {
background-image: url(https://images.rbxcdn.com/153fd3209692232cd8087cad74a669b0-games.svg) !important;
background-position: 0 -336px;
color: transparent !important;
width: 30px !important;
height: 30px !important;
margin-left: 62px !important;
}
/*this bit of code is from me*/
& when (@27 = 1) {
[data-internal-page-name="GameDetail"] .game-stats-container li:first-child p:first-child::after, .game-stat-container li:first-child p:first-child::after {
content: "Allowed Gear"!important;
}
}
[data-internal-page-name="GameDetail"] li.game-stat:nth-of-type(1) {
display: unset!important;
left: 772px;
position: relative;
}
li.game-stat:nth-of-type(3) {
left: -150px;
position: relative;
}
li.game-stat:nth-of-type(6) {
left: -150px;
position: relative;
}
li.game-stat:nth-of-type(7) {
left: -150px;
position: relative;
}
li.game-stat:nth-of-type(8) {
left: -150px;
position: relative;
}
li.game-stat:nth-of-type(9) {
left: -150px;
position: relative;
}
li.game-stat:nth-of-type(8) .font-caption-body.text-lead {
font-weight: 400 !important;
}
li.game-stat:nth-of-type(7) .font-caption-body.text-lead {
font-weight: 400 !important;
}
li.game-stat:nth-of-type(6) .font-caption-body.text-lead {
font-weight: 400 !important;
}
li.game-stat:nth-of-type(3) .font-caption-body.text-lead {
font-weight: 400 !important;
}
li.game-stat:nth-of-type(1) .font-caption-body.text-lead {
font-weight: 400 !important;
}
[data-internal-page-name="GameDetail"] .text-report {
font-size: 14px!important;
font-weight: 400!important;
}
[data-internal-page-name="GameDetail"] .game-description-footer:before {
content: 'This game is copylocked';
font-size: 14px;
font-weight: 400;
color: #B8B8B8;
cursor: text;
}
[data-internal-page-name="GameDetail"].builder-font .text-pastname {
visibility: hidden;
}
[data-internal-page-name="GameDetail"].builder-font .text-pastname::before {
visibility: visible;
content: "This game is uncopylocked";
background-color: #fff;
position: relative;
left: -150px;
color: transparent;
}
[data-internal-page-name="GameDetail"] .game-carousel .grid-item-container, .game-carousel.expand-home-content-disabled .grid-item-container, .dark-theme .game-carousel .grid-item-container, .dark-theme .game-carousel .grid-item-container {
padding: 0 15px 0 0!important;
margin: -0.2px !important;
}
[data-internal-page-name="GameDetail"] .game-carousel.expand-home-content-disabled {
gap: 1.6px;
position: relative;
left: -0.1px;
margin-bottom: 40px!important;
}
[data-internal-page-name="GameDetail"] .gotham-font #recommended-games-container h2::after, .builder-font #recommended-games-container h2::after, .gotham-font .games-detail h2::after, .builder-font .games-detail h2::after, .gotham-font .container-list.games-detail h2::after, .builder-font .container-list.games-detail h2::after, .gotham-font #recommended-games-container h2:hover::after, .builder-font #recommended-games-container h2:hover::after, .gotham-font .games-detail h2:hover::after, .builder-font .games-detail h2:hover::after, .gotham-font .container-list.games-detail h2:hover::after, .builder-font .container-list.games-detail h2:hover::after, .gotham-font #recommended-games-container h2:focus::after, .builder-font #recommended-games-container h2:focus::after, .gotham-font .games-detail h2:focus::after, .builder-font .games-detail h2:focus::after, .gotham-font .container-list.games-detail h2:focus::after, .builder-font .container-list.games-detail h2:focus::after, .gotham-font #recommended-games-container h2:active::after, .builder-font #recommended-games-container h2:active::after, .gotham-font .games-detail h2:active::after, .builder-font .games-detail h2:active::after, .gotham-font .container-list.games-detail h2:active::after, .builder-font .container-list.games-detail h2:active::after {
line-height: 0.4em!important;
position: relative;
top: -9px;
}
#rbx-private-servers.stack {
margin-bottom: 10px;
}
#about #rbx-private-servers .section-content-off:not(.empty-game-instances-container) {
margin-bottom: 20px;
}
[data-internal-page-name="GameDetail"] #game-detail-page {
width: 970px!important;
position: relative!important;
left: 15px;
}
[data-internal-page-name="GameDetail"] #game-detail-page .game-main-content.remove-panel {
width: 970px!important;
left: 0px!important;
}
[data-internal-page-name="GameDetail"] #game-detail-page .game-main-content {
width: 970px!important;
left: 0px!important;
}
[data-internal-page-name="GameDetail"] .content::after {
margin-left: 40px!important;
}
[data-internal-page-name="GameDetail"] #content .page-content .rbx-tabs-horizontal {
width: 970px!important;
left: 0px!important;
}
#content #tab-store > .rbx-tab-heading > .text-lead::after when (@LB = 0) {
display: none!important;
}
#content #tab-store.rbx-tab.tab-store when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-store > .rbx-tab-heading when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-game-instances.rbx-tab.tab-game-instances when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-game-instances > .rbx-tab-heading when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-about.rbx-tab.tab-about when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-about > .rbx-tab-heading when (@LB = 0) {
width: 323.2px!important;
}
#content #tab-game-instances.rbx-tab.tab-game-instances when (@LB = 0) {
margin-left: 0px!important;
}
& when (@27 = 1) {
[data-internal-page-name="GameDetail"] .game-carousel .grid-item-container, .game-carousel.expand-home-content-disabled .grid-item-container, .dark-theme .game-carousel .grid-item-container, .dark-theme .game-carousel .grid-item-container {
padding: 0 15px 0 0 !important;
margin: -2px !important;
}
}
[data-internal-page-name="GameDetail"] #game-details-play-button-container .btn-common-play-game-lg.btn-primary-md.btn-full-width when (@27 = 1) {
min-width: 88% !important;
max-width: 88% !important;
width: auto !important;
top: 0px!important;
}