need this to work https://userstyles.world/style/19108/early-2016-roblox-play-button-style
当前为
/* ==UserStyle==
@name Bug fixes for Early 2016 ROBLOX Play Button Style
@namespace ROBLOX
@version 2.8
@description need this to work https://userstyles.world/style/19108/early-2016-roblox-play-button-style
@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;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-favorite {
float: revert;
}
[data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container {
padding-bottom: 33px !important;
padding-top: 33px !important;
margin-bottom: 30px;
}
[data-internal-page-name="GameDetail"] #toggle-game-favorite {
position: revert;
}
.users-vote::after {
top: -11px;
}
.page-content .rbx-tabs-horizontal .rbx-tab {
width: revert;
}
#tab-game-instances > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#tab-game-instances.rbx-tab.tab-game-instances {
margin-left: 240px;
}
#tab-about > .rbx-tab-heading > .text-lead {
left: 0px !important;
}
#tab-about > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#tab-store > .rbx-tab-heading {
position: relative !important;
left: 0px;
width: 240px!important;
}
#tab-store > .rbx-tab-heading > .text-lead {
position: relative !important;
left: 0px;
}
#tab-store > .rbx-tab-heading > .text-lead::after {
left: 210px;
pointer-events: none;
}
}
.game-favorite-button-container {
top: -12px;
}
.voting-panel .users-vote .vote-details when (@M6 = 1) {
display: block;
width: 145px;
top: 5px;
left: -22px;
position: relative;
}
[data-internal-page-name="GameDetail"] .count-right > .vote-text when (@M6 = 1) {
position: relative !important;
left: -30px;
top: -20px;
}
[data-internal-page-name="GameDetail"] .count-left > .vote-text when (@M6 = 1) {
position: relative !important;
left: 27px;
top: -20px;
}
[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: 5px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote when (@L6 = 1) {
left: 123px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@L6 = 1) {
content: '825K+';
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@M6 = 1) {
content: '825K+';
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after {
left: -2px;
}
.voting-panel .users-vote .vote-details .vote-container .vote-mask .segment when (@L6 = 1) {
height: 6px!important;
}
& when (@L6 = 1) {
.light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes, .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
border-radius: 0px !important;
}
}
[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"] .vote-text when (@L6 = 1) {
font-size: 14px!important;
top: 12px;
}
.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: 80px!important;
top: -20px;
left: 10px!important;
}
#game-details-play-button-container when (@L6 = 1) {
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
[data-internal-page-name="GameDetail"] .vote-text when (@27 = 1) {
font-size: 14px!important;
top: 15px;
}
[data-internal-page-name="GameDetail"] .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;
}
.game-favorite-button-container when (@27 = 1) {
top: -70px;
left: -246px;
}
.voting-panel .users-vote .vote-details when (@27 = 1) {
position: relative;
width: 105px!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: -13px!important;
top: 15px!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: -250px!important;
}
[data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container when (@27 = 1) {
top: 20px !important;
position: relative;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share when (@27 = 1) {
background-image: url(https://images.rbxcdn.com/ee4b20b19bbaac5eb7c5e2c46a750c5c.png);
background-repeat: no-repeat;
background-size: 25px;
top: 30px;
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/d75e7a07fd4db793d79060cc5976cb29.png);
background-repeat: no-repeat;
background-size: 25px;
left: -29px;
width: 25px;
height: 25px;
}
.game-main-content.follow-button-enabled .favorite-follow-vote-share:after when (@27 = 1) {
content: " ";
display: flex;
position: relative;
background-image: url(https://images.rbxcdn.com/4799659a1367d6c6e235b5986cb9b6b9.png);
background-repeat: no-repeat;
background-size: 25px;
left: -58px;
top: -87px;
width: 25px;
height: 25px;
z-index: 10;
}
.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;
}
}
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: 960px!important;
position: relative!important;
}
[data-internal-page-name="GameDetail"] .light-theme .game-main-content, .light-theme .game-main-content.remove-panel {
width: 960px!important;
left: 0px!important;
}
[data-internal-page-name="GameDetail"] .page-content .rbx-tabs-horizontal {
width: 960px!important;
left: 0px!important;
}
#tab-store > .rbx-tab-heading > .text-lead::after when (@LB = 0) {
display: none!important;
}
#tab-store.rbx-tab.tab-store when (@LB = 0) {
width: 320px!important;
}
#tab-store > .rbx-tab-heading when (@LB = 0) {
width: 320px!important;
}
#tab-game-instances.rbx-tab.tab-game-instances when (@LB = 0) {
width: 320px!important;
}
#tab-game-instances > .rbx-tab-heading when (@LB = 0) {
width: 320px!important;
}
#tab-about.rbx-tab.tab-about when (@LB = 0) {
width: 320px!important;
}
#tab-about > .rbx-tab-heading when (@LB = 0) {
width: 320px!important;
}
#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-main-content #game-details-play-button-container .btn-common-play-game-lg when (@27 = 1) {
min-width: 90% !important;
max-width: 80% !important;
width: auto !important;
}