Piano Keys Tumblr Dashboard Theme

Tumblr Themes Tumblr Theme Generator Twitter Backgrounds Twitter Headers Tumblr Follower Counter Tumblr Music Players Tumblr Visitor Counter Tumblr Users Online Counter

Tumblr Dashboard Themes Tumblr Scrollbars Facebook Covers Banner Generator Backgrounds Only Google Homepages Tumblr Cursors Facebook Banners Blogger Templates Tumblr Codes MySpace Layouts Black And White Graphics

Photo Effects

Tumblr Resources

Facebook Resources

Twitter Resources

Google Resources

Affiliates

Skinny Tumblr Themes CUTE Facebook Covers Tumblr Themes Facebook Covers

Piano Keys Tumblr Dashboard Theme

How to install this dashboard theme

To install the Piano Keys Theme to your Tumblr dashboard you must have our free YayStyles app installed to your browser. If you do not have it preinstalled please use the link below to install it.

Install our Google Chrome browser extensions

I'm sorry we currently only support Google Chrome and FireFox browsers.

body { background: url('http://www.totallylayouts.com/backgrounds/music/piano_keys.gif') top left #000000 repeat fixed !important;}

ol#posts li blockquote, body.mceContentBody blockquote { margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px !important; border-width: 4px !important; border-color: #a8bccf !important;n}

ol#posts li blockquote blockquote, body.mceContentBody blockquote blockquote { border-color: #989898 !important; }

ol#posts li blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote { border-color: #6b7d8f !important; }

ol#posts li blockquote blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote blockquote { border-color: #4c5e6f !important; }

ol#posts li blockquote blockquote blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote blockquote blockquote { border-color: #36434f !important; }

#dashboard_index #content { background: rgba(255,255,255,0.6) !important; }

#content { background: rgba(255, 255, 255, 0.3) !important;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

margin: auto;

padding: 20px 20px; }

