sidebar_blogs.user.css

/* ==UserStyle==
@name           sidebar blogs
@namespace      gist.github.com/marcustyphoon
@version        1.0.0
@description    adds blog icon shortcuts to the sidebar
@author         marcustyphoon
==/UserStyle== */

@-moz-document domain("tumblr.com") {
  @media (min-width: 1162px) {
    nav #account_subnav[hidden] {
      display: unset;
    }
    nav #account_subnav[hidden] > li:not(:last-child) { display: none; }
    nav #account_subnav[hidden] > li:last-child > div { display: none; }
    nav #account_subnav[hidden] > li:last-child > ul {
      display: flex;
      margin: 0 8px;
      overflow-x: scroll;
    }
    nav #account_subnav[hidden] > li:last-child > ul > li ul { display: none; }
    nav #account_subnav[hidden] > li:last-child > ul > li a[href^="/blog/"] {
      margin: 0 5px;
      padding: 0;
    }
    nav #account_subnav[hidden] > li:last-child > ul > li a[href^="/blog/"] + * { display: none; }
    nav #account_subnav[hidden] > li:last-child > ul > li a[href^="/blog/"] div {
      margin: 0;
    }
    nav #account_subnav[hidden] > li:last-child > ul > li a[href^="/blog/"] div + div { display: none; }

    /* use n + [number] to show up to [number - 1] blogs */
    nav #account_subnav[hidden] > li:last-child > ul > li:nth-child(n + 100) { display: none; }
  }
}