forum.userstyles.org

makondo

Are you all right?
People, don't know if you noticed, but our Sonny has disappeared for a while now. I wonder if he's all right. PM'ed but didn't hear back yet. Did he get PO and left the site? Hope he and his are all right.
Sonny, take care, you hear!

srazzano

I am back! Thanks for the concern. Sold my house in the city and bought another in the suburbs to be closer to the ranch. Just got back my Internet today.

makondo

Geeze, man! I was about to send cops there to check on you! Glad you're OK, really. It sounds like you're better than just OK, good for you!

And now back to our program in progress ...

Addons manager fix is broken with Fx9bwhatever. I have it disabled. The same thing as was with some other previous version - gets stuck on Loading... and you have to click on a category to get out of it. I tried version bump, didn't help. If you'll ever find time to fix it, would be nice, TIA!

makondo

srazzano,
just updated your AM ext. and it broke my style! Could you make using your theme an option, please?
It all started so nice - i just wanted the info, like count, sorting and updated date. Now it's a mess again. The thing is, not everybody who uses my style uses your ext. ... I just don't know what to do anymore.

EDIT: i'm writing a separate style just for your ext.
What happened to categories tabs?! I really prefer them on the left as by default.

srazzano

I posted the Addon Manager Fix as and extension on AMO and had to make changes to satisfy their requirements. I will try to put the original into an userscript to satisfy your theme.

makondo

OK, it's impossible w/out a js, i gather.
So, could you please make a script that would simply return everything to the way it was before the last update? All i personally want is sorters, count, last updated (i think this one is there by default now). Possible? TIA!

makondo

Oh, posted at the same time, sorry. Yes, that would be just great, thanks a lot. and, as usual, no hurry.

srazzano

Here is the original xpi: http://sonco.synthasite.com/resources/addonmanagerfix8@sonco.com.xpi

makondo

Great, thanks, i saved it to my hd this time

makondo

Wait! There was another update on 12/29 - it's named addonmanagerfix8. Now, that's the one that is really good and that's what i've been using prior to today's update. Apparently, i have that one saved locally ... Just so you know, in case you forgot (that' the one with the searhbar transition, etc.)

makondo

srazzano, would it be possible for you to make the 'addonmanagerfix8' a script and upload it to uso? I now get the Update available in the AM every time i check for updates (and i also have to uncheck it to install other updates when available).
Possible?
TIA!

srazzano

Delete the Addon Manager and install this one:
http://sonco.synthasite.com/resources/addonmanagerfix8@sonco.com.xpi
Changed the id so it will not updated.

makondo

srazzano

Downloads fine here.

makondo

It did now, i restarted Fx. Thanks!

rob64rock

srazzano,

I PM you here:
http://forum.userstyles.org/messages/868#Item_1

rob64rock

Srazzano,

I PM you again here:
http://forum.userstyles.org/messages/868#Item_5

srazzano

@rob64rock,
status4evar addon updated so I reinserted the bookmark star left: http://sonco.synthasite.com/resources/status4evarMOD.xpi

rob64rock

srazzano said:
@rob64rock,
status4evar addon updated so I reinserted the bookmark star left: http://sonco.synthasite.com/resources/status4evarMOD.xpi

The latest LeftSideStar extension version 1.3.1 works well with no problems with the latest S4E on latest Nightly 12.0a1, but thanks for the update on your S4E-mod at least if something breaks again I'll know it's there if I need to use it.

srazzano

Personally, I prefer <100 bytes of data over an extension (less resources used), IMHO.

makondo

srazzano,

i remember you said sometime ago that you use your own tabbing ext. I'm looking for TMP replacement. Does your ext. do this:

1. multi-row (number of rows is not important to me but customizable limit to show, like 5, would be nice)
2. open all links in new background tabs at the far right
3. drag a link (anywhere) to open in the same tab
4. rename tab
5. reload every .... - customizable from a tab menu (that is set for each tab individually with an option enable/disable for all tabs)
5. reload left/right tabs
6. close left/right tabs
7. duplicate tab (i think this exists in Fx by default though)

