MozillaZine

[Ext] Fission 0.8.9 [Sep 25]

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

Post Posted February 7th, 2006, 3:41 pm

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 Posted February 8th, 2006, 2:51 am

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 Posted February 8th, 2006, 1:46 pm

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 Posted February 8th, 2006, 2:15 pm

ahh, thnx!!

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

Post Posted February 12th, 2006, 11:20 am

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...

pirlouy

User avatar
 
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post Posted February 13th, 2006, 12:41 pm

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 Posted February 13th, 2006, 2:58 pm

@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.

pirlouy

User avatar
 
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post Posted February 13th, 2006, 3:52 pm

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 Posted February 13th, 2006, 4:32 pm

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...

pirlouy

User avatar
 
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post Posted February 14th, 2006, 2:38 pm

It's a bit off topic...

Is it possible to change the font color when a link begins by "javascript:" (thanks to the .linkify) ?

Schrade

User avatar
 
Posts: 1187
Joined: March 17th, 2004, 12:24 am

Post Posted February 14th, 2006, 2:46 pm

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>

pirlouy

User avatar
 
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post Posted February 14th, 2006, 3:01 pm

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

XerBlade

User avatar
 
Posts: 865
Joined: October 4th, 2005, 10:45 pm
Location: Nashville, TN, US

Post Posted February 14th, 2006, 3:14 pm

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

pirlouy

User avatar
 
Posts: 232
Joined: February 11th, 2005, 6:29 am
Location: France

Post Posted February 14th, 2006, 4:13 pm

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...

XerBlade

User avatar
 
Posts: 865
Joined: October 4th, 2005, 10:45 pm
Location: Nashville, TN, US

Post Posted February 14th, 2006, 8:31 pm

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

Return to Extension/Theme Releases


Who is online

Users browsing this forum: No registered users and 0 guests