tweaks for making devtools look nicer

[themes.git] / LCARStrek / browser / preferences / preferences.css

/*
# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/

/* Global Styles */
#BrowserPreferences radio[pane] {
  list-style-image: url("chrome://browser/skin/preferences/Options.png"); 
  padding: 5px 3px 1px;
}

radio[pane=paneMain] {
  -moz-image-region: rect(0, 32px,  32px, 0);
}

radio[pane=paneMain]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 32px,  64px, 0);
}

radio[pane=paneTabs] {
  -moz-image-region: rect(0, 64px, 32px, 32px);
}

radio[pane=paneTabs]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 64px, 64px, 32px);
}

radio[pane=paneContent] {
  -moz-image-region: rect(0, 96px,  32px, 64px);
}

radio[pane=paneContent]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 96px,  64px, 64px);
}

radio[pane=paneApplications] {
  -moz-image-region: rect(0, 128px,  32px, 96px);
}

radio[pane=paneApplications]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 128px,  64px, 96px);
}

radio[pane=panePrivacy] {
  -moz-image-region: rect(0, 160px,  32px, 128px);
}

radio[pane=panePrivacy]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 160px,  64px, 128px);
}

radio[pane=paneSecurity] {
  -moz-image-region: rect(0, 192px,  32px, 160px);
}

radio[pane=paneSecurity]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 192px,  64px, 160px);
}

radio[pane=paneAdvanced] {
  -moz-image-region: rect(0, 224px, 32px, 192px);
}

radio[pane=paneAdvanced]:not([selected="true"]):hover {
  -moz-image-region: rect(32px, 224px, 64px, 192px);
}

radio[pane=paneSync] {
  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important;
}

/* Applications Pane */
#BrowserPreferences[animated="true"] #handlersView {
  height: 25em;
}

#BrowserPreferences[animated="false"] #handlersView {
  -moz-box-flex: 1;
}

/* Privacy Pane */

/* styles for the link elements copied from .text-link in global.css */
.inline-link {
  color: #3333FF;
  text-decoration: none;
  cursor: pointer;
}

.inline-link:hover {
  text-decoration: underline;
}

.inline-link:-moz-focusring {
  /* Don't specify the outline-color, we should always use initial value. */
  outline: 1px dotted;
}

/* Modeless Window Dialogs */
.windowDialog,
.windowDialog prefpane {
  padding: 0;
}

.contentPane {
  margin: 9px 8px 5px;
}

.actionButtons {
  margin: 0 3px 6px !important;
}

/* Cookies Manager */
#cookiesChildren::-moz-tree-image(domainCol) {
  width: 16px;
  height: 16px;
  margin: 0 2px;
  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}

#cookiesChildren::-moz-tree-image(domainCol, container) {
  list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif");
}

#cookiesChildren::-moz-tree-image(domainCol, container, open) {
  list-style-image: url("chrome://global/skin/filepicker/dir-open.gif");
}

#cookieInfoBox {
  border: 1px solid #9C9CFF;
  border-radius: 3px;
}

/* Advanced Pane */

/* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff
   when browser.preferences.animateFadeIn = true */
#advancedPrefs {
  padding-bottom: 8px;
}

/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom
   of the groupbox from being cutoff */
.bottomBox {
  padding-bottom: 4px;
}

/* Sync Pane */

#syncDesc {
  padding: 0 8em;
}

.syncGroupBox {
  padding: 10px;
}

#accountCaptionImage {
  list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
}

#syncAddDeviceLabel {
  margin-top: 1em;
  margin-bottom: 1em;
}