Skip to content

Old Avatar Editor Addon For 2017M Avatar Editor by Vue2016

Screenshot of Old Avatar Editor Addon For 2017M Avatar Editor

Details

AuthorVue2016

LicenseN/A

Categorywww.roblox.com

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

2013 - Early 2017 Avatar Editor Requires RLOT By @TersisWilvin To Work As Intended Also NEEDS BTROBLOX

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           Old Avatar Editor Addon For 2017M Avatar Editor
@namespace      github.com/openstyles/stylus
@version        1.0.4
@description    2013 - Early 2017 Avatar Editor Requires RLOT By @TersisWilvin To Work As Intended Also *NEEDS BTROBLOX*
@author         Vue2016
==/UserStyle== */


@-moz-document domain("web.archive.org") {
    html {
        background-color: transparent!important;
    }
}@-moz-document url-prefix("https://www.roblox.com/my/avatar") {
    .dark-theme .item-card .item-card-thumb-container::before {
        border-radius: 0px;
    }
    thumbnail-2d[ng-class="\{\'shimmer\'\:avatarCallLimiter\.itemCardsDisabled\}"]{width:58%!important}.items-list .item-card .item-card-thumb{position:relative;top:2px;left:21px;cursor:default}.items-list.avatar-item-list .item-card.six-column{width:16.6%;margin-right:20px}.avatar-editor-header h1{display:inline-block;font-weight:1000;letter-spacing:-1px;line-height:32px;font-size:0}.items-list .item-card .item-card-thumb-container::before{display:inline-block!important;content:"Wear";font-size:14px;cursor:pointer;color:#fff;border:1px solid #0852b7;background-color:#0852b7!important;background-image:url(http://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-blue.png)!important;padding:1px 7px 0;position:relative;left:78px;opacity:1!important}.items-list .item-card .item-card-name{color:#0055B3;font-size:14px}.light-theme .avatar-back{background:transparent}span.toggle-three-dee.btn-control.btn-control-small.ng-binding{background-image:url(https://static.rbxcdn.com/images/StyleGuide/btn-control-small-tile.png);padding:0 6px;line-height:1.428;font-size:12px;border-color:#777;min-height:0;border-radius:0}.light-theme .thumbnail-2d-container{background:none}.avatar-editor-header h1::before{content:"Avatar Customizer";font-size:32px}body[data-internal-page-name='Avatar'] > div > main#container-main{background:#fff}div[ng-controller='avatarController'] > div > div > div.section-content,.items-list.avatar-item-list .item-card .item-card-container{box-shadow:none!important}.items-list .item-card .item-card-equipped::before{display:inline-block;content:"Wearing";font-size:14px;cursor:pointer;height:26.781px;color:#fff;border:1px solid #0852b7;background-color:#0852b7;background-image:url(http://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-blue.png);padding:1px 7px 0;position:relative;left:62px;top:-1px}.light-theme .item-card-container .item-card-equipped{border:none}.item-card-equipped-label{visibility:hidden}#wrap.pinned .right-wrapper:before{background:none!important}
    .pager-holder {
        position: relative;
        z-index: 999;
    }   }


.content {
    background-color: transparent!important;
}

.avatar-editor-header h1 {
    font-size: 0!important;
    font-weight: 550!important;
    cursor: text;
}
.breadcrumb-container {
    display: none!important;
}

.left-wrapper .section-content {		
	height: 521.34px!important;
}

.ng-binding.text-lead {
    color: #0055B3!important;
    font-size: 14px;
}

.rbx-tab.six-tab:nth-child(3) .text-lead:before, .rbx-tab.six-tab:nth-child(6) .text-lead:before {
    font-size: 14px!important;
}


html {
    background-color: #fff!important;
}




.ng-binding.text-lead > .icon-down {
    display: none!important;
}

.content-no-ads.container-main, .content {
    overflow: visible!important;
}


.avatar-type-toggle-scale label {
        all: revert!important;
        font-size: 22px !important;
        top: 580px!important;
        padding: 2px !important;
        padding-left: 19px !important;
        position: relative !important;
        left: -18px !important;
}
.ng-isolate-scope.item-card-thumb {
    border: none!important;
}

div.ng-scope.scale-container:nth-of-type(3) {
        display: none;
    }

.tab-content>.tab-pane:not(.active).scaling-tab {
    height: 30.39px!important;
}

.ng-binding.item-card-name.text-overflow {
    position: relative;
    top: -20px;
    left: 15px;
}

.ng-isolate-scope.item-card-thumb > .thumbnail-2d-container > .ng-isolate-scope.ng-scope:hover {
    border: 1px solid #e3e3e3;
}


.ng-isolate-scope.item-card-thumb > .thumbnail-2d-container > .ng-isolate-scope.ng-scope {
    border: 1px solid #e3e3e3;
}

.scaling-tab .scaling-info {
    font-size: 0!important;
}

 .light-theme input[type=range]::-webkit-slider-runnable-track {
        background: #dedede;
        border-radius: 2px;
    }

.light-theme input[type=range] {
    width: 83%;
}
    .light-theme input[type=range]::-moz-range-track {
        background: #dedede;
        border-radius: 2px;
    }
    .light-theme input[type=range]::-ms-track {
        background: #dedede;
        border-radius: 2px;
    }
    .light-theme input[type=range]::-webkit-slider-thumb {
        transition: none!important;
        border: 1px solid #9E958E;
        height: 20px;
        width: 12px;
        border-radius: 2px;
        background: #dedede;
        box-shadow: none!important;
    }
    .light-theme input[type=range]::-moz-range-thumb {
        transition: none!important;
        border: none!important;
        height: 20px;
        width: 12px;
        border-radius: 2px;
        background: #dedede;
        box-shadow: none!important;
    }
    .light-theme input[type=range]::-ms-thumb {
        transition: none!important;
        border: none!important;
        height: 20px;
        width: 12px;
        border-radius: 2px;
        background: #dedede;
        box-shadow: none!important;
    }
    .light-theme input[type=range]::-moz-range-progress {
        background-color: #dedede;
        height: 6px;
        border-radius: 2px!important;
    }
    .left-wrapper .section-sliders {
        padding: 5px 0;
    }

.scaling-tab .scaling-info::after {
    content: 'Avatar Type (BETA)';
    font-size: 28px!important;
    position: relative;
    top: 55px;
    left: 7px;
    z-index: 999 !important;
}

.redraw-avatar .text-link {
    all: revert!important;
    font-size: 0!important;
}

.icon-moreinfo-16x16 {
    position: relative;
    top: 55px;
    left: 245px;
}

.section-content > .ng-binding.advanced-link.text-link {
    display: none!important;
}

#bodyColors:not(.active) {
        display: block;
        position: absolute;
        margin-left: -368px;
        top: 670px;
        width: 332px;
    }
    #bodyColors:not(.active):before {
        content: "Colors";
        font-size: 30px;
        font-weight: normal;
        color: var(--textcol);
        letter-spacing: -1px;
        font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    }
    #bodyColors:not(.active) .section-content:before {
        content: "Click a body part to change its color:";
        font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
        color: var(--textcol);
        font-size: 14px;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    #bodyColors:not(.active) .bodycolors-list, #bodyColors:not(.active) hr, .btr-color-selector::after {
        display: none;
    }
    #wrap.pinned #bodyColors:not(.active) {
        position: fixed;
        top: 574px;
    }
    html body .btr-color-selector input {
        border: 1px solid #d6d6d6;
        padding: 0;
    }
    html body.dark-theme .btr-color-selector input {
        border: 1px solid #575757;
    }
    .btr-color-selector {
        --max-size: 250px;
    }
    .btr-color-selector input::-webkit-color-swatch, .btr-color-selector input {
        border: none;
    }
