/*
 ***********************************************************
 * --- Created MAY 26 2009 --- By Barbie Foster            *
 * Barbiegirl  http://userstyles.org/users/13023           *
 * TITLE: Stylish Editor - Shiny Grey Layered + Compressed * 
 * http://userstyles.org/styles/18220                      *
 ***********************************************************
*/

/*
UPDATE#1:FEB 21 2010: 
* Styled the new Findbar.
* Findbar textbox is deliberately left uncolored(default white) 
so there is no blocking of the change of colors such as red, when a searchterm is not found.
* Findbar Searchterm is font-size 11px.
* Colored Namebar.
* Colored Tags bar.
* Cancel Button can be colored red.(text and border:just uncomment).
* Cancel Button can SHOW/HIDE so you don't accidentally click on it.(uncomment)
* Save Button is colored lightblue. You can remove color or change it.
* Words "Wrap lines" (checkbox) is smaller font size so it's less noticeable.
* NAME TITLE text is font-size:15px.
* GOOD REASON::Tag font-size is smaller (11px to 10px) so it appears SMALLER in the Sidebar "selected item box" style 17637 and allows for extra LOWER HEIGHT FOR THE SELECTED ITEM.
* Added @-moz-document url-prefix to prevent buttons being affected elsewhere.
*/

/* I HIGHLY RECOMMEND THIS PERFECT BUTTON written by rawny called "Stylish Quick Edit":
http://custombuttons2.com/index.php?q=en-us/forum/buttons/buttons-database/stylish-quick-edit.html */


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url-prefix(chrome://stylish/content/edit.xul) {

/*DOUBLE LAYERED EDITOR WINDOW*/
#stylish #internal-code,
/*#stylish #tags,*/
#stylish,
#stylish textarea 
{
background-color: #9EB9CE!important;
-moz-appearance:progressbar !important;
color:black!important;
}

/* Style Name Title Bar and Tags bar */
#stylish hbox .textbox-input-box
{
-moz-appearance: progressbar!important;
outline:3px solid lightgrey!important;
}

/*/////////////////////////////////////////////////////////*/

/*COLORIZE WORDS Name,Tags,Wrap lines */

/*REMOVE THIS LINE TO COLOR WORDS Name,Tags,Wrap
 #stylish vbox  {color:red !important;} 
/**/

#stylish #name {font-weight:bold !important;
text-shadow: 0px 0px 0px !important;
 margin-top: 5px !important;
height:19px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 2px !important;
-moz-appearance:progressbar!important;}

/* TO COLORIZE THE NAME STYLE TITLE BAR */
#stylish #name .textbox-input-box 
{
font-weight:bold !important;
font-size: 15px !important;
height: 18px!important;
color: black !important;
margin-top: -2px !important;/*-2px or -3px*/

/*REMOVE THIS LINE FOR A FLAT lightgrey Titlebar
background:lightgrey!important;
/**/
}

/*//////////////////////////////////////////////////////////////*/

/*REMOVES PADDING ON LEFT/RIGHT EDGES OF EDITOR WINDOW */

dialog#stylish
{ padding:2px !important; }

#stylish textarea 
{
margin-top:6px!important;
padding-top: 5px!important;
padding-left: 7px!important;
margin-left: 5px!important;
margin-right: 6px!important;
margin-bottom: 5px!important;
}

/*/////////////////////////////////////////////////*/

/*DO NOT HAVE height 0px OR YOU WILL HAVE NO ACCESS TO preview,save,cancel*/
#stylish button 
{
padding: 0px !important;
min-width: 0px !important;
}

/*////////////////////////////////////////////////////*/

/*menuitem in the 'Insert Button' is colored red*/

#stylish button [label="XUL namespace as default"] 
{
color:red !important;
font-weight:normal !important;
}

/*//////////////////////////////////////////////////////////*/

/*Tag box LESS HEIGHT */

/*DEFAULT HEIGHT IS 20PX (FITS Capital letters and y,g,etc. with tail bottom)*/

#stylish #tags 
{
height: 16px !important;
font-size: 10px !important;
padding-top:2px!important;
padding-bottom: 0px!important;
-moz-appearance:progressbar!important;

/*BELOW: SPACE BETWEEN tag line and Name Title*/
margin-top: -1px !important;
margin-bottom: 4px!important;
}

/*TEXT COLOR FOR THE TAGS */
#stylish #tags .textbox-input-box 
{
margin-top: -2px!important;
color: blue!important;
/*background: lightgrey!important;*/
padding-top: 1px !important;/*1px or 0px*/
}

/*/////////////////////////////////////////////////////////////*/

/*URL BAR LESS HEIGHT */

#stylish #update-url 
{ 
height: 16px !important;
font-size: 11px !important; 
margin-top: -3px !important;
display:-moz-box !important;
display:block !important; 
-moz-appearance:progressbar !important;

/*SPACE BETWEEN URL AND BUTTONS(Insert,Open external editor)*/ 
margin-bottom: -1px !important;
padding-top: 0px !important;
}

/* TEXT COLOR FOR the words 'Style URL' */
#stylish #update-url:before
 { 
color: black !important;
CONTENT:'Style URL: ' !important;
font-weight: bold !important;
 }
/* TEXT COLOR for url address */
#stylish #update-url hbox,
#stylish #update-url hbox hbox,
#stylish #update-url 
{
padding-left: 3px !important;
min-width:70%!important;
color:black !important;
}

