2008-10-02 14:33:29 -07:00
|
|
|
/* ***** 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.
|
|
|
|
*
|
2009-01-21 14:16:28 -08:00
|
|
|
* The Original Code is Mozilla Mobile Browser.
|
2008-10-02 14:33:29 -07:00
|
|
|
*
|
|
|
|
* 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):
|
2009-01-21 14:16:28 -08:00
|
|
|
* Mark Finkle <mfinkle@mozilla.com>
|
2008-10-02 14:33:29 -07:00
|
|
|
*
|
|
|
|
* 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 ***** */
|
|
|
|
|
2009-01-21 14:16:28 -08:00
|
|
|
/* global skin ------------------------------------------------------------- */
|
|
|
|
@import url(chrome://global/skin/);
|
|
|
|
|
2009-08-25 12:00:37 -07:00
|
|
|
/* general stuff ------------------------------------------------------------ */
|
2009-08-13 19:03:08 -07:00
|
|
|
:root {
|
2009-04-28 10:05:20 -07:00
|
|
|
font-family: "Nokia Sans", Tahoma, sans-serif !important;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 24px !important;
|
2008-10-02 14:33:29 -07:00
|
|
|
}
|
|
|
|
|
2009-08-13 19:03:08 -07:00
|
|
|
menu,
|
|
|
|
menuitem {
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 0 !important;
|
|
|
|
margin: 0 !important;
|
2008-10-02 14:33:29 -07:00
|
|
|
}
|
2009-03-25 07:22:08 -07:00
|
|
|
|
2009-08-25 12:00:37 -07:00
|
|
|
description,
|
|
|
|
label {
|
|
|
|
/* force mac to use the same margins as windows and linux */
|
|
|
|
-moz-margin-start: 6px;
|
|
|
|
-moz-margin-end: 5px;
|
|
|
|
}
|
|
|
|
|
2009-09-02 12:09:04 -07:00
|
|
|
/* Override any OS inverse themes */
|
|
|
|
richlistbox,
|
|
|
|
textbox {
|
|
|
|
color: black;
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
2010-06-13 19:00:12 -07:00
|
|
|
#default-tooltip {
|
|
|
|
visibility: hidden; /* disabled in Fennec */
|
|
|
|
}
|
|
|
|
|
2009-10-22 22:51:08 -07:00
|
|
|
/* textboxes --------------------------------------------------------------- */
|
2009-11-30 11:20:17 -08:00
|
|
|
textbox:not([type="number"]) {
|
2009-11-25 16:27:25 -08:00
|
|
|
min-height: 48px;
|
|
|
|
border: 3px solid #262629;
|
|
|
|
-moz-border-radius: 8px;
|
2009-10-22 22:51:08 -07:00
|
|
|
-moz-border-top-colors: -moz-initial;
|
|
|
|
-moz-border-right-colors: -moz-initial;
|
|
|
|
-moz-border-bottom-colors: -moz-initial;
|
|
|
|
-moz-border-left-colors: -moz-initial;
|
|
|
|
}
|
|
|
|
|
2009-09-09 18:47:37 -07:00
|
|
|
textbox[isempty="true"] {
|
|
|
|
color: gray;
|
|
|
|
}
|
|
|
|
|
2009-05-05 19:30:43 -07:00
|
|
|
/* panels ------------------------------------------------------------------ */
|
|
|
|
.panel-dark {
|
2009-05-11 14:17:31 -07:00
|
|
|
color: white;
|
2009-05-30 20:51:03 -07:00
|
|
|
background-color: #36373b;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-09-17 07:31:16 -07:00
|
|
|
/* sidebars spacer --------------------------------------------------------- */
|
|
|
|
.sidebar-spacer {
|
|
|
|
background-color: #36373b;
|
|
|
|
}
|
|
|
|
|
2009-05-05 19:30:43 -07:00
|
|
|
/* dialog popups ----------------------------------------------------------- */
|
|
|
|
.dialog-dark {
|
|
|
|
color: #fff;
|
2009-05-30 20:51:03 -07:00
|
|
|
background-color: #36373b;
|
2010-04-29 22:00:27 -07:00
|
|
|
border-width: 4px 3px 4px 3px;
|
|
|
|
border-style: solid;
|
|
|
|
-moz-border-top-colors: black #4a4b4f;
|
|
|
|
-moz-border-left-colors: black #4a4b4f;
|
|
|
|
-moz-border-bottom-colors: black #4a4b4f;
|
|
|
|
-moz-border-right-colors: black #4a4b4f;
|
2009-11-25 16:27:25 -08:00
|
|
|
-moz-border-radius: 8px 8px 8px 8px;
|
|
|
|
-moz-box-shadow: black 0 2px 2px;
|
2010-04-29 22:00:27 -07:00
|
|
|
padding: 8px;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-10-13 05:15:37 -07:00
|
|
|
/* prompt dialogs ---------------------------------------------------------- */
|
2010-07-28 14:27:23 -07:00
|
|
|
.context-block,
|
2010-04-29 22:00:27 -07:00
|
|
|
.modal-block {
|
2010-07-28 14:27:23 -07:00
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-box-pack: center;
|
|
|
|
background-color: rgba(128, 128, 128, 0.5);
|
2010-04-29 22:00:27 -07:00
|
|
|
padding: 64px;
|
2009-10-13 05:15:37 -07:00
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog {
|
2010-08-06 14:06:32 -07:00
|
|
|
color: #fff !important;
|
2010-04-29 22:00:27 -07:00
|
|
|
background-color: transparent;
|
|
|
|
-moz-border-radius: 8px;
|
|
|
|
-moz-box-shadow: black 0 2px 2px;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header {
|
2010-04-29 22:00:27 -07:00
|
|
|
padding: 8px;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 18px !important;
|
2010-04-29 22:00:27 -07:00
|
|
|
-moz-border-radius: 8px 8px 0 0;
|
|
|
|
background-color: #36373b;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 4px 3px 2px 3px;
|
|
|
|
-moz-border-top-colors: black #4a4b4f;
|
|
|
|
-moz-border-left-colors: black #4a4b4f;
|
|
|
|
-moz-border-bottom-colors: black #4a4b4f;
|
|
|
|
-moz-border-right-colors: black #4a4b4f;
|
2009-10-13 05:15:37 -07:00
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header > .prompt-title {
|
2010-04-29 22:00:27 -07:00
|
|
|
font-size: 24px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 499px) {
|
2010-07-28 14:27:23 -07:00
|
|
|
.context-block,
|
2010-04-29 22:00:27 -07:00
|
|
|
.modal-block {
|
|
|
|
padding: 32px;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header {
|
2010-04-29 22:00:27 -07:00
|
|
|
font-size: 16px !important;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header > .prompt-title {
|
2010-04-29 22:00:27 -07:00
|
|
|
font-size: 18px !important;
|
|
|
|
}
|
2009-10-13 05:15:37 -07:00
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header > .prompt-message {
|
2009-11-25 16:27:25 -08:00
|
|
|
margin-top: 8px;
|
2010-06-07 12:46:54 -07:00
|
|
|
white-space: pre-wrap;
|
2009-10-13 05:15:37 -07:00
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
dialog > .prompt-header > .button-checkbox {
|
2010-05-05 06:21:35 -07:00
|
|
|
margin-left: 24px;
|
2010-04-29 22:00:27 -07:00
|
|
|
}
|
|
|
|
|
2009-05-05 19:30:43 -07:00
|
|
|
/* buttons ----------------------------------------------------------------- */
|
|
|
|
.button-text,
|
|
|
|
.toolbarbutton-text {
|
2009-09-24 22:20:48 -07:00
|
|
|
font-weight: normal;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 24px !important;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
2009-11-25 16:27:25 -08:00
|
|
|
min-width: 48px !important; /* button size */
|
|
|
|
min-height: 48px !important; /* button size */
|
2009-08-12 14:54:30 -07:00
|
|
|
color: #000;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 2px 4px;
|
2009-08-13 09:34:14 -07:00
|
|
|
border-width: 8px !important;
|
2009-08-12 14:54:30 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
|
2009-11-24 09:16:46 -08:00
|
|
|
background-color: transparent;
|
2009-08-12 14:54:30 -07:00
|
|
|
-moz-appearance: none !important;
|
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
button[type="checkbox"][checked="true"],
|
2009-09-10 12:05:13 -07:00
|
|
|
button:not([disabled="true"]):active:hover {
|
2009-08-12 14:54:30 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
button[disabled="true"] {
|
2009-08-13 09:34:14 -07:00
|
|
|
color: #aaa !important;
|
2009-08-12 14:54:30 -07:00
|
|
|
}
|
|
|
|
|
2010-05-05 06:21:35 -07:00
|
|
|
button:focus > .button-box {
|
|
|
|
border: 1px solid transparent;
|
|
|
|
}
|
|
|
|
|
2009-08-12 14:54:30 -07:00
|
|
|
/* dark buttons ------------------------------------------------------------ */
|
|
|
|
/*
|
|
|
|
we set notification buttons here as well, since the style can't be set in
|
|
|
|
scoped CSS file, like notification.css, when the buttons are added later
|
|
|
|
*/
|
|
|
|
|
|
|
|
button.button-dark,
|
|
|
|
notification button {
|
2009-08-13 09:34:14 -07:00
|
|
|
color: #fff !important;
|
2009-08-13 09:38:24 -07:00
|
|
|
background: transparent !important;
|
2009-08-12 14:54:30 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-10-27 06:26:39 -07:00
|
|
|
/* notification background is too light for a white caption */
|
|
|
|
notification button {
|
|
|
|
color: #000 !important;
|
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
button.button-dark[type="checkbox"][checked="true"],
|
2009-09-10 12:05:13 -07:00
|
|
|
button.button-dark:not([disabled="true"]):active:hover,
|
|
|
|
notification button:not([disabled="true"]):active:hover {
|
2009-08-12 14:54:30 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-08-12 14:54:30 -07:00
|
|
|
button.button-dark[disabled="true"] {
|
2009-11-25 16:27:25 -08:00
|
|
|
color: #7e7e7e !important;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-11-30 11:20:17 -08:00
|
|
|
/* spinbuttons ------------------------------------------------------------- */
|
2010-07-29 09:52:02 -07:00
|
|
|
.numberbox-input-box {
|
2009-11-30 11:20:17 -08:00
|
|
|
max-width: 128px;
|
|
|
|
border: 3px solid #262629;
|
|
|
|
border-right: 0px solid transparent;
|
|
|
|
-moz-border-radius-topleft: 8px;
|
|
|
|
-moz-border-radius-bottomleft: 8px;
|
|
|
|
-moz-border-top-colors: -moz-initial;
|
|
|
|
-moz-border-bottom-colors: -moz-initial;
|
|
|
|
-moz-border-left-colors: -moz-initial;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-box {
|
2009-11-30 11:20:17 -08:00
|
|
|
-moz-box-orient: horizontal !important;
|
|
|
|
-moz-box-direction: reverse !important;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-up .button-icon,
|
|
|
|
.spinbuttons-down .button-icon {
|
2009-11-30 11:20:17 -08:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-up {
|
2009-11-30 11:20:17 -08:00
|
|
|
border-width: 8px;
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-64.png") 8 repeat repeat !important;
|
|
|
|
list-style-image: url("chrome://browser/skin/images/arrowup-16.png");
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-up:hover:active:not([disabled=true]) {
|
2009-11-30 11:20:17 -08:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-active-64.png") 8 repeat repeat !important;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-down {
|
2009-11-30 11:20:17 -08:00
|
|
|
border-width: 8px;
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat !important;
|
|
|
|
list-style-image: url("chrome://browser/skin/images/arrowdown-16.png");
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.spinbuttons-down:hover:active:not([disabled=true]) {
|
2009-11-30 11:20:17 -08:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-active-64.png") 8 repeat repeat !important;
|
|
|
|
}
|
|
|
|
|
2009-08-12 14:54:30 -07:00
|
|
|
/* toolbar buttons --------------------------------------------------------- */
|
2009-05-30 20:51:03 -07:00
|
|
|
toolbarbutton {
|
2009-11-25 16:27:25 -08:00
|
|
|
min-width: 64px !important; /* primary button size */
|
|
|
|
min-height: 64px !important; /* primary button size */
|
2009-05-30 20:51:03 -07:00
|
|
|
-moz-appearance: none !important;
|
|
|
|
margin: 0;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 2px;
|
2009-05-30 20:51:03 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
toolbarbutton:not(.show-text) .toolbarbutton-text {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2009-07-21 08:37:29 -07:00
|
|
|
toolbarbutton:not(.show-text) .toolbarbutton-icon,
|
|
|
|
toolbarbutton:not([image]) .toolbarbutton-icon,
|
|
|
|
toolbarbutton[image=''] .toolbarbutton-icon {
|
2009-05-30 20:51:03 -07:00
|
|
|
-moz-margin-end: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
toolbarbutton:hover,
|
|
|
|
toolbarbutton:hover:active,
|
|
|
|
toolbarbutton[open="true"] {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
2009-05-05 19:30:43 -07:00
|
|
|
/* dark buttons ------------------------------------------------------------ */
|
2009-08-12 14:54:30 -07:00
|
|
|
toolbarbutton.button-dark {
|
2009-05-05 19:30:43 -07:00
|
|
|
color: #fff;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 2px 4px;
|
2009-08-12 14:54:30 -07:00
|
|
|
border-width: 10px;
|
2010-07-01 13:22:21 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkboth-inactive-64.png") 10 repeat repeat;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
toolbarbutton.button-dark[type="checkbox"][checked="true"],
|
2009-09-10 12:05:13 -07:00
|
|
|
toolbarbutton.button-dark:not([disabled="true"]):active:hover {
|
2010-07-01 13:22:21 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkboth-active-64.png") 10 repeat repeat;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-08-12 14:54:30 -07:00
|
|
|
toolbarbutton.button-dark[disabled="true"] {
|
2009-11-25 16:27:25 -08:00
|
|
|
color: #7e7e7e;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
toolbarbutton.button-dark[type="checkbox"][checked="true"] {
|
2009-05-05 19:30:43 -07:00
|
|
|
/* checked overrides */
|
2009-09-14 09:50:21 -07:00
|
|
|
color: #fff !important;
|
|
|
|
background: none !important;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 2px 4px !important;
|
2009-05-28 22:58:13 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
/* image buttons ----------------------------------------------------------- */
|
|
|
|
.button-image {
|
|
|
|
padding: 0 !important;
|
2009-05-30 20:51:03 -07:00
|
|
|
background: #36373b !important;
|
2009-05-28 22:58:13 -07:00
|
|
|
border: none !important;
|
2009-09-22 23:53:35 -07:00
|
|
|
min-width: 0 !important; /* the image drives the size */
|
|
|
|
min-height: 0 !important; /* the image drives the size */
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2010-05-05 06:21:35 -07:00
|
|
|
/* checkbox buttons ----------------------------------------------------------- */
|
|
|
|
.button-checkbox {
|
|
|
|
color: #fff;
|
|
|
|
padding: 0 !important;
|
|
|
|
background: none !important;
|
|
|
|
border: none !important;
|
|
|
|
-moz-border-image: none !important;
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.button-checkbox > .button-image-icon {
|
2010-05-05 06:21:35 -07:00
|
|
|
-moz-margin-end: 8px;
|
|
|
|
list-style-image: url("chrome://browser/skin/images/check-unselected-30.png");
|
|
|
|
}
|
|
|
|
|
2010-07-29 09:52:02 -07:00
|
|
|
.button-checkbox[checked="true"] > .button-image-icon {
|
2010-05-05 06:21:35 -07:00
|
|
|
list-style-image: url("chrome://browser/skin/images/check-selected-30.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-checkbox:hover:active > .button-box,
|
|
|
|
.button-checkbox[checked="true"] > .button-box {
|
|
|
|
padding-top: 1px;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
-moz-padding-start: 3px;
|
|
|
|
-moz-padding-end: 4px;
|
|
|
|
}
|
|
|
|
|
2009-05-28 22:58:13 -07:00
|
|
|
/* radio buttons ----------------------------------------------------------- */
|
2009-03-25 07:22:08 -07:00
|
|
|
radiogroup {
|
|
|
|
-moz-box-orient: horizontal;
|
|
|
|
}
|
|
|
|
|
2009-05-05 19:30:43 -07:00
|
|
|
.radio-label {
|
2009-09-24 22:20:48 -07:00
|
|
|
font-weight: normal;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 24px !important;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-03-25 07:22:08 -07:00
|
|
|
radio {
|
2009-05-30 20:51:03 -07:00
|
|
|
color: #36373b;
|
2009-11-25 16:27:25 -08:00
|
|
|
min-width: 48px !important; /* button size */
|
|
|
|
min-height: 48px !important;
|
|
|
|
padding: 2px !important;
|
2009-05-28 22:58:13 -07:00
|
|
|
margin: 0;
|
2009-08-03 10:21:51 -07:00
|
|
|
border-width: 8px;
|
2009-03-25 07:22:08 -07:00
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-appearance: none;
|
2009-08-03 10:21:51 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat;
|
2009-05-05 19:30:43 -07:00
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
radio .radio-icon, radio .radio-check {
|
|
|
|
display: none;
|
2009-03-25 07:22:08 -07:00
|
|
|
}
|
|
|
|
|
2009-10-05 08:57:35 -07:00
|
|
|
radio:not([disabled=true]):active:hover,
|
2009-08-03 10:21:51 -07:00
|
|
|
radio[selected] {
|
|
|
|
color: #000;
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-active-64.png") 8 repeat repeat;
|
2009-03-25 07:22:08 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
radio:first-child {
|
2009-08-03 10:21:51 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleleft-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio:first-child:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleright-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-10-05 08:57:35 -07:00
|
|
|
radio:not([disabled=true]):first-child:active:hover,
|
2009-08-03 10:21:51 -07:00
|
|
|
radio:first-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleleft-active-64.png") 8 repeat repeat;
|
2009-03-25 07:22:08 -07:00
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio:not([disabled=true]):first-child:active:hover:-moz-locale-dir(rtl),
|
|
|
|
radio:first-child[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleright-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-03-25 07:22:08 -07:00
|
|
|
radio:last-child {
|
2009-08-03 10:21:51 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleright-inactive-64.png") 8 repeat repeat;
|
2009-03-25 07:22:08 -07:00
|
|
|
}
|
2009-05-07 21:43:08 -07:00
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio:last-child:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleleft-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-10-05 08:57:35 -07:00
|
|
|
radio:not([disabled=true]):last-child:active:hover,
|
2009-08-03 10:21:51 -07:00
|
|
|
radio:last-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleright-active-64.png") 8 repeat repeat;
|
2009-06-11 10:05:13 -07:00
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio:not([disabled=true]):last-child:active:hover:-moz-locale-dir(rtl),
|
|
|
|
radio:last-child[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleleft-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-10-05 08:57:35 -07:00
|
|
|
radio:first-child:last-child {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleboth-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
radio:not([disabled=true]):first-child:last-child:active:hover,
|
|
|
|
radio:first-child:last-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleboth-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
/* checkbox radios --------------------------------------------------------- */
|
|
|
|
checkbox {
|
|
|
|
margin: 1px 5px 2px 5px; /* match platform style for buttons */
|
|
|
|
}
|
|
|
|
|
|
|
|
radio.checkbox-radio-on {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleon-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio.checkbox-radio-on:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleon-inactive-rtl-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
radio.checkbox-radio-on[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleon-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio.checkbox-radio-on[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleon-active-rtl-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
radio.checkbox-radio-off {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio.checkbox-radio-off:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-rtl-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
radio.checkbox-radio-off[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
radio.checkbox-radio-off[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggleoff-active-rtl-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
radio.checkbox-radio-on:not([selected]) .radio-label-box,
|
|
|
|
radio.checkbox-radio-off:not([selected]) .radio-label-box {
|
|
|
|
visibility: hidden;
|
2009-06-11 10:05:13 -07:00
|
|
|
}
|
|
|
|
|
2009-05-07 21:43:08 -07:00
|
|
|
/* dark radios ------------------------------------------------------------- */
|
|
|
|
.toggle-dark radio {
|
|
|
|
color: #fff;
|
2009-08-03 10:21:51 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-inactive-64.png") 8 repeat repeat;
|
2009-05-07 21:43:08 -07:00
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
.toggle-dark:not([disabled=true]) radio:active:hover,
|
2009-05-07 21:43:08 -07:00
|
|
|
.toggle-dark radio[selected] {
|
2009-10-05 08:57:35 -07:00
|
|
|
color: #fff;
|
2009-08-03 10:21:51 -07:00
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-dark radio:first-child {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkleft-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
.toggle-dark radio:first-child:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkright-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
.toggle-dark:not([disabled=true]) radio:first-child:active:hover,
|
2009-08-03 10:21:51 -07:00
|
|
|
.toggle-dark radio:first-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkleft-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
.toggle-dark:not([disabled=true]) radio:first-child:active:hover:-moz-locale-dir(rtl),
|
|
|
|
.toggle-dark radio:first-child[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkright-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-08-03 10:21:51 -07:00
|
|
|
.toggle-dark radio:last-child {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkright-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
.toggle-dark radio:last-child:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkleft-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-09-14 09:50:21 -07:00
|
|
|
.toggle-dark:not([disabled=true]) radio:last-child:active:hover,
|
2009-08-03 10:21:51 -07:00
|
|
|
.toggle-dark radio:last-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkright-active-64.png") 8 repeat repeat;
|
2009-05-07 21:43:08 -07:00
|
|
|
}
|
2009-05-28 22:58:13 -07:00
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
.toggle-dark:not([disabled=true]) radio:last-child:active:hover:-moz-locale-dir(rtl),
|
|
|
|
.toggle-dark radio:last-child[selected]:-moz-locale-dir(rtl) {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkleft-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-10-05 08:57:35 -07:00
|
|
|
.toggle-dark radio:first-child:last-child {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkboth-inactive-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-dark:not([disabled=true]) radio:first-child:last-child:active:hover,
|
|
|
|
.toggle-dark radio:first-child:last-child[selected] {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/toggledarkboth-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
2009-05-28 22:58:13 -07:00
|
|
|
/* richlistbox ------------------------------------------------------------- */
|
|
|
|
richlistbox {
|
|
|
|
margin: 0;
|
|
|
|
}
|
2009-05-30 20:51:03 -07:00
|
|
|
|
|
|
|
richlistitem {
|
2009-11-25 16:27:25 -08:00
|
|
|
min-height: 70px; /* row size */
|
2009-08-13 19:03:08 -07:00
|
|
|
padding: 5px;
|
|
|
|
border-bottom: 1px solid rgb(207,207,207);
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem label.title,
|
|
|
|
richlistitem description.title {
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 24px !important;
|
2009-08-13 19:03:08 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem label.normal,
|
|
|
|
richlistitem description.normal {
|
|
|
|
color: gray;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 18px !important;
|
2009-08-13 19:03:08 -07:00
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
|
2009-09-06 18:08:06 -07:00
|
|
|
richlistitem label.normal-bold,
|
|
|
|
richlistitem description.normal-bold {
|
|
|
|
font-weight: bold;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 18px !important;
|
2009-09-06 18:08:06 -07:00
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
|
2009-08-13 19:03:08 -07:00
|
|
|
richlistitem[selected="true"] {
|
2009-09-02 12:09:04 -07:00
|
|
|
color: black;
|
|
|
|
background-color: white;
|
2009-08-13 19:03:08 -07:00
|
|
|
}
|
|
|
|
|
2010-03-25 10:22:26 -07:00
|
|
|
richlistitem:active:not([selected="true"]):not([nohighlight="true"]) {
|
2009-10-27 22:53:47 -07:00
|
|
|
background-color: #8db8d8;
|
|
|
|
}
|
|
|
|
|
2009-08-13 19:03:08 -07:00
|
|
|
richlistitem.section-header,
|
|
|
|
richlistitem[selected="true"].section-header {
|
|
|
|
font-weight: bold;
|
|
|
|
color: #000;
|
|
|
|
background-color: lightgray;
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem .show-on-select {
|
|
|
|
visibility: collapse;
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem[selected="true"] .show-on-select {
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem .hide-on-select {
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem[selected="true"] .hide-on-select {
|
|
|
|
visibility: collapse;
|
|
|
|
}
|
|
|
|
|
|
|
|
richlistitem[typeName="message"] {
|
2009-11-25 16:27:25 -08:00
|
|
|
border-bottom: 0;
|
2009-05-30 20:51:03 -07:00
|
|
|
}
|
|
|
|
|
2009-06-10 21:54:05 -07:00
|
|
|
/* colorpicker ------------------------------------------------------------- */
|
|
|
|
colorpicker > panel {
|
|
|
|
background-color: #36373b;
|
|
|
|
}
|
|
|
|
|
|
|
|
colorpicker > vbox {
|
|
|
|
background-color: #36373b;
|
|
|
|
}
|
2009-09-09 20:48:20 -07:00
|
|
|
|
|
|
|
/* textbox ----------------------------------------------------------------- */
|
|
|
|
.textbox-search-icon {
|
|
|
|
list-style-image: url("chrome://browser/skin/images/search-glass-30.png");
|
2010-07-23 14:06:36 -07:00
|
|
|
-moz-image-region: auto;
|
2009-09-09 20:48:20 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.textbox-search-clear {
|
|
|
|
list-style-image: url("chrome://browser/skin/images/search-clear-30.png");
|
2010-07-23 14:06:36 -07:00
|
|
|
-moz-image-region: auto;
|
2009-09-09 20:48:20 -07:00
|
|
|
}
|
2009-09-17 13:17:57 -07:00
|
|
|
|
|
|
|
/* menulist ---------------------------------------------------------------- */
|
|
|
|
.menulist-label {
|
2009-11-02 13:43:54 -08:00
|
|
|
font-family: "Nokia Sans", Tahoma, sans-serif !important;
|
2009-09-24 22:20:48 -07:00
|
|
|
font-weight: normal;
|
2009-11-25 16:27:25 -08:00
|
|
|
font-size: 24px !important;
|
2009-09-17 13:17:57 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
menulist {
|
2009-11-25 16:27:25 -08:00
|
|
|
min-width: 48px !important; /* button size */
|
|
|
|
min-height: 48px !important; /* button size */
|
2009-09-17 13:17:57 -07:00
|
|
|
color: #000;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 2px;
|
2009-09-17 13:17:57 -07:00
|
|
|
border-width: 8px !important;
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
|
|
|
|
-moz-appearance: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist:not([disabled="true"]):active:hover {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist[disabled="true"] {
|
|
|
|
color: #aaa !important;
|
|
|
|
}
|
|
|
|
|
2009-10-09 11:17:01 -07:00
|
|
|
menulist.button-dark {
|
|
|
|
color: #fff !important;
|
|
|
|
background: transparent !important;
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist.button-dark:not([disabled="true"]):active:hover {
|
|
|
|
-moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist.button-dark[disabled="true"] {
|
2009-11-25 16:27:25 -08:00
|
|
|
color: #7e7e7e !important;
|
2009-10-09 11:17:01 -07:00
|
|
|
}
|
|
|
|
|
2009-09-17 13:17:57 -07:00
|
|
|
menulist > dropmarker {
|
2010-04-14 13:28:14 -07:00
|
|
|
height: 30px;
|
|
|
|
width: 38px;
|
|
|
|
margin-left: 5px;
|
2010-04-22 06:16:06 -07:00
|
|
|
background-color: transparent; /* for windows */
|
|
|
|
border: none; /* for windows */
|
2009-09-17 13:17:57 -07:00
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-box-pack: center;
|
2010-04-14 13:28:14 -07:00
|
|
|
list-style-image: url("chrome://browser/skin/images/dropmarker-30.png");
|
2009-09-17 13:17:57 -07:00
|
|
|
-moz-image-region: auto;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
menulist > dropmarker:-moz-locale-dir(rtl) {
|
|
|
|
list-style-image: url("chrome://browser/skin/images/dropmarker-rtl-30.png");
|
|
|
|
}
|
|
|
|
|
2010-04-14 13:28:14 -07:00
|
|
|
menulist[disabled="true"] > dropmarker {
|
|
|
|
list-style-image: url("chrome://browser/skin/images/dropmarker-disabled-30.png");
|
2009-09-17 13:17:57 -07:00
|
|
|
}
|
2009-09-24 22:18:49 -07:00
|
|
|
|
2010-08-20 13:32:00 -07:00
|
|
|
menulist[disabled="true"] > dropmarker:-moz-locale-dir(rtl) {
|
|
|
|
list-style-image: url("chrome://browser/skin/images/dropmarker-disabled-rtl-30.png");
|
|
|
|
}
|
|
|
|
|
2009-09-24 22:18:49 -07:00
|
|
|
/* progressmeter ----------------------------------------------------------- */
|
|
|
|
progressmeter {
|
|
|
|
background-color: #fff;
|
2009-11-25 16:27:25 -08:00
|
|
|
padding: 4px;
|
|
|
|
height: 32px;
|
|
|
|
border: 3px solid #aaa;
|
2009-10-25 17:55:23 -07:00
|
|
|
-moz-border-top-colors: -moz-initial;
|
|
|
|
-moz-border-right-colors: -moz-initial;
|
|
|
|
-moz-border-bottom-colors: -moz-initial;
|
|
|
|
-moz-border-left-colors: -moz-initial;
|
2009-11-25 16:27:25 -08:00
|
|
|
-moz-border-radius: 8px;
|
2009-09-24 22:18:49 -07:00
|
|
|
}
|
|
|
|
|
2010-07-29 21:51:31 -07:00
|
|
|
.progress-bar {
|
2009-10-27 06:26:39 -07:00
|
|
|
background-color: #8db8d8;
|
2009-09-24 22:18:49 -07:00
|
|
|
}
|