Skip to content

the roblox 2013 header remake by theoldrobloxuserstylefixer

Write a review Install Get Stylus

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

after im done barely making groups for roblox in early 2016 this will be worked on

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...

Reviews

No reviews yet.