Aparencia para firefox

[rruella]

não sei se todos já conhecem. procedi e gostei, passo pra frente:



http://www.winajuda.com/2010/01/26/firefox-deskmod-visual-37-40/

[SergioJP]

não sei se todos já conhecem. procedi e gostei, passo pra frente:



http://www.winajuda.com/2010/01/26/firefox-deskmod-visual-37-40/

Esta matéria do  winajuda é para plataforma Win.
Para que funcione no firefox-Linux, voce deverá usar algumas extensões mais antigas, que são as que eu uso.

strata40  v0.5.7   https://addons.mozilla.org/en-US/firefox/addon/14284/versions/?page=1#version-0.5.7

strata hometab  v 0.0.2  https://addons.mozilla.org/en-US/firefox/addon/14764/versions/?page=1#version-0.0.2
Obs:  clique no sinal de + no botão amarelo à direita e selecione adicionar ao firefox.

Tab Progress Bar v0.6   https://addons.mozilla.org/en-US/firefox/addon/14644/

StrataBuddy  v 0.1.6.9d  https://addons.mozilla.org/pt-BR/firefox/addon/14762/versions/?page=1#version-0.1.6.9d

disablemenu  v 0.3.3   https://addons.mozilla.org/en-US/firefox/addon/3300/

fision v1.0.9    https://addons.mozilla.org/en-US/firefox/addon/1951/

                                           

Não sei o que há mas o link com thumbnail fica muito lerdo então aqui esta o link deireto para a imagem http://www.ubuntu-pics.de/bild/112222/stra40_on_firefox_linux_BDp35x.png
Para o firefox ficar igual à imagem, primeiro voce tem que criar uma imagem no tamanho 5X5 da cor #CDCDCD, com uma transparência de 80%   +/- , salve a como perfect.png, depende do seu tema, se for escuro aí muda a cor, mas lembre-se de que terá que mudar a cor da fonte no userChrome.css.

Abaixo está o meu userChrome.css, que deve ser salvo na pasta /home/seunome/.mozilla/firefox/xxxxxx.default/chrome

Obs: o xxxxx.default depende do número que está na pasta do seu profile. E o nome perfect.png é o nome que usei para criar esse css, você pode usar outro nome mas não esqueça de alter no css também se não; não funfa, e deve se colocada na pasta chrome também.

Código Selecionar Expandir

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url(http://www.w3.org/1999/xhtml);
/*Início da configuração das fontes menubar, urlbar, searchbar, personal tollbar e tabbar */
#main-window[stylish-platform^="Win"] #navigator-toolbox textbox:not([hover]) html|input,
#main-window[stylish-platform^="Win"] #identity-box #identity-icon-label
{line-height: 1.6 !important;}

#navigator-toolbox textbox:not([hover]) html|input,
#identity-box #identity-icon-label
{line-height: 1.4 !important;
color: white !important;
text-shadow: #666666 0px 0px 2px, rgba(0,0,0,0.7) 1px 1px 2px, rgba(0,0,0,1) 1px 1px 3px, white 0px 0px 8px, white 0px 0px 8px !important;}

#navigator-toolbox textbox:hover html|input,
#identity-box:hover #identity-icon-label
{color: white !important;
text-shadow: #666666 0px 0px 2px, rgba(0,0,0,0.7) 1px 1px 2px, rgba(0,0,0,1) 1px 1px 2px, white 0px 0px 8px, white 0px 0px 8px !important;}

#main-window textbox[focused] html|input,
#main-window #myInputBox:not([blah]) html|input,
.findbar-textbox[focused] html|input
{line-height: normal !important;
color: black !important;
text-shadow: none !important;}

#main-window .tabbrowser-tab:not([selected="true"]):not([blah]) label
{text-shadow: #666666 0px 0px 1px, #111111 1px 1px 4px, #333333 1px 1px 4px, white 0px 0px 6px, white 0px 0px 6px !important;}

#main-window .tabbrowser-tab[selected="true"]:not([blah]) label,
#main-window .tabbrowser-tab:not([selected="true"]):hover:not([blah]) label
{text-shadow: #666666 0px 0px 1px, #111111 1px 1px 3px, #333333 1px 1px 3px, white 0px 0px 6px, white 0px 0px 6px !important;}

#main-window .tabbrowser-tab:not([blah]) label
{color: white !important;
font-weight: bold !important;}

#navigator-toolbox label:not([class^="menu-"]),
#sidebar-title,
#status-bar,
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar label:not([class^="menu-"]),
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar description,
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar textbox:not([focused]) html|input
{color: white !important;
text-shadow: #666666 0px 0px 1px, rgba(0,0,0,1) 1px 1px 3px, rgba(0,0,0,1) 1px 1px 3px, white 0px 0px 8px, white 0px 0px 8px !important;}
/*Fim da configuração das fontes menubar, urlbar, searchbar, personal tollbar e tabbar */


 
/* Muda a cor da barra de Endereços */
  #urlbar{ font-family: Droid Sans !important; font-size: 10pt !important; background-color: rgb(240, 240 ,240) !important;
  }

  /* Muda a cor da barra de progresso das abas */
  .tab-progress > .progress-bar { background-color: #00FF00 !important; }
 

 
 /*Muda a cor de fundo das abas e adiciona imagem de fundo */
  #browser tabs {-moz-appearance: none !important;
  margin: 0 !important;
  border: 0 !important;
  background:rgb(235,235,235) url("file:perfect.png") !important;
 }
 
  /* Imagem de fundo para as  toolbars */
  toolbar, tabbox,  menubar,  toolbox, menupopup,  tooltip, #FindToolbar, menulist {
  -moz-appearance: none !important;
   background:rgb(240, 240 ,240) url("file:perfect.png") !important;
}
menubar, menubutton, menu, menuitem, menupopup, popup > * {color: rgb(0,0,0) !important;}

  /* Imagem de fundo para a barra de favoritos */
  bookmarks toolbar{
  -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  margin-top:0  !important;
  margin-bottom:0 !important;
  border: 0 !important;
  background: rgb(240, 240 ,240) url("file:perfect.png") !important;
  }
 



/* The following four lines were added by KDE */
scrollbarbutton[sbattr="scrollbar-up-top"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-top"] { display: none !important; }
scrollbarbutton[sbattr="scrollbar-up-bottom"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-bottom"] { display: -moz-box !important; }

#menubar-items {
padding-left: 5px !important;
}

/* Remove the 'Go' button*/
#go-button {
 display: none !important; }

/* Remove a estrela adicionar aos Favoritos}*/
#star-button { display: none !important;

/* Inicio - personaliza  bookmarks menus e scrollbar */
#bookmarksMenuPopup menupopup,
#personal-bookmarks menupopup {
 max-height: 750px !important;
 width: 180px !important;
}
#bookmarksMenuPopup autorepeatbutton,
#personal-bookmarks autorepeatbutton {
 display: none !important;
}
#bookmarksMenuPopup scrollbox,
#personal-bookmarks scrollbox {
 overflow-y: auto !important;
}

menupopup {
 max-height: 240px; /* ou a largura de seu gosto */
}

menupopup autorepeatbutton {
 display: none;
}

menupopup scrollbox {
 overflow-y: auto;
}

#contentAreaContextMenu,
#contentAreaContextMenu menupopup {
 max-height: 300px; /* ou a largura de seu gosto */
}

