In sostanza ho installato l'add-on di firefox Stylish e ho creato questi due stili:
Codice: Seleziona tutto
/*******
* Mac OS X look contribution by
* phiw - Philippe Wittenbergh (phiw@l-c-n.com) http://emps.l-c-n.com/
* hiro - NAKAJIMA Hiroki http://homepage.mac.com/travellers/software/Firefox/aquafirefox_en.html
*
* last updated 2006.02.06
*******/
/*******
* Windows look contribution by
* akirasan - AkiraSan http://www.akirasan.net
* Use this code at your own risk.
* Making a backup of your valuable data is never a bad idea.
* I am not responsible for any data loss, physical injuries, or mental traumas resulting from using this code.
* If you want to further develop, improve or modify this code, feel free to do so.
* I'll appreciate feedback and if you make this code available for distribution,
* a link back to my blog (http://www.akirasan.net)
*
* last updated 28.05.2007
*******/
/* Set default namespace to HTML */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*********************** ~364 ***********************/
/* common features of radio buttons and check boxes */
input[type="radio"],
input[type="checkbox"] {
background-color: transparent !important;
border: none !important;
}
input[type="radio"][disabled],
input[type="radio"][disabled]:active,
input[type="radio"][disabled]:hover,
input[type="radio"][disabled]:hover:active,
input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:active,
input[type="checkbox"][disabled]:hover,
input[type="checkbox"][disabled]:hover:active {
background-color: transparent !important;
color: inherit !important;
border: none !important;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-style: none !important;
}
input[type="checkbox"]:hover:active,
input[type="radio"]:hover:active {
background-color: transparent !important;
border-style: none !important;
}
/* *|*::-moz-radio {
background-color: transparent !important;
}*/
/* --------------------------------------------------------------------------
*
* modified by phiw - Philippe Wittenbergh. phiw@l-c-n.com emps.l-c-n.com
*
* -------------------------------------------------------------------------- */
/* --- Font Setting --- */
html select,
html input,
html input[type="submit"],
html input[type="reset"],
html input[type="password"],
html input[type="file"],
html input[type="text"],
html input:not([type]) {
font-size: small;
}
/* --- Color Setting --- */
html input[type="reset"],
html input[type="submit"],
html input[type="file"] {
color: #1e1e1e !important; /* soft black */
}
html input,
html textarea {
color: #1e1e1e;
}
html button,
html input[type="button"] {
color: #1e1e1e !important;
}
/* --- Input, textarea --- */
html input,
html input[type="text"],
html input[type="password"],
html textarea {
background-color: -moz-Field;
background-repeat: repeat-x;
background-position: 0 0;
-moz-border-radius: 0;
padding: 1px 0 1px 3px;
}
html input,
html textarea {
border-top: 1px solid #616365;
border-right: 1px solid #a0a3a5;
border-bottom: 1px solid #bbbdbf;
border-left: 1px solid #616365;
}
*[dir="rtl"] input[type="text"],
*[dir="rtl"] input[type="password"],
*[dir="rtl"] input:not([type]),
*[dir="rtl"] textarea {
padding: 1px 3px 1px 0;
}
html input[type="image"] {
border:none;
background-image:none;
padding:0;
}
/* --- Radio Buttons --- */
/* *|*::-moz-radio {
border: 0 none !important;
background-color: transparent !important;
}*/
html input[type="radio"] {
-moz-appearance: none;
width: 13px !important;
height: 13px !important;
margin: 3px 5px 0;
background: transparent no-repeat center center !important;
vertical-align: baseline;
border: 0 none !important;
outline:none !important;
-moz-border-radius: 0 !important;
}
html input[type="radio"]:checked {
background: transparent no-repeat center center !important;
border: 0 none !important;
}
/* --- Check Boxes --- */
html input[type="checkbox"] {
width: 13px !important;
height:13px !important;
margin: 1px 2px 3px 3px;
vertical-align: text-bottom;
-moz-border-radius: 0 !important;
-moz-appearance: none; /*akirasan*/
}
html input[type="checkbox"],
html input[type="checkbox"]:checked{
background: transparent no-repeat center center !important;
border: 0 none !important;
}
html input[type="radio"]:focus,
html input[type="checkbox"]:focus {
border: 0 none !important;
}
/* --- Buttons, Submit, Reset --- */
html input[type="reset"],
html input[type="submit"],
html input[type="file"] > input[type="button"] {
background: #efeded repeat-x 50% 65% !important;
text-indent: 0 !important; /* beat those pesky ImageReplacement techniques */
padding: 1px 4px !important;
margin: 0;
border: 2px solid !important;
-moz-border-bottom-colors: #616365 #cecece;
-moz-border-left-colors: #797b7f #fff;
-moz-border-right-colors: #616365 #cecece;
-moz-border-top-colors: #797b7f #fff;
-moz-border-radius: 1px !important;
letter-spacing:0 !important
}
html button,
html input[type="button"],
html button[disabled],
html input[type="button"][disabled] { /* less strict, allows author styling */
background: #efeded repeat-x 50% 65%;
text-indent: 0;
padding: 1px 4px;
margin: 0;
border: 2px solid;
-moz-border-bottom-colors: #616365 #cecece;
-moz-border-left-colors: #797b7f #e8e8e8;
-moz-border-right-colors: #616365 #cecece;
-moz-border-top-colors: #797b7f #e8e8e8;
letter-spacing:0;
-moz-border-radius: 1px;
}
button[disabled]:active,
input[type="button"][disabled]:active {
padding: 1px 4px;
border: 2px solid;
}
/* --- input type=file --- */
html input[type="file"] {
background:transparent !important;
}
html input[type="file"] > input[type="text"] {
margin: 0 1px 0 0;
background-color: #fff !important;
}
html input[type="file"] > input[type="button"] {
margin: 0 1px !important;
}
/* --- Select Options --- */
/* *|*::-moz-display-comboboxcontrol-frame {
padding: 1px 4px;
}
*|*::-moz-dropdown-list {
border: none !important;
border-color:transparent !important;
background-color: #fff !important;
}*/
html select {
color: -moz-FieldText;
background: #fff ;
border: 1px solid #797b7f;
border-color: #797b7f #999 #999 #797b7f;
padding: 0;
direction: ltr;
}
*[dir="rtl"] select,
* select[dir="rtl"] {
direction: rtl;
}
html select[multiple],
html select[size],
html select[size][multiple] {
padding: 0;
}
html select:not([size]):not([multiple]),
html select[size],
html select[size="1"] {
/*background: rgb(246, 246, 246) url("resource://gre/res/forms-grad.png") repeat-x bottom right !important;*/
background: rgb(246, 246, 246) repeat-x bottom right !important;
color: #2e2e2e !important;
height:auto !important;
border: 2px solid !important;
-moz-border-top-colors: #797b7f #fff;
-moz-border-right-colors: #616365 #cecece;
-moz-border-bottom-colors: #616365 #cecece;
-moz-border-left-colors: #797b7f #fff;
-moz-box-sizing: border-box !important;
-moz-border-radius: 1px !important;
padding:0 !important;
}
html select:not([size]):not([multiple]):focus,
html select[size]:focus,
html select[size="1"]:focus,
html select:not([size]):not([multiple]):hover:active,
html select[size]:hover:active,
html select[size="1"]:hover:active {
-moz-border-top-colors: #616365 #fff;
-moz-border-right-colors: #797b7f #cecece;
-moz-border-bottom-colors: #797b7f #cecece;
-moz-border-left-colors: #616365 #fff;
}
html optgroup,
html option {
background:transparent;
font-family:inherit;
font-size:inherit;
}
html optgroup:before {
font-style:normal;
font-weight:normal;
padding: 2px 5px 0 5px;
}
html select:not([size]):not([multiple]) optgroup:before,
html select[size] optgroup:before,
html select[size="1"] optgroup:before {
color: #727272;
}
html select:not([size]):not([multiple]) option,
html select[size] option,
html select[size="1"] option,
html select:not([size]):not([multiple]) optgroup,
html select[size] optgroup,
html select[size="1"] optgroup {
background: transparent !important;
color: inherit !important;
}
html select:not([size]):not([multiple]) option:hover,
html select[size] option:hover,
html select[size="1"] option:hover {
background-color: Highlight ! important;
color: HighlightText ! important;
}
html option:checked {
background-color: Highlight ! important;
color: HighlightText ! important;
}
html select > input[type="button"],
/*html select > input[type="button"]:focus,*/
html select > input[type="button"]:hover:active {
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: 45% 50% !important;
outline: none;
margin: 0 !important;
border-width: 0 2px !important;
border-style: solid !important;
-moz-border-left-colors: #a3a3a3 transparent !important;
-moz-border-right-colors: transparent transparent !important;
padding: 0 6px !important;
}
*[dir="rtl"] select > input[type="button"],
*[dir="rtl"] select > input[type="button"]:hover:active,
select[dir="rtl"] > input[type="button"],
select[dir="rtl"] > input[type="button"]:hover:active {
-moz-border-right-colors: #a3a3a3 transparent !important;
-moz-border-left-colors: transparent transparent !important;
background-position: 60% 50% !important;
}
/* -- focus ring - mac specific code -- maybe use outline: 1px dotted invert for Linux ? -- disabled, this reverts to the default behaviour, I think. */
html input[type="reset"]:focus,
html input[type="submit"]:focus {
color:#262626 !important;
}
/* --- disabled widgets --- */
html input[type="reset"][disabled],
html input[type="submit"][disabled],
html input[type="file"][disabled],
html select[disabled],
html select[disabled] option,
html option[disabled] {
color:#727272 !important;
}
html input[disabled],
html textarea[disabled],
html option[disabled],
html optgroup[disabled],
html select[disabled],
html select[disabled]>* {
-moz-user-input: disabled;
-moz-user-focus: ignore;
}
html select[disabled] > input[type="button"] {
border:none;
border-left:2px solid;
-moz-border-left-colors: #b3b3b3 transparent;
}
html option[disabled],
html optgroup[disabled] {
background-color: transparent;
}
html input[type="radio"][disabled],
html input[type="radio"][disabled]:active,
html input[type="radio"][disabled]:hover,
html input[type="radio"][disabled]:hover:active,
html input[type="checkbox"][disabled],
html input[type="checkbox"][disabled]:active,
html input[type="checkbox"][disabled]:hover,
html input[type="checkbox"][disabled]:hover:active {
border: 0 none !important;
background-color: transparent !important;
outline-width: 0 !important;
}
html select[disabled],
html input[disabled],
html textarea[disabled],
html button[disabled],
html input[type="checkbox"][disabled],
html input[type="radio"][disabled],
html input[type="button"][disabled],
html input[type="reset"][disabled],
html input[type="submit"][disabled] {
opacity: 0.6;
}
html input[type="file"][disabled] > * {
opacity:1.0 !important;
}
/****************************************************************************\
:CHANGES: void
\****************************************************************************/
input[type="file"] > input[type="text"],
html input:not([type]),
html input[type="text"],
html input[type="password"],
html textarea {
-moz-border-radius: 3px;
}
/**
* BASE 64 IMAGES
*/
html input,
html input[type="text"],
html input[type="password"],
html textarea {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAwNC45LjE4xKRlPwAAACF0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgNC4w6iYndQAAACJJREFUeJxjXLxk2WYGJMDCwMDQiyzA+P//f2Q+AxMDGgAAJwEGM2kcXr8AAAAASUVORK5CYII=");
}
html input[type="radio"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG9SURBVCjPfZLLaiJBFIYrBHyK7GYZHPIAWc4ziCIYRFy4cKOgYCO46IUuFDR4GUTTm8aF4kaia0FFwY1CIl5oFFva0YwGaTD2JWdOCQFJ4hR8FFWn/lOnzl8EAMgHJpPJaDabi1arVbTZbGC320Wn01l0uVzG03Mfhw0IY7FYlHA4PG+1WvJwOIR2uy0nEgnR7XYrHo+H8fl8l6eie8y86fV6qqZp8JnBYKAGAoG/DMPcH0UouMWStEaj8YYDztHtdt9CoZDGsuwtQQHv9/ufMRvIsnwWGk+lUk+RSIQn9NE8z79g/dDv90EURViv17DZbI4zXdN9Gq9UKi/RaFQk+JZDvV5XaSbKZDL5lvF4DJ1OR43H4wficDikarW6nU6nMJvNQJKkL9B9Gm82m9t0Ov2HeL3ex1gsJqxWK9jtdmeh8XK5LHAc90geOO6O+jAajf7bvcVioWUyGaVQKPwie0X/GQwGC8gWa9dxwGfm87mey+W22Wz299GnvfJuxCw/0DgWfdBLpdIrFS+XSxAEQa/Vaq94g44CNp/PG46iw169RtevcHGBxt2gD0Vsq4RdgmQyKaGgiIKb07/3DxehBztkriL/AAAAAElFTkSuQmCC") !important;
}
html input[type="radio"]:checked {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAANlkkQC7WgAAACBjSFJN AAB5FwAAgOgAAOvlAACGZQAAgC4AAN3gAAA5EwAALfFDOSc6AAAACXBIWXMAAAsTAAALEwEAmpwYAAABx0lEQVQoz31SOWsCURB+BNbC3xFSp9RGGzvriCAICoImneAWaqULshALC8HEAwQjJForsTCFCBtZzCLieuGBFh6YwlgIKpN5SxI0kDz4ePtm5pvjmyUAQL5hMpnOzWYzb7FYClarVbTZbAWHw8G7XK7z47jvYAZhx0ApFov16vX6x3A4BEmSPtLpdN/tdksIO8uyZ8ckFrNJnU5nt9/v4TcGg8EuEAi8+Xw+ViEh4RLbkURR3OKBv9BoNLZIlDiOuyQ4AxcMBl9lWYbNZgPdbheMRiOoVCrlpm9qp/5UKiXwPM8ROnQ+n18KgkCzgU6nw/rkBxqNRrFTf7FYXIbD4QJBhWrVanVHM1Go1eoTEsMw0O/3odfrAY6wi0QiAnE6nS/lcvl9NBrBeDwGvV5/QtJqtYqd+mu12nsikagQr9d7jx/NxWIB6/UaWq0WGAwGhUBv+qZ26sf2mpmHzB15fHq68ng8TdzLv+rN5/N9Mpls5nI5rbInlPEWVZEnk8kBD/zGbDY7ZLNZGTvy/SyXwu/334RCoXapVFpS8mq1gul0eqhUKkus0I7H49coOXNC+qp4gRV5lPUZVRKj0egz/lY8Ei6O4z4Bnd/QpvegPQoAAAAASUVORK5CYII=") !important;
}
html input[type="checkbox"],
html input[type="checkbox"]:checked{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAE6SURBVCjPhZI9bipBEISremYX9g82sHPkKzglQYgrcIF3Bl/ByTuUJRLA+BgkpMgae0fTPY6QLNmYlkodfWr1p+J6va4BPAFYkGxFBN/jnLvkXURenHP/PYCn1Wr1b7lc3vd9P8aVOZ/Pn/v9/mG328EDWMzn87vZbDbOOV9j0Pf9OMZ4dzgcFp5kN51Oq5QS/oJIom3byjnXeTOjqkJVQfJXkCTMDKoKM6MnyZQShmGAiFy9ZGZIKQEAPUmEEBBCgHPuKqSqAAARgW+aRoqiAMmbUM4ZdV2L77pOyrJEWZY3oRgjqqoSP5lMfFVV8N7f/Mk5h6ZpvG/bdsg5p9FoJCIif9izlJLVdT1IURSvx+PxQ1Xzt8r8iJnl0+n0ISKvPsb4vNlsuu12+0iyuRi67IsgkkFV30IIz18cwI1NeExqHQAAAABJRU5ErkJggg==") !important;
}
html input[type="reset"],
html input[type="submit"],
html input[type="file"] > input[type="button"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS4xMS4yN6/1yKEAAAAhdEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIDQuMOomJ3UAAABhSURBVHic7dPBCYAwDEZhW1xCwZS6/1JqelYHCHEC5R0EEfKfP94hkOTuYweWCQoYMGDAgPfr9+NkcFGFcGvfFSFctTmB/I61TAzOIi8Xa6FFYcVkZgMq5swu9IdXCPi4C6HeHFixIGPzAAAAAElFTkSuQmCC") !important;
}
html input[type="reset"]:focus,
html input[type="submit"]:focus,
html input[type="reset"]:hover,
html input[type="submit"]:hover,
html input[type="reset"]:hover:active,
html input[type="submit"]:hover:active {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS4xMS4yN6/1yKEAAAAhdEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIDQuMOomJ3UAAABjSURBVHic7dPBCYBADERRN9iEu7CWov23oWL2JnoOsQLl30TInB8ZGEhy97kDEYICBgwYMOBz+uO8GFx3pbBBqBTS6oVWb9qcQL5jLQODY4awlvxRdTKzCV0UYQv94RUCvuYGx8ocsZqoiv8AAAAASUVORK5CYII=") !important;
}
html button,
html input[type="button"],
html button[disabled],
html input[type="button"][disabled] { /* less strict, allows author styling */
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS4xMS4yN6/1yKEAAAAhdEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIDQuMOomJ3UAAABhSURBVHic7dPBCYAwDEZhW1xCwZS6/1JqelYHCHEC5R0EEfKfP94hkOTuYweWCQoYMGDAgPfr9+NkcFGFcGvfFSFctTmB/I61TAzOIi8Xa6FFYcVkZgMq5swu9IdXCPi4C6HeHFixIGPzAAAAAElFTkSuQmCC");
}
html button:focus,
html input[type="button"]:focus,
html button:hover,
html input[type="button"]:hover,
html button:hover:active,
html input[type="button"]:hover:active {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS4xMS4yN6/1yKEAAAAhdEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIDQuMOomJ3UAAABjSURBVHic7dPBCYBADERRN9iEu7CWov23oWL2JnoOsQLl30TInB8ZGEhy97kDEYICBgwYMOBz+uO8GFx3pbBBqBTS6oVWb9qcQL5jLQODY4awlvxRdTKzCV0UYQv94RUCvuYGx8ocsZqoiv8AAAAASUVORK5CYII=");
}
html select:not([size]):not([multiple]),
html select[size],
html select[size="1"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAYAAAAcw8YSAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABZSURBVHjaYvr//z8DQAAxMQIBQAAxMTAwMAIEEIhgAgggMAsggMAEQACBuQABBCYAAgjMBQggMAsggMAsgAACswACCMwCCCAwCyCAwCyAAAITAAEEJgACDAACqAM55WzqjgAAAABJRU5ErkJggg==") !important;
}
html select > input[type="button"],
/*html select > input[type="button"]:focus,*/
html select > input[type="button"]:hover:active {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAZCAYAAADTyxWqAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAACF0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgNC4w6iYndQAAALdJREFUeJzt1E0KgzAQhuHXaqEV3HSVg8z9TzBXEXHTH6ykmxSETkZbsii0szMZH744ahVjpFTtikl/7KNq1hpEpAZqYFbV2et1kyWoA25Al67fxxbQkJaGNdDEDOhZLphLVhvQEjQxbwAnYG+sT7kbqpLfpplMRBqgJZ/srKr3TVhCRidEC7xguQFMQMjsBTLPzcTSEXoDDEBvHdFLZoEuBBumKSIH4AhcVPXq9RZ9Nb73f/Yj2AOpzz2UFWQSawAAAABJRU5ErkJggg==") !important;
}
Riavviato firefox e ok! A parte alcuni pulsanti come ad esempio "Salva bozza", "Anteprima" e "Invia" che hanno sfondo grigio scuro e testo nero, però lavorando sui due stili creati penso ci si possa arrivare...
