Greasy Fork is available in English.
Roblox header from 2012-2013
/* ==UserStyle==
@name roblox 2012 and 2013 header
@namespace legosavant
@version 3.0.1
@description Roblox header from 2012-2013
@author legosavant
@license GPLv3
@preprocessor stylus
@var checkbox arial "Use Arial Font" 0
@var checkbox fullscreen "Use fullscreen header" 0
@var checkbox tix "Tix Icon" 0
@var checkbox early "Early 2012" 0
@var checkbox string "Custom Tab Text" 1
==/UserStyle== */
@-moz-document domain("www.roblox.com"),domain("web.roblox.com") {
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/fonts/source-sans-pro-v9-latin-300.woff2") format("woff2"), url("/fonts/source-sans-pro-v9-latin-300.woff") format("woff"), url("/fonts/source-sans-pro-v9-latin-300.svg#SourceSansPro") format("svg");
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("/fonts/source-sans-pro-v9-latin-regular.woff2") format("woff2"), url("/fonts/source-sans-pro-v9-latin-regular.woff") format("woff"), url("/fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro") format("svg");
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url("/fonts/source-sans-pro-v9-latin-600.woff2") format("woff2"), url("/fonts/source-sans-pro-v9-latin-600.woff") format("woff"), url("/fonts/source-sans-pro-v9-latin-600.svg#SourceSansPro") format("svg");
}
.gotham-font #navigation-container, .gotham-font #navigation-container div{
font:400 14px 'Source Sans Pro',Arial,Helvetica,sans-serif;
line-height:1.428;
if arial {
font:400 12px 'arial'
}
}
body.btr-no-hamburger .container-main, body.btr-no-hamburger .nav-container .nav-content {
margin-left:0;
margin-top:60px
}
.rplus-icon {
display:none!important
}
/************MAIN NAV**************/
/*bg*/
.gotham-font .rbx-header {
background: url(/images/RevisedHeader/bg-rbx_header.png) repeat-x;
height: 36px;
background-color: #114081;
position: fixed;
width: 100%;
z-index: 10001;
top: 0;
border:0
}
.gotham-font.dark-theme .rbx-header {
background:#333 url(http://www.roblox.com/images/RevisedHeader/bg-obc_header.png) repeat-x
}
.rbx-header .container-fluid {
max-width:970px;
if fullscreen {
max-width:100%
}
}
/*logo*/
.rbx-nav-collapse, .icon-logo-r {
display:none
}
.btr-no-hamburger #header .rbx-navbar-header {
padding:0;
width:auto;
height:auto
}
.rbx-header .navbar-brand {
padding:0;
margin:0;
height:auto
}
.gotham-font .icon-logo {
background: url(/images/RevisedHeader/btn-rbx_logo.png) no-repeat top;
display: inline-block;
width: 116px;
height: 35px;
margin-right: 4px;
}
.gotham-font.dark-theme .icon-logo {
background:url(https://www.roblox.com/images/RevisedHeader/btn-obc_logo.png) no-repeat top;
}
.gotham-font .icon-logo:hover {
background-position-y:bottom
}
/*links*/
.rbx-header .rbx-navbar {
margin:0
}
.col-lg-4 {
width:auto
}
#rbx-body .rbx-header li > .text-header{
font-size:15px;
color:#fff;
font-weight:600;
padding:7px 8px 0 8px;
height:28px;
box-sizing:content-box;
width:auto;
line-height:20px;
if arial {
font-weight:700;
font-family:arial;
font-size:13px;
line-height:21px
}
}
/*search*/
.rbx-header .navbar-search .clear-search {
top:1px;
right:14px
}
.col-lg-3.navbar-search {
width:max-content;
}
.gotham-font .rbx-header .navbar-search .input-group {
color:rgb(136, 136, 136);
padding:1px 7px;
border:1px solid #bbb;
height:20px;
background:#fff;
box-sizing:content-box;
}
.dark-theme.gotham-font .rbx-header .navbar-search .input-group {
color:#fff;
background:#000;
border-color:#555
}
#rbx-body .rbx-header .navbar-search .input-field,#rbx-body .rbx-header .navbar-search .input-field::placeholder, #rbx-body .rbx-header .navbar-search {
border:0;
border-radius:0;
height:auto;
background:transparent;
color:#777;
padding:0;
font:400 13px 'arial';
line-height:20px
}
#rbx-body .rbx-header .navbar-search {
margin-left:5px;
if fullscreen {
min-width:400px
}
}
#rbx-body .rbx-header .input-addon-btn {
left:auto;
background: url(/images/searchIcon.png) no-repeat;
cursor: pointer;
width: 16px;
height: 18px;
position: absolute;
top: 2px;
right: 4px;
}
.dark-theme#rbx-body .rbx-header .input-addon-btn {
filter:invert(1)
}
#rbx-body .input-group .input-group-btn .input-addon-btn span {
opacity:0
}
/*age*/
.age-bracket-label-username {
font:400 12px 'source sans pro';
color:#fff;
text-decoration:none;
line-height:18px;
margin-left:5px;
margin-right:0!important;
if arial {
font-family:'arial';
font-size:11px!important;
}
}
.rbx-header .rbx-navbar-icon-group .age-bracket-label {
padding:0 5px;
height:36px;
margin:0;
display:flex;
padding-top:1px
}
.rbx-header .rbx-navbar-icon-group .age-bracket-label .dynamic-overflow-container {
height:35px;
order:2;
}
.age-bracket-label .dynamic-overflow-container .avatar-headshot-xs {
display:none
}
.xsmall.age-bracket-label-age, .xsmall.age-bracket-label-age:hover {
background:rgba(0,0,0,.6);
border-radius:3px;
color:#fff;
line-height:8px;
padding:1px;
font-family:"MS PGothic";
font-size:11px;
padding-bottom:0;
padding-top:3px;
cursor:pointer;
}
/*notification*/
#rbx-body .notification-red, #rbx-body #header .btr-nav-notif, #rbx-body .notification, .light-theme .notification-blue {
border-radius:3px;
border:1px solid #000;
background:#fff;
font:bold 10px Arial,Helvetica,sans-serif;
padding:0 1.5px;
top:12px;
color:#000;
height:11px;
line-height:10px;
box-sizing:border-box;
right:0;
left:auto;
if arial {
padding:0 2px
}
}
#rbx-body #left-navigation-container .notification-blue {
color:#fff;
background:transparent
}
/*buttons*/
#rbx-body.gotham-font .notification-stream-indicator {
line-height:1
}
#nav-ns-icon, #btr-navbar-messages > a, #btr-navbar-friends > a {
display:block;
padding:7px 7px 9px 7px;
background:none;
border-radius:0
}
#rbx-body .btn-uiblox-common-common-notification-bell-md, #rbx-body .btn-navigation-nav-robux-md, #rbx-body .btn-navigation-nav-settings-md {
padding:0;
border-radius:0
}
#rbx-body .btn-navigation-nav-robux-md:hover, #rbx-body #nav-ns-icon:hover, #rbx-body #btr-navbar-messages > a:hover, #rbx-body #btr-navbar-friends > a:hover, #rbx-body .btn-navigation-nav-settings-md:hover, .rbx-header .rbx-navbar-icon-group .age-bracket-label:hover, #rbx-body .rbx-header .rbx-navbar li:hover {
background: url(/images/RevisedHeader/bg-main_menu_hover.png) repeat-x;
border:none
}
.gotham-font .icon-nav-friend-btr,.gotham-font .icon-nav-message-btr, .gotham-font #common-notification-bell.icon-common-notification-bell, #nav-robux-icon .icon-robux-28x28 {
height:20px;
width:20px;
background: url(/images/RevisedHeader/bg-icon_sprites.png);
background-position: top;
filter:none;
}
.gotham-font a:hover .icon-nav-message-btr {
background-position-y:-20px
}
.gotham-font .icon-nav-friend-btr {
background-position-y:-40px
}
.gotham-font a:hover .icon-nav-friend-btr {
background-position-y:-60px
}
.gotham-font #nav-robux-icon .icon-robux-28x28 {
background-position-y:-80px;
if tix {
background-position-y:-120px
}
}
.gotham-font button:hover #nav-robux-icon .icon-robux-28x28 {
background-position-y:-100px;
if tix {
background-position-y:-140px
}
}
.gotham-font #common-notification-bell.icon-common-notification-bell {
background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAdCAYAAAC0T3x2AAAABHNCSVQICAgIfAhkiAAAAKNJREFUSIljYBgFo4BM0MLAwPAZSpMEGElU/59cvUxEqrNhYGBYjSa2GipOFcDCwMAwlQHiE1x4KlQdRYCQJTA8jRJLbIi0BIbJDsbVJFqEHodEgxckWvQCn2H4kuh/PHIkm0ds8qYYjFo0dC2SItM8kvSpMjAw7GYgLQ/B8G6ofgyALd2Tk3+IMXfwgV0MqMG0h1YWyUEN/wml5Whl0SgYGAAAs3VTrB0ZmIoAAAAASUVORK5CYII=') -3px -4px;
opacity: .4;
width: 20px;
height: 28px;
filter: invert(1);
}
#nav-ns-icon {
padding-bottom:1px
}
.gotham-font button:hover #common-notification-bell.icon-common-notification-bell {
opacity:.7
}
/*popovers*/
#rbx-body .btn-navigation-nav-robux-md[aria-describedby="buy-robux-popover"] {
border:1px solid #777;
background:#EFEFEF;
padding:0 4px;
border-bottom-color:transparent
}
#rbx-body .btn-navigation-nav-settings-md[aria-describedby="settings-popover"] {
border:1px solid #777;
background:#EFEFEF;
padding:0 6px;
border-bottom-color:transparent
}
#rbx-body [aria-describedby="notification-stream-popover"] #nav-ns-icon {
border:1px solid #777;
background:#EFEFEF;
padding:6px 6px 0 6px;
border-bottom-color:transparent
}
.dark-theme#rbx-body .btn-navigation-nav-settings-md[aria-describedby="settings-popover"], .dark-theme#rbx-body [aria-describedby="notification-stream-popover"] #nav-ns-icon, .dark-theme#rbx-body .btn-navigation-nav-robux-md[aria-describedby="buy-robux-popover"] {
background:#333;
border-color:#555;
border-bottom-color:transparent
}
.light-theme.gotham-font [aria-describedby="notification-stream-popover"] #common-notification-bell.icon-common-notification-bell {
filter:invert(0)
}
.rbx-header .arrow {
display:none
}
.rbx-header .rbx-navbar-icon-group>li .popover.bottom {
left:auto!important;
z-index:-1
}
.rbx-header .rbx-navbar-right .popover-content {
right:auto;
top:35px;
if fullscreen {
right:19px
}
}
.rbx-header .dropdown-menu {
border-radius:0;
box-shadow:none;
border:1px solid #777;
background:#efefef;
font:400 13px 'source sans pro';
}
.dark-theme .rbx-header .dropdown-menu {
background:#333;
border-color:#555
}
.gotham-font .rbx-header .rbx-navbar-icon-group li .dropdown-menu a, #header .new-dropdown-menu .btr-fastsearch-anchor, .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor {
padding:2px 10px 2px 6px;
height:auto
}
.rbx-header .dropdown-menu li{
padding:0
}
.light-theme #settings-popover-menu li a, .light-theme #buy-robux-popover-menu li a {
color:#000
}
.light-theme .rbx-header .rbx-navbar-icon-group>li>button[aria-describedby="buy-robux-popover"] span[class^=rbx-text] {
color:#666!important
}
.light-theme .rbx-header .rbx-navbar-icon-group>li>button[aria-describedby="buy-robux-popover"] .icon-robux-28x28 {
filter:invert(1)!important
}
#buy-robux-popover .dropdown-menu {
left:11px
}
/*notification popup*/
#rbx-body .notification-stream-container .notification-content-view {
box-shadow:none;
border:1px solid #777
}
#accept-fr-btn {
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;
border-radius:5px 0 0 0;
padding:0 8px;
color:#fff
}
#ignore-fr-btn {
background: url(http://www.roblox.com/images/btn_red_30h_t2.png) no-repeat top right;
border: 0;
position: relative;
height: 30px;
font: bold 14px Arial,Helvetica,Sans-Serif;
border-radius:5px 0 0 0;
color:#fff;
padding:0 8px
}
#ignore-fr-btn:hover, #accept-fr-btn:hover {
background-position-y:bottom
}
#notification-stream-scrollbar .avatar .avatar-card-image {
border-radius:0
}
.gotham-font .notification-item-content .text {
font-family:"arial"
}
/*search suggestions*/
.btr-fastsearch-thumbnail-container {
border-radius:0
}
.gotham-font .rbx-header .navbar-search .new-dropdown-menu {
margin-top:-1px;
box-shadow:none;
background:#efefef;
width:100%;
left:0
}
.dark-theme.gotham-font .rbx-header .navbar-search .new-dropdown-menu {
background:#333;
border-color:#555
}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-icon {
display:none
}
.gotham-font #navigation-container .btr-fastsearch-text div{
font-size:13px
}
.btr-fastsearch-avatar{
height:24px;
width:24px
}
.gotham-font #navigation-container .btr-fastsearch-text div.text-label {
font-size:11px;
line-height:11px
}
.btr-fastsearch-follow.btn-primary-xs {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAmCAYAAACbBvanAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU5MDYyOUI4MTc1MTFERjlCRjVDMkUzMzQxRDcyNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU5MDYyOUM4MTc1MTFERjlCRjVDMkUzMzQxRDcyNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkI0RDJDMjgxNjgxMURGOUJGNUMyRTMzNDFENzI0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRTkwNjI5QTgxNzUxMURGOUJGNUMyRTMzNDFENzI0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjXVPlUAAAs4SURBVHja5FkNUJTH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")!important;
height:19px;
width:65px;
color:transparent;
border-radius:0;
padding:0
}
.btr-fastsearch-follow.btn-primary-xs:hover {
color:transparent;
background-position-y:bottom
}
/*robux count*/
.rbx-header .rbx-navbar-icon-group>li>button span[class^=rbx-text] {
margin:0 0 0 3px;
font:400 11px 'source sans pro';
color:#fff!important;
if arial {
font:400 12px 'arial'
}
}
#rbx-body #navbar-robux:before, #rbx-body #navbar-robux:after {
content:"";
min-height:25px;
border-left:1px solid #7394c1;
margin:0 5px;
display:inline-block;
margin-top:5px
}
.dark-theme#rbx-body #navbar-robux:before, .dark-theme#rbx-body #navbar-robux:after {
border-color:#777
}
.rbx-header .rbx-navbar-icon-group>li>button>.rbx-menu-item {
float:none
}
/*setting*/
.gotham-font .btn-navigation-nav-settings-md span.icon-nav-settings {
width:20px!important;
height:20px!important;
background: url(/images/RevisedHeader/bg-icon_sprites.png) 0 -160px!important;
}
.light-theme.gotham-font .btn-navigation-nav-settings-md[aria-describedby="settings-popover"] span.icon-nav-settings {
background-position-y:-180px!important
}
.rbx-header .rbx-navbar-icon-group > li, #rbx-body .btn-navigation-nav-robux-md, #rbx-body .btn-navigation-nav-settings-md {
height:36px;
padding:0;
margin:0!important
}
#rbx-body .btn-navigation-nav-robux-md {
padding:0 5px;
vertical-align:top
}
#rbx-body .btn-navigation-nav-settings-md {
padding:0 7px
}
.light-theme .btn-navigation-nav-settings-md:active {
background:none
}
/******************SECONDARY NAV**************/
.gotham-font .rbx-left-col {
width:100%;
box-shadow:none;
background:none;
top:35px;
height:auto;
overflow:visible
}
.rbx-left-col > ul, .rbx-left-col .simplebar-track, .rbx-left-col .simplebar-height-auto-observer-wrapper, .rbx-left-col li span[class^=icon] {
display:none
}
.gotham-font .rbx-left-col .rbx-scrollbar {
height:25px;
width:100%;
background:#191919;
overflow:visible
}
.rbx-left-col .simplebar-content-wrapper, .rbx-left-col .simplebar-wrapper, .rbx-left-col .simplebar-mask {
overflow:visible!important
}
.rbx-left-col .rbx-scrollbar .left-col-list {
width:970px;
if fullscreen {
width:100%
}
margin:0 auto;
padding:0 10px;
position:relative
}
.rbx-left-col li {
line-height:1;
float:left;
margin:0 2px
}
.rbx-left-col li .text-nav .font-header-2, .rbx-left-col li.font-bold.small {
font:400 14px 'source sans pro';
color:#fff;
margin:0;
padding:5px;
line-height:1.38;
cursor:pointer;
if arial {
font:400 12px 'arial'
}
}
.rbx-left-col li .text-nav .font-header-2:hover, .rbx-left-col li.font-bold.small:hover {
if arial {
background:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,0))
}
}
/*sponsor thing for lulz*/
.rbx-left-col li.rbx-nav-sponsor {
max-width:80px;
position:absolute;
left:660px;
display:none;
height:25px
}
.rbx-left-col li.font-bold.small {
z-index:1;
}
.rbx-left-col li.font-bold.small:active ~ .rbx-nav-sponsor {
display:block
}
.rbx-left-col li.rbx-nav-sponsor:hover {
display:block
}
.rbx-left-col li.rbx-nav-sponsor a {
position:relative;
padding:5px;
background:#444;
z-index:2;
}
.rbx-left-col li.rbx-nav-sponsor:nth-last-child(1) a {
top:115px;
}
.rbx-left-col li.rbx-nav-sponsor:nth-last-child(2) a {
top:70px;
}
.rbx-left-col li.rbx-nav-sponsor:nth-last-child(3) a {
top:25px;
}
#btr-blogfeed-container {
display:none
}
if string {
#rbx-body .rbx-header li > .text-header[href="/home"], #rbx-body .rbx-header li > .text-header[href="/develop"], #rbx-body .rbx-header li > .text-header[href="/catalog"], #rbx-body .rbx-header li > .text-header[href="/discover"] {
font-size:0
}
#rbx-body .rbx-header li > .text-header[href="/home"]:before {
content:"Home";
font-size:15px;
if arial {
font-size:13px
}
}
#rbx-body .rbx-header li > .text-header[href="/develop"]:before {
content:"Build";
font-size:15px;
if arial {
font-size:13px
}
}
#rbx-body .rbx-header li > .text-header[href="/catalog"]:before {
content:"Catalog";
font-size:15px;
if arial {
font-size:13px
}
}
#rbx-body .rbx-header li > .text-header[href="/discover"]:before {
content:"Games";
font-size:15px;
if arial {
font-size:13px
}
}
}
/******************2012*****************/
if early {
body.btr-no-hamburger .container-main, body.btr-no-hamburger .nav-container .nav-content {
margin-top:95px
}
.gotham-font .rbx-header {
background:#114081;
height:38px
}
.gotham-font .icon-logo {
background-image:url('https://www.roblox.com/images/btn-logo.png?v=2');
height:38px
}
.rbx-header .rbx-navbar {
position:absolute;
width:900px;
background:url("https://www.roblox.com/images/cssspecific/rbx2/topNav_blue.png");
top:38px;
height:30px;
padding-left:5px
}
.gotham-font .rbx-header:before {
content:"";
width:100%;
position:absolute;
left:0;
background:url("https://www.roblox.com/images/cssspecific/rbx2/topNav_blue.png");
height:30px;
top:38px
}
#rbx-body .rbx-header .rbx-navbar li:hover {
background-image:url("https://www.roblox.com/images/cssspecific/rbx2/topNav_blue.png");
background-position-y:-30px
}
#rbx-body .rbx-header li > .text-header {
font-size:16px;
line-height:18px
}
.rbx-header .rbx-navbar li {
flex-grow:0;
padding:0 8px
}
.gotham-font .rbx-left-col{
top:68px;
margin:0 auto;
}
.gotham-font .rbx-left-col .rbx-scrollbar {
background:#363636;
width:900px;
margin:0 auto;
height:30px;
if fullscreen {
width:100%
}
}
.rbx-left-col .rbx-scrollbar .left-col-list {
padding-left:27px
}
.rbx-left-col li .text-nav .font-header-2:hover, .rbx-left-col li.font-bold.small:hover {
background: linear-gradient(#CCCCCC,#979797 1px,#4F4F4F 29px,#1B1B1B);
height:30px
}
.rbx-left-col li .text-nav .font-header-2, .rbx-left-col li.font-bold.small {
font-weight:500;
font-size:14px;
line-height:16px
}
/*top right*/
.rbx-header .rbx-navbar-right {
background: url(http://www.roblox.com/images/cssspecific/rbx2/head_bkg_t1.png) no-repeat scroll left;
margin:0;
height:28px;
padding-left:3px
}
.rbx-header .rbx-navbar-icon-group {
background: linear-gradient(#FDFDFD,#CECECE 27px,#616161);
height: 28px;
border-right:1px solid #DFDFDF;
border-bottom-right-radius:3px;
if fullscreen {
margin-right:20px
}
}
.gotham-font .icon-nav-friend-btr, .gotham-font .icon-nav-message-btr, #nav-robux-icon .icon-robux-28x28 {
background-image:url('https://www.roblox.com/images/cssspecific/rbx2/head_infobox_icons.png')
}
.gotham-font .icon-nav-friend-btr {
background-position-y:-80px
}
.gotham-font a:hover .icon-nav-friend-btr {
background-position-y:-100px
}
.gotham-font #nav-robux-icon .icon-robux-28x28 {
background-position-y:-40px;
filter:none!important
}
.gotham-font button:hover #nav-robux-icon .icon-robux-28x28 {
background-position-y:-60px
}
if tix {
.gotham-font #nav-robux-icon .icon-robux-28x28 {
background-position-y:-120px
}
.gotham-font button:hover #nav-robux-icon .icon-robux-28x28 {
background-position-y:-140px
}
}
#rbx-body #navbar-robux:before{
content:none
}
#rbx-body #navbar-robux:after {
border-color:#B3B3B3;
max-height:23px;
margin-top:3px;
min-height:23px;
margin-right:2px
}
.gotham-font #common-notification-bell.icon-common-notification-bell {
background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVRIie3WsQqFMAyF4T/hiou2b+P7z75Nq3NzB8FZIyiFZMpy8kHpcOCjEU9onSYrrQGQVVn2/fadnwcurTHM87Fvm+eEDwYwM28UAH2UDjjggAMOOOCAu4bdDUTEVdeewVn17FpZP3u0zqavXl3NGFM69jd7dRKh1ArE57o+fwvgIwADmCJ8AAAAAElFTkSuQmCC");
filter:invert(0);
background-size:18px;
opacity:1;
background-position-y:2px;
max-width:15px
}
.gotham-font #nav-ns-icon .notification-red {
color:#dd3000
}
.gotham-font #nav-ns-icon:hover .notification-red {
color:#ff3000;
opacity:.6;
}
.rbx-header .rbx-navbar-icon-group>li>button span[class^=rbx-text], .light-theme .rbx-header .rbx-navbar-icon-group>li>button[aria-describedby="buy-robux-popover"] span[class^=rbx-text] {
color:#080!important;
font-weight:700;
font-size:14px;
if tix {
color:#a61!important
}
}
.rbx-header .rbx-navbar-icon-group>li>button:hover span[class^=rbx-text] {
color:#0d0!important;
if tix {
color:#fb6!important
}
}
#rbx-body #btr-navbar-friends .btr-nav-notif.rbx-text-navbar-right {
color:#05b
}
#rbx-body #btr-navbar-friends a:hover .btr-nav-notif.rbx-text-navbar-right {
color:#0cf
}
#rbx-body #btr-navbar-messages .btr-nav-notif.rbx-text-navbar-right {
color:#444
}
#rbx-body #btr-navbar-messages a:hover .btr-nav-notif.rbx-text-navbar-right {
color:#aaa
}
.btr-nav-notif.rbx-text-navbar-right[style="display:none;"]:before {
content:"0"
}
.rbx-header .rbx-navbar-icon-group > li, #rbx-body .btn-navigation-nav-robux-md, #rbx-body .btn-navigation-nav-settings-md {
height:27px
}
#nav-ns-icon, #btr-navbar-messages > a, #btr-navbar-friends > a {
padding-top:2px
}
#rbx-body .notification-red, #rbx-body #header .btr-nav-notif, #rbx-body .notification, .light-theme .notification-blue {
position:relative;
top:0;
display:inline-block!important;
border:none;
background:none;
font-size:14px;
line-height:normal;
height:auto;
vertical-align:top;
padding-top:2px
}
.gotham-font .icon-nav-friend-btr, .gotham-font .icon-nav-message-btr {
display:inline-block;
vertical-align:top
}
.rbx-header .rbx-navbar-icon-group .age-bracket-label {
position:absolute;
left:120px
}
.rbx-header .container-fluid {
position:relative;
max-width:900px;
if fullscreen {
max-width:none
}
}
#rbx-body .rbx-header .navbar-search {
left:130px
}
.rbx-header .rbx-navbar-icon-group .age-bracket-label .dynamic-overflow-container {
order:-1;
margin-right:6px;
}
.gotham-font .rbx-header .navbar-search .input-group {
width:260px
}
.gotham-font .btn-navigation-nav-settings-md span.icon-nav-settings, .rplus-icon-32x32 {
background:url("https://www.roblox.com/images/cssspecific/rbx2/btn_blue18h.png")!important;
max-height:18px;
width:auto!important;
font-size:10px;
font-family:'arial';
font-weight:700;
color:#fff;
padding:0 3px!important;
line-height:18px;
vertical-align:top
}
.gotham-font .btn-navigation-nav-settings-md:hover span.icon-nav-settings, .rplus-icon-32x32:hover {
background-position:bottom!important;
color:#fff
}
.gotham-font .btn-navigation-nav-settings-md span.icon-nav-settings:before {
content:"Settings";
}
.rplus-icon-32x32:before {
content:"R Plus"
}
#settings-icon .notification-red {
display:none!important
}
.light-theme .btn-uiblox-common-common-notification-bell-md:focus, .light-theme .btn-uiblox-common-common-notification-bell-md:hover, .light-theme .btn-navigation-nav-settings-md.active, .light-theme .btn-navigation-nav-settings-md:active {
background:none!important
}
#settings-icon, .rplus-icon-32x32 {
top:-1px
}
#rbx-body .btn-navigation-nav-robux-md[aria-describedby="buy-robux-popover"] {
border:none;
background:none;
padding:0 5px;
border-bottom-color:transparent
}
#rbx-body .btn-navigation-nav-settings-md[aria-describedby="settings-popover"] {
border:none;
background:none;
padding:0 7px;
border-bottom-color:transparent
}
#rbx-body [aria-describedby="notification-stream-popover"] #nav-ns-icon {
border:none;
background:none;
padding:2px 7px 1px 7px;
border-bottom-color:transparent
}
.rbx-header .rbx-navbar-right .popover-content {
top:27px;
}
#settings-popover, #buy-robux-popover, #notification-stream-popover {
z-index:9956
}
.rplus-quick-info-widget {
margin-top:30px
}
.rbx-header .rbx-navbar-icon-group .age-bracket-label:hover {
background:none
}
if string {
#rbx-body .rbx-header li > .text-header[href="/home"]:before, #rbx-body .rbx-header li > .text-header[href="/develop"]:before, #rbx-body .rbx-header li > .text-header[href="/catalog"]:before, #rbx-body .rbx-header li > .text-header[href="/discover"]:before {
font-size:16px
}
#rbx-body .rbx-header li > .text-header[href="/home"]:before {
content:"My ROBLOX"
}
}
}
}