Dashboard Style Creators/Users - Here we go again…

@-moz-document url('https://www.tumblr.com/login'),
  url('https://www.tumblr.com/'),
  url('https://www.tumblr.com/register'),
  url-prefix('http://www.tumblr.com/dashboard'),
  url('http://www.tumblr.com/new/blog'),
  url('http://www.tumblr.com/inbox'),
  url('http://www.tumblr.com/help'),
  url('https://www.tumblr.com/preferences'),
  url('https://www.tumblr.com/lookup'),
  url('http://www.tumblr.com/explore'),
  url('http://www.tumblr.com/following'),
  url('http://www.tumblr.com/likes'),
  url-prefix('http://www.tumblr.com/new/'),
  url-prefix('http://www.tumblr.com/reblog/'),
  url-prefix('http://www.tumblr.com/blog/'),
  url-prefix('http://www.tumblr.com/tumblelog/'),
  url-prefix('http://www.tumblr.com/tagged/'),
  url-prefix('http://www.tumblr.com/spotlight/'),
  url-prefix('http://www.tumblr.com/edit/') {

This is the updated list of prefixes to target your dashboard styles. The main changes here are url('http://www.tumblr.com/dashboard') to url-prefix('http://www.tumblr.com/dashboard'), and a line of code that must be added.

The unexpected side-effect regarding the use of this prefix is while visiting another tumblr blog, the background behind the dashboard/reblog etc. buttons changes to your dashboard theme’s background.

The unexpected side-effect if this prefix is not used is the dashboard theme is not applied to the dashboard if “Enable endless scrolling” is not selected in the Preferences section.

I think I finally found a solution for all of this. This line needs to added to the very end of any dashboard style. It tells the style not to apply the dashboard background to a non-dashboard tumblr site.

@-moz-document url-prefix('http://www.tumblr.com/dashboard/iframe'){body {background:none!important;}}

I have tested this with Firefox and Chrome. I have also updated all of my applicable styles on userstyles.org.

  1. ohnemitleid posted this

Welcome to my CSS Toy Box

This is where I test CSS toys. You are currently looking at a variant of Steven Bradley's 3 Column CSS Layout.

This Simple Auto-Playing Slideshow might move a bit fast, but each slide either contains a link or actually is a link. There is a wee bit of jquery in use for the slideshow to function.

The Title is a good example of a CSS Toy. Blurred text changing to 3D Text with a CSS timed transition.

Initially all I wanted was to create Post Drop-Shadows without using images. This rapidly grew into something else.

I've seen a lot of fancy tricks for links, but most of them required javascript or some variant. I wanted a pure CSS Slider menu, hopefully one that allowed images.

Please take a look around. There are lots of little things I have toyed with, from the rounded inner corners of the avatar frame to the linear gradient background with a semi-opaque "noise" filter overlay.

I'm trying to utilize what I have learned, not just post links to what you might be able to do with CSS. Enjoy!