This theme is a combination of all of 2016, and how it would merge with the modern features of the roblox website. Keep in mine this is my first (wip) css code, and I added on to GalactiCosmo's "Roblox: Old Light Theme."Please let me know if there are any bugs because I would be happy to fix any.
Roblox in 2016 by mvddvee
Details
Authormvddvee
LicenseCC-BY-4.0
Categoryroblox
Created
Updated
Size86 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 in 2016
@namespace USO Archive
@author Ologist
@description `This theme is a combination of all of 2016, and how it would merge with the modern features of the roblox website. Keep in mine this is my first (wip) css code, and I added on to GalactiCosmo's "Roblox: Old Light Theme."Please let me know if there are any bugs because I would be happy to fix any.`
@version 20201028.4.7
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com"), url-prefix("https://web.roblox.com") {
body
{
background-color: #e3e3e3;
}
.light-theme {
background-color: #e3e3e3;
}
.light-theme .rbx-left-col {
background-color: #ffffff;
}
.light-theme .content {
background-color: #e3e3e3;
color: #191919;
}
.light-theme .scroller {
background-color: #ffffff;
border: 1px solid #b8b8b8;
}
.light-theme .scroller:focus, .dark-theme .scroller:hover {
background-color: #ffffff;
}
.light-theme .scroller.disabled {
background-color: #ffffff;
}
*
{
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif !important;
}
/* ~/CSS/Fonts/SourceSansPro-Google.css */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}
.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;
}
.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 {
color: #00a2ff;
background-color: transparent;
border: none;
}
.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 {
display: none
}
.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);
}
.section .container-header {
padding: 0 0;
}
.light-theme .rbx-header .navbar-search .navbar-search-option a {
color: #191919;
}
.light-theme .rbx-header .navbar-search .navbar-search-option.selected {
background-color: #F2F2F2;
box-shadow: 4px 0 0 0 #00A2FF inset;
color: #393b3d;
}
.rbx-header .navbar-search .navbar-search-option:hover {
box-shadow: 4px 0 0 0 #00A2FF inset;
}
ul.details-info:nth-child(1) > li:nth-child(1) > div:nth-child(1) {
font-size: 0 !important;
}
ul.details-info:nth-child(1) > li:nth-child(1) > div:nth-child(1)::before {
content: "Friends";
color: #B8B8B8;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
}
ul.details-info:nth-child(1) > li:nth-child(2) > div:nth-child(1) {
font-size: 0 !important;
}
ul.details-info:nth-child(1) > li:nth-child(2) > div:nth-child(1)::before {
content: "Followers";
color: #B8B8B8;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
}
ul.details-info:nth-child(1) > li:nth-child(3) > div:nth-child(1) {
font-size: 0 !important;
}
ul.details-info:nth-child(1) > li:nth-child(3) > div:nth-child(1)::before {
content: "Following";
color: #B8B8B8;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
}
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;
font-weight: bold !important;
}
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;
font-weight: bold !important;
}
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;
font-weight: bold !important;
}
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;
font-weight: bold !important;
}
.rbx-header .rbx-navbar-icon-group li span[class^=rbx-text] {
display: inline-block;
min-width: 42px;
margin: 0 0 0 6px;
font-weight: 600;
}
.profile-about .profile-about-content {
padding: 10px !important;
display: grid;
}
.game-card-info .playing-counts-label {
float: left;
display: block !important;
}
.game-tile .game-card-container .game-card-info .no-vote, .game-tile .game-card-container .game-card-info .playing-counts-label, .game-tile .game-card-container .game-card-info .vote-percentage-label {
padding: 0 12px 3px 0;
display: none;
}
.gotham-font .font-body, .gotham-font .text-description, .gotham-font .text-favorite, .gotham-font p {
font-size: 16px;
font-weight: 300;
}
.avatar-card-fullbody .avatar-card-image, .avatar .avatar-card-image {
width: 100%;
height: 100%;
word-break: break-all;
vertical-align: top;
background-color: #ffffff;
border: 1px solid #B8B8B8;
}
.game-card-info .vote-percentage-label {
vertical-align: middle;
background-image: url(https://images.rbxcdn.com/153fd3209692232cd8087cad74a669b0-games.svg);
background-position: 24px -351px;
block-size: 18px;
background-repeat: no-repeat;
background-size: 32px;
width: 41px;
}
.rbx-header .rbx-navbar-icon-group li span[class^=rbx-text] {
font-weight: 600;
}
.profile-header .header-caption .header-title {
display: flex;
align-items: center;
flex-direction: row-reverse;
float: left;
}
h1, h2, h3, h4, h5 {
padding: 8px 0 !important;
}
.gotham-font .font-title, .gotham-font .h1, .gotham-font .h2, .gotham-font h1, .gotham-font h2 {
font-size: 30px;
font-weight: 400;
}
h1, h2, h3, h4, h5 {
line-height: 1em;
}
/*.gotham-font, .gotham-font .h1, .gotham-font .h2, .gotham-font .h3, .gotham-font .h4, .gotham-font .h5, .gotham-font .h6, .gotham-font h1, .gotham-font h2, .gotham-font h3, .gotham-font h4, .gotham-font h5, .gotham-font h6 {
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}
.gotham-font .text, .gotham-font body, .gotham-font button, .gotham-font html, .gotham-font input, .gotham-font pre, .gotham...