after im done barely making groups for roblox in early 2016 this will be worked on
the roblox 2013 header remake by theoldrobloxuserstylefixer
Details
Authortheoldrobloxuserstylefixer
LicenseNo License
Categoryweb.roblox.com
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name the roblox
@version 20211201.23.44
@namespace userstyles.world/user/theoldrobloxuserstylefixer
@description cancled
@author theoldrobloxuserstylefixer and windowsxpfrom2021
@license No License
==/UserStyle== */
@-moz-document domain("roblox.com") {
/*2013 banner remake*/
/*now in r/oldroblox!*/
/*credits: windowsxpfrom2021 and miannerifromroblox*/
#header
{
background-image: url(https://web.archive.org/web/20130627151739im_/http://www.roblox.com/images/RevisedHeader/bg-rbx_header.png)
}
.container-fluid {
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
z-index: 200;
width: 970px;
height: 36px;
}
.rbx-header .rbx-navbar li .nav-menu-title {
font-size: 14.2px;
}
.rbx-header .rbx-navbar-icon-group {
margin: 0;
bottom: 33px;
position: relative;
line-height: 28px;
float: right;
}
.rbx-header .navbar-search {
box-sizing: border-box;
margin-top: 6px;
left: 562px;
position: relative;
border-radius: 8px;
}
.light-theme .rbx-header .text-header, .light-theme .rbx-header .text-header:active, .light-theme .rbx-header .text-header:focus, .light-theme .rbx-header .text-header:hover, .light-theme .rbx-header .text-header:link, .light-theme .rbx-header .text-header:visited {
color: #ffffff;
}
.light-theme .rbx-header .text-header, .light-theme .rbx-header .text-header:active, .light-theme .rbx-header .text-header:focus, .light-theme .rbx-header .text-header:hover, .light-theme .rbx-header .text-header:link, .light-theme .rbx-header .text-header:visited {
font-weight: bolder
}
.light-theme .icon-default-logo, .light-theme .icon-logo {
background-image: url(https://web.archive.org/web/20150605034117im_/http://www.roblox.com/images/NextStyleGuide/logo_ROBLOX_120x30.svg)
}
.light-theme .icon-default-navigation, .light-theme .icon-nav-blog, .light-theme .icon-nav-charactercustomizer, .light-theme .icon-nav-friends, .light-theme .icon-nav-giftcards, .light-theme .icon-nav-group, .light-theme .icon-nav-home, .light-theme .icon-nav-inventory, .light-theme .icon-nav-menu, .light-theme .icon-nav-message, .light-theme .icon-nav-my-feed, .light-theme .icon-nav-notification-stream, .light-theme .icon-nav-profile, .light-theme .icon-nav-robux, .light-theme .icon-nav-search-white, .light-theme .icon-nav-settings, .light-theme .icon-nav-shop, .light-theme .icon-nav-trade {
background-image: url(https://i.imgur.com/P2aTzBF.png)
}
.light-theme .icon-default-economy-28x28, .light-theme .icon-robux-28x28, .light-theme .icon-robux-gold-28x28, .light-theme .icon-robux-gray, .light-theme .icon-robux-white {
background-image: url(https://image.pngaaa.com/435/561435-middle.png);
color: white
}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *
{
font-family: "helvetica", "helvetica", sans-serif;
text-rendering: optimizeLegibility;
font-weight: bolder
}
h1, h1 *
{
letter-spacing: -2px;
}
h2, h2 *
{
letter-spacing: -1px;
}
* { font-family: "helvetica", helvetica!important;}
#action-bar-container #action-bar a, #action-bar-container #action-bar button {
padding: 9px 13px 0px 13px;
height: 39px;
min-width: 70px;
font-size: 23px;
line-height: 27px;
background-image: url(https://i.imgur.com/VsMllae_d.webp?maxwidth=760&fidelity=grand)
}
/*???*/
#navigation {
width: 100% !important;
top: 40px;
left: 0px;
height: 30px;
display: inline;
background: #000000;
}
#vorlias-nav {
margin: 0 auto;
margin-top: 2px;
width: 900px;
margin-left: 175px;
background: #000000;
text-align: center;
}
/* E */
#RollerContainer.rollercoaster-background
{
background-image: url(http://images.rbxcdn.com/161d0d393d74c103e5f50eef988b7217.png") repeat-x
background-position: 50%;
background-repeat: x;
background-size: cover;
}
#InnerRollerContainer
{
background-image: url(https://www.mmogames.com/wp-content/uploads/2012/10/ROBLOX-screenshot-2017-1.jpg);
}
#RollerContainer.rollercoaster-background {
background-image: url(https://images.rbxcdn.com/dcbdfaf1c08058e71f65c09f7b98ff04.jpg);
}
#InnerRollerContainer, .lower-logo-container {
background: none;
}
@-moz-document domain("roblox.com") {
/* growth based on the style guide*/
/*code made by mianneri*/
.dark-theme .gotham-font .see-all-link-icon:after, .gotham-font.dark-theme .see-all-link-icon:after, .gotham-font.light-theme .see-all-link-icon:after, .icon-push-right-sm, .light-theme .gotham-font .see-all-link-icon:after {
background-position: 0 -160000px;
}
/*medium growth*/
.light-theme .btn-growth-md {
padding: 1px 13px 3px 13px;
height: 34px;
line-height: 28px;
border-radius: 0;
letter-spacing: 0px;
min-width: 62px;
font-size: 20px;
background-position: left -96px;
border-color: #007001;
background-color: #007001;
background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
color: white;
}
/* from a error, lagre wont be rounded, and that is sad. atleast theres still hover.*/
.light-theme .btn-growth-lg {
height: 50px;
width: 118px;
border-color: #007001;
background-color: #007001;
background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
color: white;
}
/* small and extra small together because there was no small in the archive i was using*/
.light-theme .btn-growth-xs {
width: 177px;
height: 20px;
border-radius: 0px;
border-color: #007001;
background-color: #007001;
background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
color: white;
}
.light-theme .btn-growth-sm {
width: 177px;
height: 25px;
border-radius: 0px;
border-color: #007001;
background-color: #007001;
background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
color: white;
}
/*the hover code for the growths*/
.light-theme .btn-growth-md:hover {
background-color: transparent;
background-position: left -128px!important;
border-color: #007001;
}
.light-theme .btn-growth-lg:hover {
background-color: transparent;
background-position: left -128px!important;
border-color: #007001;
}
.light-theme .btn-growth-xs:hover {
background-color: transparent;
background-position: left -128px!important;
border-color: #007001;
}
.light-theme .btn-growth-sm:hover {
background-color: transparent;
background-position: left -128px!important;
border-color: #007001;
}
}
/* secondary code*/
.light-theme .btn-secondary-lg {
border-color: #0852b7;
background-color: #0852b7;
background-image: url(http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
color: white;
}
.light-theme .btn-secondary-md {
padding: 1px 13px 3px 13px;
height: 34px;
line-height: 28px;
border-radius: 0;
letter-spacing: 0px;
min-width: 62px;
font-size: 20px;
background-position: left -96px;
border-color: #0852b7;
background-color: #0852b7;
background-image: url(http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
color: white;
}
.light-theme .btn-secondary-sm {
width: 177px;
height: 25px;
border-radius: 0px;
border-color: #0852b7;
background-color: #0852b7;
background-image: url(http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
color: white;
}
.gotham-font.light-theme .refresh-link, .gotham-font.light-theme .refresh-link-icon, .gotham-font.light-theme .refresh-link-icon:active, .gotham-font.light-theme .refresh-link-icon:hover, .gotham-font.light-theme .refresh-link-icon:link, .gotham-font.light-theme .refresh-link-icon:visited, .gotham-font.light-theme .refresh-link:active, .gotham-font.light-theme .refresh-link:hover, .gotham-font.light-theme .refresh-link:link, .gotham-font.light-theme .refresh-link:visited, .gotham-font.light-theme .see-all-link, .gotham-font.light-theme .see-all-link-icon, .gotham-font.light-theme .see-all-link-icon:active, .gotham-font.light-theme .see-all-link-icon:hover, .gotham-font.light-theme .see-all-link-icon:link, .gotham-font.light-theme .see-all-link-icon:visited, .gotham-font.light-theme .see-all-link:active, .gotham-font.light-theme .see-all-link:hover, .gotham-font.light-theme .see-all-link:link, .gotham-font.light-theme .see-all-link:visited, .gotham-font.light-theme .touch .refresh-link, .gotham-font.light-theme .touch .refresh-link-icon, .gotham-font.light-theme .touch .refresh-link-icon:active, .gotham-font.light-theme .touch .refresh-link-icon:hover, .gotham-font.light-theme .touch .refresh-link-icon:link, .gotham-font.light-theme .touch .refresh-link-icon:visited, .gotham-font.light-theme .touch .refresh-link:active, .gotham-font.light-theme .touch .refresh-link:hover, .gotham-font.light-theme .touch .refresh-link:link, .gotham-font.light-theme .touch .refresh-link:visited, .gotham-font.light-theme .touch .see-all-link, .gotham-font.light-theme .touch .see-all-link-icon, .gotham-font.light-theme .touch .see-all-link-icon:active, .gotham-font.light-theme .touch .see-all-link-icon:hover, .gotham-font.light-theme .touch .see-all-link-icon:link, .gotham-font.light-theme .touch .see-all-link-icon:visited, .gotham-font.light-theme .touch .see-all-link:active, .gotham-font.light-theme .touch .see-all-link:hover, .gotham-font.light-theme .touch .see-all-link:link, .gotham-font.light-theme .touch .see-all-link:visited {
padding: 1px 13px 3px 13px;
height: 34px;
line-height: 28px;
border-radius: 0...