h1 { olor: #000000; text-shadow: 0 0 3px #ffffff; }

.no_posts_found, h1.dashboard_header { color: #000000; }

img#content_top, img#content_bottom { display: none; }

#right_column a#dashboard_switch_blog_menu_current #dashboard_switch_blog_arrow_current { background: url(http://www.totallylayouts.com/img/pixel.gif); }

#right_column .dashboard_nav_item { background: url(http://www.totallylayouts.com/img/pixel.gif) repeat-x;

background-attachment: initial;

background-position-x: 50%;

background-position-y: 100%;

background-origin: initial;

background-clip: initial;

background-color: initial;

}

#right_column .dashboard_nav_item a

{

color:#000000;

}

#right_column .dashboard_nav_item #hide_radar {

background-image: url(http://www.totallylayouts.com/img/pixel.gif);

background-repeat-x: no-repeat;

background-repeat-y: repeat;

background-attachment: initial;

background-position-x: 0%;

background-position-y: 0%;

background-origin: initial;

background-clip: initial;

background-color: transparent; }

#right_column .dashboard_nav_item .dashboard_controls_radar_media.photo, #right_column .dashboard_nav_item .dashboard_controls_radar_media.photoset, #right_column .dashboard_nav_item .dashboard_controls_radar_media.video { background: rgba(0,0,0,0.5); }

#nav .nav_item.active { background: rgba(255,255,255,0.5) !important; text-shadow:0.1em 0.1em #000000; }

#nav .nav_item{ text-shadow:0.1em 0.1em #000000; }

#nav .nav_item .nav_item_nipple .nav_item_nipple_pixel { background: rgba(255,255,255,0.5) !important; text-shadow:0.1em 0.1em #000000; }

#right_column .dashboard_nav_item #dashboard_controls_suggested_blogs { background: rgba(0,0,0,0.8); border: solid #000000; }

ol#posts li.post .post_avatar{ border-bottom: 0px solid #0A2939; }

#right_column .dashboard_nav_item #dashboard_controls_suggested_blogs .dashboard_controls_suggested_blog { border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

#right_column a#dashboard_switch_blog_menu_current:hover {

background: url(http://www.totallylayouts.com/img/pixel.gif);

color:#000000; }

#right_column a#dashboard_switch_blog_menu_current { color:#ffffff; }

#right_column a color:#000000; }

#right_column a#dashboard_switch_blog_menu_current:hover #dashboard_switch_blog_arrow_current { background: url(http://www.totallylayouts.com/img/pixel.gif); }

form.dashboard_options_form {

background-color: rgba(0,0,0,0.7);

border-bottom: 1px solid #000000;

border-bottom-left-radius: 10px 10px;

border-bottom-right-radius: 10px 10px;

border-top-left-radius: 10px 10px;

border-top-right-radius: 10px 10px;

color: #000000;

display: block;

font-size: 13px;

margin-bottom: 25px;

padding: 15px 22px; }

form.dashboard_options_form .option_container {

border-top: 1px solid #000000; }

.no_posts_found, h1.dashboard_header {

color: #ffffff;

}

#right_column .dashboard_nav_title

{

color:#000000;

}

#right_column .dashboard_nav_item ul.dashboard_subpages {color:#000000;}

#right_column .dashboard_nav_item ul.dashboard_subpages li a {color:#000000;}

#right_column .dashboard_nav_item ul.dashboard_subpages li a:hover {color:#000000}

#right_column .dashboard_nav_item ul.dashboard_subpages li a.active {color:#000000;font-weight:bold}

#right_column .dashboard_nav_item .dashboard_nav_title {color:#000000;}

#posts .notification .report,#posts .notification a.block{position:absolute;right:32px;top:7px;font-size:9px;font-weight:normal;color:#858585;display:none;text-decoration:none;border-width:0}

#posts .notification:hover a.block{display:inline}

#posts .notification .report{text-decoration:none;display:inline}

#posts .notification .report a{color:#858585;border:none;text-decoration:none}

#posts .notification img.avatar{border:0px;}

#posts .notification.alt{background-color:#ffffff; border-bottom:0px; border-left:0px; border-right:0px; border-top:0px;}

#posts .notification{background-color:#ffffff; body { background: url('http://www.totallylayouts.com/backgrounds/monster/zombies_bbqing_and_having_fun.png') top left #000000 repeat fixed !important;}

ol#posts li blockquote blockquote, body.mceContentBody blockquote blockquote { border-color: #989898 !important; }

ol#posts li blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote { border-color: #6b7d8f !important; }

ol#posts li blockquote blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote blockquote { border-color: #4c5e6f !important; }

ol#posts li blockquote blockquote blockquote blockquote blockquote, body.mceContentBody blockquote blockquote blockquote blockquote blockquote { border-color: #36434f !important; }

#dashboard_index #content { background: rgba(255,255,255,0.6) !important; }

#content { background: rgba(255, 255, 255, 0.5) !important;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

margin: auto;

padding: 20px 20px; }

h1 { olor: #000000; text-shadow: 0 0 3px #ffffff; }

.no_posts_found, h1.dashboard_header { color: #000000; }

img#content_top, img#content_bottom { display: none; }

#right_column a#dashboard_switch_blog_menu_current #dashboard_switch_blog_arrow_current { background: url(http://www.totallylayouts.com/img/pixel.gif); }

#right_column .dashboard_nav_item { background: url(http://www.totallylayouts.com/img/pixel.gif) repeat-x;

background-attachment: initial;

background-position-x: 50%;

background-position-y: 100%;

background-origin: initial;

background-clip: initial;

background-color: initial;

}

#right_column .dashboard_nav_item a

{

color:#000000;

}

#right_column .dashboard_nav_item #hide_radar {

background-image: url(http://www.totallylayouts.com/img/pixel.gif);

background-repeat-x: no-repeat;

background-repeat-y: repeat;

background-attachment: initial;

background-position-x: 0%;

background-position-y: 0%;

background-origin: initial;

background-clip: initial;

background-color: transparent; }

#nav .nav_item.active { background: rgba(255,255,255,0.5) !important; text-shadow:0.1em 0.1em #000000; }

#nav .nav_item{ text-shadow:0.1em 0.1em #000000; }

#nav .nav_item .nav_item_nipple .nav_item_nipple_pixel { background: rgba(255,255,255,0.5) !important; text-shadow:0.1em 0.1em #000000; }

#right_column .dashboard_nav_item #dashboard_controls_suggested_blogs { background: rgba(0,0,0,0.8); border: solid #000000; }

ol#posts li.post .post_avatar{ border-bottom: 0px solid #0A2939; }

#right_column .dashboard_nav_item #dashboard_controls_suggested_blogs .dashboard_controls_suggested_blog { border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

#right_column a#dashboard_switch_blog_menu_current:hover {

background: url(http://www.totallylayouts.com/img/pixel.gif);

color:#000000; }

#right_column a#dashboard_switch_blog_menu_current { color:#ffffff; }

#right_column a {color:#000000; }

#right_column a#dashboard_switch_blog_menu_current:hover #dashboard_switch_blog_arrow_current { background: url(http://www.totallylayouts.com/img/pixel.gif); }

form.dashboard_options_form {

background-color: rgba(0,0,0,0.7);

border-bottom: 1px solid #000000;

border-bottom-left-radius: 10px 10px;

border-bottom-right-radius: 10px 10px;

border-top-left-radius: 10px 10px;

border-top-right-radius: 10px 10px;

color: #000000;

display: block;

font-size: 13px;

margin-bottom: 25px;

padding: 15px 22px; }

form.dashboard_options_form .option_container {

border-top: 1px solid #000000; }

.no_posts_found, h1.dashboard_header {

color: #ffffff;

}
#right_column{color: rgba(0, 0, 0, 0.73)}
#right_column .dashboard_nav_title

{

color:#000000;

}
#right_column .small_links a{color: rgba(0, 0, 0, 0.73)}

#right_column .dashboard_nav_item ul.dashboard_subpages {color:#000000;}

#right_column .dashboard_nav_item ul.dashboard_subpages li a {color:#000000;}

#right_column .dashboard_nav_item ul.dashboard_subpages li a:hover {color:#000000}

#right_column .dashboard_nav_item ul.dashboard_subpages li a.active {color:#000000;font-weight:bold}

#right_column .dashboard_nav_item .dashboard_nav_title {color:#000000;}

#posts .notification .report,#posts .notification a.block{position:absolute;right:32px;top:7px;font-size:9px;font-weight:normal;color:#858585;display:none;text-decoration:none;border-width:0}

#posts .notification:hover a.block{display:inline}

#posts .notification .report{text-decoration:none;display:inline}

#posts .notification .report a{color:#858585;border:none;text-decoration:none}

#posts .notification img.avatar{border:0px;}

#posts .notification.alt{background-color:#ffffff; border:0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.58);-moz-box-shadow:0 1px 3px rgba(0,0,0,.58);box-shadow:0 1px 3px rgba(0,0,0,.58);margin:0 10px 0 0; margin-top:5px;}
#posts .notification.first_notification{border-top:0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.58);-moz-box-shadow:0 1px 3px rgba(0,0,0,.58);box-shadow:0 1px 3px rgba(0,0,0,.58);margin:0 10px 0 0; margin-top:5px;}

#posts .notification{background-color:#ffffff; border:0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.58);-moz-box-shadow:0 1px 3px rgba(0,0,0,.58);box-shadow:0 1px 3px rgba(0,0,0,.58);margin:0 10px 0 0; margin-top:5px;}
#posts .notification.single_notification{border:0px;}
#left_column ol#posts li.notification {color:#a2a2a2;}

#left_column ol#posts li.notification a {color:#a2a2a2;}

ol#posts li.post .permalink { background: none; }

#left_column ol#posts li.notification {color:#a2a2a2;}

#left_column ol#posts li.notification a {color:#a2a2a2;}

ol#posts li.post .permalink { background: none; }

#posts .notification .avatar_frame{background-color:#2a3f56;border:none;position:absolute;overflow:hidden;display:inline-block}
#posts .notification .nipple{display:none;}
#posts .notification.alt .nipple{display:none;}
#posts .notification .nipple.border{display:none;}
#posts .post .post_controls{font-size:13px;font-weight:bold;color:#a8b1ba;min-height:16px;margin-bottom:15px;line-height:15px}
#right_column .radar{margin: 5px 0 0;}
#right_column .radar .content{background:none;position:relative}
#right_column .radar .content.is_text img
{
background:none;
}
#right_column .radar .content.is_text .mask.top
{
background:none;
}
.radar .radar_avatar{color: #444444;}
.radar .radar_footer{margin: 5px 0 0 2px;}
.right_column_section li a
{
color:#ffffff;text-shadow:#000 0 1px 0;
}
#right_column:after{
  background: none;
}
#container #header_container #header #tabs_outter_container .tab_bar a{
color:#fff;text-shadow:#000 0 1px 0;
}
#header #inbox_button a{background-position:-412px -39px}
#header #add_new_blog_button a{background-position:-192px 9px}
#header #help_button a{background-position:-192px -91px}
#header #preferences_button a{background-position:-192px -142px}
#header #logout_button a{background-position:-192px -191px}
#right_column .right_column_section .hide_overflow
{
color:#fff;
}
.right_column_section .recessed{background-color:none; background:none;}
.right_column_section .recessed:hover{background-color:none; background:none;}

.controls_section{
  margin: 5px 0 0;
}

#right_column .controls_section li {
    background-color: #FFF;

}

#right_column .controls_section li:hover {
    background-color: #FFF;
}

#right_column .controls_section li a{
  color:rgba(0, 0, 0, 0.73)
}

#right_column .radar .content .mask{
  background: url("http://www.IMAGE.com/images/dashboard_controls/radar_sprite.png") no-repeat scroll 0 0 transparent;
}