I think this is it.

makondo

Sonny, are you around?
Found a little bug in Addons manager Fix (my version from post 12 above):

srazzano

Not sure what you are looking at.

makondo

Hey!
Well, that's the searchbar which expands on hover. It's fine when it's empty but if you type something in there and mouse out, the bar shrinks but the text doesn't - that's what the shot is about (that whitish box on the left is the shrank searchbar.

srazzano

OK, I do not experience that issue. I will try to duplicate the problem (if I can) and work out a fix.

srazzano

OK, try this:
#header-search .textbox-input {display: none !important;}
#header-search:hover .textbox-input {display: -moz-box !important;}

makondo

Yeah, thanks. The problem is, the box needs to be in focus to see if anything is in there.
Plus, it breaks the bar for those who don't use your ext. So, it's not really a fix

OK, just this seems to work in both cases:
#header-search .textbox-input {display: -moz-box !important;}

Interestingly enough, there's some white font shadow (i don't think it's from my styles) and when the box is not empty, it has a slight whitish glow ... which is actually pretty nice 'cause it let's you know the box is not empty!

makondo

No, it doesn't work. If you move mouse away the text stays in there til you click somewhere else. Anyway i can disable this transition and have the plain bar back?

srazzano

What do you mean by "Plus, it breaks the bar for those who don't use your ext."? If you mean the bar height shrinks, add height:22px or whatever height is need to #header-search. No text-shadow or box-shadow in the css for the search box.

makondo

I don't know how to explain this. It 'works' (or rather - it breaks) differently with and w/out the extension +/- your code above. So, it's 4 diff. cases and it will take me a whole day to explain, maybe tomorrow.
But what i really would like is just to have the plain Fx search box, without the expanding transition.
No problem with height or shadows.

OK, the code above breaks the bar when ext. is disabled - text shows on hover/focus only - it shouldn't.
When ext. is enabled, i still have to click somewhere else for the text to hide even though the bar shrinks (the first shot above).

If you don't see the issue, it's probably because you have it worked out somehow in later versions which i don't use.
So, is there a way i can disable the transition with css?

srazzano

#header-search {-moz-transition: none !important;}
#header-search:not(:hover) {width: 200px !important;}
#header-search .textbox-input {color: #000 !important;}

makondo

Thanks, that works!

makondo

srazzano,
do you think you might be able to help us with a custom button js here? TIA in any case!

makondo

Sonny,
i started my own thread there. Do you think it's doable?

srazzano

Post the link to where I can download the custom buttons app you are using and we'll see what we can come up with.

makondo

I'm using the latest dev.build (0.0.5.6pre3-20111120) from here - http://custombuttons.mozdev.org/devbuilds.html
The ext. adds Rclick toolbar context menu items. One of them is Add New button...
• Click that and click Initialization tab in the editor
• Paste the code i have:

        /*Initialization Code*/
        //   left click button - start
        //   right click button - stop
        //   shift right click button - open custom button context popup
        this.leftclick = function(event){
        var interval = window.setInterval(function(){
          this.removeCSS = function() {
              var css=content.document.getElementById("visible-links-css");
              if (css) css.parentNode.removeChild(css);
          }
              var newSS, styles='* { font-family: Segoe UI !important; background: #777 !important; color: black !important; } * { border-color: black !important; } :link, :link * { color: black ! important; text-decoration: none !important; } :visited, :visited * { color: #444 !important; text-decoration: none !important } img, image { opacity: .1 !important; } img:hover, image:hover { opacity: 1 !important; }';
              this.removeCSS();
              newSS=content.document.createElement('link');
              newSS.id="visible-links-css";
              newSS.rel='stylesheet';
              newSS.href='data:text/css,'+escape(styles);
              content.document.getElementsByTagName("head")[0].appendChild(newSS);
        }, 1000)

        this.rightclick = function(event){
        window.clearInterval(interval);
        this.removeCSS = function() {
              var css=content.document.getElementById("visible-links-css");
              if (css) css.parentNode.removeChild(css);
            }
        this.removeCSS();
              return;
              newSS=content.document.createElement('link');
              newSS.id="visible-links-css";
              newSS.rel='stylesheet';
              newSS.href='data:text/css,'+escape(styles);
              content.document.getElementsByTagName("head")[0].appendChild(newSS);
        }
        }
        this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");

