Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 02/01/2007, à 22:08

Miles Prower

Firefox cassé après modification vue sur Planet

Hello,

Léger soucis avec la mise en page de Firefox qui est complètement cassée suite à cette manipulation du Planet :
http://www.pastanque.be/splitsch/ubuntu/102/firefox-20-et-edgy-rendre-les-boutons-beaux.html

En pratique, le résultat est désatreux
- Impossible de sélectionner quoique ce soit en barre d'adresse
- Impossible de cliquer dans la barre d'adresse pour me positionner à l'endroit souhaité, curseur toujours au début
- Plus de curseur dans les zones de texte
- Zone de texte boguées : impossible d'écrire + que la zone initialement prévue (pas de scroll), ça part dans le corps de la page... quand c'est encore affiché et à la suite
- Menus déformés sans retours à la ligne (cf. screen)
- Diverses mises en page de sites brisées

Et je ne pense pas avoir tout découvert encore. Les commandes données pour "désinstaller" ne donnent rien.

capturezl2.th.png

bugtk5.th.png

Help ?

Dernière modification par Miles Prower (Le 03/01/2007, à 02:13)


I wanna fly high
So I can reach the highest of all the heavens
Somebody will be
Waiting for me, so I have gotta fly higher.

Hors ligne

#2 Le 02/01/2007, à 22:51

Splitsch

Re : Firefox cassé après modification vue sur Planet

Salut!
L'erreur du Planet n'est êut-etre pas encore réparée.
L'article sur le blog, quant à lui l'est:
http://www.pastanque.be/splitsch/ubuntu/102/firefox-20-et-edgy-rendre-les-boutons-beaux.html#comments
Suit les instructions qui sont proposées à la fin de l'article, ou dans certains commentaires.
En gros, cela consiste à télécharger mon forms.css.bak et à la placer à la place de celui qui a été changé:)
De plus, dans les commentaires, un des lecteurs à posté son forms.css qui premet de pallier à ces déformations, tout en permettant d'utiliser ces "beau" boutons smile


Aplus!

Dernière modification par Splitsch (Le 02/01/2007, à 22:53)

Hors ligne

#3 Le 03/01/2007, à 01:09

Miles Prower

Re : Firefox cassé après modification vue sur Planet

Rectifié, ça rend en effet mieux. smile

Reste quelques bugs mais rien de bien gênant :
captureen1.png

Dernière modification par Miles Prower (Le 03/01/2007, à 01:10)


I wanna fly high
So I can reach the highest of all the heavens
Somebody will be
Waiting for me, so I have gotta fly higher.

Hors ligne

#4 Le 03/01/2007, à 01:32

Flav

Re : Firefox cassé après modification vue sur Planet

Salut!

Je suis l'auteur du forms.css modifié! Effectivement il reste ce problème...

Faudra que j'essaye de le corriger en bidouillant encore un peu! D'ailleurs, cela concerne tous le sboutons spéciaux (mise en forme des messages dans ce forum)...

Je te préviendrais si je trouve une solution wink !

Hors ligne

#5 Le 03/01/2007, à 02:24

iKs

Re : Firefox cassé après modification vue sur Planet

