// ==UserScript== // @name ROBLOX 2012 // @namespace https://greasyfork.org/en/users/759797-lego-savant // @version 0.2 // @description roblox 2012 site overhaul // @author legosavant // @match *://*.roblox.com/* // @icon https://www.google.com/s2/favicons?domain=roblox.com // @grant none // @license GPLv3 // @downloadURL none // ==/UserScript== (function() { $("#game-visit-count").text($("#game-visit-count").attr('title')); setTimeout(function(){$("#vote-down-text").text($("#vote-down-text").attr('title'))},1000); setTimeout(function(){$("#vote-up-text").text($("#vote-up-text").attr('title'))},1000); })(); document.getElementById("rbx-body").classList.remove("light-theme"); document.getElementById("navigation-container").classList.remove("light-theme"); document.getElementById("rbx-body").classList.remove("dark-theme"); document.getElementById("navigation-container").classList.remove("dark-theme"); function addStyle(styleString) { const style = document.createElement('style'); style.textContent = styleString; document.head.append(style); } addStyle(`.gotham-font, .gotham-font .h1, .gotham-font .h2, .gotham-font .h3, .gotham-font .h4, .gotham-font .h5, .gotham-font .h6, .gotham-font h1, .gotham-font h2, .gotham-font h3, .gotham-font h4, .gotham-font h5, .gotham-font h6, .gotham-font .text, .gotham-font body, .gotham-font button, .gotham-font html, .gotham-font input, .gotham-font pre, .gotham-font select, .gotham-font textarea { font-family:Arial } [href^="https://www.roblox.com/users/1/"] { text-transform:uppercase } body { background:#fff; font-size:12px; color:black } .container-main { margin-top:60px; margin-left:0!important } .content { background:transparent } .dark-theme .content { background:transparent } .light-theme .rbx-header, .dark-theme .rbx-header { border:0 } /*feet*/ .container-footer { background:#e6e6e6; padding:0 0 2px 0 } .footer .text-footer-nav:link, .text-link, .text-link:active, .text-link:hover, .text-link:link, .text-link:visited, .vlist .list-item .list-body .list-content a, .vlist .list-item .list-body .list-content a:active, .vlist .list-item .list-body .list-content a:hover, .vlist .list-item .list-body .list-content a:link, .vlist .list-item .list-body .list-content a:visited, .text-name, .text-name:active, .text-name:hover, .text-name:link, .text-name:visited { color:#095fb5 } .footer .footer-links{ margin:0 } /*nav*/ .container-fluid { max-width:970px } #rbx-body .icon-logo { background:url(http://www.roblox.com/images/RevisedHeader/btn-rbx_logo.png); } .btr-no-hamburger #header .rbx-navbar-header { width:118px; padding:0; } #rbx-body .rbx-header { background:#114081 url(https://www.roblox.com/images/RevisedHeader/bg-rbx_header.png) repeat-x; height:36px } #rbx-body.dark-theme .rbx-header { background:#333 url(http://www.roblox.com/images/RevisedHeader/bg-obc_header.png) repeat-x } .nav > li > a:focus, .nav > li > a:hover, #navbar-stream .nav-robux-icon:hover, #navbar-settings:hover { background:url(http://www.roblox.com/images/RevisedHeader/bg-main_menu_hover.png) 0 0; } #rbx-body .font-header-2.nav-menu-title.text-header { font-size:0; font-family:Arial,Helvetica,sans-serif; line-height:20px; color:#fff; font-weight:700 } .text-header[href="/home"]:before { content:"Home"; font-size:13px; } .text-header[href="/discover"]:before { content:"Games"; font-size:13px; } .text-header[href="/catalog"]:before { content:"Catalog"; font-size:13px; } .text-header[href="/develop"]:before { content:"Build"; font-size:13px; } .text-header[href="/robux?ctx-nav"]:before { content:"Robux"; font-size:13px; } .rbx-header .rbx-navbar li .nav-menu-title { padding:6px 8px 0 8px; height:28px; box-sizing:content-box; } .rbx-header .rbx-navbar li { all:unset } .rbx-header .rbx-navbar, .rbx-header .navbar-brand { margin:0; padding:0; height:auto } .rbx-header .navbar-search .input-addon-btn, .rbx-header .navbar-search .input-field, .rbx-header .navbar-search { border-radius:0!important; box-shadow:none; margin-top:3px; height:22px; color:#888; font-size:13px; } .rbx-header .navbar-search .input-field, .rbx-header .navbar-search { width:160px; font-family:arial } .rbx-header .rbx-navbar-icon-group li .rbx-menu-item, .rbx-header .rbx-navbar-right-nav li .rbx-menu-item { padding-top:4px; padding-bottom:0 } .col-lg-4 { width:auto } .rbx-header .navbar-search .input-addon-btn .icon-common-search-sm, .rbx-header .navbar-search .input-field .icon-common-search-sm { background:url(https://www.roblox.com/images/searchIcon.png) no-repeat; background-size:initial; background-position:4px 2px } .rbx-header .rbx-navbar-icon-group .age-bracket-label .dynamic-overflow-container { color:#fff; text-decoration:none!important } .rbx-header .rbx-navbar-icon-group .age-bracket-label .age-bracket-label-username { font-size:11px } .rbx-header .rbx-navbar-icon-group .age-bracket-label .dynamic-overflow-container .avatar-headshot-xs { display:none } .age-bracket-label-age { background:#333; border-radius:4px; color:#fff!important; line-height:1; padding:2px } #rbx-body .icon-nav-message-btr, #rbx-body .icon-nav-friend-btr { filter:none } .icon-nav-friend-btr, .icon-nav-message-btr, #nav-robux-icon .icon-robux-28x28,#rbx-body .icon-nav-settings { background:no-repeat url(https://www.roblox.com/images/RevisedHeader/bg-icon_sprites.png)0 0; width:20px; height:20px } a:hover .icon-nav-message-btr { background-position:0 -20px } .icon-nav-friend-btr { background-position:0 -40px } a:hover .icon-nav-friend-btr { background-position:0 -60px } #nav-robux-icon .icon-robux-28x28 { background-position:0 -80px } #nav-robux-icon:hover .icon-robux-28x28 { background-position:0 -100px } #rbx-body .icon-nav-settings { background-position:0 -160px } #rbx-body .icon-nav-settings:hover { background-position:0 -160px } .rbx-header .rbx-navbar-icon-group li span[class^="rbx-text"] { color: white; font-weight: normal; font-size: 11px; min-width:0; margin-left:3px; line-height:1.3em; padding-bottom:7px; vertical-align:bottom; } #header .btr-nav-notif { border-radius:3px; border:1px solid #000; height: 9px; margin-top: 10px; color: black; font: bold 10px Arial,Helvetica,sans-serif; padding-left:2px; padding-right:2px } .notification-red { border-radius:3px; border:1px solid #000; height: 11px; margin-top: 6px; color: black; font: bold 10px Arial,Helvetica,sans-serif; padding-left:2px; padding-right:2px; background:#fff; min-width:14px } .rbx-header .rbx-navbar-icon-group li .nav-setting-highlight { line-height:.6em } #rbx-body .icon-nav-notification-stream { background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -36px -246px; opacity:.4; width:20px; height:28px; filter:invert(1); } #rbx-body #navbar-stream:hover .icon-nav-notification-stream { opacity:.8; } #nav-ns-icon { padding:0; cursor:pointer } /*sidebar*/ .dynamic-overflow-container div { display:none } .rbx-left-col li .text-nav .font-header-2 { margin:0 } .rbx-left-col li { margin:0; display:inline-block } .rbx-left-col li:hover, #navbar-robux:hover #nav-robux-icon { background:repeat-x url(https://www.roblox.com/images/RevisedHeader/bg-sub_menu_hover.png) 0 -1px; } .rbx-left-col ul { padding:0 5px; height:24px } .rbx-left-col li .text-nav .font-header-2, .rbx-nav-sponsor { font:normal 12px arial; color:#fff; padding:4px 5px 5px 5px } .light-theme .rbx-left-col li .text-nav:active, .light-theme .rbx-left-col li .text-nav:link, .light-theme .rbx-left-col li .text-nav:visited { color:#fff } .left-col-list > .font-bold.small.text-nav { display:none } .btr-no-hamburger .rbx-left-col { width:100%; background:#191919; height:24px; margin-top:-4px } .rbx-nav-sponsor { padding-top:0; position:relative; width:60px; height:19px } .rbx-nav-sponsor a:before { content:"Sponsor"; position:absolute; margin-top:3px } .rbx-nav-sponsor img { display:none } .btr-no-hamburger .rbx-left-col .rbx-scrollbar, .rbx-left-col .rbx-scrollbar .left-col-list { width:960px; margin:0 auto } #navigation > ul { display:none } .rbx-left-col li .text-nav { margin:0 2px } /*header popover*/ .popover-content .dropdown-menu { border:1px solid #777; background:#EFEFEF; border-radius:0; box-shadow:none; border-top:0 } #buy-robux-popover { box-shadow:none; margin-top:-1px; margin-left:32px; } #settings-popover { margin-top:-2px; margin-left:37px } .popover{ box-shadow:none } #buy-robux-popover .arrow, #settings-popover .arrow { display:none } #navbar-robux[aria-describedby="buy-robux-popover"] #nav-robux-icon{ background:#efefef; border-radius:0; border:1px solid #777; padding:3px 5px 0 5px; border-bottom:0; } #navbar-settings[aria-describedby="settings-popover"] { background:#efefef; border:1px solid #777; border-bottom:0 } #navbar-settings[aria-describedby="settings-popover"] .nav-setting-highlight { top:5px; left:17px } #navbar-settings[aria-describedby="settings-popover"] #settings-icon { padding:3px 5px 0 5px } #navbar-settings[aria-describedby="settings-popover"] .icon-nav-settings { background-position-y:-180px!important } #navbar-robux[aria-describedby="buy-robux-popover"] #nav-robux-icon .icon-robux-28x28 { filter:invert(1); } #navbar-robux[aria-describedby="buy-robux-popover"] span[class^="rbx-text"] { color:#666 } #navbar-robux[aria-describedby="buy-robux-popover"]:hover span[class^="rbx-text"] { color:#000 } .popover-content .dropdown-menu li a { font-size:13px; padding:1px 6px; line-height:23px } .popover-content .dropdown-menu li a:hover { background:#ddd } /*search*/ .popover-content .dropdown-menu li { padding:0 } #header .new-dropdown-menu .btr-fastsearch-anchor, .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor { padding:0 6px } .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-icon { display:none } .new-navbar-search-anchor[href^="https://www.roblox.com/catalog"] .navbar-list-option-suffix { font-size:0; height:20px } .new-navbar-search-anchor[href^="https://www.roblox.com/catalog"] .navbar-list-option-suffix:after { font-size:13px; content:"in Catalog"; } .new-navbar-search-anchor[href^="https://www.roblox.com/discover"] .navbar-list-option-suffix { font-size:0; height:20px } .new-navbar-search-anchor[href^="https://www.roblox.com/discover"] .navbar-list-option-suffix:after { font-size:13px; content:"in Games"; } .new-navbar-search-anchor[href^="https://www.roblox.com/search"] .navbar-list-option-suffix, .new-navbar-search-anchor[href^="https://www.roblox.com/develop"] .navbar-list-option-suffix { font-size:13px; height:20px } .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-text { font-size:13px; color:#000 } .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-suffix { color:#222 } .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor { height:25px } #header .new-dropdown-menu .btr-fastsearch-anchor { height:40px } .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor:hover, #header .new-dropdown-menu .btr-fastsearch-anchor:hover { background:#ddd } .rbx-header .navbar-search.navbar-search-open .dropdown-menu { border:1px solid #777; background:#efefef; border-radius:0; margin-top:2px; width:121% } .btr-fastsearch-thumbnail-container { border-radius:0 } /*game cards*/ .game-card-info { position:relative; margin:0 } .game-card-link .game-card-name { display:inline-block; color:#095fb5; font:bold 12px arial; margin:0 } .game-card-link .game-card-name:hover { text-decoration:underline } a .game-card-thumb-container, .game-card-container thumbnail-2d, .game-card-thumb-container .game-card-thumb { border-radius:0 } .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 { padding:0; } a .game-card-thumb-container:before { content:none } .game-card-link .game-card-info .playing-counts-label { color:red; font:normal 12px arial; line-height:14px } .game-card-link .game-card-info .playing-counts-label:after { content:" players online" } .game-card-info .icon-votes-gray, .game-card-info .icon-playing-counts-gray { display:none } .game-card-link .game-card-info .vote-percentage-label { display:block; order:2; font-size:11px; color:#888; line-height:13px; } .game-card-link .game-card-info .vote-percentage-label:before { content:"Voted: "; } .game-card-info { display:flex; flex-direction:column } /*games page*/ .game-stat-footer .text-report:link { font-size:11px; color:#F99; padding-left:16px; padding-bottom:2px; } .game-stat-footer .text-report:link:hover { background:url(https://www.roblox.com/images/cssspecific/rbx2/abuse.png) no-repeat scroll 0 2px transparent; color:#f00 } .carousel-controls.btn-primary-md { border-radius:0 } .btr-gamedetails.btr-hide-ads div.content, #game-detail-page { max-width:920px; padding:0 } #game-detail-page { padding:0 10px } .btr-gamedetails.btr-hide-ads .btr-game-main-container { padding:0; height:442px } #game-details-carousel-container { width:480px; height:auto; position:absolute; margin-top:46px; margin-left:20px } .gotham-font .game-main-content .game-calls-to-action { padding:0; } .game-main-content .game-calls-to-action .game-name { font-size:18px; font-family:"ARial"; font-weight:700; padding: 3px 12px; } .game-main-content .game-calls-to-action .game-creator { position:absolute; margin-top:-6px; z-index:999; left:673px; right:auto!important; width:max-content } #recommended-games-container .game-card-link .game-card-info .playing-counts-label { top:0 } .game-main-content .game-calls-to-action .game-creator a { color:#095fb5 } .gotham-font .game-main-content .game-calls-to-action .game-title-container { padding:0 } .game-main-content .game-calls-to-action { background: url(https://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; border: 1px solid #aaa; margin-top:10px; width:900px; float:left; height:100%; min-height:406px } .game-main-content { min-height:300px; height:330px } .game-stats-container { padding:8px 0 12px 10px; border:0; background:no-repeat url(https://i.imgur.com/1UTfJEE.png) 30px 0 } .game-stats-container .game-stat { float:none; text-align:left; align-items: normal; display: block; } .game-stats-container .game-stat p { display:contents; margin:0 } .game-stats-container.follow-button-enabled .game-stat-width { width:100%; padding-left:154px; height:13px } .game-stats-container.follow-button-enabled .game-stat-width:nth-last-child(2) { border-top:1px solid; margin-top:14px; padding-left:0 } .game-stats-container.follow-button-enabled .game-stat-width:nth-last-child(2) .text-label, .game-stats-container.follow-button-enabled .game-stat-width:nth-last-child(1) .text-label { font-weight:bold; color:#000!Important; } .game-stats-container.follow-button-enabled .game-stat-width:nth-last-child(1) { margin-top:-13px } .game-stat-width .text-label { color:#888!important; font-size:11px!important } .game-stats-container .text-lead { font-size:11px!important } .game-stats-container.follow-button-enabled .game-stat-width .text-label:after { content:":" } .game-stats-container.follow-button-enabled .game-stat-width .text-lead:before { content:" " } .game-creator .text-name:link { font-size:11px } .game-creator .text-label, .game-creator .text-label:hover { font-size:11px; color:#888 } .game-creator .text-label:after { content:":" } .text.game-description.linkify { color:#000; font: normal 10.6px arial; } .btr-game-main-container .btr-description { max-width:370px; border-top:0; position:absolute; right:20px; top:52px; display:flex; flex-direction:column; } .btr-game-main-container .btr-description pre { order:2; max-height:200px; overflow-y:auto } .btr-game-main-container .btr-description .game-stat-footer { position:absolute; top:274px; margin-left:-94px } .game-main-content .game-calls-to-action .game-buttons-container { top:332px!important; display:flex; height:70px; padding-top:10px!important } .dark-theme .game-main-content .game-calls-to-action .game-buttons-container { background:#333 } .game-main-content .game-calls-to-action .game-buttons-container #game-details-play-button-container{ width:auto; display:inline-block; position:absolute; margin-left:140px; z-index:99; } .game-main-content .game-calls-to-action .game-buttons-container #game-details-play-button-container .error-message { font-size:9px; font-family:"Comic Sans MS"; } .icon-common-play { display:none } .btn-common-play-game-lg, .btn-common-play-game-lg:hover, .btr-profile .btr-games-list .btr-game-playbutton-container .btn-primary-lg { /*play button*/ border:none; background:no-repeat url(https://www.roblox.com/images/cssspecific/rbx2/btn_play_54h.png)!important; width:214px; height:54px; color:transparent } .btr-profile .btr-games-list .btn-primary-lg:hover, .btn-common-play-game-lg:hover { background-position:0 -54px!important } #rbx-body .icon-favorite { background:url(https://www.roblox.com/images/cssspecific/rbx2/favoriteStar_20h.png); width:20px; height:20px; background-position:0 -20px; min-width:20px } .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container .icon-follow-game { background:url(http://www.roblox.com/images/feed-icons/feed-icon-14x14.png); width:14px; height:14px; min-width:14px } .game-main-content.follow-button-enabled .favorite-follow-vote-share { padding-top:4px; margin-left:0px } #rbx-body a:hover .icon-favorite, .icon-favorite:hover { background-position:0 0 } .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container .icon-label { color:#095fb5; line-height:22px; margin-left:6px; font-size:12px; font-family:Arial } .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container .icon-label { line-height:14px; color:#095fb5; margin-left:6px; font-size:12px; font-family:Arial } .favorite-button a, .follow-button a { display:flex } .voting-panel .users-vote .upvote span { background: url(http://www.roblox.com/images/Icons/thumbsup.png?1) no-repeat 0 -170px; width: 12px; height:13px } .voting-panel .users-vote .upvote span.selected { background-position:0 -184px } .voting-panel .users-vote .upvote span:hover { background-position:0 -197px } .voting-panel .users-vote .downvote span { background: url(http://www.roblox.com/images/Icons/thumbsup.png?1) no-repeat 0 -224px; width: 12px; height: 13px; position:relative } .voting-panel .users-vote .downvote span.selected { background-position:0 -238px } .voting-panel .users-vote .downvote span:hover { background-position:0 -252px } .voting-panel .users-vote .downvote { margin-top:-7px } .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 { top:9px } .vote-mask { display:none } .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel { width:136px } #rbx-body .voting-panel .users-vote .vote-details .vote-container .vote-percentage { background:#52A846; height:5px } #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 { height:5px; background:#CE645B } #rbx-body .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment { height:5px } .game-main-content.follow-button-enabled .favorite-follow-vote-share .voting-panel { bottom:0px; } .voting-panel .users-vote .vote-details .vote-numbers { padding:0 14px; } .vote-numbers .count-left span,.vote-numbers .count-right span { font-size:11px; } .voting-panel .users-vote .vote-details .vote-numbers .count-left,.voting-panel .users-vote .vote-details .vote-numbers .count-right { color:#000 } .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-follow-button-container { width:60px; position:absolute; right:90px; bottom:2px } .game-main-content.follow-button-enabled .favorite-follow-vote-share .game-favorite-button-container { width:85px; position:absolute; bottom:0; right:0 } .game-main-content.follow-button-enabled .favorite-follow-vote-share { width:100%; } .game-stat-footer { padding:0 } .btr-game-main-container { margin-bottom:0 } .social-links *, .btr-badges-container * { padding:0 } .icon-nogear { background:url(https://www.roblox.com/images/NoSuitcase16x16.png) 0 4px no-repeat; } .badge-container { margin-bottom:0 } .social-links .medallion { all:unset } .social-links .type-img { transform:scale(.5); top:-10px } .social-links .contents { height:37px } .social-links .title-wrapper .title { font-size:12px } .btr-badges-container .badge-row .badge-image, .btr-badges-container .badge-row .badge-image img, .btr-badges-container .badge-row .badge-image thumbnail-2d { width:75px; height:75px } .badge-image .thumbnail-2d-container { border:0 } .badge-content .badge-name { font-size:11px!important; color:#496780 } .badge-content p { font-size:11px; margin:0!Important; height:auto } .btr-badges-container .badge-row .badge-data-container > p { height:auto } .btr-badges-container .badge-row .badge-stats-container, game-badges-list .badge-row .badge-stats-container li { margin:0; padding:0 } .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 { font-size:11px; font-weight:400; font-family:Verdana; margin:0 } .badge-container .stack-list .stack-row:nth-child(even) { background:#dddde0 } .btr-gamedetails #game-instances .stack-list .stack-row { border:none } .stack .stack-list .stack-row { padding:0 12px; min-height:60px } #game-detail-page h3 { color: #666; font: bold 13px Arial,Helvetica,Sans-Serif; padding-left: 5px; } #game-detail-page .container-header { border-bottom:1px solid #848484; padding-bottom:1px } /*button*/ .btn-control-sm, .btn-secondary-md, .btn-control-xs, .thumbnail-holder .enable-three-dee, .btn-control-md { background:url(https://www.roblox.com/images/UI/btn-big_silver_tile.png); border: 1px solid #bcbcbc; color:#000; max-height:32px } .btn-control-sm:hover, .btn-secondary-md:hover, .btn-control-xs:hover, .thumbnail-holder .enable-three-dee:hover, .btn-control-md:hover { background-position:bottom left; border:1px solid#bcbcbc; color:#000 } /*button end*/ .stack-list .btn-full-width.btn-control-sm { width:100px; height:20px; margin:0 auto; display:block; font-size:13px } /*tab*/ .rbx-tab .rbx-tab-heading, .rbx-tab:hover .rbx-tab-heading, .rbx-tab .rbx-tab-heading:focus { background:transparent url(https://www.roblox.com/images/cssspecific/rbx2/tab_white_31h_t2.png) no-repeat right top; height: 25px; padding: 6px 16px 0 8px; margin: 0 0 0 4px; font-size: 16px; font-weight: bold; box-shadow:none!important; box-sizing:content-box; z-index:99 } .rbx-tab .rbx-tab-heading span { color:#333; font-weight:bold!important } .rbx-tab { background:url(https://www.roblox.com/images/cssspecific/rbx2/tab_white_31h_t1.png) no-repeat left top; width:auto!important } .rbx-tab:hover { background-position:left -31px } .rbx-tab.active { background-position:left -62px } .rbx-tab .rbx-tab-heading:hover { background-position:right -31px; background-color:transparent!important } .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading { background-position:right -62px } .rbx-tab-content { background: url(https://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; top:-2px; margin-top:0; border: 1px solid #aaa; } #games-switcher { background: url(https://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; padding:5px; margin-top:0; border: 1px solid #aaa; } .rbx-tab-content .section-content { background:none } .btr-redesign .rbx-tabs-horizontal { margin:0 } .container-header .tooltip-container { display:none } .avatar-card-fullbody .avatar-card-image, .avatar-card-fullbody .avatar-card-link, .avatar .avatar-card-image, .avatar .avatar-card-link { border-radius:0 } .pager a span { visibility:hidden } .pager li a { width:36px; height:36px; border:0!important } .first a { background:url(https://i.imgur.com/R1eNAr4.png) 0 -36px } .first a:hover { background:url(https://i.imgur.com/R1eNAr4.png) -36px -36px } .pager-next a { background:url(https://www.roblox.com/images/arrow_36px_right.png); } .pager-next a:hover { background:url(https://www.roblox.com/images/arrow36px_rightOn.png) } .pager-prev a { background:url(https://www.roblox.com/images/arrow_36px_left.png); } .btr-profile .pager-prev a:hover { background:url(https://www.roblox.com/images/arrow36px_leftOn.png) } .pager-prev.disabled a { opacity:.5 } .last a { background:url(https://i.imgur.com/R1eNAr4.png) 0 0px } .last a:hover { background:url(https://i.imgur.com/R1eNAr4.png) -36px 0px } #rbx-private-servers .btn-control-xs { background:#fff; border-radius:0; border:1px solid #000; font-size:13px; padding:4px 6px; min-width:0 } #rbx-private-servers .btn-control-xs:hover { background:#6e99c9; color:#fff; text-decoration:none } .game-dev-store .rbx-gear-passes-purchase { border:2px solid; border-top-color:#9DE29D; border-left-color:#269426; border-right-color:#269426; border-bottom-color:#076107; background:linear-gradient(#0AB40A,#33AA33 50%, #069406 51%, #007000); box-shadow:inset 1px 1px rgba(0,0,0,.1); color:#fff; text-shadow:1px 1px rgba(0,0,0,.7); border-radius:3px } .game-dev-store .rbx-gear-passes-purchase:hover { border-top-color:#92F192; border-left-color:#15BD15; border-right-color:#15BD15; border-bottom-color:#038303; background:linear-gradient(#00DF00,#32DB32 50%, #01C401 51%, #009C00); } .text-robux, .text-robux-tile, .item-card-label .strike-through,.text-robux-lg { background: url(http://www.roblox.com/images/Icons/img-robux.png) no-repeat 0 1px; padding: 0 0 2px 20px; color: #060; margin-bottom: 2px; font-weight: bold; font-size: 12px!important; } .text-robux-tile[ng-class="{'text-robux-tile': item.isFree}"], .text-robux.text-free { background:none; padding:0; font-size:12px; font-weight:bold } .btr-robuxToCash-tile, .btr-robuxToCash-big { color: #060; font-weight: bold; font-size: 12px; line-height:2.1 } .icon-robux-16x16, .item-card-container .icon-robux-16x16, .icon-robux-gray-16x16 { display:none } .store-card img { width:130px; height:130px } #recommended-games-container .game-carousel .grid-item-container { width:139px; margin-left:1px } /*games*/ .games-list .scroller .arrow { display:none } .games-list .scroller { background:url(https://www.roblox.com/images/arrow_36px_right.png) no-repeat 0 center; border:0; width:36px } .games-list .scroller:not(.disabled):hover { background-image:url(https://www.roblox.com/images/arrow36px_rightOn.png) } .games-list .scroller.prev { background-image:url(https://www.roblox.com/images/arrow_36px_left.png) } .games-list .scroller.prev:not(.disabled):hover { background-image:url(https://www.roblox.com/images/arrow36px_leftOn.png) } .horizontally-scrollable { height:220px; min-height:220px } .game-card-container { background:transparent } /*home*/ .home-header-container { margin:0 } .home-header { border:1px solid; margin:0; padding-bottom:10px; display:block } .home-header .avatar { margin:30px 0 0 10px; } .home-userinfo-upsell-container a{ font:400 14px arial; color:#095fb5; width:150px; text-align:center } .home-userinfo-upsell-container { left:-150px; display:block; position:relative; } .home-header-container { width:170px } #people-list-container, .home-header-container { display:inline-block } #HomeContainer #people-list-container { margin-left:10px; border:1px solid; min-width:774px; padding-left:10px; padding-right:10px } .people-list-container .container-header h3, .game-home-page-carousel-title .font-header-1 { font-family: Arial; font-weight: bold; font-size: 14px; color: #363636; padding:0 } .people-list-container .container-header h3:before { content:"My Best " } #people-list-container .container-header .btn-more, .game-home-page-container .see-all-link-icon{ float:none; font: bold 12px Arial; color: #363636; } .btr-home-showUsername .people-list-container .people-list { padding:0 } .people-list .friend { width:auto; padding-right:42px } .people-list .friend:last-child { padding-right:0 } .btr-home-showUsername .people-list-container .people-list .friend a { padding-bottom:0 } .btr-home-showUsername .people-list-container { height:190px } #HomeContainer #place-list { border:1px solid; padding:0 5px; margin-right:16px } #HomeContainer #place-list .game-carousel .grid-item-container{ margin-right:8px } /*catalog*/ .catalog-container .search-bar-placement-right .heading { font-size: 30px; float: left; color: transparent; font-weight: bold; letter-spacing: -2px; } .catalog-container .search-bar-placement-right .heading:before { content:"Catalog"; font-size:40px; color:#363636 } .search-options .search-options-header:not(.filters-header) { background: url(https://i.vgy.me/qwxkHq.png); background-position-x: 0%; background-position-y: 0%; background-position: top left; width: 136px; height: 34px; display: block; font-size: 0; } .catalog-content .search-options .category-section, .catalog-content .search-options .filters-section, .catalog-content .search-options .search-options-form { margin: 0 12px 0 0; margin:0; border:none } .search-options { width:138px; background:#efefef; border:1px solid #777 } .catalog-content .search-options .panel:hover { background:#ddd; } .catalog-content .search-options .panel { padding:0 3px } .thumbnail-2d-container img { transition:none } .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 { width:110px; height:110px } .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, .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 { width:110px; margin:0 } .item-card-container .item-card-name { font-weight: bold; width: 110px; max-height: 29px; overflow: hidden; font-size: 12px; color:#095fb5; line-height:1.2 } .item-card-container .item-card-name:hover { text-decoration:underline } .item-card-container .creator-name.text-link { color:#095fb5; font-size:11px } .item-card-price { top:-36px; position:relative } .btr-catalog .item-card-container .btr-item-card-more { max-height: 15px; width:130px; transition:none; bottom:14px; } .btr-item-card-more .item-card-label, .item-card-label span{ color: #666; font: 11px Arial,sans-serif; text-align: left; } .btr-item-card-more .item-card-label { margin-left:5px } .btr-catalog .item-card-container .btr-item-card-more .btr-updated-label { color:#000 } .item-cards-stackable .item-card-caption { min-height:8px } .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 { height:auto } .item-card-name-link { padding-bottom:10px } .item-note { padding-left:0; width:180px } .icon-limited-label { background:url(https://images.rbxcdn.com/793dc1fd7562307165231ca2b960b19a.png) 0 0 no-repeat; border-radius:0; background-position:6px -6px } .icon-limited-unique-label { background:url(https://images.rbxcdn.com/d649b9c54a08dcfa76131d123e7d8acc.png) 0 0 no-repeat; border-radius:0; background-position:6px -6px } .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-"] { border-radius:0 } .input-group #search-bar-container .input-field:not(.last-input) { padding:4px 2px 1px 5px; height:20px; border: solid 1px #A7A7A7; width: 325px; box-sizing:content-box; margin-right:5px } .search-container .input-group-btn .input-dropdown-btn,.search-container .input-group .input-group-btn:last-child .input-addon-btn { height: 23px; border: 1px solid #a7a7a7; padding: 2px 2px 0px 2px!important; margin-right: 6px; border-radius:0!important; box-sizing:content-box } .search-container .input-group .icon-search { display:none } .search-container .input-group .input-group-btn:last-child .input-addon-btn { background: url(http://www.roblox.com/images/UI/catalog/bg-27px_silver_btn.png) repeat-x; border-color:#777; font-size:12px; font-weight:bold; padding:2px 6px 0 6px!important } .search-container .input-group .input-group-btn:last-child .input-addon-btn:before { content:"Search"; display:inline } .search-container .input-group-btn .input-dropdown-btn span[class^="icon"] { background:urL(https://www.roblox.com/images/UI/Catalog/dropdown.png) no-repeat; background-position:0 0; width:18px; height:20px; margin-top:1px } .search-container .input-group-btn:hover .input-dropdown-btn span[class^="icon"] { background-position:0 -31px } .input-group-btn .input-dropdown-btn:focus, .input-group-btn .input-dropdown-btn:hover { background-color:inherit; color:inherit } .input-group-btn .dropdown-menu li a { padding:1px 2px; font-size:12px; } .input-group-btn .dropdown-menu li a:hover { background:#1E90FF; color:#fff } .catalog-container .search-container .input-group .dropdown-menu { border:1px solid; border-radius:0; box-shadow:none; right:auto; width:auto; min-width:206px } .icon-default-premium-small, .icon-premium-small { background:url(http://images.rbxcdn.com/53e3c888e8953ce69ff43e6ba12237dc.png); position:absolute; width:66px; height:19px } .item-card-container .item-card-name .icon-premium-small { margin-top:-25px } .sort-menus-original .input-group-btn .input-dropdown-btn { border-radius:0; padding:0 2px; height:20px; } .sort-menus-original .input-group-btn .input-dropdown-btn .rbx-selection-label { font-size:13px; line-height:18px } .checkbox label::before { border-radius:0 } .checkbox input[type="checkbox"]:checked + label::before { background-color:#0075FF; border-color:#0075FF } .catalog-content .search-options .price-input, .catalog-content .search-options .username-input { width:110px } .breadcrumb-container li.breadcrumb-filter { background:none!important; border-radius:0; color:#000; padding-top:4px } .breadcrumb-container li.breadcrumb-filter span { color:#000!important; font-weight: bold; font-size:12px } /*item*/ .btn-growth-lg.PurchaseButton { background:url(https://i.imgur.com/lgzLGSP.png) no-repeat; border:0; width:142px; height:34px; color:transparent; } .btn-growth-lg.PurchaseButton.disabled { background-position:0 -34px; } .btn-growth-lg.PurchaseButton:hover { background-position:0 -68px } .price-container .price-container-text { width:auto; margin-left:20px } .price-container .action-button { display:block; float:none } .price-container { width: 158px; background-color: #e1e1e1; border: 1px solid #a7a7a7; padding: 5px; color: #666; font-size: 11px; float:right } .price-container .field-label { width:auto; font-size:11px!important; color:#666 } .price-container .btr-robuxToCash-big { display:grid; margin-top:-6px } .menu-shown h2, .btr-explorer-btn-shown.btr-download-btn-shown h2 .gotham-font .h2, .gotham-font h1, .gotham-font h2 { font-size: 32px; font-weight: bold; color: #363636; } #item-container .border-bottom.item-name-container { border:none; margin-bottom:0; padding-bottom:0 } #item-container.inline-social .toggle-target { padding:0; margin:0; margin-top:1px } #item-container.inline-social .toggle-target .font-header-1 { display:none } #item-container.inline-social .toggle-target #item-details-description { font-size:12px; line-height:12px; max-width:340px } #item-container .text-label, .attribute-container { color:#888; font-size:12px; } .attribute-container { font-size:12px!Important; color:#000 } .attribute-container .attribute-icon { display:none } #item-container .field-content{ width:auto } #item-container .text-name { font-size:12px; color:#095fb5; } #item-container .field-content { font-size:12px; line-height:17px } #item-container .field-label { width:auto } #item-container .item-type-field-container .font-body { font-size:12px; display:block; margin-top:-3px; } #item-container .item-type-field-container { height:5px } #item-container .item-field-container { height:16px; } .item-card-container { background:transparent!important } [data-btr-page="itemdetails"] #recommendations-container .item-card-container .item-card-name { max-height:45px } [data-btr-page="itemdetails"] #recommendations-container .item-card-container .item-card-name .ng-binding { max-height:30px; overflow:hidden; display:block } [data-btr-page="itemdetails"] #recommendations-container .item-card:hover { padding:4px; padding-right:0; } [data-btr-page="itemdetails"] #recommendations-container .item-card:hover .item-card-container, [data-btr-page="itemdetails"] #recommendations-container .item-card:hover .item-card-container .item-card-name { width:160px; z-index:99; max-width:none } [data-btr-page="itemdetails"] #recommendations-container .item-card:hover .item-card-container { border:1px solid; background:#fff!important } .btr-switch, .btr-switch .btr-switch-flip { border-radius:0 } .btr-switch .btr-switch-flip { background:#009C00 } .text-name.item-genre { padding-left:18px } .text-name.item-genre:before { content:""; display:inline-block; background:url(https://www.roblox.com/images/GenreIcons/GenreIconsSprite.png)-48px 0; width:15px; height:16px; position:absolute; left:0 } /*profile*/ .btr-profile .btr-games-list .btr-game-desc { border: dashed 1px #555; color: #555; font: normal 1em/normal Verdana,sans-serif; max-height: 75px; line-height: 24px; margin: 5px 0 0 0; padding: 5px 10px; overflow: auto; text-align: left; font-size:12px } .btr-profile .btr-games-list .btr-game-thumb-container { border:1px solid; } .btr-profile .btr-games-list .btr-game-button { background-color: #ccc; border: solid 1px #000; cursor: pointer; font: bold 12px Verdana,sans-serif; letter-spacing:1.2px; margin: 1px 0; padding: 1px 1em; text-align: left; } .btr-profile .btr-games-list .btr-game { margin:0 } .btr-profile .btr-games-list .btr-game-button:hover { background-color: #6e99c9; color: #fff; } .btr-profile .btr-games-list .btr-game-content { padding:0 } .btr-profile .profile-container .profile-game .container-header{ height: 33px; padding: 2px 5px 0 2px; background: url(http://www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t2.png) no-repeat right top; min-height:0; margin:0 0 0 4px; width:auto; position:static; top:0 } .btr-profile .profile-container .profile-game .container-header:before { background:url(http:/www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t1.png) no-repeat; width:4px; height:33px; position:absolute; left:0px; top:0 } .btr-profile .profile-container .profile-game .container-header h3 { font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; color: transparent; padding:0 0 5px 0 } .btr-profile .profile-container .profile-game .container-header h3:before { content:"Active Places"; color:#fff } /*fartwarming*/ .profile-header .profile-avatar-image { display:none } .profile-header .header-caption .header-title, .profile-display-name, .profile-header .header-caption .header-details { display:block; width:max-content } .profile-header .header-caption { width:100%; height:auto } .profile-header .profile-header-content { width:520px; background:url(http:/www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t1.png) no-repeat;; margin:0 0 0 10px; position:absolute; padding:0 5px; height:34px } .profile-header .profile-header-content .profile-header-top { background: url(http://www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t2.png) no-repeat right top; height:34px } .profile-about .profile-about-content .profile-about-content-text, .profile-about .remove-panel .description-container .personal-field-description { font-size:11px; font-family:"Verdana"; line-height:20px; color:#000; } .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 { color:#fff } .btr-profile .container-header.people-list-header { margin:0 } .btr-profile .profile-about-content .profile-about-text { line-height:1em } .btr-profile .profile-about-content .text-link { font-size:11px } .btr-profile .btr-profile-left .btr-profile-about .container-header { height:0; min-height:0; padding:0; margin-left:0 } .btr-profile .btr-profile-left .btr-profile-about .container-header h3 { font-size:0; padding:0 0 5px 0; } .profile-header .header-caption .header-title .profile-name, .profile-header .profile-display-name { font-size:20px; font-family:"Arial"; font-weight:700; color:#fff; padding-top:2px } .profile-header .profile-display-name { font-size:13px!important; color:#000; text-align:center; font-weight:400!important; margin-top:2px; display:block; z-index:99999; border-left:1px solid; border-right:1px solid; margin-left:-5px; width:515px; line-height:normal; padding-top:0; background: url(http://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; } .profile-header .header-caption .header-title .icon-premium-medium { background:no-repeat url(https://www.roblox.com/images/icons/overlay_bcOnly.png); width:66px; height:19px; margin-left:-66px; position:absolute; left:66px; bottom:-270px; z-index:99; } .toggle-target .content-height { height:138px } .profile-about .profile-social-networks .profile-social { transform:scale(.8) } .profile-about .profile-social-networks li { margin:0 } .btr-profile .container-header { background:url(https://www.roblox.com/images/cssspecific/rbx2/tab_white_26h_t2.png) no-repeat right top; margin-bottom:0; min-height:21px; width:max-content; z-index:1; position:relative; top:1px } .btr-profile .container-header:before { background:url(https://www.roblox.com/images/cssspecific/rbx2/tab_white_26h_t1.png) no-repeat; height:29px; width:4px; display:inline-block; position:absolute; left:0; } div:not(.btr-profile-right) .container-header h3 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #000; padding:5px 5px 0 9px; font-weight:400 } .btr-profile-about.profile-about { margin-top:42px; margin-left:10px; border:1px solid #aaa; margin-right:5px; border-top:none; } .btr-profile-about > .section-content { background: url(http://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; background-position-y:-16px; margin-top:6px } .profile-about .profile-social-networks { position:absolute; z-index:99999; } .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 { white-space:initial; font-size:11px; color:#000; width:max-content; margin:0 auto; font-family:"Arial" } .profile-header .header-caption .header-details .details-info li .font-header-2 { margin-right:4px; line-height:2 } .profile-header .header-caption .header-details .details-info li a { line-height:1 } .profile-header .header-caption .header-details { position:relative; top:42px; z-index:99; display:flex; flex-direction:column; margin:0 auto; margin-top:-40px } .profile-header .header-caption .header-details .details-info li, .profile-header .header-caption .header-details .details-actions li { padding-right:0; padding-left:10px; } .profile-header .header-caption .header-details .details-actions.desktop-action { position:absolute; display:inline-block; margin-top:307px; } .profile-header .header-caption .header-details .details-actions li { float:none; display:inline-block } .btn-control-md, .btr-profile .profile-avatar-left .btr-toggle-items { font: 13px Arial,Helvetica,sans-serif; color: #000; border: 1px solid #777; border-radius:0; line-height:13px; padding:7px } .btr-profile .btr-header-status-text { font-family:Verdana; font-size:11px } .profile-stat .text-lead { font-size:11px!important } #roblox-badges-container { margin:0 4px 0 10px } #roblox-badges-container .section-content, .btr-profile-playerbadges .section-content, .btr-profile-favorites .section-content, .btr-profile .home-friends .people-list, .btr-profile-groups .section-content, .btr-profile-bottom .section-content{ border:1px solid #aaa; margin-top:0 } .btr-profile .btn-more { padding-right:16px!important } .btr-profile-playerbadges .container-header, .btr-profile-favorites .container-header { position:relative } .input-group-btn .input-dropdown-btn { border-radius:0; } .btr-profile-favorites .input-group-btn .input-dropdown-btn { padding:0 } .btr-profile .container-header .btn-more { font-size:14px!important; color:#095fb5!important; font-weight:400!important; padding:5px 0 0 0 } .friend-list .friend .friend-link, .people-list .friend .friend-link, .profile-container .asset-item .item-name, .btr-profile-favorites .game-card .game-card-name { color:#095fb5!important; font-size:12px!important } .friend-list .friend .friend-link:hover, .people-list .friend .friend-link:hover, .profile-container .asset-item .item-name:hover { text-decoration:underline } .btr-profile-favorites .card-item .btr-creator-link:any-link, .btr-profile-favorites .btr-creator-link-container span { font-size:11px } .btr-profile .input-group-btn .input-dropdown-btn .rbx-selection-label { font-size:12px; line-height:normal } .btr-profile .input-group-btn .input-dropdown-btn span[class^="icon"] { margin:0 } .btr-profile-favorites .input-group-btn { margin-top:7px; width:90px; margin-right:20px } .btr-profile-playerbadges h3, .btr-profile-groups h3 { margin-right:16px } .profile-container .asset-item span[title^='Veteran'] { background:no-repeat url("http://www.roblox.com/images/Badges/Veteran-75x75.png?v=2"); } .profile-container .asset-item span[title^='Warr'] { background:no-repeat url("http://images.rbxcdn.com/14652f1598ba5520515965b4038214c0.png"); } .profile-container .asset-item span[title^='Combat'] { background:no-repeat url("http://images.rbxcdn.com/d111059fca163b9824716cff2fe4aec5.png"); } .profile-container .asset-item span[title^='Bloxxer'] { background:no-repeat url("http://images.rbxcdn.com/4cb4d69560f1f3478c314b24a52d2644.png"); } .profile-container .asset-item span[title^='Inviter'] { background:no-repeat url("http://images.rbxcdn.com/156b077267b7848d38df4471e2a2c540.png"); } .profile-container .asset-item span[title^='Administrator'] { background:no-repeat url("http://images.rbxcdn.com/ae42d1c6cd258306303423a69b1ed7bf.png"); } .profile-container .asset-item span[title^='Friendship'] { background:no-repeat url("http://images.rbxcdn.com/46c15f2030a8c68ab1ff4329765e515a.png"); } .profile-container .asset-item span[title^='Homestead'] { background:no-repeat url("http://images.rbxcdn.com/26bdc9274d6c2520b3d72ebaa71e50f7.png"); } .profile-container .asset-item span[title^='Bricksmith'] { background:no-repeat url("http://images.rbxcdn.com/4e483c695695b47c92591825929d1059.png") 8px 0; background-size:54px 75px } .profile-container .asset-item span[title^='Welcome To'] { background:no-repeat url("http://images.rbxcdn.com/049d72ade1586da1cfe2e48618cc3959.png"); } /*TBC:http://images.rbxcdn.com/709c584f36286157c955ffcbb8dbfe36.png OBC:http://images.rbxcdn.com/50e4f48e4007754b55c82fc3d50c9c12.png */ .profile-container .asset-item span[title^='Official'] { background:no-repeat url("http://images.rbxcdn.com/ca460efad9ffdbce1f982672d0bf5e2a.png"); } .profile-container .asset-item span[title] { width:75px; height:125px; border:0} .btr-profile #roblox-badges-container .badge-list > .list-item .asset-thumb-container { transform:none } /*inventory*/ #inventory-container .item-card-thumb-container > span[class^="icon-"] { bottom:0; left:-5px } .menu-vertical .menu-option-content { border: solid 1px #777; margin: 15px; padding: 3px 10px; } .menu-vertical .menu-option { box-shadow:none!important; background:transparent!important } .menu-vertical .menu-option.active .menu-option-content { background:#6e99c9; color:#fff; } .menu-vertical .menu-option:focus .menu-option-content, .menu-vertical .menu-option:hover .menu-option-content { border-color:#000 } .menu-vertical .menu-option-content .menu-text { font: normal 14px Verdana,sans-serif; } #inventory-container .thumbnail-2d-container { border:1px solid #000 } #inventory-container .item-card-container .item-card-name { margin-bottom: 13px; max-height: 45px; height: auto; } #inventory-container .item-card-creator, .item-card-label, .item-card-name, .item-card-price { padding-left:0 } #inventory-container .item-cards-embed .item-card { height:204px } #inventory-container .item-card-label span { color:#000; font-size:0; } #inventory-container .item-card-label span:before { content:"Creator:"; font-size:11px } .asset-thumb-container { border-radius:0!important; border-color:#000 } /*friends*/ .content #friends-container .nav-tabs { margin-bottom:0 } .content #friends-container .rbx-tab { min-width:0; float:left; margin-bottom:-2px } #friends-container .rbx-tabs-horizontal .nav { z-index:999999; position:relative; top:2px; background:transparent } #friends-container .rbx-scrollable-tabs-horizontal .rbx-tab .rbx-tab-heading { padding:6px 16px 0 8px; } #friends-container .rbx-scrollable-tabs-horizontal .rbx-tab .rbx-tab-heading.active { background-position-y:-31px } #friends-container .rbx-scrollable-tabs-horizontal .rbx-tab .rbx-tab-heading.active:before { content:""; background: url(https://www.roblox.com/images/cssspecific/rbx2/tab_white_31h_t1.png) no-repeat left top; width: 4px !important; display:inline-block; position:absolute; height:29px; top:0; left:-4px; background-position-y:-62px } .btn-cta-md { background:url(https://www.roblox.com/images/btn_green_30h_t2.png) top right transparent no-repeat; border:0; position:relative; height:30px; font: bold 14px Arial,Helvetica,Sans-Serif; line-height:1 } .btn-cta-md:hover { background-color:transparent; background-position-y:-30px } .btn-cta-md:before { content:""; background:url(https://www.roblox.com/images/btn_green_30h_t1.png); width:4px; height:30px; position:absolute; left:-0px; top:0px } .btn-cta-md:hover:before { background-position-y:-30px } .friends-content .ignore-friend { background:url(https://www.roblox.com/images/btn_red_30h_t2.png) top right transparent no-repeat; border:0; position:relative; height:30px; color:#fff; font: bold 14px Arial,Helvetica,Sans-Serif; line-height:1 } .friends-content .ignore-friend:hover { background-color:transparent; background-position-y:-30px } .friends-content .ignore-friend:before { content:""; background:url(https://www.roblox.com/images/btn_red_30h_t1.png); width:4px; height:30px; position:absolute; left:-0px; top:0px } .friends-content .ignore-friend:hover:before { background-position-y:-30px } .friends-content.section .avatar-card-container .avatar-card-content { display:block; width:max-content; margin:0 auto } .friends-content.section .avatar-card-container .avatar-card-content .avatar-card-caption { padding:0; display:block; width:100% } .friends-content.section .avatar-card-container .avatar-card-content .avatar-card-fullbody { margin:0 auto; } .friends-content.section .avatar-card-container { width:max-content; min-width:120px } .friends-content.section span { border:0 } .friends-content .accept-friend, .friends-content .ignore-friend { width:95px } .friends-content.section .avatar-card-btns { width:max-content } .friends-content .avatar-name { font-size:13px } .friends-content .avatar-card-label { font-size:11px } .friends-content .avatar-cards .avatar-card { width:auto; } .avatar-card-container .avatar-card-content .avatar-card-caption .avatar-name { color:#095fb5; text-align:center } .avatar-card-container .avatar-card-content .avatar-card-caption .avatar-card-label, .avatar-card-container .avatar-card-content .avatar-card-caption .avatar-status-link { padding:0; text-align:center } .friends-content .avatar-card-label { font-size:10px!important } /*message*/ .roblox-messages-container.rbx-tabs-horizontal .nav-tabs { max-height:31px; margin:0 } .messages-container .rbx-tab { min-width:0; float:left } .roblox-messages-container .rbx-tab .rbx-tab-heading { padding:6px 16px 0 8px; } .roblox-messages-container .rbx-tab-content.tab-active { border:0; } .roblox-messages-container.rbx-tabs-horizontal .nav-tabs { z-index:999999; position:relative; top:2px; background:transparent } /*avatar*/ .avatar-editor-header { display:none } #bodyColors .color-dot.ng-scope { border-radius:0; margin:1px; height:30px; width:30px } #bodyColors .advanced-link { font-size:60px; height:auto; width:max-content; margin-top:10px; margin-left:100px } #avatar-container .rbx-tabs-horizontal .rbx-tab-heading { border:none!important; background:none; padding:0 9px 0 0!important; margin-left:0!important } .six-tab.active span { font-weight:bold!important } [data-internal-page-name="Avatar"] .content.six-column { width:912px; padding:12px 10px 0 10px } [data-internal-page-name="Avatar"] .section-content.remove-panel,[data-internal-page-name="Avatar"] .thumbnail-2d-container { border:0; background:0 } [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column * { max-width:600px!important; margin:0 auto; } [data-internal-page-name="Avatar"] .right-wrapper-placeholder { max-width:600px; border-bottom:1px solid } .avatar-back { background:0; border:1px solid } [data-internal-page-name="Avatar"] .right-panel.six-column { border:1px solid } .modal-backdrop.in { display:none } [data-internal-page-name="Avatar"] .modal-dialog .modal-content .modal-header { display:none } [data-internal-page-name="Avatar"] .modal-dialog .modal-content .modal-body { padding-right:5px } .color-dot, .color-dot.active::after { border-radius:0; box-shadow:none!important } [data-internal-page-name="Avatar"] .tab-horizontal-submenu { padding:0 } [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column * { font-size:12px } .light-theme #wrap.pinned .right-wrapper::before { content:none } #wrap.pinned .right-wrapper { position:static } .color-dot.active::after { top:-1px; left:-1px } #advanced-body-colors .bodycolors-list-sm .color-dot { margin:0px 2px; width:30px; height:30px; box-shadow:1px 1px rgba(0,0,0,.5)!important } #advanced-body-colors .bodycolors-list-sm { margin-right:0; width:340px } #advanced-body-colors .radio { margin:0; padding:0 } #advanced-body-colors .radio:not(:nth-child(1)) { box-shadow:1px 1px rgba(0,0,0.5) } #advanced-body-colors .radio:not(:nth-child(1)):focus-within { box-shadow: 2px 2px rgba(0,0,0.5) } #advanced-body-colors .radio:nth-child(1) { padding-left:15px } #advanced-body-colors .radio label { width:100%; height:100% } #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 { background:none; border:none; color: transparent; } #advanced-body-colors .radio:focus { border:1px solid } #advanced-body-colors .radio:nth-child(2) { background:yellow; width:50px; height:50px; color:transparent; margin-left:80px; } #advanced-body-colors .radio:nth-child(3) { background:blue; width:100px; height:100px; margin-left:55px; margin-top:10px } #advanced-body-colors .radio:nth-child(4) { position:absolute; width:45px; height:100px; background:yellow; margin-top:-100px; margin-left:0px } #advanced-body-colors .radio:nth-child(5) { position:absolute; width:45px; height:100px; background:yellow; margin-top:-100px; margin-left:165px } #advanced-body-colors .radio:nth-child(6) { position:absolute; width:45px; height:100px; background:green; margin-top:10px; margin-left:55px } #advanced-body-colors .radio:nth-child(7) { position:absolute; width:45px; height:100px; background:green; margin-top:10px; margin-left:110px } #advanced-body-colors { position:absolute; margin-left:46px; border:1px solid; border-top:0; margin-top:-260px } .modal-content { border:none } .tab-horizontal-submenu .submenu-row .text-label, [data-internal-page-name="Avatar"] .right-wrapper-placeholder-six-column .tab-horizontal-submenu * { min-width:0!important; padding-top:1px; padding-bottom:1px; color:#095fb5; font-family:arial; border:0; font-size:12px!important;; font-weight:bold } .tab-horizontal-submenu .submenu-row { display:block; padding-top:0; padding-left:5px; } .tab-horizontal-submenu .submenu-row::after, .tab-horizontal-submenu .submenu-row::before { content:none!important } .tab-horizontal-submenu.six-column { padding:0 3px; background:none; box-shadow:none; border:none; margin:0 auto; width:max-content; position:relative; top:-10px } [data-internal-page-name="Avatar"] #horizontal-tabs { background:none; width:max-content; margin:0 auto } [data-internal-page-name="Avatar"] .breadcrumb-container{ display:none } [data-internal-page-name="Avatar"] .items-list .item-card .item-card-thumb-container { width:85px; height:85px } .item-card-container .item-card-equipped { background:none; width:85px; height:85px; border-radius:0; border:none } .item-card-container .item-card-equipped .item-card-equipped-label { background:none; height:0!Important; min-height:0; margin:0; width:auto; margin-top:-8px; border:0 } .item-card-container .item-card-equipped .item-card-equipped-label:before { content:"[ Remove ]"; font-size:8px; color:#095fb5; border:1px solid #000; background:#fefefe; } .light-theme .item-card-container .item-card-thumb-container { border:1px solid } .items-list .item-card .item-card-caption { padding:0; width:90px } [data-internal-page-name="Avatar"] .item-card-container .item-card-name { font-size:9px; } .items-list .item-card .item-card-caption { line-height:1 } [data-internal-page-name="Avatar"] .items-list.avatar-item-list .item-card { height:auto } [data-internal-page-name="Avatar"] .btn-secondary-xs:link { margin-right:5px } .light-theme .pill-toggle input:checked + label, .btr-switch .btr-switch-flip { background:#6e99c9; border-radius:0 } .light-theme .pill-toggle, .btr-switch.btr-playertype-switch { border-radius:0; background:#fff; border:1px solid; padding:0; } .pill-toggle label { height:100% } [data-internal-page-name="Avatar"] .item-card-thumb-container { height:105px; width:105px } [data-internal-page-name="Avatar"] .hlist .list-item .item-card-link { display:grid } .item-card-creator.recommended-creator > span { font-size:0 } [data-internal-page-name="Avatar"] .item-card-container { max-width:105px; } [data-internal-page-name="Avatar"] .item-card { height:auto } input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track { border-radius:0!important } input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb { border-radius:0!important; box-shadow:none!Important; border:1px solid!important; width:16px } .avatar-thumbnail .toggle-three-dee { min-height:0 } input[type=range]::-webkit-slider-progress, input[type=range]::-moz-range-progress { background:#6e99c9!important; border-radius:0!important } input[type=range][disabled="disabled"]::-webkit-slider-progress, input[type=range][disabled="disabled"]::-moz-range-progress { background:#ccc!Important } [data-internal-page-name="Avatar"] .rbx-tab-heading, [data-internal-page-name="Avatar"] .rbx-tab{ background:none!important; padding:0; border:none; } [data-internal-page-name="Avatar"] .rbx-tab-content{ background:none; border:0 } #avatar-container .rbx-tabs-horizontal .rbx-tab-heading span { color:#095fb5; font-size:12px!important; height:12px!Important; line-height:1!important; vertical-align:top; margin-top:2px } #avatar-container .rbx-tabs-horizontal .six-tab:not(:last-child) .rbx-tab-heading span:after { content:" |"; padding-left:6px; } #avatar-container .rbx-tabs-horizontal .rbx-tab-heading .icon-down { display:none } .right-panel.six-column { width:600px } .submenu-row[ng-repeat="row in tabWithOpenMenu.categoryRows"] { width:300px; padding-left:35px } .submenu-row[ng-repeat="row in tabWithOpenMenu.categoryRows"] li { margin-right:0!important } /*groups*/ group-wall .text-date-hint { font-size:9px!important; } .group-details .group-wall .comment .list-body { margin:0 } .group-details .group-wall .comment .list-header { margin:8px 8px 8px 10px } .group-details .group-wall .comment .list-body .list-content { font-weight:bold; font-style:italic; font-size:12px; color:#000; padding:0; margin:0 } .group-details .group-wall .comment { border:0 } .group-details .group-wall .comment:nth-child(odd) { background:#eee; } .group-details .group-wall-no-margin { padding:10px } .group-details .container-header { min-height:22px; } .btr-redesign group-members-list .input-group-btn > button .btr-role-member-count { font-size:11px; } group-members-list .input-group-btn .input-dropdown-btn { padding:0 } .btr-redesign .btr-group-about { background: url(https://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; } .group-details .group-header .group-caption .group-name { font-size: 20px; font-weight: bold; color: #000; padding-left:10px; } group-wall h3 { font-size:20px!Important; font-weight:bold!important } .group-details .group-header .group-image { margin-top:36px; margin-left:12px; margin-bottom:0px } group-description { margin-top:34px; overflow-y:clip!important; text-overflow:clip } .group-owner { margin-top:140px; margin-left:12px; max-width:140px; z-index:999999; position:relative } .group-details .group-header .group-caption .group-info { max-width:140px; top:155px; } .group-title { height:30px } .group-header { width:150px } .group-details .group-header .group-caption { width:100%; position:absolute; height:auto } .group-games, .group-affiliates { top:1px; position:relative } group-store-item .item-card { height:auto!Important } group-store-item .item-card-container { width:100px } .group-details .group-members-list { padding-top:0 } .group-games ul{ margin-top:5px } .group-details .item-card-thumb-container { width:100px; height:100px } .group-details .item-cards-stackable .item-cardr { width:auto } .group-details .rbx-tabs-horizontal .nav-tabs { padding-left:0 } group-store .tab-content { margin-top:0px!important } #group-shout .container-header { display:none } .group-details .group-header .group-caption .group-info { min-height:0; display:block } .group-details .group-header .group-caption .group-stats { flex-direction:column; margin-left:12px } .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 { font-size:10px } .group-details .group-header .group-caption .group-info .group-stats li span { order:2; margin-left:4px; } .group-details .group-header .group-caption .group-info .group-stats li { height:16px } .btr-redesign .btr-shout-container .shout-container { padding:0; width:max-content; max-width:400px; margin:0 auto } .group-details .group-shout .shout-container .avatar-headshot, group-description .container-header { display:none } .group-details .group-shout .shout-container .group-shout { padding:0; display:flex; flex-wrap:wrap; flex-direction:column } .group-shout-name { font-size:11px; height:18px; order:1; margin-top:-5px; margin-left:25px } .group-shout-name a { font-size:11px!important } .group-details .group-shout .shout-container .group-shout .group-shout-body { font-size:11px; color:black; background:#FEF1B5; border:1px solid #CD950C; padding:4px 3px } .group-details .group-shout .shout-container .group-shout .group-shout-body:before { content:""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 0px solid transparent; border-top: 17px solid #CD950C; position:absolute; bottom:10px; left:4px } .group-details .group-shout .shout-container .group-shout .group-shout-body:after { content:""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 0px solid transparent; border-top: 15px solid #FEF1B5; position:absolute; bottom:12px; left:5px } .group-details .group-shout .shout-container .group-shout .group-shout-info { margin:0; order:2; margin-left:26px; } .group-details .group-shout .shout-container .group-shout .group-shout-info .shout-date { font-size:9px!Important; color:#808080 } .group-details .rbx-tabs-horizontal, .btr-group-about { margin:0 } .btr-group-about { padding:0; margin:0!important; border:1px solid #aaa; border-bottom:0; display:flex } #group-shout { border:1px solid #aaa; border-top:0; padding-bottom:5px; margin-bottom:10px } .group-details .group-description .group-description-text .group-description-content-text { color:#000; font-size:11px; line-height:1 } .group-details .group-description .group-description-text { line-height:11px; overflow:hidden } .toggle-content.text-link[data-container-id="group-description-text"] { display:none } .group-details .toggle-target .content-height { height:100% } groups-list-item .menu-option-content { width:auto!important } .group-membership { margin-top:-56px; float:right; margin-right:20px; z-index:999 } group-store .container-header, group-games .container-header, group-affiliates .container-header{ display:none!important } group-members-list .container-header h3 { display:none } .group-details .container-header.group-members-list-container-header .pager-holder .pager { margin-top:-12px } .btr-redesign group-members-list .input-group-btn > button .rbx-selection-label { font-size:12px } [data-internal-page-name="GroupDetails"] .content { width:900px } .group-details .container-header.group-members-list-container-header .group-dropdown { top:2px } .group-details .group-members-list .member { width:auto } .group-details .avatar-container { width:71px; } .group-details .avatar-container .hlist { margin-left:3px } .group-details .group-members-list .member .avatar-container span[thumbnail-type], .group-details .avatar-card-fullbody { width:64px; height:64px } .group-details .group-members-list .member .member-name { color:#095fb5; font-size:11px; height:16px; margin-top:0 } .group-details .group-members-list .thumbnail-2d-container { background:#fff; border:0 } .rbx-scrollbar:not(.mCS_no_scrollbar) .mCSB_inside > .mCSB_container { margin-right:0 } .gotham-font h1 { font-size:24px; padding:0 } group-wall .section { border:1px solid #aaa; background: url(https://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x #fff; } .comment.list-item .text-name { font-size:12px; line-height:1.4 } #group-join-button { width:150px; height:50px; background:url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png) repeat-x!important; left:150px; position:absolute; color:#fff } .groups-list .create-group-button { background:url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png) repeat-x; color:#fff!important } group-members-list .pager-next, group-members-list .pager-prev { transform:scale(.5) } .groups-list .group-cards .list-item .group-card { padding:3px; margin:5px 0 } .groups-list .group-cards .list-item { height:46px } /*feed*/ /*feed*/ #feed-container .list-body{ font-size:11px } #feed-container .list-body .list-content a { font-size:12px; margin:0; padding:0; height:20px; line-height:1 } #feed-container .list-body .list-content { margin:0; padding:0; line-height:1 } .vlist.feeds .text-name { font-size:11px } #feed-container .list-body span { font-size:8px } #feed-container .list-item{ margin:0 } #feed-container .list-header { margin-right:8px } .feedtext.linkify { font-size:12px; font-style:italic; font-weight:bold; color:#000; font-family:Verdana }`)