not mine (legosavant)
/ by yubironi
Details
Authoryubironi
LicenseNo License
Categoryroblox.com
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
notmine
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==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 {
...