[Ext] Fission 0.8.9 [Sep 25]

Announce and Discuss the Latest Theme and Extension Releases.
Locked
rommels
Posts: 12
Joined: June 15th, 2005, 8:10 am

Post by rommels »

edgarf28 wrote:A 1:1 Mac OS X progressbar:

Image

save it in your chrome folder as progressmeter.jpg

and add this code to ur userchrome.css:
#urlbar #statusbar-icon > .progress-bar {
background: url("progressmeter.jpg") repeat-x left center !important;
background-color: transparent !important;
}

#urlbar[fission="fusion"] > #statusbar-icon > .progress-bar {
background-color: #a9d2ff !important;
}


If using #urlbar[fission-link] .textbox-input-box { color: blue !important; }, I find #f93f22 is a good color to use with this background. Shows good on the blue and good on the white.
edgarf28
Posts: 9
Joined: July 9th, 2004, 8:42 am

Post by edgarf28 »

rommels wrote:
edgarf28 wrote:A 1:1 Mac OS X progressbar:

Image

save it in your chrome folder as progressmeter.jpg

and add this code to ur userchrome.css:
#urlbar #statusbar-icon > .progress-bar {
background: url("progressmeter.jpg") repeat-x left center !important;
background-color: transparent !important;
}

#urlbar[fission="fusion"] > #statusbar-icon > .progress-bar {
background-color: #a9d2ff !important;
}


If using #urlbar[fission-link] .textbox-input-box { color: blue !important; }, I find #f93f22 is a good color to use with this background. Shows good on the blue and good on the white.


the code you give, doesn't work for me...
rommels
Posts: 12
Joined: June 15th, 2005, 8:10 am

Post by rommels »

Code: Select all

#urlbar[fission-link] .textbox-input-box { color: #f93f22 !important; }


Make sure you have linkify set to tru in about:config, it only changes color if you roll over a link on a page.
Works for me.
edgarf28
Posts: 9
Joined: July 9th, 2004, 8:42 am

Post by edgarf28 »

ahh, thnx!!
old zeniko
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old zeniko »

I've just mailed the needed modifications to Noia (Extreme) to its author. Until he incorporates these, you can get Fission to work by adding the following to your userChrome.css:

Code: Select all

#urlbar > .autocomplete-textbox-container > stack {
  -moz-appearance: none !important;
  background-image: url("chrome://browser/skin/icons/textbox.png") !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0px !important;
  margin-right: 0px !important;
  padding: 0px !important;
  padding-left: 10px !important;
  padding-right: 5px !important;
  height: 22px !important;
  padding-bottom: 0px !important;
}
#urlbar[fission] > .autocomplete-textbox-container > stack {
  margin-left: 10px !important;
  padding-left: 0px !important;
}
#urlbar[fission] .textbox-input-box {
   margin-left: 3px !important;
}
#urlbar[fission] #statusbar-icon > .progress-bar {
   background-color: transparent !important;
}
#urlbar[fission] #page-proxy-deck {
   margin: 0px !important;
}
#urlbar[fission] #page-proxy-button,
#urlbar[fission] #page-proxy-favicon {
   margin-left: -2px !important;
   margin-right: 2px !important;
   margin-top: 0px !important;
}

To get a plain color progress bar, add the following two rules:

Code: Select all

#urlbar[fission] #statusbar-icon {
   background: transparent !important;
}
#urlbar[fission] #statusbar-icon > .progress-bar {
   background: red !important; /* or whatever color you prefer */
   margin-top: 3px !important;
   margin-bottom: 3px !important;
}

While this theme is pretty easy to adapt for Fission, other themes are not (as e.g. the RedShift theme which took more than one hour of work). If your own theme is still broken, you might want to ask the theme's author to have a look at this and some other themes which work (e.g. SaFire and Eternal Aqua Safire). Just to repeat it here: it's up to the themers to make Fission work with their themes...
User avatar
pirlouy
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post by pirlouy »