#content #search_query{
 color: #000;
}

#right_column .controls_section .recessed{
  background-color: #FFF;  
}
#right_column .controls_section .recessed:hover{
  background-color: #FFF;  
}

#right_column .controls_section .recessed a{
  color: rgba(0, 0, 0, 0.73);
}

#right_column .controls_section li a{
  url("http://www.totallylayouts.com/img/dashboard_controls_sprite.png?2") no-repeat scroll 0 0 transparent;
}

.controls_section li > a:after {
    background: url("http://www.totallylayouts.com/img/dashboard_controls_sprite.png?15") no-repeat scroll 0 0 transparent;
}

#right_column .controls_section .selected{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.06);
}
#right_column .controls_section .selected:hover{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.06);
}

#header .selection_nipple{
  border-bottom: 12px solid #FFFFFF;
}

#right_column .controls_section a .count{
color: #454545;
}
.notification{
color: #444444;
}
.notification.flash_notification .notification_text{
  color: #444444
}
.notification.flash_notification .notification_text a{
  color: #444444
}
.radar .radar_button i {
    background: url("http://www.totallylayouts.com/img/radar_sprite.png?10") no-repeat scroll 0 0 transparent;
}
.notification .notification_follow span.follow{
  color: #A2A2A2;
}
.notification .notification_follow span.follow:after {
    background: url("http://www.totallylayouts.com/img/dashboard_master_sprite.png") no-repeat scroll -799px -294px transparent;
}

Help! Click here to remove a dashboard theme you have installed.

Comments

| | | |

© TOTALLYLAYOUTS 2007 - 2013. All rights reserved. TOTALLYLAYOUTS is not affiliated with any social networking site. All images and logos are the legal property of the individuals they represent. Tumblr, Twitter, Facebook and Google references and logos are their own legal property. .