Skip to content

2017 ROBLOX Play Button Style by Vue2016

Screenshot of 2017 ROBLOX Play Button Style

Details

AuthorVue2016

LicenseN/A

Categorywww.roblox.com

Created

Updated

Code size10 kB

Code checksumea35e3b2

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The Option To Add A Early 2017 Play Button RLOT (Experimental) By @TersisWilvin Also 2018M Play Button Style Should Be Enabled 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         2017 ROBLOX Play Button Style
@namespace    USO Worlds
@author       Vue2016
@description  The Option To Add A Early 2017 Play Button RLOT (Experimental) By @TersisWilvin Also 2018M Play Button Style Should Be Enabled To Work As Intended.
@version      1.2.1
@license      N/A
==/UserStyle== */
@-moz-document url-prefix("https://web.roblox.com/games/"), url-prefix("https://www.roblox.com/games/") {
/* Old Game page size */
[data-internal-page-name="GameDetail"] .light-theme .game-main-content, .light-theme .game-main-content.remove-panel {
    width: 960px!important;
    left: 42px;
}
    [data-internal-page-name="GameDetail"] .content {
        overflow: revert
    }

[data-internal-page-name="GameDetail"] .page-content .rbx-tabs-horizontal {
    width: 960px!important;
    left: 42px;
}

}

@-moz-document domain("https://www.roblox.com/"), url-prefix("https://www.roblox.com/games"), url-prefix("https://web.roblox.com/games") {
/* Extra Stuff */
[data-internal-page-name="GameDetail"] .rplus-vote-percentage-label.count-middle {
    display: none!important;
}

[data-internal-page-name="GameDetail"] .gotham-font .container-list.games-detail h2:after, .builder-font .container-list.games-detail h2 {
    font-size: 0px;
}
[data-internal-page-name="GameDetail"] .nav-tabs>li {
    margin-bottom: 0!important;
}

[data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container {
    padding-bottom: 30px!important;
    padding-top: 30px!important;
    margin-bottom: 30px;
}
[data-internal-page-name="GameDetail"] .rbx-tabs-horizontal .rbx-tab-heading {
    width: 260px!important;
}
[data-internal-page-name="GameDetail"] .game-buttons-container {
    top: 176px;
}
#tab-game-instances > .rbx-tab-heading {
    position: relative!important;
    left: 61px;
}

[data-internal-page-name="GameDetail"] .rbx-tabs-horizontal .rbx-tab-heading {
    width: 245px!important;
}

#tab-game-instances > .rbx-tab-heading > .text-lead::after {
    content: "Leaderboards";
    position: absolute!important;
    left: -163px;
}


li.game-stat:nth-of-type(6) .font-caption-body.text-lead, li.game-stat:nth-of-type(5) .font-caption-body.text-lead, li.game-stat:nth-of-type(4) .font-caption-body.text-lead, li.game-stat:nth-of-type(3) .font-caption-body.text-lead, li.game-stat:nth-of-type(2) .font-caption-body.text-lead, li.game-stat:nth-of-type(1) .font-caption-body.text-lead {
        font-weight: 300!important;
}


#horizontal-tabs {
    border-radius: 0!important;
}

#tab-store .rbx-tab {
    left: 9px!important;
}
.rbx-tab.tab-store {
    position: relative!important;
    left: -75px!important;
}
.rbx-tab.tab-about.active {
    height: 0px!important;
}
.rbx-tab.tab-game-instances.active {
    height: 0px!important;
    left: 15px;
}
.rbx-tab.tab-game-instances {
    height: 0px!important;
    left: 15px;
}
.rbx-tab.tab-store.active {
    height: 0px!important;
    left: -75px!important;
}
/* Fixes */
[data-internal-page-name="GameDetail"] #toggle-game-favorite{
    left: 10px;
    top: -10px;
    position: relative;
}  
[data-internal-page-name="GameDetail"] #game-favorite-icon-label{
    left: 1px;
    font-size: 16px;
    top: -0px;
    position: relative;
}

[data-internal-page-name="GameDetail"] .game-favorite-button-container{
    left: -10px;
    top: -6px;
    position: relative;
}

[data-internal-page-name="GameDetail"] .has-voted.users-vote {
    top: 23px;
    left: -17px;
    position: relative;
}


[data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container .btn-common-play-game-lg {
    width: 83%;
}

[data-internal-page-name="GameDetail"] .users-vote {
    top: 23px;
    left: -17px;
    position: relative;
    width: 146px!important;
}
[data-internal-page-name="GameDetail"] .upvote .icon-like {
    top: -6px;
    left: 0px;
    position: relative;
}
[data-internal-page-name="GameDetail"] .downvote .icon-dislike {
    top: -6px;
    left: 0px;
    position: relative;
}


[data-internal-page-name="GameDetail"] #vote-down-text {
    font-size: 13px
}


