Firefox CSS to style Speed Dials. Use with Stylish or userChrome.css

speed-dial.css

/*
speed-dial.css
use with Speed Dial plugin: https://addons.mozilla.org/en-US/firefox/addon/speed-dial
modified from: https://userstyles.org/users/254374
*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://speeddial/content/speeddial.xul"){

.sd-tab {
border: 1px solid #999999 !important;
border-radius: 15px !important;
font-weight: normal !important;
height: 30px !important;
padding-left: 12px !important;
padding-right: 12px !important;
padding-top: 3px !important;
margin: 10px !important;
padding-bottom: 3px !important;
text-align: center !important;
transition: all 0.5s;
}
.sd-tab:not([selected="true"]) {
background: #f2f2f2 !important;
color: #444444 !important;
}
.sd-tab[selected="true"] {
background: #ffffff !important;
color: #333333 !important;
border: 1px solid #999999 !important;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.sd-tabs {
background: transparent !important;
padding: 20px !important;
margin-bottom: -90px !important;
z-index: 1000 !important;
opacity: 1 !important;
position: absolute !important;
}
.sd-tabs-left,
.sd-tabs-right {
border: 0px !important;
}
.sd-tabpanel {
background: #f6f6f6 !important;
padding: 100px !important;
}
.thumbnail{
opacity: 1 !important;
margin: 2px !important;
}
.speeddial-container[assigned="f"] {
opacity: 0.05 !important;
/*display: none !important;*/
}
.speeddial-container[assigned="f"]:hover {
opacity: 1 !important;
}
.speeddial-container {
border-width: 1px !important;
border-radius: 9px !important;
border-color: #999999 !important;
transition: all 0.5s;
}

.speeddial-container:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.thumbnail-title,
.speeddial-top-middle,
.speeddial-bottom-middle,
.speeddial-top-middle,
.speeddial-middle-left,
.speeddial-middle-right,
.speeddial-bottom-middle,
.speeddial-top-left,
.speeddial-top-right,
.speeddial-bottom-left,
.speeddial-bottom-right{
display: none;
}
}