.btr-color-selector {
    display: block!important;
    position: absolute;
    left: 88px;
}

.ng-scope.btr-bodyColors.tab-pane {
    position: relative;
    margin-top: 150px !important;
}

.container-footer {
    display: none!important;
}
    .btr-color-selector .btr-color-head {
        width: 45px;
        height: 45px;
        left: 44%;
    }
    .btr-color-selector .btr-color-torso {
        width: 88px;
        height: 88px;
        top: 20%;
        left: 35%;
    }
    .btr-color-selector .btr-color-leftArm,
    .btr-color-selector .btr-color-rightArm,
    .btr-color-selector .btr-color-leftLeg,
    .btr-color-selector .btr-color-rightLeg {
        width: 40px;
        height: 88px;
    }
    .btr-color-selector .btr-color-leftArm {
        top: 20%;
        left: 73%;
    }
    .btr-color-selector .btr-color-rightArm {
        left: 16%;
    }
    .btr-color-selector .btr-color-rightLeg {
        top: 57%;
        left: 35%;
    }
    .btr-color-selector .btr-color-leftLeg {
        top: 57%;
        left: 54%;
    }
    .btr-color-selector .btr-color-head::-webkit-color-swatch, .btr-color-selector .btr-color-head {
        border-radius: 0;
    }
    .item-cards-stackable .item-card-thumb-container .thumbnail-2d-container {
        border-radius: 0;
    }
    .btr-bodyColors .bodycolors-list {
        width: 212px;
    }
    #bodyColors hr {
        margin-top: 10px!important;
    }
#bodyColors > .section-content {
    box-shadow: none!important;
    position: relative!important;
}


    

.redraw-avatar .text-link::after {
    content: 'Click here to re-draw it!';
    font-size: 14px;
    color: #0055B3;
    display: inline-block;
    cursor: pointer!important;
    position: relative;
    top: -8px;
    font-weight: 400;
}



.ng-scope.pill-toggle.avatar-type-toggle-scale {
    position: relative!important;
    left: -150px!important;
    top: -135px!important;
}

div.ng-scope.scale-container:nth-of-type(1)::after {
    content: "Note that gear, body parts, and some hats are not yet R15 compatible.";
    position: absolute;
    top: 100px;
    left: 35px;
    font-size: 14px;
    font-weight: 400;
}
div.ng-scope.scale-container > .ng-scope {
    position: relative;
    top: 165px!important;
    left: 20px;
}

.redraw-avatar {
    position: relative!important;
    top: -190px!important;
    left: 40px!important;
}


.ng-scope > .ng-binding.font-body.scale-label {
    position: relative;
    top: 22px;
    left: 5px;
    font-size: 14px;...

Reviews

No reviews yet.