[data-internal-page-name="GameDetail"] #vote-up-text {
    font-size: 13px
}
[data-internal-page-name="GameDetail"] .text-report {
    font-size: 14px!important;
}
/* Bring back share button (not functional) */
.social-media-share::after {
    content: "";
    background-image: url(https://images.rbxcdn.com/ca05cd0d068c3015d64a07cbed74f0dd-social_06282017.svg);
    background-position: 0 -224px;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    position: absolute!important;
    left: 241px;
    bottom: 60px;
    cursor: pointer;
}

.social-media-share:hover::after {
    content: "";
    background: url(https://images.rbxcdn.com/ca05cd0d068c3015d64a07cbed74f0dd-social_06282017.svg);
    background-position: -28px -224px;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 241px;
    bottom: 60px;
    cursor: pointer;
}

/* Old Font */
*
{
    font-family: "Source Sans Pro", Arial,Helvetica,sans-serif !important;
}


/* Reconstruct */
.gotham-font .game-main-content .game-calls-to-action .game-title-container {
	height: 172px !important;
}
li.game-stat:nth-of-type(9) .font-caption-body.text-lead {
    font-weight: 400 !important;
    font-size: 18px !important;
}


li.game-stat:nth-of-type(8) .font-caption-header.text-overflow.text-label {
    font-size: 0;
}


[data-internal-page-name="GameDetail"] .gotham-font .container-list.games-detail h2:after, .builder-font .container-list.games-detail h2 {
    font-size: 0px;
}

[data-internal-page-name="GameDetail"] .game-main-content .game-calls-to-action .game-name {
    font-size: 30px!important;
}

.text-overflow.text-name {
    font-weight: 400!important;
}
li.game-stat:nth-of-type(9) .font-caption-body.text-lead {
    font-weight: 400!important;
    color: #00a2ff!important;
    cursor: pointer!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;
}
 li.game-stat:nth-of-type(1) {
display: unset!important;
left: 772px;
position: relative;
}
 li.game-stat:nth-of-type(2) {
display: none!important;
}

 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;
}


[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: 64px !important;
  margin-bottom: 8px !important;
}
.stack.badge-container.game-badges-list .container-header h2::before {
visibility: visible;
content: "Game ";
cursor: text;
}

#rbx-private-servers .container-header h2::after {
  font-size: 24px;
}
#rbx-private-servers .section-content-off:not(.empty-game-instances-container) .text-link::after {
color: #757575;
text-decoration: none;
font-size: 16px;
font-weight: 300;
line-height: 1.4em;
}

#rbx-private-servers .section-content-off:not(.empty-game-instances-container) .text-link {
color: #757575;
text-decoration: none;
}

#store-does-not-sell.section-content-off::before {
font-size: 16px;
content: 'This game does not sell any virtual items or power-ups.';
cursor: text;
position: relative;
top: 10px;
}
[data-internal-page-name="GameDetail"].light-theme .section-content-off {
  background-color: #b8b8b8!important;
  color: #757575!important;
position: revert!important;
}

#game-details-play-button-container .btn-common-play-game-lg .btn-text::after {
  content: ' ROBUX';
  font-size: 21px;
  line-height: 100%;
}

#game-details-play-button-container .btn-common-play-game-lg .btn-text::before {
  content: 'Buy Access for ';
  font-size: 21px;
  line-height: 100%;
}
#rbx-friends-running-games {
display: none!important;
        }
#store-does-not-sell.section-content-off {
font-size: 0px;
height: 50px!important;
}
#rbx-running-games .container-header h2::before {
  visibility: visible;
  content: "Running Servers";
top: -5px;
position: relative;
cursor: text;
}

#rbx-public-running-games .container-header h2 {
  visibility: hidden !important;
}


#rbx-public-running-games .container-header h2::before {
  visibility: visible;
  content: "Running Servers";
top: -5px;
position: relative;
cursor: text;
}

.stack .card-list .card-item, .stack .card-list .rbx-private-game-server-item .card-item {
margin: 0 0 18px;
  padding: 15px;
}

.stack .server-list-section {
  overflow: visible;
}

#rbx-running-games.stack.server-list-section {
top: 19px;
position: relative;
}

[data-internal-page-name="GameDetail"] .content {
  overflow: visible;

#rbx-private-running-games .no-servers-message {
  visibility: hidden !important;
}
}

#rbx-private-running-games .no-servers-message::before {
  visibility: visible;
  content: "N...

Reviews

No reviews yet.