• Name the button/OK/done.

To test, go to any site (preferably not styled with a style), click the button. It should change it to my css. Unfortunately, it changes all tabs and you need to click it again to stop it. It will then return all tabs to their default look.
What i would like is this:
i hit that button once and all pages on a domain are now in my style. A second Lclick or Rclick, should stop it - that is, return all pages to default.

srazzano

OK, got custom buttons with your style. So what you want is to apply your style only to the tab domain that you are on and leave the others at their default until you click your button for that tab ?

makondo

Exactly! Change all tabs with the same domain as the focused tab.
And then, let's say DblClick (or Rclick but Rclick is reserved for context menu in custom buttons by default) stops it for all tabs with the domain of the active (focused) tab.

Suddenly it doesn't sound very easy ...

srazzano

Try this and use middle-click for context menu (will refine it if this is what you are basically looking for):

/*Initialization Code*/
this.leftclick = function(event) {
var css = content.document.getElementById("visible-links-css");
if(css) return;
var newSS, styles = '* { font-family: Segoe UI !important; background: #777 !important; color: black !important; } * { border-color: black !important; } :link, :link * { color: black ! important; text-decoration: none !important; } :visited, :visited * { color: #444 !important; text-decoration: none !important } img, image { opacity: .1 !important; } img:hover, image:hover { opacity: 1 !important; }';
newSS = content.document.createElement('link');
newSS.id = "visible-links-css";
newSS.rel = "stylesheet";
newSS.href = "data:text/css,"+escape(styles);
content.document.getElementsByTagName("head")[0].appendChild(newSS);
}
this.rightclick = function(event) {
var css = content.document.getElementById("visible-links-css");
if (css) css.parentNode.removeChild(css);
}
this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");

makondo

No, the button does what the original was doing - works on tab, that is you have to click it on/off on every tab.

makondo

I believe this is the original code:

    /*Initialization Code*/

    this.removeCSS = function() {
      var css=content.document.getElementById("visible-links-css");
      if (css) css.parentNode.removeChild(css);
    }

    this.quot = function(evt) {

      switch(this.pref) {
        case 1:
          var newSS, styles='* { font-family: arial ! important; font-size: 16px ! important; font-weight: bold ! important; background: white ! important; background-image: none ! important; border: none ! important; color: black ! important } :link, :link * { color: black ! important; text-decoration: none ! important } :visited, :visited * { color: black ! important; text-decoration: none ! important }';
          this.pref=0;
        break;

        case 0:
          this.removeCSS();
          this.pref=1;
          return;
        break;
      }

      this.removeCSS();

      newSS=content.document.createElement('link');
      newSS.id="visible-links-css";
      newSS.rel='stylesheet';
      newSS.href='data:text/css,'+escape(styles);
      content.document.getElementsByTagName("head")[0].appendChild(newSS);
    }

    this.pref=0;

srazzano

Try this for your button:

/*Initialization Code*/
this.leftclick = function(event) {
var newSS, xxx;
var styles = '* { font-family: Segoe UI !important; background: #777 !important; color: black !important; }\
* { border-color: black !important; } :link, :link * { color: black ! important; text-decoration: none !important; }\
:visited, :visited * { color: #444 !important; text-decoration: none !important } img, image { opacity: .1 !important; }\
img:hover, image:hover { opacity: 1 !important; }';
newSS = content.document.createElement('link');
newSS.id = "visible-links-css";
newSS.rel = "stylesheet";
newSS.href = "data:text/css,"+escape(styles);
newSS.setAttribute("filter", "");
xxx = content.document.domain;
window.setInterval(function() {
if(content.document.domain == xxx && newSS.hasAttribute("filter")) {
content.document.getElementsByTagName("head")[0].appendChild(newSS);
} }, 10);
this.rightclick = function(event) {
var css = content.document.getElementById("visible-links-css");
css.removeAttribute("filter");
content.document.getElementsByTagName("head")[0].removeChild(newSS);
}
}
this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");

