Skip to content

ROBLOX 2016 Sign Up Page Reconstruct by Mystery_Channel

Imported from https://raw.githubusercontent.com/LukHJA/ROBLOX-2016-Reconstruct-Stuff/main/ROBLOX2016SignUpPageReconstruct.user.css

Screenshot of ROBLOX 2016 Sign Up Page Reconstruct

Details

AuthorMystery_Channel

LicenseNo License

Categoryroblox

Created

Updated

Size4.1 MB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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 2016 Sign Up Page Reconstruct
@namespace      userstyles.world
@version        1.0.2
@description    Almost perfect try to ROBLOX 2016. Font Used from "Roblox in 2016" by Ologist: https://userstyles.org/styles/178105/roblox-in-2016.
@author         Mystery Channel
==/UserStyle== */

@-moz-document url("https://www.roblox.com/"), url("https://www.roblox.com"), url-prefix("https://www.roblox.com/?returnUrl") {
/* Old Font [Font used from Roblox in 2016 Remastered By Ologist]
Links: 
https://userstyles.org/styles/178105/roblox-in-2016
*/

@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/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@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/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@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/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family:'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://web.archive.org/web/20160629235641im_/https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
* {
    font-family:"Source Sans Pro", Arial, Helvetica, sans-serif !important;
}
/* Sign Up Page */
body {
    background-color: #ffffff!important;
}
  #RollerContainer.rollercoaster-background
  {
    background-image: url('http://images.rbxcdn.com/dcbdfaf1c08058e71f65c09f7b98ff04.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset !important;
  }
.signup-container.theme-bg.rbx-login-form {
    max-width: 435px !important;
    width: 465px !important;
    box-sizing: initial !important;
}
.lower-logo-container {
    display: inline-block;
    padding: 0;
    position: relative;
    top: 200px;
}

  #InnerRollerContainer
  {
    background-image: none;
  }

  .lower-logo-container
  {
    background-color: #0000 !important;
  }

  .dark-theme .theme-bg
  {
    background-color: #fffffff2;
    border-radius: 0px;
  }

  .form-control
  {
    display: block;
    width: 100%;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #b8b8b8 !important;
    border-radius: 6px !important;
  }

  .signup-or-log-in .fake-input-lg
  {
    border-radius: 3px !important;
  }
/* Input Field trash */
  .input-field:focus
  {
    box-shadow: none;
    border-color: #00A2FF !important;
  }

  .has-error .form-control:focus
  {
    border-color: #843534 !important;
    -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 6px #ce8483 !important;
    box-shadow: inset 0 1px 1px #00000014, 0 0 6px #ce8483 !important;
  }

  .has-error .form-control
  {
    border-color: #843534 !important;
  }

  .has-success .form-control:focus
  {
    border-color: #2b542c !important;
    -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 6px #67b168 !important;
    box-shadow: inset 0 1px 1px #00000014, 0 0 6px #67b168 !important;
  }

  .has-success .form-control
  {
    border-color: #2b542c !important;
  }
/* Birthday */
  #signup > div.signup-or-log-in.new-username-pwd-rule > div > div.signup-input-area.ng-invalid.ng-invalid-validusername.ng-invalid-password.ng-dirty.ng-valid-parse.ng-valid-birthday > div.birthday-container > div > label
  {
    cursor: inherit;
    font-size: 0;
  }

  .dark-theme .birthday-container .rbx-select-group .rbx-select
  {
    background: url('http://static.rbxcdn.com/images/Upgrades/Purchase/icon_downarrow.svg') no-repeat scroll 98% 9px #fff !important;
    height: 44px !important;
    color: #191919 !important;
    font-weight: 300;
    font-size: 18px;
  }

  .dark-theme .birthday-container .rbx-select-group .rbx-select:hover
  {
    background-color: #00A2FF !important;
    background-image: url(http://static.rbxcdn.com/images/Upgrades/Purchase/icon_downarrow_on.svg) !important;
    color: #fff !important;
  }

  .signup-container .birthday-container .rbx-select-group.month
  {
    width: 33%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .signup-container .birthday-container .rbx-select-group.day
  {
    width: 20%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .signup-container .birthday-container .rbx-select-group.year
  {
    width: 23%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .signup-container .birthday-container .rbx-select-group:first-of-type .rbx-select
  {
    border-right: 1px solid #b8b8b8;
    border-left: 1px solid #b8b8b8;
    border-top: 0;
    border-bottom: 0;
    margin-left: 25px;
  }

  .signup-container .birthday-container .rbx-select-group:nth-of-type(2) .rbx-select
  {
    border-color: #b8b8b8;
  }

  .signup-container .birthday-container .rbx-select-group.month
  {
    margin-left: 99px;
  }

  .dark-theme .rbx-select-group .rbx-select option:checked
  {
    color: #191919 !important;
    background-color: #ffffff !important;
  }

  .dark-theme .rbx-select-group .rbx-select option, .dark-theme .rbx-select-group .select-option option, .dark-theme .select-group .rbx-select option, .dark-theme .select-group .select-option option
  {
    color: #191919 !important;
    background-color: #ffffff !important;
  }

  .signup-container .birthday-container .rbx-select-group.month::before
  {
    content: 'Birthday';
    margin-left: -91px;
    color: #191919;
    font-weight: 300;
    font-size: 18px !important;
    display: inline-block !important;
    cursor: default !important;
  }
/* Username / Pasword */
  .signup-container .form-control
  {
    font-size: 20px !important;
    height: 46px !important;
    padding-right: 40px;
  }

  input#signup-password
  {
    padding: 5px 12px;
  }

  input#signup-username
  {
    padding: 5px 12px;
  }
/* Male / Female */
  .gender-female
  {
    background-image: url('http://images.rbxcdn.com/a0afd0556163477e1023c5aa55d1b9f6.png') !important;
    background-position: 6.75px 2px !important;
    width: 32px;
    margin: 0;
    margin-left: 0 !important;
    position: relative;
    top: -1px;
    left: -1px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #b8b8b8;
  }

  .gender-icon.gender-female.gender-selected
  {
    border-color: #D86868;
    background-position: -24px !important;
  }

  #FemaleButton
  {
    border-right: 0;
    width: 32px !important;
    height: 32px;
    padding: 0;
    float: left;
    position: relative;
    margin: 0px 86px;
    margin-left: 135px !important;
    top: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .signup-container .gender-button:focus
  {
    border: 0px solid #fff!important;
  }

  .gender-male
  {
    background-image: url('http://images.rbxcdn.com/856241927a2ac609e3033feada3ef9f9.png') !important;
    background-position: 8.75px 2px !important;
    width: 32px;
	margin: 0;
    margin-left: 0 !important;
    position: relative;
    top: -1px;
    left: -1px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #b8b8b8;
  }

  .gender-icon.gender-male.gender-selected
  {
    border-color: #32B5FF;
    background-position: -22px 2px !important;
  }

  #MaleButton
  {
    border-right: 0;
    width: 32px !important;
    height: 32px;
    padding: 0;
    float: left;
    position: relative;
    margin: 0px 0px;
    top: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  #signup > div > div > div > div.gender-container > label::before
  {
    content: "Gender";
    font-size: 18px !important;
    top: 15px;
    left: 13px;
    position: relative;
    display: inline-block !important;
    cursor: inherit !important;
  }

  #signup > div > div > div > div.gender-container > label
  {
    color: #191919;
    font-weight: 300;
    position: relative;
    font-size: 0px;
    line-height: 18px;
    display: block !Important;
    height: 0px;
    margin: 0px;
  }
/* Fixes */
  .signup-or-log-in .signup-container .signup-input-area .legal-text-container div
  {
    font-size: 14px;
    color: #191919;
  }

  .signup-or-log-in .input-validation
  {
    min-height: 0px;
  }

  .form-group
  {
    height: 77px !important;
  }

  .form-group.has-error
  {
    height: 77px !important;
  }

  .form-group.has-success
  {
    height: 77px !important;
  }

  label.ng-binding.font-caption-header
  {
    color: #fff0;
    font-size: 0;
  }

  #signup > div.signup-or-log-in.new-...

Reviews

No reviews yet.