@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*
  Fx: browser borders (in CSS)
  
Inspired by the Fx add-on, Browser Border (to be found at AMO**); this style 
performs pretty much the same function, but it's a little more flexible with 
preferences (though somewhat "quirky" also, notably when it comes to blank 
pages [new tab]: blank pages will initially inherit border attributes, if 
any, from the active page at the time--it's the nature of Stylish that 
certain node values don't get reset by the time the border is created, but 
returning focus to another tab and then coming back to the blank tab will 
cause the proper setting to take effect).

(**https://addons.mozilla.org/en-US/firefox/addon/11291)
*/

/*------------------------------------------------------------------------*\
|                                                                          |
| NOTE: This style works *only* with Stylish 1.x or greater                |
|                                                                          |
\*------------------------------------------------------------------------*/                            
/*  
  This style is just a template: substitute your own URLs and border preferences below.
  Think of the style itself as, essentially, a preferences file. :D
  It should be pretty self-explanatory from looking at the code (?) how to specify the
  URL and the border attributes.
*/

@-moz-document url("chrome://browser/content/browser.xul") {

/* One "set" for each URL for which you want a border: */

/* AMO */
window[stylish-url*="addons.mozilla.org"] #browser notificationbox[id^="panel"] browser
 {border-top: 3px solid yellow !important;}

/* google.com */
window[stylish-url*="google.com"] #browser notificationbox[id^="panel"] browser
 {border-top: 3px solid lime !important;}

/* userstyles.org */
window[stylish-url*="userstyles.org"] #browser notificationbox[id^="panel"] browser
 {border-top: 3px solid blue !important;
  /* or, if you prefer--open the comment if you don't [prefer] :D -->*/
  -moz-border-top-colors: red white blue !important; /*.*/}

/* portableapps.com */
window[stylish-url*="portableapps.com"] #browser notificationbox[id^="panel"] browser
 {border-top: 3px solid red !important;}

/*e*/}