Pour réparer Firefox le plus simple est de le réinstalelr (via Synaptic). Vos configuration "non rootienne" (c'est à dire tout sauf ça normalementà sont gardée donc aucun probleme smile

Hors ligne

#6 Le 03/01/2007, à 21:29

Flav

Re : Firefox cassé après modification vue sur Planet

Avec la mise à jour de Firefox (2.0.0.1, mise aujourd'hui sur les dépôts), les jolis boutons sont revenus moches!

Effectivement, firefox remet le forms.css original lors de la mise à jour! Pour réactiver les jolis boutons, il suffit de remettre l'ancien forms.css (celui de juste avant la mise à jour)!

Hors ligne

#7 Le 09/01/2007, à 22:44

Flav

Re : Firefox cassé après modification vue sur Planet

J'ai fait quelques modifs sur mon forms .css (il reste encore quelques problèmes mais je ne vais pas les corriger tellement ils sont minables...)

Il est dispo ici : http://flavian.isuisse.com/divers/forms.css  (il suffit de copier/coller le contenu)

wink

Dernière modification par Flav (Le 09/01/2007, à 22:44)

Hors ligne

#8 Le 28/01/2007, à 02:45

ordinat

Re : Firefox cassé après modification vue sur Planet

Salut à  tous,
le lien ne marche pas:(:( si une ame charitable pouvait nous fournir ce fichier...

Hors ligne

#9 Le 28/01/2007, à 18:33

Flav

Re : Firefox cassé après modification vue sur Planet

Saut! J'ai bien reçu ton mail!

Depuis quelques temps, mon FTP merde un peu!

Bon voila le fichier:

/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is mozilla.org code.
 *
 * The Initial Developer of the Original Code is
 * Netscape Communications Corporation.
 * Portions created by the Initial Developer are Copyright (C) 1998
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either of the GNU General Public License Version 2 or later (the "GPL"),
 * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

/** 
  Styles for old GFX form widgets
 **/ 
 

@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

*|*::-moz-fieldset-content {
  display: block;
  height: 100%;   /* Need this so percentage heights of kids work right */
}

/* miscellaneous form elements */

legend {
  padding-left: 2px;
  padding-right: 2px;
  border: none;
  position: static ! important;
  float: none ! important;
}

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 2px groove ThreeDFace;
}

label {
  cursor: default;
}

/* default inputs, text inputs, and selects */

/* Note: Values in nsNativeTheme IsWidgetStyled function 
   need to match textfield background/border values here */

input {
  -moz-appearance: textfield;
  /* The sum of border-top, border-bottom, padding-top, padding-bottom
     must be the same here, for buttons, and for <select> (including its
     internal padding magic) */
  padding: 1px 0 1px 0;
  border: 2px inset ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-field;
  line-height: normal !important;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  cursor: text;
  -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
  text-indent: 0;
  -moz-user-select: text;
}

input > .anonymous-div {
  white-space : nowrap;
}

textarea {
  margin: 1px 0 1px 0;
  border: 2px inset ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: medium -moz-fixed;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  vertical-align: text-bottom;
  cursor: text;
  -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#textAreas");
  -moz-appearance: textfield;
  text-indent: 0;
  -moz-user-select: text;
}

textarea > scrollbar {
  cursor: default;
}

textarea > .anonymous-div,
input > .anonymous-div {
  overflow: auto;
  border: 0px !important;
  padding: 0px;
  margin: 0px;
  /* XXXldb I'm not sure if we really want the 'text-decoration: inherit',
     but it's needed to make 'text-decoration' "work" on text inputs. */
  text-decoration: inherit;
}

select {
  margin: 0;
  border-color: ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-list;
  line-height: normal !important;
  white-space: nowrap !important;
  text-align: start; 
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-appearance: menulist;
  border-width: 2px;
  border-style: inset;
  text-indent: 0;
}

/* Need the "select[size][multiple]" selector to override the settings on
   'select[size="1"]', eg if one has <select size="1" multiple> */
   
select[size],
select[multiple],
select[size][multiple] {
  /* Different alignment and padding for listbox vs combobox */
  vertical-align: text-bottom;
  padding: 1px 0 1px 0;
  -moz-appearance: listbox;
}

select[size="0"],
select[size="1"] {
  /* Except this is not a listbox */
  vertical-align: baseline;
  padding: 0;
  -moz-appearance: menulist;
}

select > input[type="button"] {
  width: 12px;
  height: 12px;
  white-space: nowrap;
  position: static !important;
  background-image: url("arrow.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  -moz-appearance: menulist-button;
}

select > input[type="button"]:active {
  background-image: url("arrowd.gif") !important;
}

select::-moz-dummy-option { 
  visibility: hidden; 
  content: "XX"; /* demo 8, edge case test 1 */
}

*|*::-moz-display-comboboxcontrol-frame {
  overflow: -moz-hidden-unscrollable;
  /* This top/bottom padding plus the combobox top/bottom border need to
     add up to the top/bottom borderpadding of text inputs and buttons */ 
  padding-top: 1px;
  padding-bottom: 1px;
  -moz-padding-start: 4px;
  -moz-padding-end: 0;
  background-color: inherit;
  color: inherit;
  white-space: nowrap;
  text-align: inherit;
  -moz-user-select: none;
}

option {
  display: block;
  min-height: 1em;
  line-height: normal !important;
  -moz-user-select: none;
  text-indent: 0;
}

select > option {
  padding-top : 0;
  padding-bottom: 0;
  -moz-padding-start: 3px;
  -moz-padding-end: 5px;
}

option:checked {
  background-color: Highlight ! important;
  color: HighlightText ! important;
}

optgroup {
  display: block;
  font: -moz-list;
  line-height: normal !important;
  font-style: italic;
  font-weight: bold;
  font-size: inherit;
  -moz-user-select: none;
  text-indent: 0;
}

optgroup > option {
  padding-left: 20px;
  font-style: normal;
  font-weight: normal;
}

optgroup:before {
  display: block;
  content: attr(label);
}

*|*::-moz-dropdown-list {
  z-index: 2147483647;
  background-color: inherit;
  -moz-user-select: none;
  position: static !important;
  float: none !important;

  border: 1px outset black !important;
} 

input[disabled],
textarea[disabled],
option[disabled],
optgroup[disabled],
select[disabled] {
  -moz-user-input: disabled;
  -moz-user-focus: ignore;
  color: GrayText;
  background-color: ThreeDFace;
  cursor: inherit;
}

option[disabled],
optgroup[disabled] {
  background-color: transparent;
}

/* hidden inputs */
input[type="hidden"] {
  -moz-appearance: none;
  display: none;
  padding: 0;
  border: 0;
  cursor: auto;
  -moz-user-focus: ignore;
  -moz-binding: none;
}

/* image buttons */
input[type="image"] {
  -moz-appearance: none;
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: sans-serif;
  font-size: small;
  cursor: pointer;
  -moz-binding: none;
  -moz-appearance: none;
}

input[type="image"][disabled] {
  cursor: inherit;
}

input[type="image"]:focus {
  outline: 1px dotted invert;
}

/* file selector */
input[type="file"] {
  -moz-appearance: none;
  white-space: nowrap;
  cursor: default;
  -moz-binding: none;

  padding: 0 !important;
  border-style: none !important;
}

input[type="file"] > input[type="text"] {
  border-color: inherit;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  height: inherit;
  letter-spacing: inherit;
}

/* button part of file selector */
input[type="file"] > input[type="button"] {
  height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* Radio buttons */

input[type="radio"] {
  width: 13px;
  height: 13px;
  margin: 3px 3px -2px 5px;
  padding: 0 !important;
  cursor: default;
  background-image: url("form-widgets/radio.png") !important;
  border: none !important;
  background-color: inherit !important;
}

input[type="radio"]:focus:not([class]):not([id]):not([style]) {
  border:none !important;
}

input[type="radio"]:focus {
 border:none !important;
}

input[type="radio"]:active:focus {
 border:none !important;
}

input[type="radio"]:checked {
  background-image: url("form-widgets/radio-checked.png") !important;
}

input[type="radio"][disabled],
input[type="radio"][disabled]:hover {
  border:none !important;
}

*::-moz-radio {
  border: none !important;
  background-color: transparent !important;
}

/* Checkboxes */

input[type="checkbox"] {
  width: 12px !important;
  height: 12px !important;
  margin: 3px 3px 3px 4px;
  padding: 0 !important;
  vertical-align: text-bottom;
  border-width: 0 !important;
  cursor: default;
  background-image: url("form-widgets/checkbox.png") !important;
  background-color: -moz-Field !important;
}

input[type="checkbox"]:checked {
  background-image: url("form-widgets/checkbox-checked.png") !important;
}

/* Dropdowns  */

select,
select:not([size]),
select[size="0"],
select[size="1"] {
  color: ButtonText !important;
  background-color: Window !important;
  background: Window url("form-widgets/button.png") repeat-x bottom right !important;
  border: 2px solid ThreeDShadow !important;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDShadow Window;
  -moz-border-bottom-colors: ThreeDShadow Window;
  -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  margin: 0px !important;
  padding: 0px 1px !important;
  -moz-border-radius: 1px !important;
}

select > input[type="button"]{
  width: 6px !important;
  border: none !important;
  background: transparent url("form-widgets/droparrow.png") no-repeat center center !important;
}

select > input[type="button"]:focus {
}

/* Buttons */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select{
  color: ButtonText 
  background-color: Window ;
  background: Window url("form-widgets/button.png") repeat-x bottom right;
  border: 2px solid ThreeDShadow ;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDShadow Window;
  -moz-border-bottom-colors: ThreeDShadow Window;
  -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  margin: 2px ;
  padding: 0px 1px ;
  -moz-border-radius: 1px ;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
}

button {
  /* Buttons should lay out like "normal" html, mostly */
  white-space: normal;  
  text-indent: 0;
}

 /*
  * Make form controls inherit 'unicode-bidi' transparently as required by
  *  their various anonymous descendants and pseudo-elements:
  *
  * <textarea> and <input type="text">:
  *  inherit into the XULScroll frame with class 'anonymous-div' which is a
  *  child of the text control.
  *
  * Buttons (either <button>, <input type="submit">, <input type="button">
  *          or <input type="reset">)
  *  inherit into the ':-moz-button-content' pseudo-element.
  *
  * <select>:
  *  inherit into the ':-moz-display-comboboxcontrol-frame' pseudo-element and
  *  the <optgroup>'s ':before' pseudo-element, which is where the label of
  *  the <optgroup> gets displayed. The <option>s don't use anonymous boxes,
  *  so they need no special rules.
  */
textarea > .anonymous-div,
input > .anonymous-div,
*|*::-moz-button-content,
*|*::-moz-display-comboboxcontrol-frame,
optgroup:before {
  unicode-bidi: inherit;
}

 /*
  * Force the text control child of file input controls to have left-to-right
  * directionality. Otherwise filenames containing right-to-left characters
  * will be reordered with chaotic results.
  */
input[type="file"] > input[type="text"] {
  direction: ltr !important;
  text-align: inherit;
}

@media print {
  input, textarea, select, button {
    -moz-user-input: none !important;
  }

  input[type="file"] { height: 2em; }
}

Hors ligne

#10 Le 30/01/2007, à 15:30

ordinat

Re : Firefox cassé après modification vue sur Planet

Salut, un GRAND merci !!:D
C'est vachement mieux, juste que pointe sur un bouton il y a le curseur de texte qui apparait et sur le site commentcamarche.net les boutons radios font comme si on voyait leur reflet dans l'eau !!! enfin voila un screen http://img258.imageshack.us/img258/7793/capture2js6.png
c'est pas pour critiquer mais je suis sur que t'es capable de regler ça en 2 clics;) et pour une fois que l'affichage est aussi bien que sur l'autre système (vous voyez de qui je parles) autant qu'il soit parfait !!!
encore merci !

Dernière modification par ordinat (Le 30/01/2007, à 15:55)

Hors ligne

#11 Le 30/01/2007, à 21:11

Flav

Re : Firefox cassé après modification vue sur Planet

ordinat a écrit :

Salut, un GRAND merci !!:D
C'est vachement mieux, juste que pointe sur un bouton il y a le curseur de texte qui apparait et sur le site commentcamarche.net les boutons radios font comme si on voyait leur reflet dans l'eau !!! enfin voila un screen http://img258.imageshack.us/img258/7793/capture2js6.png
c'est pas pour critiquer mais je suis sur que t'es capable de regler ça en 2 clics;) et pour une fois que l'affichage est aussi bien que sur l'autre système (vous voyez de qui je parles) autant qu'il soit parfait !!!
encore merci !

Bah en fait sur certains sites, ça fait ça! Vu que je me suis basé sur google et wikipédia pour régler le tout j'ai pas fait attention aux autres. Mais sur CCM ça va encore.... je te dis pas sur le site de samsung lol
Pour le curseur c'est un oubli, j'avais réglé ça pour tous les autres truc (boutons radio, cases à cocher et listes déroulantes)

Bon je verrais si je vais essayer de résoudre ce problème! J'ai pas trop de temps en ce moment... et c'est assez compliqué quand on y comprend rien et qu'on arrive à un résultat en faisant tout "au bol"...

Si je trouve une solution, promis je poste ici le nouveau forms.css! wink

Dernière modification par Flav (Le 30/01/2007, à 21:14)

Hors ligne

#12 Le 22/03/2007, à 21:03

Flav

Re : Firefox cassé après modification vue sur Planet

Hello!

Je me suis enfin décidé à rectifier les petits truc:

Le reflet des boutons radio est réglé, le curseur sur les boutons aussi. smile
Le problème ce de certains boutons (wiki ubuntu-fr) n'est pas résolu!


Voila le forms.css à copier:

/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is mozilla.org code.
 *
 * The Initial Developer of the Original Code is
 * Netscape Communications Corporation.
 * Portions created by the Initial Developer are Copyright (C) 1998
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either of the GNU General Public License Version 2 or later (the "GPL"),
 * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

/** 
  Styles for old GFX form widgets
 **/ 
 

@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

*|*::-moz-fieldset-content {
  display: block;
  height: 100%;   /* Need this so percentage heights of kids work right */
}

/* miscellaneous form elements */

legend {
  padding-left: 2px;
  padding-right: 2px;
  border: none;
  position: static ! important;
  float: none ! important;
}

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 2px groove ThreeDFace;
}

label {
  cursor: default;
}

/* default inputs, text inputs, and selects */

/* Note: Values in nsNativeTheme IsWidgetStyled function 
   need to match textfield background/border values here */

input {
  -moz-appearance: textfield;
  /* The sum of border-top, border-bottom, padding-top, padding-bottom
     must be the same here, for buttons, and for <select> (including its
     internal padding magic) */
  padding: 1px 0 1px 0;
  border: 2px inset ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-field;
  line-height: normal !important;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  cursor: text;
  -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
  text-indent: 0;
  -moz-user-select: text;
}

input > .anonymous-div {
  white-space : nowrap;
}

textarea {
  margin: 1px 0 1px 0;
  border: 2px inset ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: medium -moz-fixed;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  vertical-align: text-bottom;
  cursor: text;
  -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#textAreas");
  -moz-appearance: textfield;
  text-indent: 0;
  -moz-user-select: text;
}

textarea > scrollbar {
  cursor: default;
}

textarea > .anonymous-div,
input > .anonymous-div {
  overflow: auto;
  border: 0px !important;
  padding: 0px;
  margin: 0px;
  /* XXXldb I'm not sure if we really want the 'text-decoration: inherit',
     but it's needed to make 'text-decoration' "work" on text inputs. */
  text-decoration: inherit;
}

select {
  margin: 0;
  border-color: ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-list;
  line-height: normal !important;
  white-space: nowrap !important;
  text-align: start; 
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-appearance: menulist;
  border-width: 2px;
  border-style: inset;
  text-indent: 0;
}

/* Need the "select[size][multiple]" selector to override the settings on
   'select[size="1"]', eg if one has <select size="1" multiple> */
   
select[size],
select[multiple],
select[size][multiple] {
  /* Different alignment and padding for listbox vs combobox */
  vertical-align: text-bottom;
  padding: 1px 0 1px 0;
  -moz-appearance: listbox;
}

select[size="0"],
select[size="1"] {
  /* Except this is not a listbox */
  vertical-align: baseline;
  padding: 0;
  -moz-appearance: menulist;
}

select > input[type="button"] {
  width: 12px;
  height: 12px;
  white-space: nowrap;
  position: static !important;
  background-image: url("arrow.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  -moz-appearance: menulist-button;
}

select > input[type="button"]:active {
  background-image: url("arrowd.gif") !important;
}

select::-moz-dummy-option { 
  visibility: hidden; 
  content: "XX"; /* demo 8, edge case test 1 */
}

*|*::-moz-display-comboboxcontrol-frame {
  overflow: -moz-hidden-unscrollable;
  /* This top/bottom padding plus the combobox top/bottom border need to
     add up to the top/bottom borderpadding of text inputs and buttons */ 
  padding-top: 1px;
  padding-bottom: 1px;
  -moz-padding-start: 4px;
  -moz-padding-end: 0;
  background-color: inherit;
  color: inherit;
  white-space: nowrap;
  text-align: inherit;
  -moz-user-select: none;
}

option {
  display: block;
  min-height: 1em;
  line-height: normal !important;
  -moz-user-select: none;
  text-indent: 0;
}

select > option {
  padding-top : 0;
  padding-bottom: 0;
  -moz-padding-start: 3px;
  -moz-padding-end: 5px;
}

option:checked {
  background-color: Highlight ! important;
  color: HighlightText ! important;
}

optgroup {
  display: block;
  font: -moz-list;
  line-height: normal !important;
  font-style: italic;
  font-weight: bold;
  font-size: inherit;
  -moz-user-select: none;
  text-indent: 0;
}

optgroup > option {
  padding-left: 20px;
  font-style: normal;
  font-weight: normal;
}

optgroup:before {
  display: block;
  content: attr(label);
}

*|*::-moz-dropdown-list {
  z-index: 2147483647;
  background-color: inherit;
  -moz-user-select: none;
  position: static !important;
  float: none !important;

  border: 1px outset black !important;
} 

input[disabled],
textarea[disabled],
option[disabled],
optgroup[disabled],
select[disabled] {
  -moz-user-input: disabled;
  -moz-user-focus: ignore;
  color: GrayText;
  background-color: ThreeDFace;
  cursor: inherit;
}

option[disabled],
optgroup[disabled] {
  background-color: transparent;
}

/* hidden inputs */
input[type="hidden"] {
  -moz-appearance: none;
  display: none;
  padding: 0;
  border: 0;
  cursor: auto;
  -moz-user-focus: ignore;
  -moz-binding: none;
}

/* image buttons */
input[type="image"] {
  -moz-appearance: none;
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: sans-serif;
  font-size: small;
  cursor: pointer;
  -moz-binding: none;
  -moz-appearance: none;
}

input[type="image"][disabled] {
  cursor: inherit;
}

input[type="image"]:focus {
  outline: 1px dotted invert;
}

/* file selector */
input[type="file"] {
  -moz-appearance: none;
  white-space: nowrap;
  cursor: default;
  -moz-binding: none;

  padding: 0 !important;
  border-style: none !important;
}

input[type="file"] > input[type="text"] {
  border-color: inherit;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  height: inherit;
  letter-spacing: inherit;
}

/* button part of file selector */
input[type="file"] > input[type="button"] {
  height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* Radio buttons */

input[type="radio"] {
  width: 13px !important;
  height: 13px !important;
  margin: 3px 3px -2px 5px !important;
  padding: 0 !important;
  cursor: default;
  background-image: url("form-widgets/radio.png") !important;
  border: none !important;
  background-color: inherit !important;
}


input[type="radio"]:checked {
  background-image: url("form-widgets/radio-checked.png") !important;
}


*::-moz-radio {
  border: none !important;
  background-color: transparent !important;
}

/* Checkboxes */

input[type="checkbox"] {
  width: 12px !important;
  height: 12px !important;
  margin: 3px 3px 3px 4px;
  padding: 0 !important;
  vertical-align: text-bottom;
  border-width: 0 !important;
  cursor: default;
  background-image: url("form-widgets/checkbox.png") !important;
  background-color: -moz-Field !important;
}

input[type="checkbox"]:checked {
  background-image: url("form-widgets/checkbox-checked.png") !important;
}

/* Dropdowns  */

select,
select:not([size]),
select[size="0"],
select[size="1"] {
  color: ButtonText !important;
  background-color: Window !important;
  background: Window url("form-widgets/button.png") repeat-x bottom right !important;
  border: 2px solid ThreeDShadow !important;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDShadow Window;
  -moz-border-bottom-colors: ThreeDShadow Window;
  -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  margin: 0px !important;
  padding: 0px 1px !important;
  -moz-border-radius: 1px !important;
}

select > input[type="button"]{
  width: 6px !important;
  border: none !important;
  background: transparent url("form-widgets/droparrow.png") no-repeat center center !important;
}

select > input[type="button"]:focus {
}

/* Buttons */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select{
  color: ButtonText 
  background-color: Window ;
  background: Window url("form-widgets/button.png") repeat-x bottom right;
  border: 2px solid ThreeDShadow ;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDShadow Window;
  -moz-border-bottom-colors: ThreeDShadow Window;
  -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  margin: 2px ;
  cursor: default;
  padding: 0px 1px ;
  -moz-border-radius: 1px ;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
}

button {
  /* Buttons should lay out like "normal" html, mostly */
  white-space: normal;  
  text-indent: 0;
  cursor: default;
}

 /*
  * Make form controls inherit 'unicode-bidi' transparently as required by
  *  their various anonymous descendants and pseudo-elements:
  *
  * <textarea> and <input type="text">:
  *  inherit into the XULScroll frame with class 'anonymous-div' which is a
  *  child of the text control.
  *
  * Buttons (either <button>, <input type="submit">, <input type="button">
  *          or <input type="reset">)
  *  inherit into the ':-moz-button-content' pseudo-element.
  *
  * <select>:
  *  inherit into the ':-moz-display-comboboxcontrol-frame' pseudo-element and
  *  the <optgroup>'s ':before' pseudo-element, which is where the label of
  *  the <optgroup> gets displayed. The <option>s don't use anonymous boxes,
  *  so they need no special rules.
  */
textarea > .anonymous-div,
input > .anonymous-div,
*|*::-moz-button-content,
*|*::-moz-display-comboboxcontrol-frame,
optgroup:before {
  unicode-bidi: inherit;
  cursor: default;
}

 /*
  * Force the text control child of file input controls to have left-to-right
  * directionality. Otherwise filenames containing right-to-left characters
  * will be reordered with chaotic results.
  */
input[type="file"] > input[type="text"] {
  direction: ltr !important;
  text-align: inherit;
  cursor: default;
}

@media print {
  input, textarea, select, button {
    -moz-user-input: none !important;
  }

  input[type="file"] { height: 2em; }
}

Les modifs c'est comme d'habitude de la petite cuisine... lol



Si vous trouvez quelque-chose qui ne va pas, dites le moi! wink

Dernière modification par Flav (Le 22/03/2007, à 21:04)

Hors ligne

#13 Le 23/04/2007, à 16:09

genosias

Re : Firefox cassé après modification vue sur Planet

chez moi je n'ai plus les puces à cocher (sur google à coté de "web, page francophone, pages belgique"
C'est peut etre du à l'utilisation de swiftfox mais je ne crois pas.
en tout cas c'est le dernier bug que je vois.
Sinon super boulot, ca fait longtemps que je cherche un truc pareil, je ne comprends d'ailleurs pas que ca ne soit pas comme ca par défaut.
merci.

Hors ligne

#14 Le 23/04/2007, à 17:01

Flav

Re : Firefox cassé après modification vue sur Planet

Salut!

Chez-moi, les puces sont la!

Peut-être que les images des puces ne sont pas nommées correctement ou placées au bon endroit!

Normalement dans ce dossier: /usr/share/firefox/res/form-widgets , tu dois avoir une image nommée radio.png et une autre radio-checked.png.

Hors ligne

#15 Le 23/04/2007, à 17:07

genosias

Re : Firefox cassé après modification vue sur Planet

bien vu, j'ai remis le dossier avec les widgets dans le dossier res et ca marche, désolé pour la perte de temps wink.
C'est beaucoup mieux.
merci.

Hors ligne

#16 Le 29/04/2007, à 15:00

Splitsch

Re : Firefox cassé après modification vue sur Planet

Salut!
Simplement pour annoncer que l'article a changé de place. Il se trouve désormais sur la nouvelle adresse de mon blog: Un monde parfait

Merci

Hors ligne