2016 login screen by abdulplays

/* ==UserStyle==
@name           ROBLOX 2016 Log In Page Reconstruct
@namespace      USO Archive
@author         Mystery Channel
@description    `Just For Masterpiece`
@version        20220807.13.35
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com/Login"), url-prefix("https://www.roblox.com/login?returnUrl="), url-prefix("https://www.roblox.com/login"), url-prefix("https://www.roblox.com/NewLogin?ReturnUrl=") {
/* Old Font */

  *
  {
    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');
  }
/* Background */
  html
  {
    background-color: #ffffff;
  }

  .light-theme .content
  {
    background-color: #ffffff;
    color: #393b3d;
  }

  div#container-main
  {
    background: #ffffff !important;
  }
/* LogIn Page */
  .content
  {
    margin: 0 auto;
    width: 970px;
  }

  .login-container
  {
    float: left;
    margin: 0 auto;
    max-width: 400px;
  }

  .login-container .username-form-group
  {
    margin-bottom: 0px;
    height: 43px !important;
  }

  .login-form-container
  {
    padding-right: 37px;
    border-right: 1px solid #ccc !important;
  }

  input#login-username
  {
    border-color: #a7a7a7 !important;
    border-radius: 0px !important;
    width: 251px !important;
    font-size: 12px !important;
    padding: 0;
    height: 23px !important;
    padding-left: 5px;
    margin-left: 80px;
    margin-top: -20px;
  }

  .login-container .username-form-group::before
  {
    content: "Username:" !important;
    font-size: 13px;
    font-weight: bold;
    color: #191919;
  }

  input#login-password
  {
    border-color: #a7a7a7 !important;
    border-radius: 0px !important;
    width: 251px !important;
    font-size: 12px !important;
    padding: 0;
    height: 23px !important;
    padding-left: 5px;
    margin-left: 80px;
    margin-top: -20px;
  }

  .login-container .password-form-group::before
  {
    content: "Password:" !important;
    font-size: 13px;
    font-weight: bold;
    color: #191919;
  }

  .login-container .login-button
  {
    border-color: #0852b7;
    background-color: #0852b7;
    background-image: url(http://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-blue.png);
    color: white;
    padding: 1px 13px 3px 13px !important;
    height: 34px !important;
    min-width: 62px !important;
    font-size: 20px;
    width: 90px !important;
    background-position: left -96px !important;
    line-height: 1.3em !important;
    border-radius: 0px !important;
    float: right !important;
  }

  .login-container .login-button:hover, .login-container .login-button:focus
  {
    background-position: left -128px !important;
    color: #fff;
    border-color: #0852b7;
    background-color: #0852b7;
  }

  a#forgot-credentials-link
  {
    font-size: 12px;
    color: #00a2ff;
    float: left;
  }

  .login-container .fb-divider-container .divider-text-container .divider-text
  {
    background: #fff0;
    padding: 0px;
    display: none !important;
  }

  .login-container .fb-divider-container .fb-divider
  {
    margin: 0px 0 0;
    background: none;
  }

  .login-container .fb-divider-container
  {
    width: 200px;
  }

  .login-container .signup-option
  {
    margin: 24px 0;
    position: absolute;
    left: 470px;
    top: 64px;
    height: 108px;
    width: 475px !important;
  }

  .login-container .no-account-text
  {
    font-size: 0px !important;
  }

  .login-container .no-account-text::after
  {
    content: 'Sign Up to Build & Make Friends' !important;
    font-size: 30px;
    width: 430px !important;
    position: relative;
    top: -10px;
    left: 0px;
    display: inline-block;
  }

  .login-container .no-account-text::before
  {
    content: 'Not a member?' !important;
    font-size: 12px;
    position: relative;
    top: -20px;
    left: 0px;
    display: inline-block;
  }

  a#sign-up-link
  {
    position: relative;
    top: 25px;
    margin-top: 20px !important;
    color: #fff;
    border: 1px solid;
    background-color: #428bca !important;
    border-color: #357ebd !important;
    background-image: url(http://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-green.png)!important;
    color: white !important;
    padding: 1px 13px 3px 13px;
    height: 28px;
    min-width: 62px;
    font-size: 20px;
    background-position: left -96px;
    line-height: 1.3em;
  }

  a#sign-up-link:hover, a#sign-up-link:focus
  {
    background-color: #3071a9;
    border-color: #285e8e;
    background-position: left -128px;
    text-decoration: none;
  }

  .login-container .alternative-login-divider-container .alternative-login-divider {
    height: 0px;
  }
  
  .login-container .alternative-login-divider-container .divider-text-container {
    display: none;
  }
  .login-container .alternative-login-divider-container {
    width: fit-content;
  }
  .login-container .alternative-login-divider-container::before {
    content: "";
    display: inline-block;
    border-right: 1px solid #ccc;
    height: 125px;
    top: -12px;
    position: absolute;
    left: 368px;
  }
  .login-container .login-header::before
  {
    content: "Login to ROBLOX";
    font-size: 32px !important;
    line-height: 32px;
  }

  .login-container .login-header
  {
    margin-bottom: 18px;
    text-align: left;
    font-size: 0;
    color: #000;
  }

  .login-container .cross-device-login-button
  {
    display: none;
	/* Quick Log In No More :(*/;
  }
/* Fix For Another Roblox 2016 Themer */
  .light-theme .section-content
  {
    box-shadow: 0 1px 4px 0 #0000 !important;
  }
}