/* - 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/. */

@import url("chrome://global/skin/inContentUI.css");

@namespace html "http://www.w3.org/1999/xhtml";

#preferences-home {
  display: block;
}

#header {
  margin-bottom: 18px;
}

.landingButton {
  -moz-box-align: center;
  -moz-box-orient: vertical;
  border: none;
  background: none;
  box-shadow: none;
}

.landingButton:hover {
  cursor: pointer;
}

.landingButton-label {
  margin-top: 4px;
}

.landingButton-icon {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("chrome://browser/skin/preferences/Options.png");
  background-repeat: no-repeat;
}

.preference-icon {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("chrome://browser/skin/preferences/Options.png");
  background-repeat: no-repeat;
  margin: 0 20px;
}

.preference-icon[type="general"],
.landingButton-icon[type="general"] {
  background-position: 0 0;
}

.preference-icon[type="tabs"],
.landingButton-icon[type="tabs"] {
  background-position: -32px 0;
}

.preference-icon[type="content"],
.landingButton-icon[type="content"] {
  background-position: -64px 0;
}

.preference-icon[type="applications"],
.landingButton-icon[type="applications"] {
  background-position: -96px 0;
}

.preference-icon[type="privacy"],
.landingButton-icon[type="privacy"] {
  background-position: -128px 0;
}

.preference-icon[type="security"],
.landingButton-icon[type="security"] {
  background-position: -160px 0;
}

.preference-icon[type="advanced"],
.landingButton-icon[type="advanced"] {
  background-position: -192px 0;
}

.preference-icon[type="sync"],
.landingButton-icon[type="sync"] {
  background-image: url("chrome://browser/skin/preferences/Options-sync.png");
}

caption {
  font-size: 20px;
}

.heading {
  height: 50px;
  background-color: rgba(192,199,210,0.7);
  border-radius: 5px 5px 0 0;
  margin-bottom: 15px;
  -moz-box-align: center;
}

prefpane > .content-box {
  overflow: auto;
}

/* Applications Pane Styles */

#applications-content {
  padding: 15px;
}

#handlersView {
  -moz-appearance: none;
  border: 1px solid rgba(31,64,100,0.4);
  overflow-y: auto;
}

/* XXX This style is for bug 740213 and should be removed once that
   bug has a solution. */
description > html|a {
  cursor: pointer;
}

/* XXX Styles Below can be removed once bug 660726 lands */
.nav-button {
  list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
}

#forward-btn {
  -moz-border-start: none;
}

#back-btn:-moz-locale-dir(ltr),
#forward-btn:-moz-locale-dir(rtl) {
  -moz-image-region: rect(0, 18px, 18px, 0);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#back-btn:-moz-locale-dir(rtl),
#forward-btn:-moz-locale-dir(ltr) {
  -moz-image-region: rect(0, 36px, 18px, 18px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.header-button[disabled="true"] {
  opacity: 0.8;
}

.header-button {
  -moz-appearance: none;
  padding: 1px 3px;
  color: #444;
  text-shadow: 0 0 3px white;
  background: linear-gradient(
                rgba(251,252,253,0.95),
                rgba(246,247,248,0) 49%,
                rgba(211,212,213,0.45) 51%,
                rgba(225,226,229, 0.3));
  background-clip: padding-box;
  border-radius: 2.5px;
  border: 1px solid rgba(31,64,100,0.4);
  border-top-color: rgba(31,64,100,0.3);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset,
              0 0 2px 1px rgba(255, 255, 255, 0.25) inset;
}

.header-button[disabled="true"] > .toolbarbutton-icon {
  opacity: 0.4;
}

.header-button:not([disabled="true"]):active:hover,
.header-button[open="true"] {
  background-color: rgba(61, 76, 92, 0.2);
  border-color: rgba(39, 53, 68, 0.5);
  box-shadow: 0 0 3px 1px rgba(39, 53, 68, 0.2) inset;
}

.header-button > .toolbarbutton-text {
  display: none;
}
