Roblox - 2016 by stylus

/* ==UserStyle==
@name         Roblox - 2016
@version      1.0
@namespace    N/A
@description  2016 Roblox. Experience the old website.
@author       Stylus
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.roblox.com"), url-prefix("https://www.web.roblox.com") {

/*----------Across Website----------*/

/*------Fonts------*/
@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');
}

* {
    font-family: "Source Sans Pro", Arial,Helvetica,sans-serif !important;
}

body {
    background-color: #E3E3E3 !important;
    color: #191919 !important;
}
    
    .builder-font .font-header-1, .builder-font .h2, .builder-font .h3, .builder-font .h4, .builder-font .text-robux-lg, .builder-font h2, .builder-font h3, .builder-font h4 {
    font-size: 24px;
    font-weight: 300;
}
    .builder-font .font-title, .builder-font .h1, .builder-font h1 {
    font-size: 30px;
    font-weight: 400;
}
.gotham-font .font-header-1, .gotham-font .h3, .gotham-font .h4, .gotham-font .text-robux-lg, .gotham-font h3, .gotham-font h4 {
    font-size: 24px;
    font-weight: 300;
}
.gotham-font div {
    line-height: 1.3em;
    font-weight: 300;
}
.gotham-font .font-title, .gotham-font .h1, .gotham-font .h2, .gotham-font h1, .gotham-font h2 {
    font-size: 30px;
    font-weight: 300;
}
.profile-header-top .header-caption .header-names .header-title h1.profile-name {
	font-weight: 400 !important;
}

.light-theme .section-content {
    color: #191919;
}
    
    
    .container-header .btn-more:hover {
        background-color: #32B5FF !important;
        box-shadow: 0 1px 3px rgba(150,150,150,0.74);
    }
    .light-theme.builder-font .see-all-link-icon {
        padding: 4px !important;
    }
    .light-theme.builder-font .see-all-link-icon:after {
        display: none;
    }