What about WellRounded ( http://wellrounded.mozdev.org/ ) ?
They collide.
With Mostly crystal, it's incompatible too. :/
old zeniko
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old zeniko »

@pirlouy: I mailed the author of WellRounded the necessary modifications. It's his turn now. As for the theme incompatibility: please notify the theme's author about it. There's nothing Fission can do about it.
User avatar
pirlouy
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post by pirlouy »

I've notified the author of mostly crystal. But maybe you should write somewhere what the themers must (not) do for compatibility.

Or maybe, you should propose an example of background for URLbar and give the userchrome code to include it ?...
old zeniko
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old zeniko »

Unfortunately it is not that simple. I have now developed fixes for three themes and one extension, and they are all quite different, since each theme makes different assumptions and uses different values. In the end, someone has to install Fission over a specific theme and fiddle around until it looks the same with and without Fission.

The problem is that Fission applies a differently structured XBL binding to the address bar (i.e. its parts are layed out and sometimes also called differently). You can see these differences when either comparing <a href="jar:jar:http://www.haslo.ch/zeniko/software/fission.xpi!/chrome/fission.jar!/content/fission/fission.xml">Fission's binding</a> and Firefox' original.

Most notably there is an additional stack which contains the background progress meter and everything except the drop-down button. This stack is usually styled as would otherwise be #urlbar > .autocomplete-textbox-container > .textbox-input-box (as in the Noia case above). All elements inside the stack must have transparent backgrounds, so that the progress bar remains visible (even behind the icons at the right).

While the background of the stack and .textbox-input-box is the same, the latter uses padding for making the ending images visible, while the former must use margins (as also in the example above). As a consequence, the proxy icon/favicon's position must be corrected, as well.

Most of these corrections can be applied in rules applying to either #urlbar[fission] (Fission's binding in general) or #urlbar[fission="fusion"] (Fusion-styled Fission in particular, as opposed to Icon-styled Fission which is #urlbar[fission="icon"]). The "fission" attribute is guaranteed to be set when Fission is active. Addional attributes of #urlbar related to Fission are "fission-link" (when a mouse-over link is displayed in the address bar) and "progress" (which contains an integer between 0 and 100 depending on the progress meter's state).

One trick for making development easier is to apply the following two rules. With these you can simply toggle the hidden pref extensions.fission.iconize to switch between Fission's and Firefox' address bar binding:

Code: Select all

#urlbar:not([fission="fusion"]) {
   -moz-binding: url(chrome://global/content/bindings/autocomplete.xml#autocomplete) !important;
} /* use Firefox' binding for Icon-style */
#statusbar-icon[value="100"], #statusbar-icon[value="0"] {
   visibility: visible !important;
} /* don't hide the progress meter when it's not used */

Finally, for bonus points, you could try getting Icon-styled Fission look good, too (which consists mainly in setting top-/bottom-margins and removing unnecessary background-images).

Hope these explanations help to make it easier to adapt a theme for Fission...
User avatar
pirlouy
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post by pirlouy »

It's a bit off topic...

Is it possible to change the font color when a link begins by "javascript:" (thanks to the .linkify) ?
User avatar
Schrade
Posts: 1187
Joined: March 17th, 2004, 12:24 am

Post by Schrade »

pirlouy: Sure it is.

I currently just switch my pointer to something else when I'm hovering over a javascript: link.

Just put this into userContent.css or an entry in the Stylish extension:

Code: Select all

/* Change cursor for JavaScript links */ 
a[href^="javascript:"] {
   cursor: move;
}


You could just change the cursor: move; to something that will modify the text color of the link.
"Linux is for those who hate Windows, BSD is for those who love Unix." -Some Guy
Try my themes: QuBranch and QuTrunk
Fix Firefox's Resized image scrolling speed: <b>Bug 163975</b>
User avatar
pirlouy
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post by pirlouy »

Yes, I've already done that, but I'd like to change color link too.

But it's not a problem if it's impossible.

ps: yes, I'm boring, sorry
User avatar
XerBlade
Posts: 865
Joined: October 4th, 2005, 10:45 pm
Location: Nashville, TN, US

Post by XerBlade »

So, you mean altering the script that changes the color of the location bar text when hovering a link with fission.linkify enabled to only apply to JS links, right?
If that's the case, I don't see why it wouldn't be possible.
I'm a bit too confused by other things right now to mess with it myself, though.
If that's not the case, and Schrade was right in what you wanted it would be:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

a[href^="javascript:"] {
   color: red;
}
User Agent
Extensions
AMD64/2.41GHz RAM/1.0GB ATI/256MB-GDDR3/128-bit/8xAGP Cable6.0M/384kbps
User avatar
pirlouy
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post by pirlouy »

No. In fact, it's in the userchrome that I need something, because, it's about firefox interface, not in the "content" page.

I want to see a different color in the urlbar for javascript link or https but I'm not sure it's possible and if it was, it could use some cpu ressources...
User avatar
XerBlade
Posts: 865
Joined: October 4th, 2005, 10:45 pm
Location: Nashville, TN, US

Post by XerBlade »

So, it was the first thing I said, then.
Note: Location Bar [what I said] == real name for urlbar [what you said].
User Agent
Extensions
AMD64/2.41GHz RAM/1.0GB ATI/256MB-GDDR3/128-bit/8xAGP Cable6.0M/384kbps
Locked