Skip to content

2012-2014 ESQUE PMC (HELP WANTED) by 2013internetlover

Screenshot of 2012-2014 ESQUE PMC (HELP WANTED)

Details

Author2013internetlover

LicenseCC-BY-SA-4.0

Categoryplanetminecraft

Created

Updated

Size173 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This userstyle restores the 2012-2014 eras of Planet Minecraft.

Notes

(HELP WANTED)

join my server to help me on doing a js version: https://discord.gg/NgrefPVbuA

REQUIRED SETTINGS

  • CLASSIC RESOURCE VIEW (only for 2012 and 2013)
  • LIGHT MODE
  • DYNAMIC HEADER OFF
  • COMPACT HEADER OFF

DISCLAIMER: 2012 is still a WIP!

CHANGELOG (06/25/24) 1.4.4

  • Assets bug fixed

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           2012-2014 ESQUE PlanetMinecraft
@namespace      https://userstyles.world/user/2013internetlover
@version        1.4.4
@description    This userstyle restores the 2012-2014 PlanetMinecraft
@author         2013internetlover
@license        CC-BY-SA-4.0
@preprocessor   less
@var select themes "Era" {
    "May-Aug 2012": "m2012",
    "Jan-Aug 2013": "e2013",
    "Sep-Dec 2013": "m2013",
    "Sep-Dec 2014*": "m2014",
}
@var select season "Season" {
    "Christmas 2012": "c2012",
    "Default*": "df",
    "Christmas 2013": "c2013",
}
==/UserStyle== */
@-moz-document domain("planetminecraft.com") {
    /*Main Website*/
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #252525;
    }
    .navmenu .navbar_icon.dropdown {
        display: none;
    }
    .navigation-wrap .navmenu a {
        & when (@themes =m2012) {
            font-size: 14px;
            text-shadow: -1px -1px 0 #000!important;
            text-transform: uppercase;
        }
    }
    a#nav-home::after {
        & when (@themes =m2012) {
            content: "Home";
            font-size: 14px;
            text-transform: uppercase;
        }
    }
    .navmenu .navbar_icon.home {
        & when (@themes =m2012) {
            display: none;
        }
    }
    body > #responsive728-wrap {
        display: none!important;
    }
    #member-sidebar {
        display: none!important;
    }
    #header #header-wrap #header-left #header_logo a img.notMobile {
        width: 222px;
        height: 72px;
        content: url(https://i.imgur.com/kg1puiZ.png);
        & when (@themes =m2014) {
            width: 222px;
            height: 72px;
            content: url(https://i.imgur.com/R4ZIFYC.png)!important;
        }
    }
    #header #header-wrap {
        width: 100%;
        max-width: 960px!important;
        padding-bottom: 5px;
    }
    input#keywords.default-value::placeholder {
        color: #fff0;
    }
    .search-box form button {
        display: none;
    }
    .search-box {
        margin: 4px 0 0 5px;
        position: relative;
        clear: both;
        max-width: 135px!important;
        box-shadow: none!important;
        border-radius: 0!important;
        background: #fff url('https://i.imgur.com/LbP69in.gif') repeat-x;
        border: 1px solid #83aade;
        & when (@themes =m2014) {
            margin: 4px 0 0 5px;
            position: relative;
            clear: both;
            max-width: 135px!important;
            box-shadow: none!important;
            background: #fff url('https://i.imgur.com/LbP69in.gif') repeat-x;
            border: none!important;
            border-radius: 2px!important;
        }
    }
    .search-box::after {
        content: "SEARCH";
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 14px;
        position: absolute;
        top: 5px;
        left: 143px;
        color: #fff;
        cursor: pointer;
        & when (@themes =m2014) {
            content: "SEARCH";
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 700;
            font-size: 14px;
            position: absolute;
            top: 5px;
            left: 143px;
            color: #fff;
            cursor: pointer;
            text-shadow: 0 1px 1px #142952;
        }
    }
    .breadcrumbs .material-icons.material-icons {
        display: none;
    }
    #header #header-wrap .header_text > ul > li > .material-btn.mem_submit .material-icons,
    #header #header-wrap .header_text > ul > li > a.mem_submit .material-icons,
    #mobileRightPanel .sidr-inner > ul > li > .material-btn.mem_submit .material-icons,
    #mobileRightPanel .sidr-inner > ul > li > a.mem_submit .material-icons {
        display: none;
    }
    .breadcrumbs a:hover {
        text-decoration: none;
    }
    .breadcrumbs a {
        font-size: 11px;
        display: inline-block;
        margin: 0;
        padding: 1px;
        padding-left: 1px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .breadcrumbs b {
        font-size: 0px;
        margin: 0 0px;
    }
    .breadcrumbs b::after {
        margin: 0 3px;
        content: "›";
        font-size: 11px;
        color: #252525;
        font-weight: 500;
    }
    .breadcrumbs a:first-of-type::before {
        content: "You are here:";
        font-size: 11px;
        color: #252525;
        font-weight: 500;
        padding-right: 5px;
    }
    .breadcrumbs {
        white-space: nowrap;
        font-size: 11px;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        & when (@themes =m2014) {
            color: #252525;
        }
    }
    div.breadcrumbs.header_box.notMobile {
        background: #fff0!important;
        & when (@themes =m2014) {
            background: rgba(238, 242, 249, .8)!important;
            padding-right: 5px!important;
        }
    }
    #header #header-wrap .header_box:not(#level_panel) {
        border-radius: 5px!important;
        padding: 0px 0px;
        background: rgba(238, 242, 249, .8);
        & when (@themes =m2014) {
            border-radius: 5px!important;
            padding: 0px 0px 3px;
            background: rgba(238, 242, 249, .8);
            border: 1px solid rgba(238, 242, 249, 0.7);
            box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
        }
    }
    #header-top-bar {
        margin-top: 2px;
    }
    #header #header-wrap .header_text > ul > li:nth-child(3) {
        display: none;
    }
    #header #header-wrap .header_text > ul > li:nth-child(6)::before {
        content: "MY ACCOUNT";
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #36c;
        font-weight: bold;
        cursor: pointer;
    }
    #header #header-wrap .header_text > ul > li .submenu_trigger i.material-icons.account_circle {
        display: none;
    }
    #header #header-wrap .header_text > ul > li .submenu_trigger {
        color: #36c!important;
    }
    .material-icons.drafts:before {
        color: #e6510000;
        background-image: url("https://i.imgur.com/v6w5xBM.png");
        background-position: 0px -50px;
        width: 10px;
    }
    #header #header-wrap .header_text > ul > li .material-icons.material-icons {
        min-width: 0px;
        min-height: 0px;
    }
    .material-icons.arrow_drop_down:before {
        content: "";
    }
    .material-icons.arrow_drop_down {
        background-image: url(https://i.imgur.com/v6w5xBM.png);
        background-position: -32px -48px;
        min-height: 16px!important;
        min-width: 16px!important;
        & when (@themes =m2014) {
            background-image: url('https://i.imgur.com/ABk84sF.png');
            background-position: -32px -48px;
            min-height: 16px!important;
            min-width: 16px!important;
        }
    }
    .material-icons.md-24 {
        height: 16px;
        width: 16px;
    }
    #header #header-wrap .header_text > ul > li .material-icons:nth-child(1) {
        width: 16px;
        height: 11px;
    }
    #header #header-wrap .header_text > ul > li > a {
        color: #36c;
    }
    #header #header-wrap .header_text > ul > li {
        font-size: 11px!important;
    }
    #header #header-wrap .header_text > ul > li > a:hover {
        color: #187e10!important;
    }
    #header #header-wrap .header_text > ul > li > .material-btn:hover.mem_submit .material-icons,
    #header #header-wrap .header_text > ul > li > .material-btn:hover.mem_submit > span,
    #header #header-wrap .header_text > ul > li > a:hover.mem_submit .material-icons,
    #header #header-wrap .header_text > ul > li > a:hover.mem_submit > span,
    #mobileRightPanel .sidr-inner > ul > li > .material-btn:hover.mem_submit .material-icons,
    #mobileRightPanel .sidr-inner > ul > li > .material-btn:hover.mem_submit > span,
    #mobileRightPanel .sidr-inner > ul > li > a:hover.mem_submit .material-icons,
    #mobileRightPanel .sidr-inner > ul > li > a:hover.mem_submit > span {
        color: #187e10!important;
    }

    #change-status-trigger {
        display: none;
    }
    .avatar_icon {
        border-radius: 0px!important;
    }
    #header #level_panel {
        margin-top: 8px;
        margin-right: 5px;
        box-sizing: border-box;
        background: rgba(238, 242, 249, 0.8);
        border: none;
        box-shadow: none;
        border-radius: 5px;
        background-clip: padding-box;
        padding: 5px;
        font-size: .6875rem;
        & when (@themes =m2014) {
            background: rgba(238, 242, 249, .8);
            border: 1px solid rgba(238, 242, 249, 0.7);
            box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
        }
    }
    #level_panel #level_bar .progressbar > .filled {
        height: 100%;
        background: #880d28;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fce8b3), color-stop(50%, #fccd4d), color-stop(51%, #f8ba11), color-stop(100%, #fadc89));
        color: #FFF;
        cursor: pointer;
        border: 1.5px solid #f8b500;
    }
    #level_panel #level_bar .xp_overlay {
        position: absolute;
        z-index: 1;
        width: 18rem;
        height: 22px;
        background: url(/images/layout/themes/modern/pmc_xpbar.png) no-repeat;
        top: -2px;
        visibility: hidden
    }
    #level_panel #level_bar .progressbar {
        height: 19px;
        border-radius: 5px;
        background: var(--feed-alt-bg);
        overflow: hidden;
        color: #333;
        font-size: 12px;
        line-height: 26px;
        text-shadow: 0 1px 0 #fff;
        borde...

Reviews

No reviews yet.