☰

ROBLOX 2012 header

Replaces ROBLOX header with the 2012 styled one, with more of the site in the future | REQUIRED: BTRoblox EXTENSION!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Pada tanggal 18 Desember 2021. Lihat %(latest_version_link).

// ==UserScript==
// @name         ROBLOX 2012 header
// @namespace    https://greasyfork.org/en/users/759797-lego-savant
// @version      0.1
// @description  Replaces ROBLOX header with the 2012 styled one, with more of the site in the future | REQUIRED: BTRoblox EXTENSION!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// @author       legosavant
// @match        *://*.roblox.com/*
// @icon         https://www.google.com/s2/favicons?domain=roblox.com
// @grant        none
// @license      GPLv3
// ==/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 {
    font-family:Arial
}
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
}
/*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
}
/*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
}`)