#contentAreaContextMenu autorepeatbutton {
 display: none;
}

#contentAreaContextMenu scrollbox {
 overflow-y: auto;
}


#togglePasswords{display:none;}

#contentAreaContextMenu {
   -moz-appearance: none !important;
   background: rgb(240, 240, 240) url("file:perfect.png") !important;
   color: rgb(2, 2 ,2) !important;
   }
/* Fim - personaliza  bookmarks menus e scrollbar */

body {
background-color: #FFF;
color:  #000 ;
display: block;
margin: 8px;
}





Para dar mais compatibilidade use esse userContent.css, que vai arrumar alguns ítens com imput-bottom e afins,
que deve ser salvo na pasta /home/seunome/.mozilla/firefox/xxxxxx.default/chrome

Código Selecionar Expandir



/*
* Edit this file and copy it as userContent.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to apply a style to all web pages you view
* Rules without !important are overruled by author rules if the
* author sets any.  Rules with !important overrule author rules.
*/

/*
* example: turn off "blink" element blinking
*
* blink { text-decoration: none ! important; }
*
*/

/*
* example: give all tables a 2px border
*
* table { border: 2px solid; }
*/

/*
* example: turn off "marquee" element
*
* marquee { -moz-binding: none; }
*
*/

/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/




/* Change cursor for links that open in new window */
:link[target="_blank"], :visited[target="_blank"],
:link[target="_new"], :visited[target="_new"] {
cursor: crosshair;
}

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

  select{color: #c1c1c1 !important;}

select[multiple],
textarea,
input:not([type]),
input[type="text"],
input[type="search"],
input[type="password"],
input[type="submit"]{
   -moz-appearance: none !important;
   color: #111111 !important;
   margin: 1px;
   border: 2px solid ThreeDShadow;
   -moz-border-top-colors: ThreeDShadow Window;
   -moz-border-right-colors: ThreeDShadow ThreeDHighlight;
   -moz-border-bottom-colors: ThreeDShadow ThreeDHighlight;
   -moz-border-left-colors: ThreeDShadow Window;
   -moz-border-radius: 5px;
   padding: 1px;
}

select[multiple] {
   border-width: 2px 1px 2px 2px;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-bottom-colors: ThreeDShadow Window;
   -moz-border-right-colors: ThreeDShadow;
   padding: 1px 0;
}

select[multiple]:hover,
textarea:hover,
input:not([type]):hover,
input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="submit"]:hover{
   -moz-border-top-colors: #3687e3 #91c5ff;
   -moz-border-right-colors: #3687e3 #91c5ff;
   -moz-border-bottom-colors: #3687e3 #91c5ff;
   -moz-border-left-colors: #3687e3 #91c5ff;
}

select[multiple]:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="submit"]:focus {
   -moz-border-top-colors: #2f5887 #abc3de;
   -moz-border-right-colors: #2f5887 #abc3de;
   -moz-border-bottom-colors: #2f5887 #abc3de;
   -moz-border-left-colors: #2f5887 #abc3de;
}

É isso aí, espero que gostem...

Ah!  Nada a ver com o topico mas, uma dica que acho legal para firefox:
clique com a roda do mouse no botão redimensionar > redimensiona a janela verticalmente.
clique com o botão direito do mouse> redimenciona horizontalmente.