/* - 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";

#header {
  margin-bottom: 18px;
}

caption {
  font-size: 1.667rem;
}

.main-content {
  max-width: 800px;
}

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

/* Category List */

#categories {
  -moz-appearance: none;
  border: none;
  -moz-margin-end: -1px;
  background-color: transparent;
  position: relative;
  margin-top: 41px;
}

.category {
  -moz-appearance: none;
  border-width: 1px;
  -moz-border-end-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 9px 4px 10px;
  -moz-padding-end: 8px;
  -moz-box-align: center;
  overflow: hidden;
  min-height: 0;
  color: WindowText;
  height: 52px;
}

.category:-moz-locale-dir(ltr) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.category:-moz-locale-dir(rtl) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.category[selected] {
  background-color: -moz-Field;
  color: -moz-FieldText;
  border-color: ThreeDShadow;
}

.category-name {
  font-size: 1.5rem;
  -moz-padding-end: 24px;
}

/* Maximize the size of the viewport when the window is small */
@media (max-width: 800px) {
  .category-name {
    display: none;
  }
}

.category-icon {
  width: 32px;
  height: 32px;
  margin: 0 6px;
  -moz-margin-start: 6px;
  -moz-margin-end: 5px;
  list-style-image: url("chrome://browser/skin/preferences/Options.png");
}

#category-general > .category-icon {
  -moz-image-region: rect(0, 32px, 32px, 0);
}

#category-content > .category-icon {
  -moz-image-region: rect(0, 96px,  32px, 64px)
}

#category-application > .category-icon {
  -moz-image-region: rect(0, 128px,  32px, 96px)
}

#category-privacy > .category-icon {
  -moz-image-region: rect(0, 160px,  32px, 128px)
}

#category-security > .category-icon {
  -moz-image-region: rect(0, 192px,  32px, 160px)
}

#category-advanced > .category-icon {
  -moz-image-region: rect(0, 224px, 32px, 192px)
}

%ifdef MOZ_SERVICES_SYNC
#category-sync > .category-icon {
  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");
}
%endif

/* Applications Pane Styles */

#applications-content {
  padding: 15px;
}

#handlersView {
  -moz-appearance: none;
  border: 1px solid ThreeDShadow;
  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 {
  min-width: 0;
}

#back-btn:-moz-locale-dir(ltr) {
  list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar");
}

#forward-btn:-moz-locale-dir(ltr) {
  list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar");
}

#back-btn:-moz-locale-dir(rtl) {
  list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar");
}

#forward-btn:-moz-locale-dir(rtl) {
  list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar");
}

#back-btn[disabled="true"]:-moz-locale-dir(ltr) {
  list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled");
}

#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
  list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled");
}

#back-btn[disabled="true"]:-moz-locale-dir(rtl) {
  list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled");
}

#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
  list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled");
}

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