gecko/mobile/chrome/content/content.css

142 lines
4.2 KiB
CSS

/* ***** 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 Mobile Browser.
*
* The Initial Developer of the Original Code is
* Mozilla Corporation.
* Portions created by the Initial Developer are Copyright (C) 2008
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Mark Finkle <mfinkle@mozilla.com>
* Doug Turner <dougt@mozilla.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either 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 ***** */
/* make clicking on links stand out a bit (bug 532206) */
html *:not(embed):focus, *:focus > font {
outline: 2px solid #8db8d8 !important;
/*
XXX How do I preserve mac focusring without blowing focus color on other platforms?
outline-color: -moz-mac-focusring !important;
*/
}
html *|*:link:focus, *|*:visited:focus {
outline-offset: -2px;
}
html button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
padding: 1px 2px 1px 2px;
border: 0px !important;
}
html button:focus::-moz-focus-inner, input[type="reset"]:focus::-moz-focus-inner, input[type="button"]:focus::-moz-focus-inner, input[type="submit"]:focus::-moz-focus-inner {
border-color: ButtonText !important;
}
/* Style the scrollbars */
scrollbar {
-moz-appearance: none !important;
display: none !important;
}
scrollbarbutton {
-moz-appearance: none !important;
display: none !important;
}
thumb {
min-width: 10px !important;
-moz-appearance: none !important;
background-color: gray !important;
border: 1px solid gray !important;
-moz-border-radius: 4px !important;
}
select:not([size]) > scrollbar,
select[size="1"] > scrollbar,
select:not([size]) scrollbarbutton,
select[size="1"] scrollbarbutton {
display:block !important;
}
/* Override inverse OS themes */
textarea,
select, select[size], select[multiple], select[size][multiple],
input:not([type]),
input[type="text"],
input[type="file"],
input[type="password"] {
color: black;
background-color: white;
border: 1px solid silver;
}
/* Override inverse OS themes */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: black;
background-color: silver;
border: 2px outset silver;
}
/* Override inverse OS themes */
input[type="radio"],
input[type="checkbox"] {
color: black !important;
background-color: white !important;
border: 2px inset gray;
}
/* Override inverse OS themes */
input[disabled],
textarea[disabled],
option[disabled],
optgroup[disabled],
select[disabled] {
color: silver;
background-color: white;
}
/* Override inverse OS themes */
button[disabled],
input[type="reset"][disabled],
input[type="button"][disabled],
select[disabled] > input[type="button"],
input[type="submit"][disabled] {
border: 2px outset silver;
color: gray;
}
/* Override inverse OS themes */
input[type="radio"][disabled],
input[type="checkbox"][disabled] {
border: 1px inset silver;
}