/* ==UserStyle==
@name Modified ROBLOX 2011 Theme
@version 2.1
@namespace userstyles.world/user/flinticarft
@description i was bored so i made this
the hundredth and one 2011 theme for roblox that works (if you read the description)!
main theme is Roblox 2011 by melongirl (https://userstyles.world/style/6914/roblox-2011-unmaintained-atm-read-desc) (https://userstyles.world/user/melongirl)
tm script (you need this for the theme to work): https://greasyfork.org/en/scripts/453123-roblox-2011
btroblox: https://chrome.google.com/webstore/detail/btroblox-making-roblox-be/hbkpclpemjeibhioopcebchdmohaieln
btroblox for firefox: https://addons.mozilla.org/es/firefox/addon/btroblox/
@author flinticarft
@license No License
@var checkbox blog "2006-2011 Blog" 0
==/UserStyle== */
@-moz-document url-prefix("https://web.roblox.com/my/account"), url-prefix("https://www.roblox.com/my/account") {
/* Settings */
div[ng-hide="accountData.stateProperties.isMyAccountSectionHeaderHidden"] .container-header {
margin: 0;
}
div[ng-hide="accountData.stateProperties.isMyAccountSectionHeaderHidden"] .container-header h1 {
margin: 0;
background: url(https://web.archive.org/web/20110727142240im_/http://www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t2.png) no-repeat right top;
padding: 5px 5px 0 8px;
height: 34px;
border-top-left-radius: 5px;
width: 100%;
color: white;
font-size: 0;
font-weight: bold;
line-height: 23px;
}
div[ng-hide="accountData.stateProperties.isMyAccountSectionHeaderHidden"] .container-header h1:before {
content: "Account Settings";
font-size: 20px;
cursor: text;
color: black;
}
#settings-container {
background: url(https://web.archive.org/web/20110727121045im_/http://www.roblox.com/images/cssspecific/rbx2/standardBox_01_bkg.png) white repeat-x;
border: 1px solid #aaa;
padding: 5px;
position: relative;
z-index: 1;
top: -6px;
height: 542px;
}
/* Right */
.form-group {
padding: 5px;
border: 1px solid #ccc;
}
.form-group .text-label {
padding: 0 !important;
position: absolute;
margin-top: -12px;
font-size: 12px !important;
font-weight: bold !important;
color: black;
height: 12px;
line-height: 11px;
background: #fff;
}
.form-group .ng-binding {
font-size: 12px;
}
.light-theme .btn-generic-edit-sm {
padding: 0;
border-radius: 0;
background: none !important;
height: auto;
width: auto;
text-align: left;
}
.light-theme .btn-generic-edit-sm:hover {
color: #00F;
text-decoration: underline;
}
.light-theme .btn-generic-edit-sm .icon-edit {
display: none;
}
span[ng-bind="'Label.PreviousUsernames' | translate"] {
padding: 0;
position: absolute;
margin-top: -12px;
font-size: 12px !important;
font-weight: bold !important;
color: black;
height: 12px;
line-height: 11px;
background: #fff;
}
.account-change-displayname.btn-generic-edit-sm:before {
content: "Change Display Name";
font-size: 12px;
color: #00F;
}
.account-change-username.btn-generic-edit-sm:before {
content: "Change Username";
font-size: 12px;
color: #00F;
}
.account-change-password.btn-generic-edit-sm:before {
content: "Change Password";
font-size: 12px;
color: #00F;
}
.account-change-email.btn-generic-edit-sm:before {
content: "Change Email Address";
font-size: 12px;
color: #00F;
}
.icon-checkmark-16x16 {
display: none;
}
.text-robux.account-field-email-verified-text.ng-binding {
color: green;
font-weight: bold;
}
/* Sliders */
.content .btn-toggle {
float: left;
border-radius: 0;
background: none;
}
.toggle-flip {
display: none;
}
.btn-toggle.on {
border: 2px solid #0060df;
height: 14px;
width: 14px;
display: inline-block;
border-radius: 3px;
background-color: #0060df !important;
background-image: url(https://images.rbxcdn.com/c37a5314ba360c995451518527cf293c-generic_light.svg);
background-size: 27px auto;
background-position: -1px -582px;
}
.btn-toggle.on:hover {
border: 2px solid #004aad;
background-color: #004aad !important;
}
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] button, div[ng-controller="accountsContentController"] button {
border: 2px solid #8f8f9d;
background-color: white !important;
height: 14px;
width: 14px;
border-radius: 3px !important;
}
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] button:hover, div[ng-controller="accountsContentController"] button:hover {
border: 2px solid #343434;
}
.btn-toggle-label {
font-size: 12px !important;
color: black;
margin-left: 20px;
}
/* Settings */
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] .container-header {
display: none;
}
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] .text-description {
display: none;
}
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] .rbx-divider {
display: none;
}
div[ng-if="accountContent.userInfo.data.IsParentalControlsTabEnabled"] .section {
height: 25px;
}
}
@-moz-document url-prefix("https://www.roblox.com/upgrades/robux"),
url-prefix("https://web.roblox.com/upgrades/robux") {
/* Buy Robux */
}
.robux-downsell .icon-robux-gray, .premium-container .page-top .robux-man {
display:none
}
.robux-downsell .btn-control-md, .btn-growth-md:not(.profile-join-game) {
all:unset!important
}
.catalog-container .search-bars .buy-robux, .catalog-container .catalog-results .buy-robux {
display:none!important
}
.robux-head.robux-head-40-percent .font-header-1, .robux-head.robux-head-40-percent .text-link {
font-size: 12px;
}
.premium-container .page-top {
background:none;
color:#000
}
.robux-cell .font-header-1, .robux-cell h4 {
font-weight:400;
font-size:12px;
}
.robux-cell h4 {
color:#095fb5;
cursor:pointer
}
.robux-cell h4:after {
content:" ROBUX"
}
.robux-cell h4 .font-small, .robux-upsell .unsubscribed .icon-robux-white {
display:none
}
.robux-cell h4:hover {
text-decoration:underline
}
.premium-container .robux-table .robux-cell {
border:none;
padding:0
}
.premium-container .robux-button-container {
all:unset
}
.premium-container .page-content {
width:500px;
margin:0 auto
}
.row.premium-container {
width:900px
}
.premium-container .page-top .top-header {
margin-left:0
}
/*upgrade premium*/
/*premium*/
.robux-row .robux-cell:nth-child(3) .robux-button-container button span {
display: none;
}
.premium-container .page-top .top-header > .ng-binding {
font-size: 0;
color: black;
}
.premium-container .page-top .top-header > .ng-binding {
font-size: 0;
line-height: 30px;
}
h1[ng-bind="'Action.BuyRobux' | translate"] {
color: black;
font-size: 0;
font-weight: normal;
margin: 10px 0;
padding: 0;
}
h1[ng-bind="'Action.BuyRobux' | translate"]:before {
content: "ROBUX is the currency used in ROBLOXia.";
font-size: 12px;
cursor: text;
font-family: Helvetica,sans-serif;
}
.top-subtitle {
color: black;
font-size: 0;
font-weight: normal;
margin: 10px 0;
padding: 0;
}
.top-subtitle:before {
content: "Use ROBUX to buy virtual goods for your character – shirts, pants, hats, faces, and even heads! You can also buy gear, like hammers, potions, jet boots, swords, and BLOXI Cola.";
font-size: 12px;
cursor: text;
font-family: Arial,Helvetica,sans-serif;
}
.top-subtitle .ng-scope {
color: black;
font-size: 0;
font-weight: normal;
margin: 15px 0;
padding: 0;
position: absolute;
width: 100%;
top: 75px;
left: 0px;
}
.top-subtitle .ng-scope:before {
content: "Click a link below to choose the quantity of ROBUX you wish to purchase.";
font-size: 15px;
cursor: text;
top: 25px;
position: relative;
color: green;
font-family: Arial,Helvetica,sans-serif;
}
.top-subtitle .ng-scope:after {
content: "NOTE: Please allow up to 5 minutes for your account to be credited.";
color: red;
font-size: 19px;
cursor: text;
top: 50px;
position: absolute;
left: 150px;
font-family: Arial,Helvetica,sans-serif;
}
.icon-premium-small {
display: none;
}
.icon-moreinfo {
display: none;
}
.premium-container .robux-table .robux-head-40-percent,
.robux-downsell .icon-robux-gray,
.robux-downsell .robux...