makondo

OMG! It works! it works! Thanks srazzano! This is perfect. It blinks the default for a milsec when switching to tabs of the same domain but it's a small thing comparably how the button works now. Absolutely awesome, really grateful!

makondo

How do you edit css in js? I mean, i'd like to change it now but i'd prefer to have it on separate lines, kinda like in styles vs inline:

html { background: blah ... }
* { border-color: blah ... }
a { color: blah ... }

It's just easier to edit. So, how can i do this? TIA!

srazzano

At the end of each line, put a \, but make sure the last entry ends with ';

/*Initialization Code*/
this.leftclick = function(event) {
var newSS, xxx, styles = '\
* { font-family: Segoe UI !important; background: #777 !important; color: black !important; }\
* { border-color: black !important; }\
:link, :link * { color: black ! important; text-decoration: none !important; }\
:visited, :visited * { color: #444 !important; text-decoration: none !important; }\
img, image { opacity: .1 !important; }\
img:hover, image:hover { opacity: 1 !important; }';
newSS = content.document.createElement('link');
newSS.id = "visible-links-css";
newSS.rel = "stylesheet";
newSS.href = "data:text/css,"+escape(styles);
newSS.setAttribute("filter", "");
xxx = content.document.domain;
var interval = window.setInterval(function() {
if(content.document.domain == xxx && newSS.hasAttribute("filter")) content.document.getElementsByTagName("head")[0].appendChild(newSS);
}, 10);
}
this.rightclick = function(event) {
window.clearInterval(this.leftclick.interval)
var newSS = content.document.getElementById("visible-links-css");
newSS.removeAttribute("filter");
content.document.getElementsByTagName("head")[0].removeChild(newSS);
}
this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");

makondo

I mean the css part only. Instead of this:
* { font-family: Segoe UI !important; background: #777 !important; color: black !important; }

this:
* { font-family: Segoe UI !important;
background: #777 !important;
color: black !important; }

Possible?

srazzano

Put a backslash \ where you want the line to end or break but make sure the last line end with ';

/*Initialization Code*/
this.leftclick = function(event) {
var xlink, dom, interval, styles = '\
* {\
background: #444 !important;\
border-color: #999 !important;\
color: #999 !important;\
font-family: arial !important;\
text-shadow: none !important;\
}\
a[href] {\
color: tan! important;\
text-decoration: none !important;\
text-shadow: none !important;\
}\
img,\
image {\
opacity: .1 !important;\
}\
img:hover,\
image:hover {\
opacity: 1 !important;\
}';
xlink = content.document.createElement("link");
xlink.id = "visible-links-css";
xlink.rel = "stylesheet";
xlink.href = "data:text/css," + escape(styles);
xlink.setAttribute("xxx", "");
dom = content.document.domain;
interval = window.setInterval(function() {
if(content.document.domain == dom && xlink.hasAttribute("xxx"))
content.document.getElementsByTagName("head")[0].appendChild(xlink);
}, 10);
}
this.rightclick = function(event) {
window.clearInterval(this.leftclick.interval);
var xlink = content.document.getElementById("visible-links-css");
xlink.removeAttribute("xxx");
content.document.getElementsByTagName("head")[0].removeChild(xlink);
}
this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");

makondo

Well, wouldn't you know it, i broke the button!..... It quit working.

I went back to your working code. Sorry for the trouble!

PS. I hate js

srazzano

Copy and paste the above into your button.

makondo

srazzano,
there's a small glitch - when a tab gets focus, the default page shows for a millisecond but it seems to be long enough to blind and irritate. Do you think there's a way around it?

srazzano

Post the code that you are using.

forum.userstyles.org

Howdy, Stranger!

Categories