This is an replica of the roblox 2019L website !
Roblox 2019L Style (Alpha) by Ix1n46
Details
AuthorIx1n46
LicenseNo License
Categoryroblox.com
Created
Updated
Size15 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 Roblox 2019L Style
@namespace roblox.com
@version 1.0.0
@description An epic Roblox 2019L UserStyle !
@author Me
==/UserStyle== */
@-moz-document domain("roblox.com") {
/* Header */
.light-theme .rbx-header {
background-color: #252525;
border: none;
height: 41px;
}
.dark-theme .rbx-header {
height: 41px;
}
.light-theme .rbx-header .rbx-navbar li:hover {
border: none;
}
.light-theme .rbx-header .rbx-navbar li .nav-menu-title:hover {
background-color: rgba(25,25,25,0.1);
border-radius: 5px;
}
.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;
font-weight: 400;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}
.dark-theme .rbx-header .text-header, .dark-theme .rbx-header .text-header:active, .dark-theme .rbx-header .text-header:focus, .dark-theme .rbx-header .text-header:hover, .dark-theme .rbx-header .text-header:link, .dark-theme .rbx-header .text-header:visited {
color: #fff;
font-weight: 400;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}
/* Header Icons */
.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://images.rbxcdn.com/53374db5b6c1b349a20d0471ea032868-navigation_dark.svg);
}
.light-theme .icon-default-logo-r, .light-theme .icon-logo-r, .light-theme .icon-logo-r-95, .icon-default-logo-r, .icon-logo-r, .icon-logo-r-95 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZD0iTTguMyAzLjdMMy42IDIxLjhsMTguMSA0LjYgNC42LTE4LjEtMTgtNC42em04IDEzLjZsLTMuNS0uOS45LTMuNSAzLjUuOS0uOSAzLjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.light-theme .icon-default-logo, .light-theme .icon-logo {
background-image: url(https://images.rbxcdn.com/1359485336f67d6e7be76b5e8ff4b72c-roblox_logo_11212016.svg);
}
.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://images.rbxcdn.com/3a9b44283e65ae1ead90defcb0bdcb6e-economy_28x28_dark.svg);
}
.light-theme .icon-common-notification-bell, .light-theme .icon-common-play, .light-theme .icon-common-refresh, .light-theme .icon-common-search, .light-theme .icon-default-uiblox-common {
background-image: url(https://images.rbxcdn.com/d935c70bed81f91538cca4b19eebd319-common_dark.svg);
}
/* Search */
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-icon {
display: none;
}
.light-theme .rbx-header .navbar-search .new-dropdown-menu {
background-color: #fff;
box-shadow: 0 -5px 20px rgb(25 25 25 / .15);
}
.dark-theme .rbx-header .navbar-search .new-dropdown-menu {
background-color: #191B1D;
box-shadow: 0 -5px 20px rgb(25 25 25 / .15);
}
.light-theme .rbx-header .navbar-search .navbar-search-option a:hover {
box-shadow: 4px 0 0 0 #00a2ff inset;
background-color: #F2F2F2;
}
.dark-theme .rbx-header .navbar-search .navbar-search-option a:hover {
background-color: #242424;
}
.light-theme .rbx-header .navbar-search .navbar-search-option.new-selected {
background-color: transparent;
}
.dark-theme .rbx-header .navbar-search .navbar-search-option.new-selected {
background-color: transparent;
}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-thumbnail-visible {
display: none;
}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor {
height: 44.8px;
}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-text, .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-suffix {
color: #000;
margin-right: 3px;
}
.dark-theme .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-text, .dark-theme .rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-suffix {
color: #fff !important;
}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-text:before {content: "Search "open-quote;}
.rbx-header .navbar-search .navbar-search-option .new-navbar-search-anchor .navbar-list-option-text:after {content: close-quote;}
/* Sidebar */
.light-theme .rbx-upgrade-now .btn-secondary-md {
background-color: #00A2FF;
border: none;
}
.light-theme .rbx-upgrade-now .btn-secondary-md:focus, .light-theme .rbx-upgrade-now .btn-secondary-md:hover {
background-color: #00A2FF;
}
/* Homepage (Main Content) */
.light-theme .content, .light-theme .container-footer, .light-theme, .light-theme .horizontal-scroller .scroller .spacer, .light-theme .layer {
background-color: #E3E3E3;
}
/* Margins Fix */
.home-container,
.page-content,
.messages-container,
.games-page-left {
float: none;
margin: auto;
}
/* Friends List */
.light-theme .people-list {
background-color: #fff !important;
padding: 10px;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / .3);
border-radius: 3px;
height: 137px;
max-height: 137px;
}
.dark-theme .people-list {
background-color: #222222 !important;
padding: 10px;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / .3);
border-radius: 3px;
height: 137px;
max-height: 137px;
}
/* Game Cards */
.light-theme .game-carousel .grid-item-container, .light-theme .game-card-container {
background-color: #fff !important;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / .3);
margin-bottom: 4px;
border-radius: 0px;
}
.dark-theme .game-carousel .grid-item-container, .dark-theme .game-card-container {
background-color: #222222 !important;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / .3);
margin-bottom: 4px;
border-radius: 0px;
}
.light-theme .game-card-container .game-card-thumb-container, .light-theme .thumbnail-2d-container {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.dark-theme .game-card-container .game-card-thumb-container, .dark-theme .thumbnail-2d-container {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.light-theme .game-card-container .game-card-name, .light-theme .game-card-info {
padding: 0 6px;
margin-top: 0px;
}
.dark-theme .game-card-container .game-card-name, .dark-theme .game-card-info {
padding: 0 6px;
margin-top: 0px;
}
.game-card-container .game-card-name {
font-weight: 400;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
font-size: 16px !important;
}
.light-theme .game-carousel .grid-item-container:hover, .light-theme .game-card-container:hover {
box-shadow: 0 1px 6px 0 rgb(25 25 25 / .6);
}
.dark-theme .game-carousel .grid-item-container:hover, .dark-theme .game-card-container:hover {
box-shadow: 0 1px 6px 0 rgb(25 25 25);
}
.game-card-thumb-container:before {
background: none;
}
/* Buttons */
.gotham-font.light-theme .see-all-link-icon {
background-color: #00A2FF;
border-color: #00A2FF;
padding: 4px 4px;
width: 90px;
border-radius: 3px;
color: #fff !important;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
font-weight: 400;
height: 24px;
padding: revert;
}
.light-theme .btn-secondary-xs {
padding: 3px !important;
}
.gotham-font.light-theme .see-all-link-icon:after {
display: none;
}
.light-theme .btn-control-md, .dark-theme .button-control-md, .light-theme .input-group-btn .input-dropdown-btn, .light-theme .btn-growth-md, .light-theme .btn-growth-lg, .light-theme .btn-secondary-md, .light-theme .btn-control-sm, .light-theme .btn-primary-md, .light-theme .select-group .select-option, .light-theme .btn-cta-md, .light-theme .btn-control-xs, .light-theme .btn-secondary-xs, .light-theme .btn-alert-md, .light-theme .btn-alert-...