☰

Bug fixes for Early 2016 ROBLOX Play Button Style

need this to work https://userstyles.world/style/19108/early-2016-roblox-play-button-style

  1. /* ==UserStyle==
  2. @name           Bug fixes for Early 2016 ROBLOX Play Button Style
  3. @namespace      ROBLOX
  4. @version        3.4
  5. @description    need this to work https://userstyles.world/style/19108/early-2016-roblox-play-button-style
  6. @author         Me
  7. @preprocessor   less
  8. @var checkbox M6 "Mid 2016" 0
  9. @var checkbox L6 "Late 2016" 0
  10. @var checkbox LB "Leaderboards" 1
  11. @var checkbox CF "Chromium Fix for 2017" 0
  12. @var checkbox 27 "2017 needs Late 2016 to work" 0
  13. ==/UserStyle== */
  14.  
  15. @-moz-document url-prefix("https://www.roblox.com/games") {
  16.  
  17. .stack .card-list .card-item.card-item-public-server {
  18.   min-height: 1px!important;
  19. }
  20.  
  21. [data-internal-page-name="GameDetail"] #game-detail-page .nav-tabs>li {
  22.     margin-bottom: 1!important;
  23. }
  24.  
  25. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-favorite {
  26.     float: revert;
  27. }
  28.  
  29. [data-internal-page-name="GameDetail"] .rbx-tab.active .text-lead  {
  30.   color: #555;
  31.   cursor: default;
  32. }
  33.  
  34. [data-internal-page-name="GameDetail"] .rbx-tab.active .text-lead when (@L6 = 1) {
  35.   color: #191919;
  36.   cursor: default;
  37. }
  38.  
  39. [data-internal-page-name="GameDetail"] .rbx-tabs-horizontal .nav-tabs when (@L6 = 0) {
  40. box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
  41. }
  42.  
  43. [data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container {
  44.   padding-bottom: 34px !important;
  45.   padding-top: 38px !important;
  46.   margin-bottom: 26px;
  47. }
  48.  
  49. [data-internal-page-name="GameDetail"] #toggle-game-favorite {
  50. position: revert;
  51. }
  52.  
  53. .users-vote::after {
  54.   top: -11px;
  55. }
  56.  
  57. .page-content .rbx-tabs-horizontal .rbx-tab {
  58.   width: revert;
  59. }
  60.  
  61. #tab-game-instances > .rbx-tab-heading {
  62.   position: relative !important;
  63.   left: 0px;
  64.   width: 240px!important;
  65. }
  66. #tab-game-instances.rbx-tab.tab-game-instances {
  67. margin-left: 250px;
  68. }
  69.  
  70. #tab-about > .rbx-tab-heading > .text-lead {
  71.   left: 0px !important;
  72. }
  73.  
  74. #tab-about > .rbx-tab-heading {
  75.   position: relative !important;
  76.   left: 0px;
  77.   width: 240px!important;
  78. }
  79.  
  80. #tab-store > .rbx-tab-heading {
  81.   position: relative !important;
  82.   left: 0px;
  83.   width: 240px!important;
  84. }
  85.  
  86. #tab-store > .rbx-tab-heading > .text-lead {
  87.   position: relative !important;
  88.   left: 0px;
  89. }
  90.  
  91. #tab-store > .rbx-tab-heading > .text-lead::after {
  92. left: 140px;
  93.   pointer-events: none;
  94.   color: #191919 !important;
  95.   display: block;
  96.   top: -12px;
  97. height: 40.5px;
  98. width: 250px;
  99. line-height: 2.3;
  100. }
  101. }
  102.  
  103.  
  104. .game-favorite-button-container {
  105.   top: -12px;
  106. }
  107.  
  108. .voting-panel .users-vote .vote-details when (@M6 = 1) {
  109.   display: block;
  110.   width: 135px;
  111.   top: 7px;
  112. left: -23px;
  113. position: relative;
  114. }
  115.  
  116. [data-internal-page-name="GameDetail"] .count-right > .vote-text when (@M6 = 1) {
  117.   position: relative !important;
  118.   left: -27px;
  119.   top: -20px;
  120. }
  121.  
  122. [data-internal-page-name="GameDetail"] .count-left > .vote-text when (@M6 = 1) {
  123.   position: relative !important;
  124.   left: 27px;
  125.   top: -20px;
  126. }
  127.  
  128. .users-vote when (@M6 = 1) {
  129. top: 30px!important;
  130. }
  131.  
  132. [data-internal-page-name="GameDetail"] .count-right > .vote-text when (@L6 = 1) {
  133.   position: relative !important;
  134.   left: -30px;
  135. }
  136.  
  137. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .upvote when (@L6 = 1) {
  138.   left: 7px;
  139.   top: -4px;
  140. }
  141.  
  142. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote when (@L6 = 1) {
  143.   left: 135px;
  144. top: -5px;
  145. }
  146.  
  147. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@L6 = 1)  {
  148.   content: '825K+';
  149. }
  150.  
  151. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after when (@M6 = 1)  {
  152.   content: '825K+';
  153. }
  154.  
  155. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label::after {
  156.   left: -4px;
  157. top: 2px;
  158. }
  159.  
  160. .users-vote when (@M6 = 1)  {
  161. top: 32px!important;
  162. }
  163.  
  164. .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment when (@L6 = 1) {
  165.   height: 6px!important;
  166. }
  167.  
  168. & when (@L6 = 1) {
  169. .light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes, .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
  170.   border-radius: 0px !important;
  171. }
  172. }
  173.  
  174. [data-internal-page-name="GameDetail"] #game-details-play-button-container .btn-common-play-game-lg.btn-primary-md.btn-full-width {
  175.   min-width: 80% !important;
  176.   max-width: 80% !important;
  177.   width: auto !important;
  178.   height: auto !important;
  179.   min-height: 53px!important;
  180.   max-height: 53px!important;
  181.   position: relative;
  182.   top: -2px;
  183. }
  184.  
  185. #game-details-play-button-container .btn-common-play-game-lg:not(.random-server-button) .icon-common-play::after {
  186. position: relative;
  187. top: -2px;
  188. }
  189.  
  190. #game-details-play-button-container .btn-economy-robux-white-lg .btn-text {
  191. position: relative;
  192. top: -1px;
  193. }
  194.  
  195. [data-internal-page-name="GameDetail"] .count-left > .vote-text when (@L6 = 1) {
  196.   position: relative !important;
  197.   left: 0px!important;
  198. }
  199.  
  200. [data-internal-page-name="GameDetail"] .count-right > .vote-text when (@L6 = 1) {
  201.   position: relative !important;
  202.   left: 0px!important;
  203. }
  204.  
  205. [data-internal-page-name="GameDetail"] .vote-text when (@L6 = 1) {
  206. font-size: 14px!important;
  207. top: 15px;
  208. }
  209.  
  210. .users-vote::after when (@M6 = 1) {
  211.   left: 160px !important;
  212. }
  213.  
  214.  
  215. [data-internal-page-name="GameDetail"] .icon-dislike when (@M6 = 1) {
  216.   left: -22px !important;
  217. }
  218.  
  219.  
  220. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .vote-details .vote-container when (@L6 = 1) {
  221.   height: 6px!important;
  222. }
  223.  
  224. .voting-panel .users-vote .vote-details when (@L6 = 1) {
  225. position: relative;
  226. width: 90px!important;
  227. top: -20px;
  228. left: 12px!important;
  229. }
  230.  
  231. #game-details-play-button-container when (@L6 = 1) {
  232. border-top: 1px solid #E3E3E3;
  233.   border-bottom: 1px solid #E3E3E3;
  234. }
  235.  
  236. [data-internal-page-name="GameDetail"] .vote-text when (@27 = 1) {
  237. font-size: 14px!important;
  238. top: 15px;
  239. }
  240.  
  241. [data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container when (@27 = 1) {
  242.     padding-top: 20px!important;
  243.     padding-bottom: 64px!important;
  244. margin-bottom: 0px!important;
  245.   }
  246.  
  247. .users-vote::after when (@27 = 1) {
  248. display: none!important;
  249. }
  250.  
  251. [data-internal-page-name="GameDetail"] .icon-dislike when (@27 = 1) {
  252.   left: -4px !important;
  253. }
  254.  
  255. [data-internal-page-name="GameDetail"] .vote-container when (@27 = 1) {
  256. left: -2px!important;
  257. }
  258.  
  259. .game-favorite-button-container when (@27 = 1) {
  260. top: -70px!important;
  261. left: -245px!important;
  262. }
  263.  
  264.  
  265. .voting-panel .users-vote .vote-details when (@27 = 1) {
  266. position: relative;
  267. width: 106px!important;
  268. top: -25px;
  269. }
  270.  
  271. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote when (@27 = 1) {
  272.   left: 148px;
  273. top: -4px;
  274. }
  275.  
  276. [data-internal-page-name="GameDetail"] .users-vote when (@27 = 1) {
  277.   left: -10px!important;
  278. top: 15px!important
  279. }
  280.  
  281. .game-favorite-button-container {
  282. top: -8px;
  283. left: 5px;
  284. }
  285.  
  286. [data-internal-page-name="GameDetail"] .icon-like when (@27 = 1) {
  287.  left: 3px!important;
  288.  top: -9px!important;
  289. }
  290.  
  291. [data-internal-page-name="GameDetail"] .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel when (@27 = 1) {
  292.     top: -80px!important;
  293.     left: -250px!important;
  294.   }
  295.  
  296. [data-internal-page-name="GameDetail"] .game-main-content #game-details-play-button-container when (@27 = 1) {
  297. top: 24px !important;
  298.   position: relative;
  299. }
  300.  
  301. .game-main-content.follow-button-enabled .favorite-follow-vote-share when (@27 = 1) {
  302. background-image: url(https://images.rbxcdn.com/ee4b20b19bbaac5eb7c5e2c46a750c5c.png);
  303. background-repeat: no-repeat;
  304. background-size: 25px;
  305. top: 35px;
  306. left: 250px;
  307. }
  308.  
  309. .game-main-content.follow-button-enabled .favorite-follow-vote-share:before when (@27 = 1) {
  310. content: " ";
  311. display: flex;
  312. position: relative;
  313. background-image: url(https://images.rbxcdn.com/d75e7a07fd4db793d79060cc5976cb29.png);
  314. background-repeat: no-repeat;
  315. background-size: 25px;
  316. left: -29px;
  317. width: 25px;
  318. height: 25px;
  319. }
  320.  
  321. .game-main-content.follow-button-enabled .favorite-follow-vote-share:after when (@27 = 1) {
  322. content: " ";
  323.   display: flex;
  324.   position: relative;
  325.   background-image: url(https://images.rbxcdn.com/4799659a1367d6c6e235b5986cb9b6b9.png);
  326.   background-repeat: no-repeat;
  327.   background-size: 25px;
  328.   left: -58px;
  329.   top: -87px;
  330.   width: 25px;
  331.   height: 25px;
  332.   z-index: 10;
  333. }
  334.  
  335. .game-main-content.follow-button-enabled .favorite-follow-vote-share:after when (@CF = 1) {
  336.   top: -88px!important;
  337. }
  338.  
  339. .game-main-content.remove-panel {
  340.   width: 960px !important;
  341.   left: 32px!important;
  342. }
  343.  
  344. /*this bit of code is from the original theme*/
  345.  
  346. [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 {
  347.   content: "Allowed Gear types";
  348.   font-size: 16px !important;
  349.   line-height: 1.5em;
  350.   cursor: text;
  351. }
  352.  
  353. [data-internal-page-name="GameDetail"] li.game-stat:nth-of-type(1) .font-caption-body.text-lead {
  354.   background-image: url(https://images.rbxcdn.com/153fd3209692232cd8087cad74a669b0-games.svg) !important;
  355.   background-position: 0 -336px;
  356.   color: transparent !important;
  357.   width: 30px !important;
  358.   height: 30px !important;
  359.   margin-left: 62px !important;
  360. }
  361.  
  362. /*this bit of code is from me*/
  363.  
  364. & when (@27 = 1) {
  365. [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 {
  366.   content: "Allowed Gear"!important;
  367. }
  368. }
  369.  
  370.  li.game-stat:nth-of-type(1) {
  371. display: unset!important;
  372. left: 772px;
  373. position: relative;
  374. }
  375.  
  376.  li.game-stat:nth-of-type(3) {
  377. left: -150px;
  378. position: relative;
  379. }
  380.  
  381.  li.game-stat:nth-of-type(6) {
  382. left: -150px;
  383. position: relative;
  384. }
  385.  
  386.  li.game-stat:nth-of-type(7) {
  387. left: -150px;
  388. position: relative;
  389. }
  390.  
  391.  li.game-stat:nth-of-type(8) {
  392. left: -150px;
  393. position: relative;
  394. }
  395.  
  396.  li.game-stat:nth-of-type(9) {
  397. left: -150px;
  398. position: relative;
  399. }
  400.  
  401. li.game-stat:nth-of-type(8) .font-caption-body.text-lead {
  402.   font-weight: 400 !important;
  403. }
  404.  
  405. li.game-stat:nth-of-type(7) .font-caption-body.text-lead {
  406.   font-weight: 400 !important;
  407. }
  408.  
  409. li.game-stat:nth-of-type(6) .font-caption-body.text-lead {
  410.   font-weight: 400 !important;
  411. }
  412.  
  413. li.game-stat:nth-of-type(3) .font-caption-body.text-lead {
  414.   font-weight: 400 !important;
  415. }
  416.  
  417. li.game-stat:nth-of-type(1) .font-caption-body.text-lead {
  418.   font-weight: 400 !important;
  419. }
  420.  
  421. [data-internal-page-name="GameDetail"] .text-report {
  422. font-size: 14px!important;
  423.   font-weight: 400!important;
  424. }
  425.  
  426. [data-internal-page-name="GameDetail"] .game-description-footer:before {
  427. content: 'This game is copylocked';
  428. font-size: 14px;
  429.   font-weight: 400;
  430.   color: #B8B8B8;
  431. cursor: text;
  432. }
  433.  
  434. [data-internal-page-name="GameDetail"].builder-font .text-pastname {
  435. visibility: hidden;
  436. }
  437.  
  438.  
  439. [data-internal-page-name="GameDetail"].builder-font .text-pastname::before {
  440. visibility: visible;
  441. content: "This game is uncopylocked";
  442. background-color: #fff;
  443. position: relative;
  444. left: -150px;
  445. color: transparent;
  446. }
  447.  
  448. [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 {
  449. padding: 0 15px 0 0!important;
  450. margin: -0.2px !important;
  451. }
  452.  
  453. [data-internal-page-name="GameDetail"] .game-carousel.expand-home-content-disabled {
  454.   gap: 1.6px;
  455. position: relative;
  456.   left: -0.1px;
  457. margin-bottom: 40px!important;
  458. }
  459.  
  460. [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 {
  461.   line-height: 0.4em!important;
  462. position: relative;
  463. top: -9px;
  464. }
  465.  
  466.  
  467.  
  468. #rbx-private-servers.stack {
  469. margin-bottom: 10px;
  470. }
  471.  
  472. #about #rbx-private-servers .section-content-off:not(.empty-game-instances-container) {
  473. margin-bottom: 20px;
  474. }
  475.  
  476. [data-internal-page-name="GameDetail"] #game-detail-page {
  477.   width: 970px!important;
  478.   position: relative!important;
  479. left: 15px;
  480. }
  481.  
  482. [data-internal-page-name="GameDetail"] .light-theme .game-main-content, .light-theme .game-main-content.remove-panel  {
  483.     width: 970px!important;
  484.     left: 0px!important;
  485. }
  486.  
  487. [data-internal-page-name="GameDetail"] .content::after {
  488. margin-left: 40px!important;
  489. }
  490.  
  491.  
  492. [data-internal-page-name="GameDetail"] .page-content .rbx-tabs-horizontal  {
  493.     width: 970px!important;
  494.     left: 0px!important;
  495. }
  496.  
  497. #tab-store > .rbx-tab-heading > .text-lead::after when (@LB = 0) {
  498. display: none!important;
  499. }
  500.  
  501. #tab-store.rbx-tab.tab-store when (@LB = 0) {
  502. width: 323.2px!important;
  503. }
  504.  
  505. #tab-store > .rbx-tab-heading when (@LB = 0) {
  506. width: 323.2px!important;
  507. }
  508.  
  509. #tab-game-instances.rbx-tab.tab-game-instances when (@LB = 0) {
  510. width: 323.2px!important;
  511. }
  512.  
  513. #tab-game-instances > .rbx-tab-heading when (@LB = 0) {
  514. width: 323.2px!important;
  515. }
  516.  
  517. #tab-about.rbx-tab.tab-about when (@LB = 0) {
  518. width: 323.2px!important;
  519. }
  520.  
  521. #tab-about > .rbx-tab-heading when (@LB = 0) {
  522. width: 323.2px!important;
  523. }
  524.  
  525. #tab-game-instances.rbx-tab.tab-game-instances when (@LB = 0) {
  526.   margin-left: 0px!important;
  527. }
  528.  
  529. & when (@27 = 1) {
  530. [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 {
  531.   padding: 0 15px 0 0 !important;
  532.   margin: -2px !important;
  533. }
  534. }
  535.  
  536. [data-internal-page-name="GameDetail"]  #game-details-play-button-container .btn-common-play-game-lg.btn-primary-md.btn-full-width when (@27 = 1) {
  537.   min-width: 88% !important;
  538.   max-width: 88% !important;
  539.   width: auto !important;
  540.   top: 0px!important;
  541. }
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.