Roblox 2008 Look

Makes Roblox look like its 2008

  1. // ==UserScript==
  2. // @name Roblox 2008 Look
  3. // @namespace https://gf.qytechs.cn/en/users/759797-lego-savant
  4. // @version 1.0.4
  5. // @description Makes Roblox look like its 2008
  6. // @author Anthony Chavez
  7. // @license GPLv3
  8. // @grant GM_addStyle
  9. // @run-at document-start
  10. // @include http://roblox.com/*
  11. // @include https://roblox.com/*
  12. // @include http://*.roblox.com/*
  13. // @include https://*.roblox.com/*
  14. // ==/UserScript==
  15.  
  16. (function() {
  17. let css = `
  18. /*roblox 2008*/
  19. /*
  20. * REQUIRED!!!!: BTROBLOX EXTENSION
  21. REQUIRED settings:
  22. Navigation: Keep sidebar open (ON) | modify buttons ->> Show home, messages, friends, money. EVERYTHING ELSE DISABLED |
  23. Home: Show friend Usernames, DO NOT Show more friends
  24. Profile: Embed Inventory, Show last online
  25. Groups: Check every box in "group redesign options"
  26. Game Details: Add Server List Pager
  27. Inventory: Inventory Ttools
  28. WIP: Check all
  29. */
  30. .light-theme .text {
  31. color:#000
  32. }
  33. .light-theme .roblox-popover-container.rplus-quick-info-widget{
  34. margin:0
  35. }
  36. .dark-theme .alert-warning, .light-theme .alert-warning, .dark-theme .alert-success, .light-theme .alert-success {
  37. margin-top:-16px
  38. }
  39. body {
  40. margin:0 auto;
  41. font-family:"Comic Sans MS";
  42. background:#fff;
  43. font-size: 8pt;
  44. }
  45. #navigation-container {
  46. max-width:900px;
  47. margin:0 auto;
  48. color:#fff
  49. }
  50. .gotham-font div, .gotham-font .font-title, .gotham-font .h1, .gotham-font .h2, .gotham-font h1, .gotham-font h2 {
  51. font-family:Verdana, Sans-Serif;
  52. font-weight:400
  53. }
  54. .light-theme .checkbox input[type="checkbox"]:checked + label::before {
  55. background-color:#00a2ff;
  56. border-color:#00a2ff
  57. }
  58. .dark-theme .shimmer, .dark-theme .shimmer-lines .shimmer-line, .light-theme .shimmer, .light-theme .shimmer-lines .shimmer-line, .shimmer-lines .dark-theme .shimmer-line, .shimmer-lines .light-theme .shimmer-line {
  59. display:none
  60. }
  61. .light-theme .item-card-container .item-card-thumb-container {
  62. background:transparent
  63. }
  64. .light-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
  65. box-shadow:none
  66. }
  67. /*feet*/
  68. .light-theme .container-footer {
  69. padding:0;
  70. background:none;
  71. }
  72. .footer .footer-links, .footer .footer-link {
  73. margin:0
  74. }
  75. .light-theme .copyright-container {
  76. margin:0;
  77. border:0;
  78. padding:0
  79. }
  80. .footer .footer-links a {
  81. color:blue!Important;
  82. font-size:11px!Important;
  83. margin:0
  84. }
  85. .container-main {
  86. padding-bottom:60px
  87. }
  88. .copyright-container .footer-note {
  89. font-size:9px!important;
  90. color:transparent;
  91. margin:0;
  92. line-height:1.1
  93. }
  94. .copyright-container .col-sm-6:nth-child(1) {
  95. width:auto;
  96. padding-right:5px
  97. }
  98. .copyright-container .col-md-9:nth-child(2) {
  99. width:85%
  100. }
  101. .copyright-container .footer-note:before {
  102. content:"ROBLOX, 'Online Building Toy', characters, logos, names, and all related indicia are trademarks of ROBLOX CORPORATION, ©2021. ROBLOX Corp. is not affliated with Lego, MegaBloks, Bionicle, Pokemon, Nintendo, Lincoln Logs, Yu Gi Oh, K'nex, Tinkertoys, Erector Set, or the Pirates of the Caribbean. ARrrr! Use of this site signifies your acceptance of the Terms and Conditions.";
  103. font-size:9px!important;
  104. color:#000;
  105. }
  106. .copyright-container .language-selector-wrapper .input-group-btn .input-dropdown-btn .icon-globe {
  107. display:none
  108. }
  109. /*nav*/
  110. .light-theme .rbx-header .rbx-navbar li:hover {
  111. border-color:transparent
  112. }
  113. .light-theme .rbx-header .container-fluid, .dark-theme .rbx-header .container-fluid {
  114. background-color: #6e99c9;
  115. border:1px solid #000;
  116. position:static;
  117. margin-top:72px;
  118. border-left:0;
  119. border-right:0;
  120. height:38px;
  121. width:898px
  122. }
  123. .btr-no-hamburger #header .rbx-navbar-header {
  124. position:absolute;
  125. margin-left:35%;
  126. top:0px;
  127. display:block
  128. }
  129. .light-theme .icon-logo, .dark-theme .icon-logo {
  130. background:url(https://www.roblox.com/images/roblox_logo.png);
  131. width:224px;
  132. height:59px;
  133. }
  134. .light-theme .rbx-header, .dark-theme .rbx-header {
  135. height:110px;
  136. background:no-repeat url(https://i.imgur.com/NqtRvsU.png);
  137. border:1px solid #000;
  138. width:900px;
  139. margin:0 auto;
  140. position:static;
  141. }
  142. .rbx-header .rbx-navbar {
  143. height:36px;
  144. margin:0
  145. }
  146. .rbx-header .navbar-search {
  147. border-radius:0;
  148. border:1px solid;
  149. margin-top:3px;
  150. position:absolute;
  151. bottom:50px;
  152. left:8px;
  153. width:55px;
  154. font-size:12px
  155. }
  156. .dropdown-menu {
  157. border-radius:0
  158. }
  159. .rbx-header .navbar-search .navbar-search-option a {
  160. padding:4px;
  161. height:36px!important;
  162. }
  163. .rbx-header .navbar-search .navbar-search-option a .icon-menu-shop {
  164. display:none
  165. }
  166. .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-icon {
  167. display:none
  168. }
  169. .rbx-header .navbar-search:focus-within {
  170. width:300px
  171. }
  172. .light-theme .rbx-header .navbar-search .input-field {
  173. font-size:12px
  174. }
  175. .light-theme .input-group .input-group-btn .input-addon-btn {
  176. display:none
  177. }
  178. .rbx-header .rbx-navbar-right {
  179. position:absolute;
  180. right:14px;
  181. top:14px;
  182. background:#fff;
  183. border:1px solid;
  184. }
  185. .light-theme .rbx-header .navbar-search .input-field {
  186. padding:0 0 0 4px;
  187. border-radius:0
  188. }
  189. .rbx-header .rbx-navbar li .nav-menu-title {
  190. padding:0
  191. }
  192. .rbx-header .rbx-navbar li {
  193. flex-grow:0
  194. }
  195. .rbx-header .rbx-navbar {
  196. min-width:330px
  197. }
  198. .light-theme .rbx-header .text-header, .light-theme .rbx-header .text-header:visited {
  199. color:#fff;
  200. font-size:0px;
  201. font-family:"Comic Sans MS";
  202. padding:0;
  203. line-height:1.8;
  204. }
  205. .text-header[href="/home"]:before {
  206. content:"My ROBLOX | ";
  207. font-size:18px;
  208. padding-left:4px;
  209. color:#fff;
  210. }
  211. .text-header[href="/discover"]:before {
  212. content:"Games | ";
  213. font-size:18px;
  214. color:#fff;
  215. }
  216. .text-header[href="/catalog"]:before {
  217. content:"Catalog | ";
  218. font-size:18px;
  219. color:#fff;
  220. }
  221. .text-header[href="/develop"]:before {
  222. content:"Build ";
  223. font-size:18px;
  224. color:#fff;
  225. }
  226. .light-theme .icon-nav-notification-stream {
  227. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -35px -245px;
  228. opacity:.3;
  229. width:20px;
  230. height:28px
  231. }
  232. a:hover .light-theme .icon-nav-notification-stream, .icon-nav-notification-stream:hover, a:hover .icon-nav-notification-stream, button:hover .icon-nav-notification-stream {
  233. opacity:.5;
  234. background-position:-35px -244px!important;
  235.  
  236. }
  237. .icon-nav-message-btr {
  238. background:url(https://i.imgur.com/iA7MsgL.png);
  239. width:20px;
  240. height:20px;
  241. filter:invert(0)
  242. }
  243. a:hover .icon-nav-message-btr {
  244. background-position:0 -20px
  245. }
  246. .icon-nav-friend-btr {
  247. background:url(https://i.imgur.com/iA7MsgL.png) 0 160px;
  248. width:20px;
  249. height:20px
  250. }
  251. a:hover .icon-nav-friend-btr {
  252. background-position:0 140px
  253. }
  254. #nav-robux-icon .icon-robux-28x28, .light-theme .icon-robux-28x28 {
  255. background:url(https://i.imgur.com/iA7MsgL.png);
  256. width:20px;
  257. height:20px;
  258. background-position:0 -80px;
  259. filter:invert(.75)
  260. }
  261. #nav-robux-icon .icon-robux-28x28:hover, .light-theme .icon-robux-28x28:hover {
  262. background-position:0 -100px
  263. }
  264. .light-theme .icon-nav-settings {
  265. background:url(https://i.imgur.com/iA7MsgL.png);
  266. width:20px;
  267. height:20px;
  268. background-position:0 -180px;
  269. filter:invert(.75)
  270. }
  271. .light-theme .icon-nav-settings:hover {
  272. background-position:0 -160px
  273. }
  274. .rbx-header .rbx-navbar-icon-group li span[class^="rbx-text"] {
  275. color:green;
  276. font-size:11px;
  277. }
  278. .light-theme #header .btr-nav-notif, .light-theme .notification, .light-theme .notification-blue, .light-theme .notification-red {
  279. border-radius:0;
  280. padding:0;
  281. width:13px;
  282. height:13px;
  283. font-size:11px;
  284. min-width:0;
  285. line-height:1;
  286. font-family:Verdana;
  287. margin:0;
  288. font-weight:400;
  289. border:0;
  290. background:red
  291. }
  292. .light-theme #header .btr-nav-notif {
  293. padding-bottom:.5px;
  294. margin-top:1px;
  295. padding-left:1px;
  296. }
  297. .rbx-header .rbx-navbar-icon-group li .nav-setting-highlight {
  298. line-height:1.1
  299. }
  300. .rbx-header .rbx-navbar-icon-group li span[class^="rbx-text"] {
  301. min-width:10px
  302. }
  303. /*sidebar*/
  304. #left-navigation-container {
  305. margin:0 auto
  306. }
  307. .light-theme .rbx-left-col {
  308. width:240px;
  309. margin:0 auto;
  310. position:static
  311. }
  312. .rbx-left-col ul, .rbx-left-col li {
  313. padding:0;
  314. margin:0
  315. }
  316. .rbx-left-col .rbx-scrollbar .left-col-list {
  317. display:flex;
  318. padding-top:4px;
  319. font-family:"Comic Sans MS";
  320. }
  321. .btr-no-hamburger .rbx-left-col .rbx-scrollbar {
  322. width:230%;;
  323. overflow:hidden!Important
  324. }
  325. .simplebar-wrapper {
  326. max-width:000px
  327. }
  328. .rbx-left-col li span[class^="icon"] {
  329. display:none
  330. }
  331. .rbx-left-col .rbx-scrollbar .left-col-list li:last-child, .rbx-left-col .rbx-scrollbar .left-col-list li:nth-last-child(3), .left-col-list li:nth-last-child(4), .left-col-list li:nth-last-child(2), .left-col-list li:nth-last-child(5), .left-col-list li:nth-last-child(6) {
  332. display:none
  333. }
  334. #navigation .rbx-divider, .simplebar-track.simplebar-horizontal {
  335. display:none
  336. }
  337. .rbx-left-col {
  338. position:relative;
  339. height:36px;
  340. margin-top:-36px!important;
  341. z-index:1030;
  342. background:transparent!important
  343. }
  344. .rbx-left-col > ul {
  345. position:absolute;
  346. top:-70px;
  347. left:-320px
  348. }
  349. .rbx-left-col li .text-nav .avatar-headshot-xs {
  350. display:none
  351. }
  352. .rbx-left-col li .text-nav .font-header-2 {
  353. color:#fff;
  354. font-size:18px;
  355. margin:0;
  356. padding-right:6px
  357. }
  358. .rbx-left-col li .text-nav .font-header-2:before {
  359. content:"| "
  360. }
  361. #left-navigation-container > #navigation > ul .font-header-2{
  362. font-size:12px;
  363. font-weight:700;
  364. font-family:Verdana
  365. }
  366. #left-navigation-container > #navigation > ul .font-header-2:before {
  367. content:"Logged in as "
  368. }
  369. #navigation-container * {
  370. overflow:visible!important
  371. }
  372. /*worldwide pages*/
  373. .container-header {
  374. margin:0
  375. }
  376. .gotham-font .text, .gotham-font body, .gotham-font button, .gotham-font html, .gotham-font input, .gotham-font pre, .gotham-font select, .gotham-font textarea {
  377. font-family:Verdana
  378. }
  379. .light-theme .input-group-btn .input-dropdown-btn {
  380. border-radius:0;
  381. background:#fff;
  382. width:auto
  383. }
  384. .btr-profile-favorites .input-group-btn {
  385. width:auto
  386. }
  387. .input-group-btn .input-dropdown-btn .rbx-selection-label {
  388. line-height:16px;
  389. font-size:14px;
  390. color:#000;
  391. font-family:Verdana;
  392. }
  393. .input-group-btn .input-dropdown-btn span[class^="icon"] {
  394. margin-top:0
  395. }
  396. .avatar-card-fullbody .avatar-card-image, .avatar-card-fullbody .avatar-card-link, .avatar .avatar-card-image, .avatar .avatar-card-link {
  397. border-radius:0
  398. }
  399. body.btr-no-hamburger .container-main, body.btr-no-hamburger .nav-container .nav-content {
  400. margin:0
  401. }
  402. .light-theme, .light-theme .content {
  403. background:#fff
  404. }
  405. .light-theme .btn-control-sm, .profile-avatar-left .enable-three-dee, .btr-profile .btr-games-list .btr-game-playbutton-container .btn-primary-lg, .light-theme .btn-control-md, .light-theme .btn-primary-md, .light-theme .btn-alert-md, .light-theme .btn-secondary-md, .light-theme .btn-primary-sm, .light-theme .btn-secondary-xs:link, .avatar-thumbnail .toggle-three-dee, .light-theme .btn-growth-lg, .light-theme .avatar-card-btns .accept-friend, .light-theme .btn-primary-xs, .light-theme .request-error-page-content .action-buttons .btn-primary-md:link, .premium-landing-page .membership-section .subscribe-button {
  406. background-color: #fff;
  407. border: solid 1px #333;
  408. color: #333;
  409. font-family: Verdana, Sans-Serif;
  410. font-size: 10px;
  411. padding: 3px 10px 3px 10px;
  412. border-radius:0
  413. }
  414.  
  415. .light-theme .btn-control-sm:hover, .profile-avatar-left .enable-three-dee:hover, .btr-profile .btr-games-list .btr-game-playbutton-container .btn-primary-lg:hover, .light-theme .btn-control-md:hover, .light-theme .btn-primary-md:hover, .light-theme .btn-alert-md:hover, .light-theme .btn-secondary-md:hover, .light-theme .btn-primary-sm:hover, .light-theme .btn-secondary-xs:link:hover, .avatar-thumbnail .toggle-three-dee:hover, .light-theme .btn-secondary-xs.active, .light-theme .avatar-card-btns .accept-friend:hover, .light-theme .avatar-card-btns .accept-friend,.light-theme .btn-primary-xs, .light-theme .request-error-page-content .action-buttons .btn-primary-md:hover, .premium-landing-page .membership-section .subscribe-button:hover {
  416. background-color: #6e99c9;
  417. color: #fff;
  418. border-radius:0
  419. }
  420. .input-group-btn .dropdown-menu li a {
  421. padding:1px 2px 1px 6px;
  422. font-size:13px;
  423. color:#333
  424. }
  425.  
  426. .light-theme .btn-primary-sm:link {
  427. color:#333
  428. }
  429. .see-all-link-icon {
  430. font-size:10px!important;
  431. }
  432. .see-all-link-icon:after {
  433. content:none
  434. }
  435. .light-theme .btn-alert-md {
  436. color:red;
  437. border-color:red
  438. }
  439. .light-theme .btn-growth-lg {
  440. width:auto;
  441. margin-right:5px;
  442. min-width:60px
  443. }
  444. .light-theme .btn-growth-lg:hover {
  445. background:#49b745;
  446. color:#fff;
  447. border:1px solid #000;
  448. }
  449. [ng-href="https://www.roblox.com/users/1/profile/"] {
  450. text-transform:Uppercase
  451. }
  452. .light-theme .checkbox input[type="checkbox"] + label::before {
  453. border-radius:0;
  454. background:transparent
  455. }
  456. .light-theme .checkbox input[type="checkbox"]:checked + label::before {
  457. background:#6e99c9;
  458. border:1px solid #000
  459. }
  460. .light-theme .btn-secondary-xs, .light-theme .btn-primary-xs {
  461. border-radius:0
  462. }
  463. /*home*/
  464. .home-header-container {
  465. display:none
  466. }
  467. .light-theme .section-content.remove-panel {
  468. background:#eee;
  469. border:1px solid
  470. }
  471. .container-header.people-list-header {
  472. margin:0;
  473. border:1px solid;
  474. border-bottom:0;
  475. }
  476. .game-carousel {
  477. border:1px solid;
  478. background:#fff;
  479. padding:2px 0 0 5px
  480. }
  481. .game-home-page-container .game-home-page-carousel-title {
  482. background:#bbb;
  483. margin:0;
  484. border:1px solid;
  485. border-bottom:0;
  486. padding: 0
  487. }
  488.  
  489. .people-list-container .container-header h3, .game-home-page-container .game-home-page-carousel-title .font-header-1 {
  490. font-family:"Comic Sans MS";
  491. font-size:16px;
  492. font-weight:700;
  493. color:#333;
  494. padding: 3px
  495. }
  496. .gotham-font.light-theme .see-all-link-icon, .gotham-font h3 {
  497. font-family:"Comic Sans MS";
  498. font-size:16px;
  499. font-weight:500;
  500. color:#333;
  501. }
  502. .light-theme .game-card-container .game-card-name {
  503. font-size: .8em;
  504. font-weight: bold;
  505. font-family:Verdana, Sans-Serif;
  506. line-height:16px;
  507. color:blue;
  508. margin:0
  509. }
  510. .light-theme .game-card-container .game-card-name:hover {
  511. text-decoration:underline
  512. }
  513. .game-card-container thumbnail-2d, .game-card-thumb-container, .light-theme .thumbnail-2d-container {
  514. border-radius:0;
  515. border:1px solid #000
  516. }
  517. .game-card-link .game-card-info .no-vote, .game-card-link .game-card-info .playing-counts-label, .game-card-link .game-card-info .vote-percentage-label {
  518. font-size:.65em;
  519. color:#000;
  520. padding:0
  521. }
  522. .game-card-link .game-card-info .playing-counts-label {
  523. color:red;
  524. top:-10px;
  525. position:relative;
  526. line-height:1;
  527. font-weight:bold
  528. }
  529. .game-name-title, .game-tile .game-name-title {
  530. max-height:48px
  531. }
  532. .game-card-link .game-card-info .vote-percentage-label:before {
  533. content:"Voted: ";
  534. font-weight:bold
  535. }
  536. .game-card-link .game-card-info .playing-counts-label:after {
  537. content:" players online"
  538. }
  539. .dark-theme .game-card-info .info-label.icon-votes-gray, .dark-theme .game-card-info .info-label.icon-votes-gray-white-70, .icon-rating-sm, .light-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray-white-70, .dark-theme .game-card-info .info-label.icon-playing-counts-gray, .dark-theme .game-card-info .info-label.icon-playing-counts-gray-white-70, .icon-currently-playing-sm, .light-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray-white-70 {
  540. display:none
  541. }
  542. .game-card-thumb-container::before {
  543. content:none
  544. }
  545. /*games*/
  546. .dark-theme .game-cards .game-card, .light-theme .game-cards .game-card {
  547. margin-bottom:0
  548. }
  549. .game-tile-list {
  550. background:#fff;
  551. border:1px solid;
  552. height:240px;
  553. padding-top:2px;
  554. padding-left:2px;
  555. border-left:0;
  556. border-right:0
  557. }
  558. .games-list-container.is-windows .container-header.games-filter-changer{
  559. margin:0;
  560. }
  561. .horizontal-scroller .scroller, .light-theme .scroller.disabled {
  562. border:1px solid #000;
  563. background:#fff
  564. }
  565. .light-theme .scroller:focus, .light-theme .scroller:hover {
  566. background:#fff
  567. }
  568. .light-theme .game-card-native-ad {
  569. background:none
  570. }
  571. /*catalog*/
  572. .item-card-thumb-container, .item-card-thumb-container .item-card-thumb, .item-card-thumb-container div[class^="icon-"], .item-card-thumb-container span[class^="icon-"] {
  573. border-radius:0
  574. }
  575. .light-theme .thumbnail-2d-container {
  576. background:#fff;
  577. }
  578. .container-main .catalog-full-screen .catalog-results .item-cards-stackable .item-card .item-card-thumb-container, .container-main .splash.catalog-full-screen .catalog-results .item-cards-stackable .item-card .item-card-thumb-container {
  579. height:130px;
  580. width:130px
  581. }
  582. .container-main .catalog-full-screen .catalog-results .item-cards-stackable .item-card .item-card-container, .container-main .splash.catalog-full-screen .catalog-results .item-cards-stackable .item-card .item-card-container {
  583. width:130px;
  584. margin:0
  585. }
  586. .container-main .catalog-full-screen .catalog-results .item-cards-stackable .item-card, .container-main .splash.catalog-full-screen .catalog-results .item-cards-stackable .item-card {
  587. width:145px
  588. }
  589. .light-theme .item-card-container .item-card-caption {
  590. padding-top:1px
  591. }
  592. .light-theme .item-card-container .item-card-name {
  593. margin:0;
  594. color:blue;
  595. font-size:11px;
  596. font-weight:bold;
  597. font-family:verdana
  598. }
  599. .light-theme .item-card-container .item-card-name:hover {
  600. text-decoration:underline
  601. }
  602. .item-card-container .icon-robux-16x16 {
  603. display:none
  604. }
  605. .light-theme .text-robux-tile {
  606. color:green;
  607. font-size:10px;
  608. }
  609. .light-theme .text-robux-tile:before {
  610. content:"R$";
  611. }
  612. [ng-class="{'text-robux-tile': item.isFree}"]:before, [ng-class="{'text-robux-tile': item.Product.IsFree}"]:before {
  613. content:none!important
  614. }
  615. [ng-class="{'text-robux-tile': item.isFree}"], [ng-class="{'text-robux-tile': item.Product.IsFree}"] {
  616. font-size:10px!important
  617. }
  618. .btr-robuxToCash-tile {
  619. color:green;
  620. font-size:9px
  621. }
  622. .item-cards-stackable .item-card-price {
  623. top:-8px;
  624. position:relative;
  625. height:18px
  626. }
  627. [data-internal-page-name="Catalog"] .item-card-container .item-card-thumb-container span{
  628. border:none!important
  629. }
  630. .btr-catalog.light-theme .btr-item-card-more {
  631. pointer-events: unset;
  632. visibility: visible;
  633. opacity: 1;
  634. max-height: 50px;
  635. transition:none;
  636. border:none;
  637. box-shadow:none;
  638. background:transparent;
  639. margin-top:-10px
  640. }
  641. .light-theme .item-card-label, .light-theme .store-card-add-label, .light-theme .store-card-price {
  642. color:#000;
  643. font-size:10px;
  644. font-weight:bold
  645. }
  646. .text-overflow.item-card-label span{
  647. font-weight:normal
  648. }
  649. .light-theme .icon-default-economy-small, .light-theme .icon-robux-16x16, .light-theme .icon-robux-gold-16x16, .light-theme .icon-robux-gray-16x16, .light-theme .icon-robux-white-16x16 {
  650. display:none
  651. }
  652. .strike-through {
  653. color:green
  654. }
  655. .strike-through:before {
  656. Content:"R$ "
  657. }
  658. .light-theme .item-card .item-card-thumb-container::before {
  659. content:none
  660. }
  661. .search-options .btn-text, .light-theme .catalog-content .search-options .menu-link.active, .light-theme .catalog-content .search-options .menu-link:hover {
  662. color:blue;
  663. font-size:12px;
  664. line-height:15px
  665. }
  666. .light-theme .catalog-content .search-options .menu-link:hover {
  667. text-decoration:underline
  668. }
  669. .light-theme .catalog-content .search-options .menu-link.active {
  670. font-weight:bold
  671. }
  672. .catalog-container .search-bar-placement-right .heading {
  673. font-weight:200;
  674. font-family:Verdana;
  675. font-size:26px;
  676. position:absolute;
  677. left:0
  678. }
  679. .light-theme .input-field {
  680. border-radius:0;
  681. }
  682. .light-theme #catalog-content .input-group .input-field {
  683. padding:0 0 0 4px;
  684. border-radius:0;
  685. height:30px;
  686. margin-top:2px
  687. }
  688. .light-theme #catalog-content .input-group-btn .input-dropdown-btn {
  689. padding:0 0 0 4px;
  690. border-radius:0;
  691. height:30px;
  692. margin-top:2px;
  693. background:#fff;
  694. margin-left:4px;
  695. border-color:#ccc
  696. }
  697. .light-theme #catalog-content .input-group-btn .input-dropdown-btn span {
  698. color:#000;
  699. font-family:verdana
  700. }
  701. .catalog-container .search-container {
  702. margin-bottom:0
  703. }
  704. .catalog-container .search-container {
  705. margin:0 auto;
  706. float:none
  707. }
  708. #catalog-content .search-bars.search-bar-placement-right {
  709. background-color: #eee;
  710. border: solid 1px #bbb;
  711. max-width:900px;
  712. margin:0 auto;
  713. padding-bottom:2px
  714. }
  715. .icon-limited-label {
  716. background:url(https://www.roblox.com/images/assetIcons/limited.png) no-repeat 0;
  717. margin-left:3px;
  718. margin-bottom:1px
  719. }
  720. .icon-limited-unique-label {
  721. background:url(https://www.roblox.com/images/assetIcons/limitedunique.png) no-repeat 0;
  722. margin-left:3px;
  723. margin-bottom:1px
  724. }
  725. .btr-robuxToCash-tile {
  726. vertical-align:initial
  727. }
  728. .container-main .catalog-full-screen .catalog-results .item-cards-stackable .item-card {
  729. height:auto
  730. }
  731. /*profile*/
  732. .profile-header .profile-avatar-image {
  733. display:none
  734. }
  735. .profile-header .header-caption .header-title, .profile-display-name, .profile-header .header-caption .header-details {
  736. display:block;
  737. width:max-content
  738. }
  739. .profile-header .header-caption {
  740. width:100%;
  741. height:auto
  742. }
  743. .profile-header .profile-header-content {
  744. width:530px;
  745. background:rgb(176, 196, 222);
  746. margin:0;
  747. position:absolute;
  748. border:1px solid;
  749. padding:0 5px
  750. }
  751. .light-theme .btr-profile-about > .section-content {
  752. background:rgb(176, 196, 222);
  753. border:1px solid;
  754. margin-bottom:10px;
  755. padding:0 5px;
  756. border-top:0
  757. }
  758. .profile-about .profile-about-content .profile-about-content-text, .profile-about .remove-panel .description-container .personal-field-description {
  759. font-size:11px;
  760. font-family:"Comic Sans MS";
  761. line-height:1;
  762. color:#000;
  763. }
  764. .profile-about .profile-about-content {
  765. position:absolute;
  766. top:60px;
  767. width:42%;
  768. height:auto;
  769. right:5px
  770. }
  771. .btr-profile .profile-about-content .profile-about-text {
  772. line-height:1em
  773. }
  774. .btr-profile .profile-about-content .text-link {
  775. color:blue;
  776. font-size:11px
  777. }
  778. .btr-profile .btr-profile-left .btr-profile-about .container-header {
  779. height:0;
  780. min-height:0
  781. }
  782. .profile-header .header-caption .header-title .profile-name, .profile-header .profile-display-name {
  783. font-size:18px;
  784. font-family:"Comic Sans MS";
  785. font-weight:400;
  786. color:#000;
  787. }
  788. .profile-header .profile-display-name {
  789. font-size:13px!important;
  790. color:#000;
  791. margin:0 auto;
  792. }
  793. .profile-header .header-caption .header-title .icon-premium-medium {
  794. background:no-repeat url(https://www.roblox.com/images/icons/overlay_bcOnly.png);
  795. width:66px;
  796. height:19px;
  797. margin-left:-66px;
  798. position:absolute;
  799. left:66px;
  800. bottom:-270px;
  801. z-index:99;
  802. }
  803. .toggle-target .content-height {
  804. height:178px
  805. }
  806. .content-overflow-toggle.content-overflow-toggle-off {
  807. background:rgb(176, 196, 222);
  808. }
  809. .profile-header .header-caption .header-title {
  810. margin:0 auto
  811. }
  812. .profile-about .profile-social-networks .profile-social {
  813. transform:scale(.8)
  814. }
  815. .profile-about .profile-social-networks li {
  816. margin:0
  817. }
  818. .btr-profile-about.profile-about {
  819. margin-top:42px
  820. }
  821. .profile-about .profile-social-networks {
  822. position:absolute;
  823. z-index:99999;
  824. top:-40px
  825. }
  826. .btr-profile .btr-header-status-parent {
  827. padding:0
  828. }
  829. #profile-current-wearing-avatar .thumbnail-2d-container, #profile-current-wearing-avatar .thumbnail-holder, .btr-profile .profile-avatar-left, .btr-profile .profile-avatar {
  830. width:max-content
  831. }
  832. .light-theme .profile-avatar-left {
  833. padding:0
  834. }
  835. .btr-profile .profile-avatar-right.visible {
  836. width:490px
  837. }
  838. .btr-profile .profile-avatar-left .btr-toggle-items, .profile-avatar-left .enable-three-dee {
  839. left:0;
  840. right:auto
  841. }
  842. .profile-avatar-left .enable-three-dee {
  843. bottom:32px;
  844. top:auto;
  845. min-height:16px
  846. }
  847. .btr-profile .btr-header-status-text {
  848. font-family:Verdana;
  849. font-size:11px
  850. }
  851. .btr-profile .btr-games-list .btr-game-button .btr-game-title {
  852. font: bold 11px/normal Verdana, sans-serif;
  853. }
  854. .profile-avatar-left .thumbnail-2d-container{
  855. border:none
  856. }
  857. .btr-profile .btr-games-list .btr-game-button {
  858. padding:1px 10px;
  859. background-color: #ccc;
  860. border-bottom: solid 1px #000;
  861. border-top: solid 1px #000;
  862. line-height:.8
  863. }
  864. .btr-profile .btr-games-list .btr-game-button:hover {
  865. background:#6e99c9;
  866. color:#fff
  867. }
  868. .btr-profile .btr-games-list .btr-game {
  869. margin-top:1px;
  870. margin-bottom:1px
  871. }
  872. .profile-about .container-header h3 {
  873. display:none
  874. }
  875.  
  876. #games-switcher.section-content {
  877. padding:0;
  878. border:1px solid
  879. }
  880. .btr-profile .profile-container .profile-game .container-header {
  881. display:none
  882. }
  883. .btr-profile .container-header {
  884. min-height:16px;
  885. color: #333;
  886. margin-bottom:0
  887. }
  888. .btr-profile .container-header h3 {
  889. padding:0;
  890. }
  891. .profile-container .badge-list {
  892. overflow:visible
  893. }
  894. .btr-profile-groups, #roblox-badges-container, .btr-profile-favorites {
  895. border:1px solid;
  896. margin-top:5px
  897. }
  898. #roblox-badges-container .container-header, .btr-profile-groups .container-header, .btr-profile-bottom .container-header, .btr-profile-playerbadges .container-header, .btr-profile-favorites .container-header {
  899. background-color: #ccc;
  900. border-bottom: solid 1px #000;
  901. color: #333;
  902. padding:0;
  903. line-height:1;
  904. margin-top:0
  905. }
  906. .btr-profile-favorites .input-group-btn {
  907. margin:0
  908. }
  909. .btr-profile .section-content.remove-panel {
  910. border:none
  911. }
  912. .btr-profile-bottom, .btr-profile-playerbadges {
  913. border:1px solid;
  914. margin-top:5px
  915. }
  916. .profile-stats-container .profile-stat .text-label, .profile-header .header-caption .header-details .details-info li .font-header-2, .profile-header .header-caption .header-details .details-info div {
  917. white-space:initial;
  918. font-size:11px;
  919. color:#000;
  920. width:max-content;
  921. margin:0 auto;
  922. font-family:"Comic Sans MS"
  923. }
  924. .profile-header .header-caption .header-details .details-info li .font-header-2 {
  925. margin-right:4px;
  926. line-height:2
  927. }
  928. .profile-header .header-caption .header-details .details-info li a {
  929. line-height:1
  930. }
  931. .profile-header .header-caption .header-details {
  932. position:absolute;
  933. right:0;
  934. top:42px;
  935. z-index:99;
  936. display:flex;
  937. flex-direction:column
  938. }
  939. .profile-header .header-caption .header-details .details-info li, .profile-header .header-caption .header-details .details-actions li {
  940. padding-right:0;
  941. padding-left:10px;
  942. }
  943. .profile-header .header-caption .header-details .details-info {
  944. order:1;
  945. }
  946. .profile-header .header-caption .header-details .details-actions.desktop-action {
  947. margin-left:auto
  948. }
  949. .profile-stats-container .profile-stat .text-lead {
  950. white-space:initial;
  951. font-size:12px;
  952. color:#000;
  953. width:max-content;
  954. margin:0 auto;
  955. font-family:"Comic Sans MS";
  956. cursor: help;
  957. border-bottom: 1px dotted #000;
  958. }
  959. .btr-profile .profile-stats-container {
  960. border:none;
  961. margin:0;
  962. padding-bottom:3px
  963. }
  964. .btr-profile .profile-about-footer {
  965. font-size:10px;
  966. font-family:"Comic Sans MS";
  967. }
  968. .btr-profile .text-lead.slide-item-members-count, .btr-profile .text-lead.text-overflow.slide-item-my-rank{
  969. font-size:12px;
  970. color:#555;
  971. width:max-content
  972. }
  973. .btr-profile .btr-games-list .btr-game-playbutton-container.btr-place-prohibited {
  974. font-size:12px;
  975. color:red;
  976. opacity:1
  977. }
  978. .btr-profile .text-lead.slide-item-members-count:after {
  979. content:" players online";
  980. cursor:text
  981. }
  982. .btr-profile .text-lead.text-overflow.slide-item-my-rank:before {
  983. content:"Visited ";
  984. cursor:text
  985. }
  986. .btr-profile .text-lead.text-overflow.slide-item-my-rank:after {
  987. content:" times";
  988. cursor:text
  989. }
  990. .btr-profile .text-label.slide-item-stat-title {
  991. display:none
  992. }
  993. .btr-profile .btr-games-list .btr-game-stats .list-item {
  994. display:flex;
  995. }
  996. .btr-profile .btr-games-list .btr-game-info {
  997. height:auto;
  998. padding-top:0
  999. }
  1000. .btr-profile .btr-games-list .btr-game-desc {
  1001. font-size:11px;
  1002. color:#555;
  1003. border:1px dashed;
  1004. max-height:300px;
  1005. padding-top:0;
  1006. padding-left:8px;
  1007. padding-right:8px;
  1008. line-height:1.5
  1009. }
  1010. .btr-profile .btr-games-list .btr-game-desc.expanded {
  1011. padding-bottom:0;
  1012. }
  1013. .btr-profile .btr-games-list .btr-game-desc .btr-toggle-description {
  1014. display:none
  1015. }
  1016. .profile-container .asset-item span[title] {
  1017. width:75px;
  1018. height:125px;
  1019. border:0}
  1020. .btr-profile #roblox-badges-container .badge-list > .list-item .asset-thumb-container {
  1021. transform:none
  1022. }
  1023. #roblox-badges-container .see-all-link {
  1024. display:none
  1025. }
  1026. #roblox-badges-container h3 {
  1027. padding-left:210px;
  1028. padding-right:210px
  1029. }
  1030. .btr-profile .btr-profile-groups h3 {
  1031. padding-left:235px;
  1032. padding-right:235px
  1033. }
  1034. .btr-profile .btr-profile-bottom .container-header h3 {
  1035. padding-left:500px
  1036. }
  1037. .btr-profile .home-friends h3 {
  1038. padding-left:230px
  1039. }
  1040. .btr-profile-playerbadges .container-header {
  1041. padding-left:212px;
  1042. padding-right:212px
  1043. }
  1044. .btr-profile-favorites .container-header h3 {
  1045. padding-left:234px;
  1046. }
  1047. .profile-name-history .text-pastname {
  1048. color:#000!important
  1049. }
  1050. .home-friends .section-content.remove-panel {
  1051. border:1px solid
  1052. }
  1053. .home-friends .thumbnail-2d-container {
  1054. border:none
  1055. }
  1056. .home-friends .thumbnail-2d-container img, .home-friends .section-content.remove-panel {
  1057. background:none;
  1058. border-top:0
  1059. }
  1060. #roblox-badges-container .section-content {
  1061. padding:10px;
  1062. margin-bottom:0;
  1063. }
  1064. .btr-profile #roblox-badges-container .badge-list {
  1065. max-height:350px
  1066. }
  1067. .btr-profile #roblox-badges-container .badge-list > .list-item .item-name, .people-list .friend .friend-name {
  1068. color:blue;
  1069. font-family:"Comic Sans MS";
  1070. font-size:11px
  1071. }
  1072. .light-theme .game-card-container .game-card-name-secondary {
  1073. font-size:10px;
  1074. color:#000
  1075. }
  1076. .profile-container .asset-item span[title^='Veteran'] {
  1077. background:no-repeat url("http://www.roblox.com/images/Badges/Veteran-75x75.png?v=2");
  1078. }
  1079. .profile-container .asset-item span[title^='Warr'] {
  1080. background:no-repeat url("http://images.rbxcdn.com/14652f1598ba5520515965b4038214c0.png");
  1081. }
  1082. .profile-container .asset-item span[title^='Combat'] {
  1083. background:no-repeat url("http://images.rbxcdn.com/d111059fca163b9824716cff2fe4aec5.png");
  1084. }
  1085. .profile-container .asset-item span[title^='Bloxxer'] {
  1086. background:no-repeat url("http://images.rbxcdn.com/4cb4d69560f1f3478c314b24a52d2644.png");
  1087. }
  1088. .profile-container .asset-item span[title^='Inviter'] {
  1089. background:no-repeat url("http://images.rbxcdn.com/156b077267b7848d38df4471e2a2c540.png");
  1090. }
  1091. .profile-container .asset-item span[title^='Administrator'] {
  1092. background:no-repeat url("http://images.rbxcdn.com/ae42d1c6cd258306303423a69b1ed7bf.png");
  1093. }
  1094. .profile-container .asset-item span[title^='Friendship'] {
  1095. background:no-repeat url("http://images.rbxcdn.com/46c15f2030a8c68ab1ff4329765e515a.png");
  1096. }
  1097. .profile-container .asset-item span[title^='Homestead'] {
  1098. background:no-repeat url("http://images.rbxcdn.com/26bdc9274d6c2520b3d72ebaa71e50f7.png");
  1099. }
  1100. .profile-container .asset-item span[title^='Bricksmith'] {
  1101. background:no-repeat url("http://images.rbxcdn.com/4e483c695695b47c92591825929d1059.png") 8px 0;
  1102. background-size:54px 75px
  1103. }
  1104. .profile-container .asset-item span[title^='Welcome To'] {
  1105. background:no-repeat url("http://images.rbxcdn.com/049d72ade1586da1cfe2e48618cc3959.png");
  1106. } /*TBC:http://images.rbxcdn.com/709c584f36286157c955ffcbb8dbfe36.png OBC:http://images.rbxcdn.com/50e4f48e4007754b55c82fc3d50c9c12.png */
  1107. .profile-container .asset-item span[title^='Official'] {
  1108. background:no-repeat url("http://images.rbxcdn.com/ca460efad9ffdbce1f982672d0bf5e2a.png");
  1109. }
  1110. .light-theme .btr-profile-groups .game-card-container .game-card-name {
  1111. font-family:"Comic Sans MS";
  1112. font-size:11px;
  1113. font-weight:normal
  1114. }
  1115. .light-theme .asset-thumb-container {
  1116. background:none;
  1117. border-radius:0;
  1118. border:1px solid;
  1119. }
  1120. .light-theme .pager .pager-prev a, .light-theme .pager .pager-next a {
  1121. background:transparent;
  1122. border:none;
  1123. }
  1124. .light-theme .pager a span {
  1125. display:none
  1126. }
  1127. .pager li a {
  1128. width:auto
  1129. }
  1130. .light-theme .pager .pager-prev a:before {
  1131. content:"Previous";
  1132. font-size:10px;
  1133. color:blue;
  1134. cursor:pointer
  1135. }
  1136. .btr-pager-holder .pager-mid, .pager li span {
  1137. font-size:10px;
  1138. }
  1139. .light-theme .pager .pager-next a:before {
  1140. content:"Next";
  1141. font-size:10px;
  1142. color:blue;
  1143. cursor:pointer
  1144. }
  1145. .light-theme .pager .pager-prev a {
  1146. line-height:1.2
  1147. }
  1148. .light-theme .pager .pager-next a {
  1149. line-height:1.3
  1150. }
  1151. .light-theme .pager a:hover:before {
  1152. text-decoration:underline
  1153. }
  1154. .light-theme .pager .disabled .pager-btn, .light-theme .pager .disabled a {
  1155. opacity:1
  1156. }
  1157. .light-theme .pager .disabled .pager-btn, .light-theme .pager .disabled a:before {
  1158. color:#000;
  1159. cursor:text
  1160. }
  1161. .btr-pager-holder input.pager-cur {
  1162. padding:0;
  1163. min-width:20px;
  1164. height:18px;
  1165. border-radius:0;
  1166. max-width:36px
  1167. }
  1168. .btr-profile .btr-profile-playerbadges .asset-item .asset-thumb-container {
  1169. border-radius:0
  1170. }
  1171. /*inventory*/
  1172. .menu-vertical .menu-option-content {
  1173. padding:0px 10px;
  1174. width:100px;
  1175. box-sizing:content-box;
  1176. border:1px solid #777;
  1177. margin:5px;
  1178. }
  1179. .menu-vertical .menu-option-content:hover {
  1180. border-color:#000
  1181. }
  1182. .light-theme .menu-vertical .menu-option:hover {
  1183. box-shadow:none
  1184. }
  1185. .light-theme .menu-vertical .menu-option.active {
  1186. box-shadow:none
  1187. }
  1188. .light-theme .menu-vertical .menu-option.active .menu-option-content {
  1189. background:#6e99c9;
  1190. color:#fff;
  1191. }
  1192. .menu-vertical .menu-option-content .menu-text {
  1193. font-size:14px;
  1194. font-family:Verdana;
  1195. text-align:center;
  1196. width:100%
  1197. }
  1198. .menu-vertical .menu-option .menu-secondary-container {
  1199. left:130px
  1200. }
  1201. .menu-vertical-container.category-tabs h3 {
  1202. display:none
  1203. }
  1204. /*game*/
  1205. .btr-gamedetails.btr-hide-ads div.content, #game-detail-page {
  1206. max-width:900px;
  1207. padding:0
  1208. }
  1209. .btr-gamedetails.btr-hide-ads .btr-game-main-container {
  1210. padding:0
  1211. }
  1212. #game-details-carousel-container {
  1213. width:480px;
  1214. height:auto;
  1215. position:absolute;
  1216. margin-top:30px;
  1217. margin-left:58px
  1218. }
  1219. .game-main-content .game-calls-to-action {
  1220. width:600px;
  1221. float:left
  1222. }
  1223. .gotham-font .game-main-content .game-calls-to-action {
  1224. padding:0
  1225. }
  1226. .game-main-content .game-calls-to-action .game-name {
  1227. font-size:11.4px;
  1228. font-family:"Comic Sans MS";
  1229. font-weight:700;
  1230. color:#333;
  1231. background:#eee;
  1232. border-bottom:1px solid;
  1233. padding:0px;
  1234. text-align:center
  1235. }
  1236. .game-main-content .game-calls-to-action .game-creator {
  1237. position:absolute;
  1238. margin-top:2px;
  1239. z-index:999;
  1240. left:620px;
  1241. right:auto!important;
  1242. width:max-content
  1243. }
  1244. #recommended-games-container .game-card-link .game-card-info .playing-counts-label {
  1245. top:0
  1246. }
  1247. .game-main-content .game-calls-to-action .game-creator a {
  1248. color:blue
  1249. }
  1250. .gotham-font .game-main-content .game-calls-to-action .game-title-container {
  1251. padding:0
  1252. }
  1253. .game-main-content .game-calls-to-action {
  1254. border:1px solid;
  1255. margin-top:10px;
  1256. border-bottom:0;
  1257. }
  1258. .game-main-content {
  1259. min-height:300px;
  1260. height:330px
  1261. }
  1262. .game-stats-container {
  1263. border:1px solid #000!Important;
  1264. position:absolute;
  1265. right:0;
  1266. width:290px;
  1267. top:10px;
  1268. padding:40px 0 0 0
  1269. }
  1270. .game-stats-container .game-stat {
  1271. float:none;
  1272. text-align:left;
  1273. align-items: normal;
  1274. display: block;
  1275. }
  1276. .game-stats-container .game-stat p {
  1277. display:contents;
  1278. margin:0
  1279. }
  1280. .game-stats-container.follow-button-enabled .game-stat-width {
  1281. width:100%;
  1282. padding-left:10px
  1283. }
  1284. .game-stats-container.follow-button-enabled .game-stat-width .text-label {
  1285. color:#888;
  1286. }
  1287. .game-stats-container.follow-button-enabled .game-stat-width .text-label:after {
  1288. content:":"
  1289. }
  1290. .game-stats-container.follow-button-enabled .game-stat-width .text-lead:before {
  1291. content:" "
  1292. }
  1293. .gotham-font .text-name:link {
  1294. color:blue;
  1295. font-size:12px
  1296. }
  1297. .game-creator .text-label {
  1298. font-size:12px;
  1299. color:#888
  1300. }
  1301. .game-creator .text-label:after {
  1302. content:":"
  1303. }
  1304. .game-stats-container:after {
  1305. content:"Stats";
  1306. display:inline-block;
  1307. width:100%;
  1308. background:#eee;
  1309. border-bottom:1px solid;
  1310. font-size:11px;
  1311. font-family:"Comic Sans MS";
  1312. font-weight:700;
  1313. position:absolute;
  1314. top:0;
  1315. height:17px;
  1316. line-height:1.4;
  1317. padding-left:126px
  1318. }
  1319. .text.game-description.linkify {
  1320. font-family:"Comic Sans MS";
  1321. color:#000;
  1322. font-size:11px;
  1323. line-height:16px;
  1324. font-weight:400;
  1325. }
  1326. .btr-game-main-container .btr-description {
  1327. max-width:600px;
  1328. border:1px solid;
  1329. border-top:0
  1330. }
  1331. .game-main-content .game-calls-to-action .game-buttons-container {
  1332. top:290px!important;
  1333. display:flex;
  1334. height:40px
  1335. }
  1336. .game-main-content .game-calls-to-action .game-buttons-container #game-details-play-button-container{
  1337. width:auto;
  1338. display:inline-block;
  1339. position:absolute;
  1340. margin-left:232px;
  1341. z-index:99;
  1342. max-width:160px
  1343. }
  1344. .game-main-content .game-calls-to-action .game-buttons-container #game-details-play-button-container .error-message {
  1345. font-size:9px;
  1346. font-family:"Comic Sans MS";
  1347. }
  1348. .icon-common-play {
  1349. background:none!important;
  1350. width:auto!important;
  1351. height:auto!important
  1352. }
  1353. .icon-common-play:before{
  1354. content:"Visit Online";
  1355. font-family:Verdana;
  1356. }
  1357. .light-theme .btn-common-play-game-lg:focus, .light-theme .btn-common-play-game-lg:hover {
  1358. border-color:#000;
  1359. background:#6e99c9
  1360. }
  1361. .light-theme .icon-favorite {
  1362. background:url(https://www.roblox.com/images/cssspecific/rbx2/favoriteStar_20h.png);
  1363. width:20px;
  1364. height:20px;
  1365. background-position:0 -20px;
  1366. min-width:20px
  1367. }
  1368. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container .icon-follow-game {
  1369. background:url(http://www.roblox.com/images/feed-icons/feed-icon-14x14.png);
  1370. width:14px;
  1371. height:14px;
  1372. min-width:14px
  1373. }
  1374. .game-main-content.follow-button-enabled .favorite-follow-vote-share {
  1375. padding-top:4px;
  1376. margin-left:46px
  1377. }
  1378. .light-theme a:hover .icon-favorite, .icon-favorite:hover {
  1379. background-position:0 0
  1380. }
  1381. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label {
  1382. color:blue;
  1383. line-height:20px;
  1384. margin-left:6px;
  1385. font-size:11px;
  1386. font-family:Verdana
  1387. }
  1388. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container .icon-label {
  1389. line-height:14px;
  1390. color:blue;
  1391. margin-left:6px;
  1392. font-size:11px;
  1393. font-family:Verdana
  1394. }
  1395. .text-link {
  1396. color:blue!important
  1397. }
  1398. .favorite-button a, .follow-button a {
  1399. display:flex
  1400. }
  1401. .voting-panel .users-vote .upvote span {
  1402. background: url(http://www.roblox.com/images/Icons/thumbsup.png?1) no-repeat 0 -170px;
  1403. width: 12px;
  1404. height:13px
  1405. }
  1406. .voting-panel .users-vote .upvote span.selected {
  1407. background-position:0 -184px
  1408. }
  1409. .voting-panel .users-vote .upvote span:hover {
  1410. background-position:0 -197px
  1411. }
  1412. .voting-panel .users-vote .downvote span {
  1413. background: url(http://www.roblox.com/images/Icons/thumbsup.png?1) no-repeat 0 -224px;
  1414. width: 12px;
  1415. height: 13px;
  1416. position:relative
  1417. }
  1418. .voting-panel .users-vote .downvote span.selected {
  1419. background-position:0 -238px
  1420. }
  1421. .voting-panel .users-vote .downvote span:hover {
  1422. background-position:0 -252px
  1423. }
  1424. .voting-panel .users-vote .downvote {
  1425. margin-top:-7px
  1426. }
  1427. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .upvote, .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel .users-vote .downvote {
  1428. top:9px
  1429. }
  1430. .light-theme .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
  1431. background:#52A846;
  1432. height:5px
  1433. }
  1434. .light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background, .light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes {
  1435. height:5px;
  1436. background:#CE645B
  1437. }
  1438. .light-theme .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment {
  1439. height:5px
  1440. }
  1441. .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel {
  1442. bottom:0px;
  1443. }
  1444. .voting-panel .users-vote .vote-details .vote-numbers {
  1445. padding:0 14px;
  1446. }
  1447. .vote-numbers .count-left span,.vote-numbers .count-right span {
  1448. font-size:11px;
  1449. }
  1450. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container {
  1451. width:265px
  1452. }
  1453. .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container {
  1454. width:85px
  1455. }
  1456. .game-main-content.follow-button-enabled .favorite-follow-vote-share {
  1457. width:auto;
  1458. }
  1459. .game-stat-footer {
  1460. padding:0
  1461. }
  1462. .btr-game-main-container {
  1463. margin-bottom:0
  1464. }
  1465. .social-links *, .btr-badges-container * {
  1466. padding:0
  1467. }
  1468. .social-links, .badge-container {
  1469. border:1px solid
  1470. }
  1471. .social-links .container-header, .btr-badges-container .container-header{
  1472. background:#eee;
  1473. border-bottom:1px solid
  1474. }
  1475. .social-links .section-content.remove-panel {
  1476. background:none;
  1477. border:none;
  1478. margin-bottom:0
  1479. }
  1480. .social-links .container-header h3, .btr-badges-container h3 {
  1481. font-size:11px;
  1482. font-weight:700;
  1483. padding-left:417px;
  1484. }
  1485. .btr-badges-container h3 {
  1486. padding-left:430px;
  1487. }
  1488. .social-links .medallion {
  1489. all:unset
  1490. }
  1491. .social-links .type-img {
  1492. transform:scale(.5);
  1493. top:-10px
  1494. }
  1495. .social-links .contents {
  1496. height:37px
  1497. }
  1498. .social-links .title-wrapper {
  1499. margin-left:0px;
  1500. padding-left:50px
  1501. }
  1502. .social-links .title-wrapper .title {
  1503. font-size:12px
  1504. }
  1505. .btr-badges-container .badge-row .badge-image, .btr-badges-container .badge-row .badge-image img, .btr-badges-container .badge-row .badge-image thumbnail-2d {
  1506. width:75px;
  1507. height:75px
  1508. }
  1509. .badge-image .thumbnail-2d-container {
  1510. border:0
  1511. }
  1512. .badge-content .badge-name {
  1513. font-size:11px!important;
  1514. color:blue
  1515. }
  1516. .badge-content p {
  1517. font-size:11px;
  1518. margin:0!Important;
  1519. height:auto
  1520. }
  1521. .btr-badges-container .badge-row .badge-data-container > p {
  1522. height:auto
  1523. }
  1524. .btr-badges-container .badge-row .badge-stats-container, game-badges-list .badge-row .badge-stats-container li {
  1525. margin:0;
  1526. padding:0
  1527. }
  1528. .game-badges-list .badge-row .badge-stats-container li .text-label, game-badges-list .badge-row .badge-stats-container li .text-label, .game-badges-list .badge-row .badge-stats-container li .badge-stats-info, game-badges-list .badge-row .badge-stats-container li .badge-stats-info {
  1529. font-size:11px;
  1530. font-weight:400;
  1531. font-family:Verdana;
  1532. margin:0
  1533. }
  1534. .stack .stack-list .stack-row {
  1535. padding:0 12px;
  1536. min-height:60px
  1537. }
  1538. .content .rbx-tab {
  1539. min-width:0
  1540. }
  1541. .page-content .rbx-tabs-horizontal .rbx-tab {
  1542. width:auto;
  1543. margin-right:20px
  1544. }
  1545. .light-theme .rbx-tabs-horizontal .rbx-tab-heading, .light-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover, .light-theme .btn-buy-md, .light-theme .btn-control-xs {
  1546. background-color: #fff;
  1547. border: solid 1px #333!important;
  1548. color: #333;
  1549. font-family: Verdana, Sans-Serif;
  1550. font-size: 10px;
  1551. padding: 3px 10px 3px 10px;
  1552. border-radius:0;
  1553. box-shadow:none
  1554. }
  1555. .light-theme .create-server-banner .btn-secondary-md {
  1556. margin-top:2px;
  1557. margin-right:2px
  1558. }
  1559. .rbx-tab .rbx-tab-heading span {
  1560. font-size:10px!important
  1561. }
  1562. .light-theme .avatar .avatar-card-image {
  1563. background:none
  1564. }
  1565. .light-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .light-theme .btn-buy-md:hover, .light-theme .btn-control-xs:hover, .light-theme .btn-control-xs:focus {
  1566. box-shadow:none;
  1567. background-color: #6e99c9;
  1568. color: #fff;
  1569. }
  1570. .light-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading * {
  1571. color:#fff
  1572. }
  1573. #game-detail-page .game-carousel .grid-item-container {
  1574. width:139px
  1575. }
  1576. .btr-gamedetails #game-instances .stack-list .stack-row {
  1577. border:0
  1578. }
  1579. .gotham-font #game-detail-page .rbx-tabs-horizontal div, .gotham-font .rbx-tabs-horizontal p {
  1580. font-size:11px
  1581. }
  1582. .gotham-font #game-detail-page .rbx-tabs-horizontal .section-left {
  1583. width:140px;
  1584. }
  1585. #game-detail-page .rbx-tabs-horizontal {
  1586. border:1px solid
  1587. }
  1588. .light-theme .rbx-tabs-horizontal .nav-tabs {
  1589. padding-top:5px;
  1590. padding-left:5px
  1591. }
  1592. .pager.btr-server-pager .first a, .pager.btr-server-pager .last a{
  1593. background:none;
  1594. border:none;
  1595. height:0px
  1596. }
  1597. .pager.btr-server-pager .first a:before {
  1598. content:"First";
  1599. font-size:10px;
  1600. color:blue
  1601. }
  1602. .pager.btr-server-pager .first.disabled a:before, .pager.btr-server-pager .last.disabled a:before {
  1603. color:black
  1604. }
  1605. .pager.btr-server-pager .last a:before {
  1606. content:"Last";
  1607. font-size:10px;
  1608. color:blue
  1609. }
  1610. .pager li a {
  1611. height:auto
  1612. }
  1613. .tab-content .pager-next, .tab-content .pager-prev {
  1614. height:16px
  1615. }
  1616. .rbx-tab-content .stack .stack-list .stack-row {
  1617. padding-left:2px;
  1618. margin-bottom:0
  1619. }
  1620. /*avatar*/
  1621. .avatar-editor-header {
  1622. display:none
  1623. }
  1624. #avatar-container .left-wrapper-placeholder {
  1625. float:right
  1626. }
  1627. #bodyColors .color-dot.ng-scope {
  1628. border-radius:0;
  1629. margin:1px;
  1630. height:30px;
  1631. width:30px
  1632. }
  1633. #bodyColors .advanced-link {
  1634. font-size:60px;
  1635. height:auto;
  1636. width:max-content;
  1637. margin-top:10px;
  1638. margin-left:100px
  1639. }
  1640. .light-theme #avatar-container .rbx-tabs-horizontal .rbx-tab-heading {
  1641. border:none!important;
  1642. background:none;
  1643. padding:0 9px 0 0
  1644. }
  1645. .six-tab.active span {
  1646. font-weight:bold!important
  1647. }
  1648. .light-theme #avatar-container .rbx-tabs-horizontal .rbx-tab-heading span {
  1649. color:blue
  1650. }
  1651. .light-theme #avatar-container .rbx-tabs-horizontal .rbx-tab-heading span:after {
  1652. content:" |";
  1653. padding-left:6px;
  1654. color:#000
  1655. }
  1656. .light-theme #avatar-container .rbx-tabs-horizontal .rbx-tab-heading .icon-down {
  1657. display:none
  1658. }
  1659. #avatar-container.page-content .rbx-tabs-horizontal .rbx-tab {
  1660. margin-right:0
  1661. }
  1662. [data-internal-page-name="Avatar"] .content.six-column {
  1663. width:900px
  1664. }
  1665. [data-internal-page-name="Avatar"] .section-content.remove-panel,[data-internal-page-name="Avatar"] .thumbnail-2d-container {
  1666. border:0;
  1667. background:0
  1668. }
  1669. [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column * {
  1670. max-width:450px!important;
  1671. margin:0 auto
  1672. }
  1673. [data-internal-page-name="Avatar"] .right-wrapper-placeholder {
  1674. max-width:600px;
  1675. border-bottom:1px solid
  1676. }
  1677. .avatar-back {
  1678. background:0;
  1679. border:1px solid
  1680. }
  1681. [data-internal-page-name="Avatar"] .right-panel.six-column {
  1682. border:1px solid
  1683. }
  1684. .modal-backdrop.in {
  1685. display:none
  1686. }
  1687. [data-internal-page-name="Avatar"] .modal-dialog .modal-content .modal-header {
  1688. display:none
  1689. }
  1690. [data-internal-page-name="Avatar"] .modal-dialog .modal-content .modal-body {
  1691. padding-right:5px
  1692. }
  1693. .color-dot, .color-dot.active::after {
  1694. border-radius:0;
  1695. box-shadow:none!important
  1696. }
  1697. [data-internal-page-name="Avatar"] .tab-horizontal-submenu {
  1698. padding:0
  1699. }
  1700. [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column * {
  1701. font-size:12px
  1702. }
  1703. .color-dot.active::after {
  1704. top:-1px;
  1705. left:-1px
  1706. }
  1707. #advanced-body-colors .bodycolors-list-sm .color-dot {
  1708. margin:0px 2px;
  1709. width:30px;
  1710. height:30px;
  1711. box-shadow:1px 1px rgba(0,0,0,.5)!important
  1712. }
  1713.  
  1714. #advanced-body-colors .bodycolors-list-sm {
  1715. margin-right:0;
  1716. width:340px
  1717. }
  1718. #advanced-body-colors .radio {
  1719. margin:0;
  1720. padding:0
  1721. }
  1722. #advanced-body-colors .radio:not(:nth-child(1)) {
  1723. box-shadow:1px 1px rgba(0,0,0.5)
  1724. }
  1725. #advanced-body-colors .radio:not(:nth-child(1)):focus-within {
  1726. box-shadow: 2px 2px rgba(0,0,0.5)
  1727. }
  1728. #advanced-body-colors .radio:nth-child(1) {
  1729. padding-left:15px
  1730. }
  1731. #advanced-body-colors .radio label {
  1732. width:100%;
  1733. height:100%
  1734. }
  1735. #advanced-body-colors .radio:not(:nth-child(1)) label, #advanced-body-colors .radio:not(:nth-child(1)) label:before, #advanced-body-colors .radio:not(:nth-child(1)) label:after {
  1736. background:none;
  1737. border:none;
  1738. color: transparent;
  1739. }
  1740. #advanced-body-colors .radio:focus {
  1741. border:1px solid
  1742. }
  1743.  
  1744. #advanced-body-colors .radio:nth-child(2) {
  1745. background:yellow;
  1746. width:50px;
  1747. height:50px;
  1748. color:transparent;
  1749. margin-left:80px;
  1750. }
  1751. #advanced-body-colors .radio:nth-child(3) {
  1752. background:blue;
  1753. width:100px;
  1754. height:100px;
  1755. margin-left:55px;
  1756. margin-top:10px
  1757. }
  1758. #advanced-body-colors .radio:nth-child(4) {
  1759. position:absolute;
  1760. width:45px;
  1761. height:100px;
  1762. background:yellow;
  1763. margin-top:-100px;
  1764. margin-left:0px
  1765. }
  1766. #advanced-body-colors .radio:nth-child(5) {
  1767. position:absolute;
  1768. width:45px;
  1769. height:100px;
  1770. background:yellow;
  1771. margin-top:-100px;
  1772. margin-left:165px
  1773. }
  1774. #advanced-body-colors .radio:nth-child(6) {
  1775. position:absolute;
  1776. width:45px;
  1777. height:100px;
  1778. background:green;
  1779. margin-top:10px;
  1780. margin-left:55px
  1781. }
  1782. #advanced-body-colors .radio:nth-child(7) {
  1783. position:absolute;
  1784. width:45px;
  1785. height:100px;
  1786. background:green;
  1787. margin-top:10px;
  1788. margin-left:110px
  1789. }
  1790. #advanced-body-colors {
  1791. position:absolute;
  1792. margin-left:-235px;
  1793. border:1px solid;
  1794. border-top:0;
  1795. margin-top:-220px
  1796. }
  1797. .modal-content {
  1798. border:none
  1799. }
  1800. .tab-horizontal-submenu .submenu-row .text-label, [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column .tab-horizontal-submenu * {
  1801. min-width:0!important;
  1802. padding-top:1px;
  1803. padding-bottom:1px;
  1804. color:blue;
  1805. font-family:Verdana;
  1806. border:0;
  1807. font-size:11px!important;
  1808. }
  1809. .tab-horizontal-submenu .submenu-row {
  1810. display:block;
  1811. padding-top:0;
  1812. padding-left:5px;
  1813. }
  1814. .tab-horizontal-submenu .submenu-row::after, .tab-horizontal-submenu .submenu-row::before {
  1815. content:none!important
  1816. }
  1817. .tab-horizontal-submenu.six-column {
  1818. padding:0 3px;
  1819. background:none
  1820. }
  1821. [data-internal-page-name="Avatar"] .breadcrumb-container{
  1822. display:none
  1823. }
  1824. .tab-horizontal-submenu.six-column {
  1825. box-shadow:none;
  1826. border:none
  1827. }
  1828. [data-internal-page-name="Avatar"] .items-list .item-card .item-card-thumb-container {
  1829. width:85px;
  1830. height:85px
  1831. }
  1832. .light-theme .item-card-container .item-card-equipped {
  1833. background:none;
  1834. width:85px;
  1835. height:85px;
  1836. border-radius:0
  1837. }
  1838. .item-card-container .item-card-equipped .icon-check-selection {
  1839. background:none;
  1840. height:0!Important;
  1841. min-height:0;
  1842. margin:0;
  1843. width:auto;
  1844. margin-top:-8px
  1845. }
  1846. .item-card-container .item-card-equipped .icon-check-selection:before {
  1847. content:"[ Remove ]";
  1848. font-size:8px;
  1849. color:blue;
  1850. border:1px solid #000;
  1851. background:#fefefe;
  1852. }
  1853. .light-theme .item-card-container .item-card-thumb-container {
  1854. border:1px solid
  1855. }
  1856. .items-list .item-card .item-card-caption {
  1857. padding:0;
  1858. width:90px
  1859. }
  1860. [data-internal-page-name="Avatar"] .item-card-container .item-card-name {
  1861. font-size:9px;
  1862.  
  1863. }
  1864. .items-list .item-card .item-card-caption {
  1865. line-height:1
  1866. }
  1867. [data-internal-page-name="Avatar"] .items-list.avatar-item-list .item-card {
  1868. height:auto
  1869. }
  1870. [data-internal-page-name="Avatar"] .btn-secondary-xs:link {
  1871. margin-right:5px
  1872. }
  1873. .light-theme .pill-toggle input:checked + label, .btr-switch .btr-switch-flip {
  1874. background:#6e99c9;
  1875. border-radius:0
  1876. }
  1877. .light-theme .pill-toggle, .btr-switch.btr-playertype-switch {
  1878. border-radius:0;
  1879. background:#fff;
  1880. border:1px solid;
  1881. padding:0;
  1882. }
  1883. .pill-toggle label {
  1884. height:100%
  1885. }
  1886. [data-internal-page-name="Avatar"] .item-card-thumb-container {
  1887. height:105px;
  1888. width:105px
  1889. }
  1890. [data-internal-page-name="Avatar"] .hlist .list-item .item-card-link {
  1891. display:grid
  1892. }
  1893. .item-card-creator.recommended-creator > span {
  1894. font-size:0
  1895. }
  1896. [data-internal-page-name="Avatar"] .item-card-container {
  1897. max-width:105px;
  1898. }
  1899. [data-internal-page-name="Avatar"] .item-card {
  1900. height:auto
  1901. }
  1902. input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track {
  1903. border-radius:0!important
  1904. }
  1905. input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb {
  1906. border-radius:0!important;
  1907. box-shadow:none!Important;
  1908. border:1px solid!important;
  1909. width:16px
  1910. }
  1911. .avatar-thumbnail .toggle-three-dee {
  1912. min-height:0
  1913. }
  1914. input[type=range]::-webkit-slider-progress, input[type=range]::-moz-range-progress {
  1915. background:#6e99c9!important;
  1916. border-radius:0!important
  1917. }
  1918. input[type=range][disabled="disabled"]::-webkit-slider-progress, input[type=range][disabled="disabled"]::-moz-range-progress {
  1919. background:#ccc!Important
  1920. }
  1921. /*item*/
  1922. [data-btr-page="itemdetails"] .content {
  1923. max-width:900px
  1924. }
  1925. [data-btr-page="itemdetails"] .item-thumbnail-container {
  1926. margin-top:36px
  1927. }
  1928. .btr-explorer-btn-shown.btr-download-btn-shown h2, #item-container .border-bottom.item-name-container h2 {
  1929. background-color: #ccc;
  1930. border-bottom: solid 1px #555;
  1931. color: #333;
  1932. font-family: Comic Sans MS,Sans-Serif;
  1933. font-size: 24px;
  1934. margin: 0;
  1935. text-align: center;
  1936. padding:0;
  1937. position:absolute;
  1938. width:100%;
  1939. left:0
  1940. }
  1941. .border-bottom.item-name-container {
  1942. border:0;
  1943. }
  1944. .btr-explorer-button, .btr-download-button, .btr-content-button, [data-btr-page="itemdetails"] .item-context-menu {
  1945. top:4px
  1946. }
  1947. [data-btr-page="itemdetails"] #item-details {
  1948. background:#fff;
  1949. border:1px dashed;
  1950. width:400px;
  1951. margin-top:1px;
  1952. margin-right:10px
  1953. }
  1954. .light-theme .item-thumbnail-container .asset-thumb-container {
  1955. background:transparent
  1956. }
  1957. [data-btr-page="itemdetails"] .thumbnail-holder, .light-theme .btr-preview-container-itempage {
  1958. width:360px;
  1959. height:360px;
  1960. margin-left:10px;
  1961. margin-top:10px
  1962. }
  1963. #item-details-description {
  1964. color:#000;
  1965. border:1px solid #555;
  1966. margin:0 3px 0 5px;
  1967. padding:2px 5px;
  1968. width:97%
  1969. }
  1970. .light-theme .btr-preview-container-itempage {
  1971. background:none
  1972. }
  1973. .light-theme .btr-preview-container-itempage canvas {
  1974. margin-top:30px
  1975. }
  1976. #item-details-description {
  1977. margin-left:0
  1978. }
  1979. [data-btr-page="itemdetails"] .border-bottom.item-name-container .text-name {
  1980. margin-top:54px;
  1981. position:absolute;
  1982. margin-left:48px
  1983. }
  1984. [data-btr-page="itemdetails"] .border-bottom.item-name-container .text-name:before {
  1985. content:"Created by: ";
  1986. color:#555;
  1987. display:inline-block;
  1988. padding-right:6px;
  1989. }
  1990. [data-btr-page="itemdetails"] .item-details .text-label, [data-btr-page="itemdetails"] .item-details .text-label:hover {
  1991. display:none
  1992. }
  1993. .toggle-target.item-field-container .text-label {
  1994. display:block;
  1995. font-size:12px;
  1996. margin-top:4px;
  1997. margin-bottom:2px
  1998. }
  1999. .toggle-target.item-field-container .text-label:after {
  2000. content:":"
  2001. }
  2002. [data-btr-page="itemdetails"] .text, [data-btr-page="itemdetails"] .text:hover {
  2003. font-size:12px
  2004. }
  2005. [data-btr-page="itemdetails"] #type-content.text:before {
  2006. content:"Type: "
  2007. }
  2008. .price-container, .item-field-container {
  2009. margin:0
  2010. }
  2011. .light-theme .text-name.item-genre.wait-for-i18n-format-render {
  2012. color:blue
  2013. }
  2014. .light-theme .text-name.item-genre.wait-for-i18n-format-render:before {
  2015. content:"Genre:";
  2016. color:#555!important;
  2017. display:inline-block
  2018. }
  2019. .light-theme .field-content {
  2020. color:#555;
  2021. font-size:12px!important
  2022. }
  2023. .light-theme .clearfix.item-field-container:nth-child(5) .field-content:before {
  2024. content:"Created: "
  2025. }
  2026. .light-theme .clearfix.item-field-container:nth-child(6) .field-content:before {
  2027. content:"Updated: "
  2028. }
  2029. [data-btr-page="itemdetails"] .item-context-menu span, .light-theme .icon-flag, .light-theme .icon-flag:hover {
  2030. background:url(https://www.roblox.com/images/abuse.PNG) no-repeat;
  2031. }
  2032. .light-theme .icon-flag:before {
  2033. content:"Report Abuse";
  2034. font-size:10px;
  2035. color:blue;
  2036. display:inline-block;
  2037. width:80px;
  2038. margin-left:-80px;
  2039. }
  2040. .light-theme .icon-flag:hover:before {
  2041. text-decoration:underline
  2042. }
  2043. [data-btr-page="itemdetails"] .item-context-menu, [data-btr-page="itemdetails"] .item-context-menu span {
  2044. height:19px;
  2045. width:19px
  2046. }
  2047. .font-caption-body.item-note.has-price-label {
  2048. margin-top:30px;
  2049. padding:0;
  2050. }
  2051. .light-theme[data-btr-page="itemdetails"] .price-container .price-container-text {
  2052. position:absolute;
  2053. width:max-content;
  2054. right:14px;
  2055. top:70px;
  2056. }
  2057. .light-theme[data-btr-page="itemdetails"] .price-container .price-container-text span {
  2058. color:green;
  2059. font-weight:400;
  2060. font-family:Verdana;
  2061. }
  2062. .light-theme[data-btr-page="itemdetails"] .price-container .price-container-text .text-robux-lg:before {
  2063. content:"R$"
  2064. }
  2065. [ng-if="item.product.noPriceText.length > 0"]:before {
  2066. content:none!Important
  2067. }
  2068. .light-theme[data-btr-page="itemdetails"] .favorite-button-container .text-favorite {
  2069. padding:2px 0 0 1px;
  2070. font-size:12px
  2071. }
  2072. .light-theme[data-btr-page="itemdetails"] .voting-panel .users-vote .downvote {
  2073. margin-top:9px;
  2074. margin-right:30px
  2075. }
  2076. .light-theme[data-btr-page="itemdetails"] .voting-panel .users-vote .upvote {
  2077. margin-top:9px;
  2078. margin-left:28px
  2079. }
  2080. .light-theme[data-btr-page="itemdetails"] .voting-panel {
  2081. width:50%;
  2082. margin-right:22px
  2083. }
  2084. .comments-container .comment-item .avatar img {
  2085. border-radius:0;
  2086. width:64px;
  2087. height:64px;
  2088. border:1px solid
  2089. }
  2090. .light-theme[data-btr-page="itemdetails"] .section-content {
  2091. margin-bottom:0
  2092. }
  2093. .light-theme[data-btr-page="itemdetails"] #AjaxCommentsContainer {
  2094. margin-top:0!important;
  2095. background:#eee;
  2096. border:1px solid;
  2097. border-top:none;
  2098. padding-bottom:10px;
  2099. }
  2100. asset-resale-pane .section-content{
  2101. background:#eee!important;
  2102. border-left:1px solid;
  2103. border-right:1px solid
  2104. }
  2105. .resellers-container .vlist .list-item button {
  2106. margin-right:10px;
  2107. padding:0;
  2108. height:30px
  2109. }
  2110. asset-resale-pane .container-header {
  2111. background:#eee;
  2112. margin-top:-6px;
  2113. border-left:1px solid;
  2114. border-right:1px solid
  2115. }
  2116. .btr-owners-container {
  2117. background:#eee;
  2118. border-left:1px solid;
  2119. border-right:1px solid
  2120. }
  2121. .btr-owners-container .section-content {
  2122. background:#eee;
  2123. }
  2124. .light-theme[data-btr-page="itemdetails"] #AjaxCommentsContainer .section-content {
  2125. padding:0;
  2126. margin-left:10px;
  2127. margin-right:56px;
  2128. margin-bottom:10px;
  2129. border:1px dashed
  2130. }
  2131. .light-theme[data-btr-page="itemdetails"] .section-content.remove-panel {
  2132. border-bottom:0
  2133. }
  2134. .light-theme[data-btr-page="itemdetails"] .vlist .list-item .list-header {
  2135. margin:7px 10px
  2136. }
  2137. .light-theme[data-btr-page="itemdetails"] .comments-container .vlist .list-item .list-body, .light-theme[data-btr-page="itemdetails"] .vlist .list-item .list-body .list-content {
  2138. margin:0;
  2139. font-size:11px;
  2140. color:#555;
  2141. }
  2142. .light-theme[data-btr-page="itemdetails"] .comments-container .comment-form .form-group {
  2143. margin-bottom:0;
  2144. margin-top:10px;
  2145. padding-left:10px
  2146. }
  2147. .light-theme[data-btr-page="itemdetails"] .comments-container .form-horizontal button {
  2148. margin-top:10px
  2149. }
  2150. .comments-container .rbx-comment-input {
  2151. height:auto
  2152. }
  2153. .light-theme[data-btr-page="itemdetails"] .comments-container .vlist .list-item .list-body {
  2154. margin-top:5px
  2155. }
  2156. .light-theme[data-btr-page="itemdetails"] .vlist .list-item {
  2157. min-height:80px;
  2158. padding:0;
  2159. border:0
  2160. }
  2161. .light-theme[data-btr-page="itemdetails"] .vlist .list-item:nth-child(odd) {
  2162. background:#eee
  2163. }
  2164. .light-theme[data-btr-page="itemdetails"] #AjaxCommentsMoreButtonContainer button{
  2165. background:none;
  2166. border:none;
  2167. text-align:right;
  2168. float:right;
  2169. color:blue;
  2170. height:0;
  2171. line-height:2.4
  2172. }
  2173. .text-favorite.favoriteCount {
  2174. font-size:0!important;
  2175. min-width:40px
  2176. }
  2177. .text-favorite.favoriteCount:before {
  2178. content: attr(title);
  2179. font-size:11px
  2180. }
  2181. .item-first-line {
  2182. font-size:12px!important;
  2183. padding:0;
  2184. margin-top:18px
  2185. }
  2186. .icon-nav-charactercustomizer {
  2187. height:16px;
  2188. background:none!important;
  2189. float:left
  2190. }
  2191. .icon-nav-charactercustomizer:before {
  2192. content:"Go to editor";
  2193. line-height:14px;
  2194. margin-left:2px
  2195. }
  2196. #edit-avatar-button {
  2197. padding:0;
  2198. width:73px;
  2199. margin-right:5px
  2200. }
  2201. /*group*/
  2202. .light-theme .group-details .text-date-hint {
  2203. font-size:10px!important;
  2204. letter-spacing:0;
  2205. font-family:Verdana
  2206. }
  2207. .group-details .group-wall .comment .list-body {
  2208. margin:0
  2209. }
  2210. .group-details .group-wall .comment .list-header {
  2211. margin:8px 8px 8px 10px
  2212. }
  2213. .group-details .group-wall .comment .list-body .list-content {
  2214. font-weight:bold;
  2215. font-style:italic;
  2216. font-size:11px;
  2217. color:#000;
  2218. padding:0;
  2219. margin:0
  2220. }
  2221. .group-details .group-wall .comment {
  2222. border:0
  2223. }
  2224. .group-details .group-wall .comment:nth-child(odd) {
  2225. background:#eee;
  2226. }
  2227. .group-details .group-wall-no-margin {
  2228. border:1px solid;
  2229. padding:10px
  2230. }
  2231. .group-details .container-header {
  2232. min-height:22px;
  2233. }
  2234. .btr-redesign group-description .container-header h3, .group-details .container-header.group-members-list-container-header h3, .light-theme .input-group-btn .input-dropdown-btn {
  2235. padding:0;
  2236. }
  2237. .btr-redesign group-members-list .input-group-btn > button .btr-role-member-count {
  2238. font-size:11px;
  2239. line-height:initial
  2240. }
  2241. .group-details .container-header h3, .group-details .group-header .group-caption .group-name {
  2242. min-height:0;
  2243. background-color: #ccc;
  2244. border: solid 1px #000;
  2245. color: #333;
  2246. font-family: Comic Sans MS,Sans-Serif;
  2247. font-size: 16px;
  2248. margin: 0;
  2249. text-align: center;
  2250. padding:0;
  2251. position:absolute;
  2252. width:100%;
  2253. left:0
  2254. }
  2255. .group-details .group-header .group-caption .group-name {
  2256. border-color:transparent;
  2257. border-bottom-color:#000
  2258. }
  2259. .group-details .group-header .group-image {
  2260. margin-top:36px;
  2261. margin-left:12px
  2262. }
  2263. group-description {
  2264. margin-top:34px;
  2265. overflow-y:clip!important;
  2266. text-overflow:clip
  2267. }
  2268. .group-owner {
  2269. margin-top:170px;
  2270. margin-left:12px
  2271. }
  2272. .group-header {
  2273. width:150px
  2274. }
  2275. .group-details .group-header .group-caption {
  2276. width:100%;
  2277. position:absolute;
  2278. height:auto
  2279. }
  2280. .group-games, .group-affiliates {
  2281. border:1px solid;
  2282. top:-6px;
  2283. position:relative
  2284. }
  2285. .light-theme .text-robux {
  2286. color:green;
  2287. font-size:11px
  2288. }
  2289. group-store-item .text-robux:before {
  2290. content:"R$: "
  2291. }
  2292. group-store-item .item-card {
  2293. height:auto!Important
  2294. }
  2295. group-store-item .item-card-container {
  2296. width:100px
  2297. }
  2298. .group-details .group-members-list {
  2299. border:1px solid;
  2300. top:-12px;
  2301. position:relative;
  2302. border-top:0;
  2303. padding-top:0
  2304. }
  2305. .group-games ul{
  2306. margin-top:5px
  2307. }
  2308. .group-details .item-card-thumb-container {
  2309. width:100px;
  2310. height:100px
  2311. }
  2312. .group-details .item-cards-stackable .item-cardr {
  2313. width:auto
  2314. }
  2315. .group-details .rbx-tabs-horizontal .nav-tabs {
  2316. padding-left:0
  2317. }
  2318. group-store .tab-content {
  2319. margin-top:0px!important
  2320. }
  2321. .group-details .item-cards-stackable {
  2322. border:1px solid
  2323. }
  2324. #group-shout .container-header {
  2325. display:none
  2326. }
  2327. .group-details .group-header .group-caption .group-info {
  2328. min-height:0;
  2329. display:block
  2330. }
  2331. .group-details .group-header .group-caption .group-stats {
  2332. flex-direction:column;
  2333. margin-left:12px
  2334. }
  2335. .group-details .group-header .group-caption .group-info .group-stats li .font-header-2, .group-details .group-header .group-caption .group-info .group-stats .font-caption-header {
  2336. font-size:10px
  2337. }
  2338. .group-details .group-header .group-caption .group-info .group-stats li span {
  2339. order:2;
  2340. margin-left:4px;
  2341. }
  2342. .group-details .group-header .group-caption .group-info .group-stats li {
  2343. height:16px
  2344. }
  2345. .btr-redesign .btr-shout-container .shout-container {
  2346. padding:0;
  2347. width:max-content;
  2348. max-width:400px;
  2349. margin:0 auto
  2350. }
  2351. .group-details .group-shout .shout-container .avatar-headshot, group-description .container-header {
  2352. display:none
  2353. }
  2354. .group-details .group-shout .shout-container .group-shout {
  2355. padding:0;
  2356. display:flex;
  2357. flex-wrap:wrap;
  2358. flex-direction:column
  2359.  
  2360. }
  2361. .group-shout-name {
  2362. font-size:11px;
  2363. height:18px;
  2364. order:1;
  2365. margin-top:-5px;
  2366. margin-left:25px
  2367. }
  2368. .group-details .group-shout .shout-container .group-shout .group-shout-body {
  2369. font-size:11px;
  2370. color:black;
  2371. background:#FEF1B5;
  2372. border:1px solid #CD950C;
  2373. padding:4px 3px
  2374. }
  2375. .group-details .group-shout .shout-container .group-shout .group-shout-body:before {
  2376. content:"";
  2377. width: 0;
  2378. height: 0;
  2379. border-left: 17px solid transparent;
  2380. border-right: 0px solid transparent;
  2381. border-top: 17px solid #CD950C;
  2382. position:absolute;
  2383. bottom:10px;
  2384. left:4px
  2385. }
  2386. .group-details .group-shout .shout-container .group-shout .group-shout-body:after {
  2387. content:"";
  2388. width: 0;
  2389. height: 0;
  2390. border-left: 15px solid transparent;
  2391. border-right: 0px solid transparent;
  2392. border-top: 15px solid #FEF1B5;
  2393. position:absolute;
  2394. bottom:12px;
  2395. left:5px
  2396. }
  2397. .group-details .group-shout .shout-container .group-shout .group-shout-info {
  2398. margin:0;
  2399. order:2;
  2400. margin-left:26px;
  2401. }
  2402. .group-details .group-shout .shout-container .group-shout .group-shout-info .shout-date {
  2403. font-size:9px!Important;
  2404. color:#808080
  2405. }
  2406. .group-details .rbx-tabs-horizontal, .btr-group-about {
  2407. margin:0
  2408. }
  2409. .btr-group-about {
  2410. padding:0;
  2411. margin:0!important;
  2412. border:1px solid;
  2413. border-bottom:0;
  2414. display:flex
  2415. }
  2416. #group-shout {
  2417. border:1px solid;
  2418. border-top:0;
  2419. padding-bottom:5px
  2420. }
  2421. .group-details .group-description .group-description-text .group-description-content-text {
  2422. color:#000;
  2423. font-size:11px;
  2424. line-height:1
  2425. }
  2426. .group-details .group-description .group-description-text {
  2427. line-height:11px;
  2428. overflow:hidden
  2429. }
  2430. .toggle-content.text-link[data-container-id="group-description-text"] {
  2431. display:none
  2432. }
  2433. .group-details .toggle-target .content-height {
  2434. height:100%
  2435. }
  2436. groups-list-item .menu-option-content {
  2437. width:auto!important
  2438. }
  2439. .group-membership {
  2440. margin-top:-56px;
  2441. float:right;
  2442. margin-right:20px;
  2443. z-index:999
  2444. }
  2445. .gotham-font .text-robux-lg {
  2446. color:green;
  2447. font-weight:500;
  2448. font-size:13px
  2449. }
  2450. group-store .container-header, group-games .container-header, group-affiliates .container-header{
  2451. display:none!important
  2452. }
  2453. group-members-list .container-header {
  2454. background:none!important;
  2455. border-top:0!important;
  2456. border-bottom:0!important;
  2457. border-left:1px solid;
  2458. border-right:1px solid;
  2459. margin-top:-6px
  2460. }
  2461. group-members-list .container-header h3 {
  2462. display:none
  2463. }
  2464. .group-details .container-header.group-members-list-container-header .pager-holder .pager {
  2465. margin-top:-12px
  2466. }
  2467. .btr-redesign group-members-list .input-group-btn > button .rbx-selection-label {
  2468. font-size:12px
  2469. }
  2470. [data-internal-page-name="GroupDetails"] .content {
  2471. width:900px
  2472. }
  2473. .group-details .container-header.group-members-list-container-header .group-dropdown {
  2474. top:2px
  2475. }
  2476. .group-details .group-members-list .member {
  2477. width:auto
  2478. }
  2479. .group-details .avatar-container {
  2480. width:71px;
  2481. }
  2482. .group-details .avatar-container .hlist {
  2483. margin-left:3px
  2484. }
  2485. .group-details .group-members-list .member .avatar-container span[thumbnail-type], .group-details .avatar-card-fullbody {
  2486. width:64px;
  2487. height:64px
  2488. }
  2489. .group-details .group-members-list .member .member-name {
  2490. color:blue;
  2491. font-size:11px;
  2492. height:16px;
  2493. margin-top:0
  2494. }
  2495. .group-details .group-members-list .thumbnail-2d-container {
  2496. background:#fff;
  2497. border:0
  2498. }
  2499. .rbx-scrollbar:not(.mCS_no_scrollbar) .mCSB_inside > .mCSB_container {
  2500. margin-right:0
  2501. }
  2502. .gotham-font h1 {
  2503. font-size:24px;
  2504. padding:0
  2505. }
  2506. /*feed*/
  2507. #feed-container .list-body{
  2508. font-size:11px
  2509. }
  2510. #feed-container .list-body .list-content a {
  2511. font-size:12px;
  2512. color:blue!Important;
  2513. margin:0;
  2514. padding:0;
  2515. height:20px;
  2516. line-height:1
  2517. }
  2518. #feed-container .list-body .list-content {
  2519. margin:0;
  2520. padding:0;
  2521. line-height:1
  2522. }
  2523. #feed-container .list-body span {
  2524. font-size:8px
  2525. }
  2526. #feed-container .list-item{
  2527. margin:0
  2528. }
  2529. #feed-container .list-header {
  2530. margin-right:8px
  2531. }
  2532. .feedtext.linkify {
  2533. font-size:11px;
  2534. font-style:italic;
  2535. font-weight:bold;
  2536. color:#000;
  2537. font-family:Verdana
  2538. }
  2539. /*misc*/
  2540. #private-message .rbx-tab {
  2541. min-width:200px!important;
  2542. height:auto;
  2543. border-bottom:1px solid
  2544. }
  2545. #friends-container .rbx-tab-heading.active {
  2546. background:#6e99c9;
  2547. }
  2548. #friends-container .rbx-tab-heading.active span {
  2549. color:#fff
  2550. }
  2551. .light-theme .content .friends-filter .friends-filter-searchbar-container {
  2552. color:#000;
  2553. border-radius:0;
  2554. padding:0;
  2555. height:24px
  2556. }
  2557. .content .friends-filter .dropdown button {
  2558. height:24px;
  2559. width:100px
  2560. }
  2561. .content .friends-filter .friends-filter-searchbar-container .icon-search {
  2562. display:none
  2563. }
  2564. .avatar-card-container .avatar-card-content .avatar-card-caption.has-menu .avatar-name, .avatar-card-container .avatar-card-content .avatar-card-caption .avatar-name {
  2565. color:blue
  2566. }
  2567. .avatar-card-container .avatar-card-content .avatar-card-caption.has-menu .avatar-name:hover, .avatar-card-container .avatar-card-content .avatar-card-caption .avatar-name:hover {
  2568. text-decoration:underline
  2569. }
  2570. .light-theme .summary .table {
  2571. background:transparent
  2572. }
  2573. .friends-content.section .avatar-card-container .avatar-card-content {
  2574. display:block;
  2575. width:max-content;
  2576. margin:0 auto
  2577. }
  2578. .friends-content.section .avatar-card-container .avatar-card-content .avatar-card-caption {
  2579. padding:0;
  2580. display:block;
  2581. width:100%
  2582. }
  2583. .friends-content.section .avatar-card-container .avatar-card-content .avatar-card-fullbody {
  2584. margin:0 auto;
  2585. }
  2586. .friends-content.section .avatar-card-container {
  2587. width:max-content;
  2588. min-width:120px
  2589. }
  2590. .friends-content.section span {
  2591. border:0
  2592. }
  2593. .friends-content .accept-friend, .friends-content .ignore-friend {
  2594. width:95px
  2595. }
  2596. .friends-content.section .avatar-card-btns {
  2597. width:max-content
  2598. }
  2599. .friends-content .avatar-name {
  2600. font-size:13px
  2601. }
  2602. .friends-content .avatar-card-label {
  2603. font-size:11px
  2604. }
  2605. .friends-content .avatar-cards .avatar-card {
  2606. width:185px
  2607. }
  2608. .ignore-button.see-all-link.btn-control-xs.btn-min-width {
  2609. background:none;
  2610. border:none!important;
  2611. color:blue;
  2612. text-decoration:underline
  2613. }
  2614. .avatar-card-link [thumbnail-target-id="156"] {
  2615. background:url("https://static.wikia.nocookie.net/roblox/images/3/39/Fndjdjxjx.png")-1px !important;
  2616. background-size:46px!important
  2617. }
  2618. .avatar-card-link [thumbnail-target-id="156"] img {
  2619. visibility:hidden
  2620. }
  2621. .light-theme .paired-name span:first-child, .message-detail .body strong {
  2622. color:blue
  2623. }
  2624. .message-detail .body div, .message-detail .body strong{
  2625. font-size:12px!important
  2626. }
  2627. .message-detail .body {
  2628. border:1px dashed;
  2629. padding:5px
  2630. }
  2631. .message-detail {
  2632. border:2px solid #ccc
  2633. }
  2634. /*awesomer*/
  2635. *[alt="We're making things more awesome. Be back soon."] {
  2636. background:url(https://static.wikia.nocookie.net/roblox/images/4/4a/OH_NOES.png/revision/latest?cb=20111228145107)
  2637. }
  2638. /*404*/
  2639. .request-error-page-content .default-error-page .action-buttons {
  2640. bottom:-18px;
  2641. left:37.7%
  2642. }
  2643. .request-error-page-content {
  2644. margin-top:0
  2645. }
  2646. .request-error-page-content .default-error-page .message-container {
  2647. float:none;
  2648. width:100%
  2649. }
  2650. .request-error-page-content .default-error-page .error-image {
  2651. display:none
  2652. }
  2653. .request-error-page-content .default-error-page .message-container .error-message {
  2654. height:240px;
  2655. background:no-repeat url(https://i.imgur.com/EcDVIU1.jpg)50% 28px;
  2656. content:none!important;
  2657. width:max-content;
  2658. margin:0 auto;
  2659. font-size:0;
  2660. }
  2661. .request-error-page-content .default-error-page .message-container .error-title {
  2662. font-size:0px;
  2663. color:#000;
  2664. font-weight:700;
  2665. font-family:arial;
  2666. margin:0 auto;
  2667. width:max-content
  2668. }
  2669. .request-error-page-content .default-error-page .message-container .error-title:after {
  2670. content:"Oops - you've reached this page in error.";
  2671. font-size:18px
  2672. }
  2673. .request-error-page-content .default-error-page .message-container .error-message:after {
  2674. content:"If you continue to receive this page please contact customer service.";
  2675. font-size:18px;
  2676. color:#000;
  2677. font-weight:700;
  2678. font-family:arial
  2679. }
  2680. /*premium*/
  2681. .premium-landing-page .premium-title-section, .premium-landing-page .stipend-section, .premium-landing-page .catalog-benefit-section, .premium-landing-page .game-benefit-section, .premium-landing-page .trade-benefit-section, .premium-landing-page .membership-section .benefits-detail-container .lucky-gatito {
  2682. display:none
  2683. }
  2684. .light-theme .premium-landing-page .membership-section .subscription-card, .light-theme .premium-landing-page .membership-section .subscription-card:not(.disabled):not(.purchased):hover {
  2685. background:no-repeat url(https://i.imgur.com/oyiZFqE.png)0 -6px;
  2686. background-size:409.76%;
  2687. border:0
  2688. }
  2689. .light-theme .premium-landing-page .membership-section .div-table-cell:nth-child(2) .subscription-card {
  2690. background-position:-516px -6px!important
  2691. }
  2692. .light-theme .premium-landing-page .membership-section .div-table-cell:nth-child(3) .subscription-card {
  2693. background-position:-772px -6px!important
  2694. }
  2695. .premium-landing-page .membership-section .subscription-card {
  2696. width:250px
  2697. }
  2698. .light-theme .premium-landing-page .membership-section .subscription-card div{
  2699. display:none
  2700. }
  2701. .premium-landing-page .membership-section .subscribe-button {
  2702. margin-top:200px
  2703. }
  2704. .light-theme .premium-landing-page .membership-section {
  2705. background:#fff
  2706. }
  2707. .premium-landing-page .membership-section .subscription-card {
  2708. height:206px
  2709. }
  2710. .light-theme .benefits-detail-container .icon-menu-games-on {
  2711. background:url(https://www.roblox.com/images/HardHatBullet2.png);
  2712. width:30px;
  2713. height:30px
  2714. }
  2715. .light-theme .benefits-detail-container .icon-robux-28x28 {
  2716. background:url(http://www.roblox.com/images/AllowanceBullet2.png);
  2717. filter:none;
  2718. width:30px;
  2719. height:30px
  2720. }
  2721. .light-theme .benefits-detail-container .icon-menu-shop {
  2722. background:url(http://www.roblox.com/images/SellBullet2.png);
  2723. filter:none;
  2724. width:30px;
  2725. height:30px
  2726. }
  2727. .light-theme .icon-menu-trade {
  2728. background:url(https://www.roblox.com/images/magnifying.png);
  2729. filter:none;
  2730. width:30px;
  2731. height:30px
  2732. }
  2733. .light-theme .premium-landing-page .membership-section .benefits-detail-container {
  2734. background:0;
  2735. padding:0 30px;
  2736. margin:0
  2737. }
  2738. .premium-landing-page .membership-section .membership-sec-header {
  2739. margin:0;
  2740. padding:20px
  2741. }
  2742. .premium-landing-page .membership-section {
  2743. height:auto
  2744. }
  2745. `;
  2746. if (typeof GM_addStyle !== "undefined") {
  2747. GM_addStyle(css);
  2748. } else {
  2749. let styleNode = document.createElement("style");
  2750. styleNode.appendChild(document.createTextNode(css));
  2751. (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  2752. }
  2753. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址