Authortheoldrobloxuserstylefixer
LicenseNo License
Categorynostalgia, 2016, roblox
Created
Updated
Size73 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
A2016 IS NOT COMING OUT FOR A LONG TIME! HERES WHY:
I am busy working on a secret project for a real 2016 7kttube CSS style
2. I don't use the roblox website often and the home page is the only thing finished. This still will get no updates.
so uhhhhhh im not leaving this shitty 2016 remake. The new style will be called A2016T! you should use the other early 2016 theme will I remake some assets on it.
0.1: added game cards, banner alert, blue chat header, and see all
0.2: added "& Party", and added Featured Items on ROBLOX.
0.3: game page, fixed game cards 150x150 and a mostly finished button style guide.
0.3.1: catalog and games page rework.
0.3.2: added back some stuff + finished game cards + profile wip
0.3.3: catalog and game page is back + unfished group
/* ==UserStyle==
@name Roblox in Early 2016
@version 20220525.17.32
@namespace userstyles.world/user/theoldrobloxuserstylefixer
@description i cannot update this style without making a new CSS style. i will make a pastebin or a greasyfork to help me update fast.
@author theoldrobloxuserstylefixer
@license No License
==/UserStyle== */
@-moz-document domain("roblox.com") {
/*main code*/
/*tha headers*/
.light-theme .rbx-header {
background-color: #0074bd;
border-bottom: 1px solid #0074bd;
/*need to find a way to modify this to be exact to the old one*/
}
.light-theme .notification-stream-header {
background-color: #0074bd;
border-bottom: 1px solid #0074bd;
color: white;
}
.btr-light-theme .btr-settings-header {
background-color: #0074bd;
color: #ffffff;
}
.light-theme .icon-default-navigation,
.light-theme .icon-nav-blog,
.light-theme .icon-nav-charactercustomizer,
.light-theme .icon-nav-friends,
.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,
.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://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
}
.light-theme .notification-red {
background-color: #e2231a;
}
.light-theme .notification-blue {
background-color: #00a2ff;
}
.light-theme .rbx-header .rbx-navbar li .nav-menu-title:focus,
.light-theme .rbx-header .rbx-navbar li .nav-menu-title:hover {
background-color: rgba(25, 25, 25, 0.1);
border-radius: 5px;
}
.dark-theme .rbx-header .rbx-navbar li .nav-menu-title:focus,
.dark-theme .rbx-header .rbx-navbar li .nav-menu-title:hover {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.light-theme .rbx-header .rbx-navbar li:hover,
.dark-theme .rbx-header .rbx-navbar li:hover {
border: none;
}
.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: #fff;
}
.user-info-container .user-icon-container,
.user-info-container .user-name-container > a::before {
content: 'Hello, ';
}
.user-info-container .user-icon-container,
.user-info-container .user-name-container > a::after {
content: '!'
}
.light-theme .input-group .input-field::placeholder {
color: #b8b8b8b8;
opacity: 1
}
.light-theme #nav-message:hover,
.light-theme #nav-friends:hover,
.light-theme #nav-trade:hover,
.light-theme #nav-group:hover,
.light-theme #nav-forum:hover,
.light-theme #nav-blog:hover,
.light-theme #nav-shop:hover,
.light-theme #nav-giftcards:hover {
color: #00a2ff;
}
.light-theme .light-theme #nav-home:hover,
.light-theme #nav-inventory:hover {
color: #02b757;
}
.light-theme #nav-profile:hover,
.light-theme #nav-character:hover {
color: #F68802;
}
.light-theme #nav-shop:hover > div > span {
background-position: -28px -420px
}
.icon-nav-premium-btr {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE0IDE0VjJIMnYxNGEyIDIgMCAwIDEtMi0yVjJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIOHYtMnptLTItOHY2SDh2LTJoMlY2SDZ2MTBINFY0aDh6IiBmaWxsPSIjMzkzYjNkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-size: 22px;
background-position: center;
width: 28px;
height: 28px;
display: inline-block;
}
.light-theme .menu-vertical .menu-option .menu-secondary-container {
color: #00a2ff;
background-color: transparent;
box-shadow: inset 4px 0 0 0 #00a2ff;
}
.rbx-tab.active .rbx-tab-heading,
.rbx-tab.active .rbx-tab-heading:active,
.rbx-tab.active .rbx-tab-heading:focus,
.rbx-tab.active .rbx-tab-heading:hover,
.rbx-tab:hover .rbx-tab-heading,
.rbx-tab:hover .rbx-tab-heading:active,
.rbx-tab:hover .rbx-tab-heading:focus,
.rbx-tab:hover .rbx-tab-heading:hover {
color: #00a2ff;
background-color: transparent;
box-shadow: inset 4px 0 0 0 #00a2ff;
}
.light-theme .rbx-tabs-vertical .rbx-tab.active .rbx-tab-heading {
color: #393b3d;
background-color: transparent;
box-shadow: inset 4px 0 0 0 #00a2ff;
}
.rbx-tabs-vertical .rbx-tab.active .rbx-tab-heading {
color: #191919;
box-shadow: inset 4px 0 0 0 #00a2ff;
}
.light-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
color: #393b3d;
background-color: transparent;
box-shadow: inset 0 -4px 0 0 #00a2ff;
}
.light-theme .menu-vertical .menu-option.active,
.light-theme .menu-vertical .menu-option:hover {
box-shadow: inset 4px 0 0 0 #00a2ff;
}
ul.nav:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(1) > a:nth-child(1)::before {
content: "Games";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(2) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(2) > a:nth-child(1)::before {
content: "Catalog";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(3) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(3) > a:nth-child(1)::before {
content: "Develop";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(4) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(4) > a:nth-child(1)::before {
content: "ROBUX";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(1) > a:nth-child(1)::before {
content: "Games";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(2) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(2) > a:nth-child(1)::before {
content: "Catalog";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(3) > a:nth-child(1) {
font-size: 0 !important;
}
ul.nav:nth-child(2) > li:nth-child(3) > a:nth-child(1)::before {
content: "Develop";
font-size: 16px;
}
ul.nav:nth-child(2) > li:nth-child(4) > a:nth-child(1) {
font-size: 0 !important;
}
.light-theme .icon-default-economy-28x28,
.light-theme .icon-robux-28x28,
.light-theme .icon-robux-gold-28x28,
.light-theme .icon-robux-white {
background-image: url(https://svgur.com/i/GuZ.svg);
background-size: 56px;
}
#nav-robux-icon .icon-robux-28x28 {
background-position: 0 -28px;
background-image: url(https://raw.githubusercontent.com/anthony1x6000/ROBLOX2016stylus/80a1e55d792875c92f6a4c5e7b4ef949fa17c157/images/robux/icons.svg);
}
.light-theme .icon-default-economy-28x28,
.light-theme .icon-robux-28x28,
.light-theme .icon-robux-gold-28x28,
.light-theme .icon-robux-white:hover {
background-size: 56px;
}
.light-theme .icon-default-logo-r,
.light-theme .icon-logo-r,
.light-theme .icon-logo-r-95 {
background-image: url(https://raw.githubusercontent.com/anthony1x6000/ROBLOX2016stylus/e7e1749ce9770fc92c27226b20627243cd8291ad/images/logo_R2016.svg);
}
.dark-theme .icon-default-logo-r,
.dark-theme .icon-logo-r,
.dark-theme .icon-logo-r-95,
.icon-default-logo-r,
.icon-logo-r,
.icon-logo-r-95 {
background-image: url(https://raw.githubusercontent.com/anthony1x6000/ROBLOX2016stylus/e7e1749ce9770fc92c27226b20627243cd8291ad/images/logo_R2016.svg) !important;
}
.light-theme .icon-default-logo,
.light-theme .icon-logo {
background-image: url(https://raw.githubusercontent.com/anthony1x6000/ROBLOX2016stylus/15ff06a608df59433976333e28ef66ff6f114bf3/images/roblox_logo2016.svg) !important;
background-size: 118px 30px;
}
.icon-logo {
background-position: 50%;
background-size: 110px;
}
#header .btr-nav-notif {
background-color: #fff!important;
color: #191919 !important;
border: 2px solid #0074bd !important;
}
.btr-item-card-more {
border-radius: 3px !important;
background-color: #fff !important;
max-width: 124px;
position: absolute;
left: 0px !important;
bottom: -37px;
}
#nav-money:hover {
color: #00a2ff
}
.light-theme .icon-nav-message-btr,
.light-theme .icon-nav-friend-btr {
filter: brightness(1)
}
.light-theme .chat-container .chat-main .chat-header,
.light-theme .dialogs .dialog-container .dialog-header,
.light-theme .chat-windows-header,
.light-theme .chat-main .chat-header {
background-color: #00a2ff;
color: #fff;
}
.light-theme .dialogs .dialog-container .dialog-message-container .dialog-message {
background-color: #00a2ff;
color: #fff;
border-color: #00a2ff;
}
.light-theme .dialogs .dialog-container .dialog-message-container .dialog-message span {
color: #fff;
}
.light-theme .dialogs .dialog-container .dialog-message-container .link-card-container.dialog-triangle::after,
.light-theme .dialogs .dialog-container .dialog-message-container .link-card-container.dialog-triangle::before,
.light-theme .dialogs .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle.message-is-sending::after,
.light-theme .dialogs .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle.message-is-sending::before,
.light-theme .dialogs .dialog-container .dialog-message-container.message-cluster-master .di...