/*REMOVES SPACING BETWEEN URL BAR AND BUTTONS Preview,Save,Cancel */
#stylish .dialog-button 
{ 
margin-top: -1px !important;
/*margin-bottom: 0px !important;*/
padding:0px !important;
}

/* LOWERS BUTTONS,Preview,Save,Cancel */
#stylish .dialog-button
{ margin-bottom: 0px !important; }

/*CHECKBOX "Wrap lines"*/
#stylish checkbox {margin-left:-0px!important;}
#stylish checkbox label{color:black!important;font-size: 8px !important;
margin-left: -2px !important;}

/*////////////////////////////////////////////////////////////*/
/*////  ALL BUTTONS COLORED ////*/

#stylish button
{
color: black !important;
-moz-appearance: progressbar !important;
}

#stylish button:hover
{
opacity: .7 !important;
color: black!important;
}

#stylish button:active
{
color: black !important;
/*background: lightgrey !important;*/
font-weight: bold !important;
border: 1px solid black !important;
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
}

/*////////////////////////////////////////////*/
/* cancel button TEXT is RED BOLD (uncomment if you want it) */
/*
#stylish button:first-child+spacer+button+button+button 
{
color:red!important;
font-weight: bold !important;
background: red !important;
outline: 1px solid red!important;
-moz-outline-offset: -2px !important;
-moz-outline-radius: 3px !important;
}
*/
/*//////////////////////////////////////////////////////////*/
/*CANCEL BUTTON: SHOW/HIDE SO YOU DON'T ACCIDENTALLY CLICK IT (uncomment)*/
/*
#stylish button:first-child+spacer+button+button+button 
{opacity: 0!important;}

#stylish button:first-child+spacer+button+button+button:hover 
{opacity: 1!important;}
*/
/*////////////////////////////////////////////////////////*/

/*SAVE BUTTON: IF YOU WANT TO MOVE IT LEFT/RIGHT*/
#stylish button:first-child+spacer+button
{margin-right: 0px !important;
color: /*steelblue*/#7392C1 !important;
/*background: LightSteelBlue !important;*/
font-weight: bold !important;
outline: 2px solid  /*rgb(140,165,200)*//*#99B4D1 */#7392C1!important;
-moz-outline-offset: -3px !important;
-moz-outline-radius: 2px !important;}




/*///////////////////////////////////////////////////////////////*/
/*///// SCROLLBARS /////*/

#stylish scrollbar, #stylish scrollbarbutton
{
min-width: 10px !important;
max-width: 10px !important;
-moz-appearance:none !important;/*or progressbar*/
background: transparent !important;
/*border:none !important;*/

/*FOR HORIZONTAL SCROLLBARS */

min-height: 10px !important;
max-height: 10px !important;
}

/* SCROLLBAR BUTTON YOU DRAG DOWN THE SCROLLBAR STRIP */

#stylish scrollbar thumb
{
background: lightgrey !important;
-moz-appearance:progressbar !important;
-moz-border-radius: 0px !important;
/*border:none !important;*/
}

/*REMOVES SCROLLBAR END BUTTONS */

#stylish scrollbarbutton { display:none !important; }

#stylish gripper { /*display:none !important;*/
margin-left: -0px!important;
 }

/*////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/*//// FINDBAR  ////*/

#stylish .findbar-container
{
/*FOR COLORED FINDBAR:CHANGE TO -moz-appearance:none */
-moz-appearance:progressbar!important;

background: #aaa !important;
-moz-border-radius: 1px !important;

margin-left: 4px !important; 
margin-right: 4px !important;
min-height: 15px !important;

/*MOVES FINDBAR DOWN CLOSER TO BUTTONS(Preview,Save,Cancel)AND LESS SPACE BETWEEN FINDBAR AND BOTTOM OF WINDOW */
margin-top: 3px !important;
margin-bottom: 1px !important;/*1px or 2px*/
}

/*COLOR TEXT "Find" and other text*/
#stylish .findbar-container 
{ color:black!important; }

/*CAN ADD FINDBAR CLOSE BUTTON*/
/*
#stylish .findbar-closebutton {display:-moz-box !important;
margin-left: -2px !important;}
*/

/*DEFAULT IS 6px*/
#stylish [value='Find:']
{ font-size: 11px !important;
margin-left: 5px !important;padding-right: 2px !important; }

#stylish .findbar-textbox   
{
width: 230px !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
margin-right: -6px !important;
margin-left: -5px !important;
-moz-border-radius: 4px !important;
-moz-appearance:none!important;
 }

#stylish .findbar-textbox .textbox-input-box   
{
color:black!important;
font-size: 11px !important;
font-weight: bold !important;
min-height: 13px !important;
max-height: 13px !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
-moz-appearance:none!important;
margin-left: -1px !important;
padding-left: 1px !important;
}

/*******************************************/

#stylish .findbar-find-next.tabbable
{ font-size: 0px !important; margin-top: -2px !important;
margin-bottom: -2px !important;margin-left: 6px !important; }

#stylish .findbar-find-previous.tabbable
{ font-size: 0px !important; margin-top: -2px !important;
margin-bottom: -2px !important;}

/* "Phrase not found" */
#stylish .find-status-icon
{
 font-size: 0px !important; 
margin-left: -6px !important;
margin-top: -1px !important;
}

/*"Reached end of page,continued from top" TEXT*/
#stylish .findbar-find-fast.findbar-find-status
{ display:none !important; }


}
/*END*/