fix forward button and tab-without-icon styles

[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css

/* - This Source Code Form is subject to the terms of the Mozilla Public\r
   - License, v. 2.0. If a copy of the MPL was not distributed with this file,\r
   - You can obtain one at http://mozilla.org/MPL/2.0/. */\r
\r
@import url("chrome://global/skin/inContentUI.css");\r
\r
@namespace html "http://www.w3.org/1999/xhtml";\r
\r
#header {\r
  margin-bottom: 18px;\r
}\r
\r
.indent-small {\r
  -moz-margin-start: 10px;\r
}\r
\r
caption {\r
  font-size: 1.667rem;\r
}\r
\r
.main-content {\r
  max-width: 800px;\r
}\r
\r
prefpane {\r
  padding: 0;\r
}\r
\r
prefpane > .content-box {\r
  overflow: auto;\r
}\r
\r
/* Category List */\r
\r
#categories {\r
  -moz-appearance: none;\r
  border: none;\r
  -moz-margin-end: -1px;\r
  background-color: transparent;\r
  position: relative;\r
  margin-top: 31px;\r
}\r
\r
.category {\r
  -moz-appearance: none;\r
  background-color: transparent;\r
  color: #FF9F00;\r
  padding: 10px 4px;\r
  border-width: 1px;\r
  border-style: solid;\r
  border-color: transparent;\r
  -moz-padding-end: 8px;\r
  -moz-box-align: center;\r
  overflow: hidden;\r
  min-height: 0;\r
  height: 52px;\r
}\r
\r
.category:-moz-locale-dir(ltr) {\r
  border-top-left-radius: 5px;\r
  border-bottom-left-radius: 5px;\r
}\r
\r
.category:-moz-locale-dir(rtl) {\r
  border-top-right-radius: 5px;\r
  border-bottom-right-radius: 5px;\r
}\r
\r
.category[selected] {\r
  background-color: #008484;\r
  color: #FFCF00;\r
  border-color: #9C9CFF;\r
  /* -moz-border-end-color: transparent; */\r
}\r
\r
.category-name {\r
  font-size: 1.5rem;\r
  -moz-padding-end: 24px;\r
}\r
\r
/* Maximize the size of the viewport when the window is small */\r
@media (max-width: 800px) {\r
  .category-name {\r
    display: none;\r
  }\r
}\r
\r
.category-icon {\r
  width: 32px;\r
  height: 32px;\r
  margin: 0 6px;\r
  -moz-margin-start: 6px;\r
  -moz-margin-end: 5px;\r
  list-style-image: url("chrome://browser/skin/preferences/Options.png");\r
}\r
\r
#category-general > .category-icon {\r
  -moz-image-region: rect(0, 32px, 32px, 0);\r
}\r
\r
#category-content > .category-icon {\r
  -moz-image-region: rect(0, 96px,  32px, 64px)\r
}\r
\r
#category-application > .category-icon {\r
  -moz-image-region: rect(0, 128px,  32px, 96px)\r
}\r
\r
#category-privacy > .category-icon {\r
  -moz-image-region: rect(0, 160px,  32px, 128px)\r
}\r
\r
#category-security > .category-icon {\r
  -moz-image-region: rect(0, 192px,  32px, 160px)\r
}\r
\r
#category-advanced > .category-icon {\r
  -moz-image-region: rect(0, 224px, 32px, 192px)\r
}\r
\r
#category-sync > .category-icon {\r
  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");\r
}\r
\r
/* Applications Pane Styles */\r
\r
#applications-content {\r
  padding: 15px;\r
}\r
\r
#handlersView {\r
  border: none; /*1px solid #9C9CFF;*/\r
  margin: 0;\r
  overflow-y: auto;\r
  border-top-left-radius: 0;\r
  border-top-right-radius: 0;\r
}\r
\r
#handersView > listheader > treecol {\r
  border-radius: 0;\r
}\r
\r
#advancedPrefs {\r
  padding: 0; /* overrides preferences/preferences.css */\r
}\r
\r
#advancedPrefs > tabs {\r
  -moz-padding-start: 5px;\r
}\r
\r
#advancedPrefs > tabpanels {\r
  border-right: none;\r
  border-left: none;\r
  border-bottom: none;\r
  border-top-left-radius: 0;\r
  border-top-right-radius: 0;\r
}\r
\r
/* XXX This style is for bug 740213 and should be removed once that\r
   bug has a solution. */\r
description > html|a {\r
  cursor: pointer;\r
}\r
\r
/* XXX Styles Below can be removed once bug 660726 lands */\r
.nav-button {\r
  list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");\r
}\r
\r
#forward-btn {\r
  -moz-border-start: none;\r
}\r
\r
#back-btn:-moz-locale-dir(ltr),\r
#forward-btn:-moz-locale-dir(rtl) {\r
  -moz-image-region: rect(42px 25px 63px 0px);\r
  border-top-right-radius: 0;\r
  border-bottom-right-radius: 0;\r
}\r
\r
#back-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r
#back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr),\r
#forward-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r
#forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl) {\r
  -moz-image-region: rect(42px 75px 63px 50px);\r
}\r
\r
#back-btn[disabled="true"]:-moz-locale-dir(ltr),\r
#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {\r
  -moz-image-region: rect(42px 50px 63px 25px);\r
}\r
\r
#back-btn:-moz-locale-dir(rtl),\r
#forward-btn:-moz-locale-dir(ltr) {\r
  -moz-image-region: rect(63px 25px 84px 0px);\r
  border-top-left-radius: 0;\r
  border-bottom-left-radius: 0;\r
}\r
\r
#back-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r
#back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl),\r
#forward-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r
#forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr) {\r
  -moz-image-region: rect(63px 75px 84px 50px);\r
}\r
\r
#back-btn[disabled="true"]:-moz-locale-dir(rtl),\r
#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {\r
  -moz-image-region: rect(63px 50px 84px 25px);\r
}\r
\r
.header-button {\r
}\r
\r
.header-button:not([disabled="true"]):active:hover,\r
.header-button[open="true"] {\r
}\r
\r
.header-button > .toolbarbutton-text {\r
  display: none;\r
}\r