☰

Bug fixes for Early 2016 ROBLOX Play Button Style

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

目前为 2025-04-14 提交的版本。查看 最新版本。

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