/*------Background------*/
 .abp {
    background-color: transparent !important;
}
.light-theme .content {
    background-color: transparent;
    color: rgb(25, 25, 25);
}
.light-theme .section-content.remove-panel {
    min-height: 100%;
    background-color: #fff;
    padding: 12px;
    position: relative;
    margin-bottom: -11px;
    box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.3);
}
.light-theme .container-footer {
    background-color: #fff;
    padding: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
    
    @media (max-width: 991px) {
        .light-theme .container-footer {
            position: relative !important;
        }
    }

.light-theme .chat-container .chat-main .chat-header {
    background-color: #38a1f7;
    color: #fff;
    border-radius: 4px 4px 0 0;
}
.light-theme .dialogs .dialog-container .dialog-header {
    background-color: #38a1f7;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.light-theme .dialogs .dialog-container .dialog-message-container .dialog-message {
    background-color: #38a1f7;
}
.light-theme .dialogs .dialog-container .dialog-message-container.message-inbound .dialog-message {
    background-color: #fff;
}

.dialog-container .dialog-message-container:not(.message-inbound) .dialog-message {
    color: #fff !important;
}
.light-theme .dialogs .dialog-container .dialog-message-container.message-inbound .dialog-message {
    color: #393b3d !important;
}

.chat-search .chat-search-input {
    border-bottom: 1px solid;
}
.light-theme .input-field {
    border-radius: 0px;
    font-size: 14px !important;
    font-weight: 600 !important;
}
    
    input[id="avatar-shop-keyword-input"] {
        border-radius: 0 !important;
    }
    input[id="navbar-search-input"] {
        border-radius: 3px 0 0 3px !important;
    }
    
    button[data-testid="navigation-search-input-search-button"] {
        left: calc(100% - 32px) !important;
    }
    div[class="form-has-feedback"] > input {
        padding: 5px 30px 5px 10px !important;
    }

.light-theme .spinner {
	background-image: url(https://images.rbxcdn.com/4bed93c91f909002b1f17f05c0ce13d1-loading.gif);
}

.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;
}
.light-theme .text-link, .light-theme .text-link.small, .light-theme .text-link.small:active, .light-theme .text-link.small:link, .light-theme .text-link.small:visited, .light-theme .text-link.xsmall, .light-theme .text-link.xsmall:active, .light-theme .text-link.xsmall:link, .light-theme .text-link.xsmall:visited, .light-theme .text-link.xxsmall, .light-theme .text-link.xxsmall:active, .light-theme .text-link.xxsmall:link, .light-theme .text-link.xxsmall:visited, .light-theme .text-link:active, .light-theme .text-link:hover, .light-theme .text-link:link, .light-theme .text-link:visited, .light-theme .text-name, .light-theme .text-name.small, .light-theme .text-name.small:active, .light-theme .text-name.small:link, .light-theme .text-name.small:visited, .light-theme .text-name.xsmall, .light-theme .text-name.xsmall:active, .light-theme .text-name.xsmall:link, .light-theme .text-name.xsmall:visited, .light-theme .text-name.xxsmall, .light-theme .text-name.xxsmall:active, .light-theme .text-name.xxsmall:link, .light-theme .text-name.xxsmall:visited, .light-theme .text-name:active, .light-theme .text-name:hover, .light-theme .text-name:link, .light-theme .text-name:visited, .light-theme .vlist .list-item .list-body .list-content a, .light-theme .vlist .list-item .list-body .list-content a.small, .light-theme .vlist .list-item .list-body .list-content a.small:active, .light-theme .vlist .list-item .list-body .list-content a.small:link, .light-theme .vlist .list-item .list-body .list-content a.small:visited, .light-theme .vlist .list-item .list-body .list-content a.xsmall, .light-theme .vlist .list-item .list-body .list-content a.xsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xsmall:visited, .light-theme .vlist .list-item .list-body .list-content a.xxsmall, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:visited, .light-theme .vlist .list-item .list-body .list-content a:active, .light-theme .vlist .list-item .list-body .list-content a:hover, .light-theme .vlist .list-item .list-body .list-content a:link, .light-theme .vlist .list-item .list-body .list-content a:visited, .vlist .list-item .list-body .list-content .light-theme a, .vlist .list-item .list-body .list-content .light-theme a.small, .vlist .list-item .list-body .list-content .light-theme a.small:active, .vlist .list-item .list-body .list-content .light-theme a.small:link, .vlist .list-item .list-body .list-content .light-theme a.small:visited, .vlist .list-item .list-body .list-content .light-theme a.xsmall, .vlist .list-item .list-body .list-content .light-theme a.xsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xsmall:visited, .vlist .list-item .list-body .list-content .light-theme a.xxsmall, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:visited, .vlist .list-item .list-body .list-content .light-theme a:active, .vlist .list-item .list-body .list-content .light-theme a:hover, .vlist .list-item .list-body .list-content .light-theme a:link, .vlist .list-item .list-body .list-content .light-theme a:visited {
    color: #00A2FF;
    font-weight: 400;
    font-size: 14px;
}

.gotham-font .ad-identification-text, .gotham-font .ad-identification-text:active, .gotham-font .ad-identification-text:focus, .gotham-font .ad-identification-text:hover, .gotham-font .ad-identification-text:link, .gotham-font .ad-identification-text:visited, .gotham-font .font-small, .gotham-font .font-small:active, .gotham-font .font-small:focus, .gotham-font .font-small:hover, .gotham-font .font-small:link, .gotham-font .font-small:visited, .gotham-font .small, .gotham-font .small-oneline, .gotham-font .small-oneline:active, .gotham-font .small-oneline:focus, .gotham-font .small-oneline:hover, .gotham-font .small-oneline:link, .gotham-font .small-oneline:visited, .gotham-font .small:active, .gotham-font .small:focus, .gotham-font .small:hover, .gotham-font .small:link, .gotham-font .small:visited, .gotham-font .text-date-hint, .gotham-font .text-date-hint:active, .gotham-font .text-date-hint:focus, .gotham-font .text-date-hint:hover, .gotham-font .t...