Skip to content

Deviantart Classic by vknight20

Screenshot of Deviantart Classic
Write a review Install Get Stylus

Details

Authorvknight20

LicenseNo License

Categorydeviantart.com

Created

Updated

Code size13 kB

Code checksumb89ad84b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Brings back classic Deviantart. Pretty buggy:

  • Old header
  • Old Fonts
  • Old Profile Page

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           Deviantart Classic
@namespace      userstyles.world
@author         VKNIGHT20
@description    `
@version        1.0.0
==/UserStyle== */


@-moz-document url(https://www.deviantart.com/) {
    ._3BfxY._2y8fu {
    width: 142px;
    }
    
        body:after {
            background-image: url('https://i.ibb.co/VmmNYZY/deviantartsidebar.png');
    background-size: 160px 620px;
    height: 597px;
        position: absolute;
    width: 160px !important;
    content:"";
        top: 50px !important;
    }
    

    
        ._3BfxY._2y8fu {
    width: 140px;
    top: 00px !important;
    border: 0px !Important;
    height: 000px !Important;
        position: absolute;
        background-color: #D3DFD1 !important;
}
    
    body {
        background: #D3DFD1 !important;
    }
    
    ._3BfxY._2y8fu {
    width: 140px;
    top: 00px !important;
    border: 0px !Important;
        position: absolute
}
    
    div._3TcmG {
        background: #D3DFD1;
    border: 1px solid #9FB1A3;
    border-width: 0 1px 0 0;
    width: 170px;
    }
    
    div._2qVYN._5nA-q {
        margin-left: 100px !Important;
        width: 500px !Important;
    }
    
    
}
@-moz-document domain('deviantart.com'), url-prefix('https://deviantart.com/') {
    
    
/*---New Code---*/
    
    
    /*---Old Buttons---*/
    
    button._29oAF._1spFg._1Vx2f._1tjfK._1CpGm._2qSw3:before {
        display: none !Important;
    }
    
    div._35tV_ {
        display: none !important;
    }
    
    .theme-dark .forced-theme-light ._1spFg:focus, .theme-light ._1spFg:focus {
    outline: 0px;
}
    
    
    
    button {
        background-image: url(/web/20100519225200im_/http://st.deviantart.net/minish/gruzecontrol/gmbutton2f.png?1);
    line-height: 25px !important;
    }
    
    button[aria-label="More"] {
        display: none;
    }
    
    div._2qVYN._5nA-q {
        margin-left: 100px !Important;
        width: 800px !Important;
    }

    footer {
        width: 975px !important;
            vertical-align: top;
    width: 25%;
    color: #a9b1a6;
    border-left: 1px solid #647469 !important;
    border-right: 1px solid #445349 !important;
    padding: 0 3px 20px 30px;
    font-size: 8.25pt;
    }
    
    /*---Old Header---*/
    body:before {
            background-image: url('https://i.ibb.co/t2tsQMJ/deviantartclassic.png');
    background-size: 1044px 47px;
    height: 47px;
    display: inline-block;
    width: 1044px; 
    background-repeat: no-repeat;
    content:"";
    pointer-events: all;
    }
    
    div._1hkGk.DRK5r.ZxQOW {
    position: absolute;
    top: 13px;
    left: 113px;
    width: 118px;
    height: 24px;
    color: black !Important;
    background-color: #9EB1A3;
    }
    

    
    button#app-root-0._29oAF._2tk56._1sq66._19W8S._3EBeI._2Sbpm {
        display: none !important;
    }
    
    header[role="banner"] {
        background: transparent !important;
        width: 1044px !important;
        padding-bottom: 0px !important;
        border: 0px !important;
        margin-bottom: 0px !important;
        border-bottom: 0px !important;
        position: absolute !important;
        height: 0px !important;
    }
    
    
    
    main[role="main"] {
        margin-top: 0px !Important;
    }
    
    button#site-header-submit-button._29oAF._1spFg._1Vx2f._1tjfK._1CpGm._2qSw3 {
        background-color: green;
        margin-top: 45px !important;
    }
    
    header._99z2i {
        display: none;
    }
    
    div.hs1JI {
        padding-top: 0px !Important;
    }
    
    body {
        width: 1044px !important
    }
    
    main {
        width: 1044px !important;
    }
    
    button._29oAF._2tk56.kMmwt._19W8S.KgUWy {
        display: none;
    }
    
    ._1NDgn {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    border: black !important;
    border-radius: 0px;
    background: black;
    cursor: text;
}

    div._2DrPH._3BxPJ {
        background: transparent !important;
    }
    
._3BxPJ .ZRoSy, ._3BxPJ .ZRoSy svg {
    width: 125px;
    height: 42px;
}
    
    a[href="https://www.deviantart.com/notifications"] {
        display: none;
    }
    
    /*Positioning*/
    div._1NDgn.-GbUh._3QrEi {
    top: 13px;
    left: 113px;
    width: 118px;
    height: 24px;
    color: black !Important;
    background-color: #9EB1A3;
    position: absolute;
    }
    
    a._3vWxQ {
        background: transparent !important;
        background-image: none;
    }
    
    div.ayrWu._11Nid {
        display: none;
    }
    
    a[class="user-link _2f0dA _23x0l _2CBTH"] {
            top: 23px;
    left: -420px;
    width: 95px;
    height: 24px;
    color: black !Important;
        background: transparent !Important;
    }
    
a[class="user-link _2f0dA _23x0l _2CBTH"] {
    top: 23px;
    left: -510px;
    width: 95px;
    height: 24px;
    color: black !Important;
    background: transparent !Important;
}
    
    ._2CBTH img {
    width: 30px;
    height: 30px;
    position: absolute;
                    top: 23px;
    left: -420px;
    width: 95px;
    height: 24px;
}
    
    
    /*Temp Note*/
    div._3wuhk {
        top: 15px
    }
    


    
    div[class="_3V3jz _83ajC _2bikK SV1Nf _3RxzC SV1Nf"] {
        display: none;
    }
    
    div._1hkGk.DRK5r.ZxQOW {
            top: 13px;
    left: 137px;
    width: 118px;
    height: 24px;
    color: black !Important;
    background-color: #9EB1A3;
    position: absolute;
    }
    
    div.jorkG {
        padding: 6px !Important;
        background: #9EB1A3 !important;
    }
    
    button[class="_3Vvhk _3mpuU _1vmxf _3FMlD J__p2"] {
        display: none !important;
    }
    
    span[class="Ig8fj"] {
        display: none !Important;
    }
    
    div.rn9IN {
        display: none;
    }
    
    div._3lZEX {
        display: none;
    }
    
    a[class="_1-Wh7 _2BdDa _1S7bL _1aj3v _3OkP- _hZXS xSB8L"] {
        display: none;
    }
    
    span[class="_1-Wh7 _2BdDa _1e5Hg _1aj3v _3EXUL _2kN4p xSB8L"] {
        display: none;
    }
    
        div[class="_3vWxQ"] {
            position: absolute !important;
    top: 12px;
    left: 5px;
    width: 118px;
    height: 39px;
    background: transparent !important;
    }
    
    a.user-link._2yXGz._3mI1h.ds7QB {
            position: absolute;
    left: -553px;
    width: 95px;
    height: 24px;
    color: black !Important;
        background-image: none !Important;
    }
    
    img._121Hz {
        display: none !important;
    }
    
    div._3Udl9._2SLu5._2JhoM.kD1ip._2_7yR.kD1ip {
            position: absolute;
    left: -553px;
    top: 26px !Important;
        background-image: none !Important;
    }
    
    div._2lVyC {
    padding-top: 45px;
    }
    
    
    
        a[aria-label="DeviantArt - Home"][aria-label="DeviantArt - Home"] {
    position: absolute !important;
    top: 2px;
    left: 5px;
    width: 118px;
    height: 39px;
    background: transparent !important;
    }
    
    /*Old Hover*/
    button._29oAF._2tk56.kMmwt._19W8S {
        display: none !important;
    }
    
    div._34lVt {
        display: none;
    }
    
    
    /*---Old Picture Page---*/
    div._3Wl0f {
        background-image: none !Important;
        background: #D3DFD1 !important;
    }
    
    /*---Old Code---*/
    
    
    
    /*Unround Deviantart*/
    * {
        border-radius: 0px !important;
    }
    
    /*Old Logo*/
    ._2DrPH {
    display: inline-flex;
    position: relative;
    background: url(https://web.archive.org/web/20120711195835im_/http://st.deviantart.net/minish/main/logo.png);
}
    
    div._1k3DN.x-KMU {
    background: url(https://web.archive.org/web/20120711195835im_/http://st.deviantart.net/minish/main/logo.png);
        width: 125px;
    height: 42px;
    }
    
    .x-KMU ._2-qtY, .x-KMU ._2-qtY svg, .x-KMU .O_dY7, .x-KMU .O_dY7 svg {
    width: auto;
    height: 26px;
    display: none;
}
    
.x-KMU ._2wE6z, .x-KMU ._2wE6z svg {
    width: 84px;
    height: 26px;
    display: none;
}
    
._17Thb:not(.EiG-G) path, .ZRoSy:not(.EiG-G) path {
    fill: currentColor;
    display: none;
}

/*Classic Header*/

    div._3AEsy {
        display: none;
    }
    
    div._1K1Pi {
        display: none;
    }
    
    div._3BR_3 {
        padding-right: 0;
    }
    
    a._3BR_3 {
        padding-left: 0;
    }
    
    div._1wQwc {
        display: none;
    }
    
    a.L0V_O._3COL-._8NWKP.vvI-A._3tNAR._2N7EG._22XXy {
        display: none;
    }
    
    div.L0V_O {
        display: none;
    }
    
    span._2Q8pG {
        display: none;
    }
    
    ._1tjfK {
    background: #B3C432 !important;
    color: black !important;
}
    
._1okQx {
    color: #2B3432;
}
    
    span.nB1UF.pvY2P._2igcn {
        display: none;
    }
    
._1okQx {
    color: #2B3432;
}
    
span._20Nv2._3NNc6._174TF {
        display: none
    }
    
    
    
    ._1NDgn {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid var(--g-stroke-default);
    border-radius: 2px;
    background: var(--g-bg-primary);
    cursor: text;
}
    
._1tP9Z, ._3COL-:not(._8NWKP):not(:hover), .LzH9n, .ufgxI {
    color: var(--content);
    display: none;
}
    
._14MP- {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 0px;
}
    
    div._3e2hi {
        display: none;
    }
    
    div._2dnRy {
        display: none;
    }
    
    ._26j7s {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid var(--g-stroke-default);
    border-radius: 2px;
    background: var(--g-bg-primary);
    cursor: text;
}
    
    /*Get Rid of Modern Portions*/
    ._9EPD_ {
    border-top: 1px solid var(--g-divider1);
    display: none;
}
    
    div.IIlhx {
        display: none;
    }
    
    div._28607 {
        display: none;
    }
    
    span._96Gt2 {
        display: none;
  ...

Reviews

No reviews yet.