mightyglydd wrote:patrickjdempsey wrote:Frank Lion has two new themes.
Are they compatible with the latest SF? After reading something a while back I've been leery about updating.. Need my eye candy..
Yeah, my stuff and SF pretty much run side by side, so much so that sometimes I forget which is doing what or forget to check default to make sure my changes are OK there, as well.
For example, the awesome bar dropdown changes (description on the left, hover/selected, etc) are done by my stuff, simply because Pat doesn't use it and I do.
Every so often (once) Pat has a rush of blood to the head and does loads of changes without letting me know. Hence, why his recent combined b/f stuff missed my latest round of ML SM updates this time.
patrickjdempsey wrote:Frank's themes are compatible with SeaFox except for the combined back/forward button that I added in the latest version, but if you don't use that they work great.
It's obvious that I needed to hit class and not id there, due to using rotate which would have also rotated text otherwise. However, I forget why I added node as well, maybe I was planning on adding a coloured filter or something.
Anyway, it doesn't have to be as specific as I first coded it to work with my 'look' now, which is not going to change.
I have the following soak testing which fixes your combined back/forward. As you know, I don't do combines like that - like BMV, etc. I do same size on a background with no dropmarker - viewtopic.php?p=13907447&sid=f4007ee0feb9168d90f956d31cae9d55#p13907447
However, for the 5 minutes it took, might as well have your stuff working there and some might find your dropmarker useful. My stuff always revolves around its Forward/Back (hence why the hover/active states use fancy graphics and not the svg filters used for everything else) so the soak test will be at least a couple of weeks, but nothing is breaking so far. Test away yourself if you want -
Code: Select all
/*Sea Fox combined back forward fix - orig coding with node toobarbutton removed...*/
#back-button .toolbarbutton-icon {
-moz-image-region: rect(0px, 256px, 32px, 224px) !important;
transform : rotate(90deg) scale(0.75, 0.75) !important;
}
#forward-button .toolbarbutton-icon {
-moz-image-region: rect(0px, 256px, 32px, 224px) !important;
transform : rotate(270deg) scale(0.75, 0.75) !important;
}
#forward-button .toolbarbutton-icon {
clip-path: none !important;
border-radius: 10000px !important;
border: none !important;
}
#back-button .toolbarbutton-icon {
padding: 3px !important;
border-radius: 10000px !important;
border: none !important;
box-shadow: none !important;
}
#back-button .toolbarbutton-icon ,
#forward-button .toolbarbutton-icon {
background-image: linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,0.5), hsla(0,0%,100%,.05)) !important;
background-color: hsla(210,54%,20%,.15) !important;
}
#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover .toolbarbutton-icon ,
#forward-button:not([disabled="true"]):not([open="true"]):not(:active):hover .toolbarbutton-icon {
background-color: hsla(210,48%,96%,.3) !important;
}
#back-button:not([disabled="true"]):hover:active .toolbarbutton-icon,
#back-button[open="true"] .toolbarbutton-icon ,
#forward-button:not([disabled="true"]):hover:active .toolbarbutton-icon ,
#forward-button[open="true"] .toolbarbutton-icon {
background-color: hsla(210,54%,20%,.15) !important;
}
#back-button[disabled=true] .toolbarbutton-icon ,
#forward-button[disabled=true] .toolbarbutton-icon {
opacity: 0.5 !important;}
Same general change will be needed for 'small icons' mode