/*------------------------------------------------------------------ 
Combine Nav-Buttons Chrome
--------------------------------------------------------------------
Author: M.BLUE - Tested on: Firefox 3.0.1 - Last Update: 22.09.2008
changed by Meredith
--------------------------------------------------------------------
Description:
 1. Combines Stop & Reload buttons.

--------------------------------------------------------------------
Notes:
-To make it works, place the buttons in this order:

 > (BACK|FORWARD) (STOP) (RELOAD) <

-In customizing mode you'll see the button's background GREEN if
 the position is right, or RED if it's wrong.

-When using THEMES/EXTENSIONS/STYLES that changes some margins, you
 may need to change some value manually, if so go to bottom of the
 page to customize.
--------------------------------------------------------------------
CUSTOMIZING:

 1. NAV-BUTTONS MARGINS.

> GO TO BOTTOM OF THE PAGE TO CUSTOMIZE
--------------------------------------------------------------------
List of compatible Styles:
[1] Combine Nav-Buttons Vista (THIS)
[2] Combine Nav-Buttons XP
[3] Nav-Buttons Vista on XP
[4] Nav-Buttons XP on Vista

How to:
[A] You are on Vista and want to combine the Buttons (BLUE):
    > use styles [1]
[B] You are on XP and want to combine the Buttons (GREEN):
    > use styles [2]
[C] You are on XP and want the Vista Buttons (BLUE):
    > use styles [3]
[D] You are on XP and want both the Vista Buttons and combine:
    > use styles [1] [3]
[E] You are on Vista and want the XP Buttons (GREEN):
    > use styles [4]
[F] You are on Vista and want both the XP Buttons and combine:
    > use styles [2] [4]
--------------------------------------------------------------------
Integrates with:
 MBlue Simple-Gray (all styles)
 MBlue Nav-Style (all styles)
--------------------------------------------------------------------
Updates:
 22.09.2008 Ver. 0.4.0 = totally remade
 04.08.2008 Ver. 0.3.1 = buttons redesigned, added more info
 24.07.2008 Ver. 0.3.0 = code optimized,
                         buttons redesigned for better compression,
                         added disabled status for reload button,
                         small and big versions joined
 22.07.2008 Ver. 0.2.7 = added more info
 18.07.2008 Ver. 0.2.6 = code cleaned
 15.07.2008 Ver. 0.2.5 = buttons redesigned to blend better
 13.07.2008 Ver. 0.2.2 = some minor adjustments
 10.07.2008 Ver. 0.2.1 = small fixes
 06.07.2008 Ver. 0.2.0 = buttons redesigned,
                         integration with Simple-Gray Top-Toolbar
 03.07.2008 Ver. 0.1.1 = code optimized
 01.07.2008 Ver. 0.1.0 = first version
------------------------------------------------------------------*/





/*******************************************************************
 COMBINE STOP & RELOAD BUTTONS
*******************************************************************/

toolbar[mode="icons"] #stop-button[disabled="true"] {
visibility: collapse !important;
} 

toolbar[mode="icons"] #stop-button:not([disabled="true"]) 
+ #reload-button {
visibility: collapse !important;
}



/*******************************************************************
 ADJUST BUTTONS WHEN CUSTOMIZING
*******************************************************************/

toolbar[mode="icons"] #wrapper-stop-button #stop-button,
toolbar[mode="icons"] #wrapper-reload-button #reload-button,
toolbar[mode="icons"] #wrapper-unified-back-forward-button #back-button,
toolbar[mode="icons"] #wrapper-unified-back-forward-button #forward-button {
visibility: visible !important;
margin: 0 !important;
}

toolbar[mode="icons"] #wrapper-unified-back-forward-button,
toolbar[mode="icons"] #wrapper-unified-back-forward-button + #wrapper-stop-button,
toolbar[mode="icons"] #wrapper-unified-back-forward-button + #wrapper-stop-button + 
#wrapper-reload-button {
background: rgba(0,255,0,0.5) !important;
}

toolbar[mode="icons"] #wrapper-stop-button,
toolbar[mode="icons"] #wrapper-reload-button,
toolbar[mode="icons"] #wrapper-reload-button + #wrapper-unified-back-forward-button,
toolbar[mode="icons"] #wrapper-stop-button + #wrapper-unified-back-forward-button,
toolbar[mode="icons"] #wrapper-unified-back-forward-button + #wrapper-reload-button,
toolbar[mode="icons"] #wrapper-reload-button + #wrapper-stop-button {
background: rgba(255,0,0,0.5) !important;
}











/*=========================[CUSTOMIZE]============================*/



toolbar[iconsize="small"][mode="icons"] #reload-button,
toolbar[iconsize="small"][mode="icons"] #stop-button {



/*------------------------------------------------------------------
[1a] STOP & RELOAD BUTTONS MARGINS (SMALL ICONS)

Change the following values if the button's margins are wrong (it
may happen when using different themes/extensions/styles).
Change the right margin to give the nav-buttons more/less space.
------------------------------------------------------------------*/
  margin-left: -65px !important;
  margin-right: 42px !important;
/*----------------------------------------------------------------*/
  margin-top: 1px !important;
  margin-bottom: 1px !important;}
/*----------------------------------------------------------------*/



toolbar[iconsize="large"][mode="icons"] #reload-button,
toolbar[iconsize="large"][mode="icons"] #stop-button {



/*------------------------------------------------------------------
[1b] STOP & RELOAD BUTTONS MARGINS (LARGE ICONS)

Change the following values if the button's margins are wrong (it
may happen when using different themes/extensions/styles).
Change the right margin to give the nav-buttons more/less space.
------------------------------------------------------------------*/
  margin-left: 0px !important;
  margin-right: 0px !important;
/*----------------------------------------------------------------*/
  margin-top: 1px !important;
  margin-bottom: 1px !important;}
/*----------------------------------------------------------------*/



toolbar[mode="icons"] #back-button {



/*------------------------------------------------------------------
[1c] NAV-BUTTONS LEFT MARGIN

Changes the left margin to give the nav-buttons more/less space.
------------------------------------------------------------------*/
  margin-left: 0px !important;}
/*----------------------------------------------------------------*/





/* END */