Sleazy Fork is available in English.

Roblox 2021 style

Makes ROBLOX.com look like it did in 2010

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