Far From Perfect - Intermediate to advancedHere is a bit of CSS if you feel like playing with having your tags visible. There are too many variables involved in order to publish a “one-size-fits-all” style. This should get you started if you want to develop a personal use style though.
@namespace url(http://www.w3.org/1999/xhtml);@-moz-document url-prefix("http://www.tumblr.com") {#popover_tracked_tags {  position: relative !important;  top: 355px !important;  left: 242px !important;  width: 210px !important;  display: block !important;  visibility: visible !important;  background-image: none !important;  box-shadow: none !important;  border: solid .25px rgba(36,58,80,1) !important;}#popover_tracked_tags > DIV {  background: rgba(55,80,106,1) !important;}#popover_tracked_tags > DIV,#popover_tracked_tags > DIV > DIV > DIV,.popover_menu_item.ender  {  border-color: rgba(49,71,94,1) !important;  box-shadow: none !important;}.popover_menu_item.tracked_tag a .hide_overflow,.popover_menu_item.ender a,a[id^="tag"] small[class="count"] {  color: rgba(255,255,255,.65) !important;}#popover_tracked_tags > DIV > DIV:nth-child(2) > DIV:first-child:before,#popover_tracked_tags > DIV > DIV:nth-child(2) > DIV:first-child:after {  display: none !important;}#recommended_tumblelogs {  position: relative !important;  top: 525px !important;}}@-moz-document url-prefix("http://www.tumblr.com/dashboard") {  #tumblr_radar {  top: 520px !important;}}@-moz-document url-prefix("http://www.tumblr.com/tagged") {#popover_tracked_tags {  top: 15px !important;}#tumblr_radar {  top: 510px !important;}}@-moz-document url-prefix("http://www.tumblr.com/new"),url-prefix("http://www.tumblr.com/blog"),url-prefix("http://www.tumblr.com/inbox"),url-prefix("http://www.tumblr.com/help"),url-prefix("http://www.tumblr.com/edit") {#popover_tracked_tags {  visibility: hidden !important;}}

Far From Perfect - Intermediate to advanced
Here is a bit of CSS if you feel like playing with having your tags visible. There are too many variables involved in order to publish a “one-size-fits-all” style. This should get you started if you want to develop a personal use style though.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.tumblr.com") {
#popover_tracked_tags {
  position: relative !important;
  top: 355px !important;
  left: 242px !important;
  width: 210px !important;
  display: block !important;
  visibility: visible !important;
  background-image: none !important;
  box-shadow: none !important;
  border: solid .25px rgba(36,58,80,1) !important;
}
#popover_tracked_tags > DIV {
  background: rgba(55,80,106,1) !important;
}
#popover_tracked_tags > DIV,
#popover_tracked_tags > DIV > DIV > DIV,
.popover_menu_item.ender  {
  border-color: rgba(49,71,94,1) !important;
  box-shadow: none !important;
}
.popover_menu_item.tracked_tag a .hide_overflow,
.popover_menu_item.ender a,
a[id^="tag"] small[class="count"] {
  color: rgba(255,255,255,.65) !important;
}
#popover_tracked_tags > DIV > DIV:nth-child(2) > DIV:first-child:before,
#popover_tracked_tags > DIV > DIV:nth-child(2) > DIV:first-child:after {
  display: none !important;
}
#recommended_tumblelogs {
  position: relative !important;
  top: 525px !important;
}
}
@-moz-document url-prefix("http://www.tumblr.com/dashboard") {
  #tumblr_radar {
  top: 520px !important;
}
}
@-moz-document url-prefix("http://www.tumblr.com/tagged") {
#popover_tracked_tags {
  top: 15px !important;
}
#tumblr_radar {
  top: 510px !important;
}}
@-moz-document url-prefix("http://www.tumblr.com/new"),
url-prefix("http://www.tumblr.com/blog"),
url-prefix("http://www.tumblr.com/inbox"),
url-prefix("http://www.tumblr.com/help"),
url-prefix("http://www.tumblr.com/edit") {
#popover_tracked_tags {
  visibility: hidden !important;
}}
  1. neapolitanexplosions reblogged this from ohnemitleid
  2. vilkalizer reblogged this from ohnemitleid and added:
    I like it.
  3. 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!