LCARStrek/browser/preferences/in-content/preferences.css

   1 /* - This Source Code Form is subject to the terms of the Mozilla Public\r
   2    - License, v. 2.0. If a copy of the MPL was not distributed with this file,\r
   3    - You can obtain one at http://mozilla.org/MPL/2.0/. */\r
   4 \r
   5 @import url("chrome://global/skin/inContentUI.css");\r
   6 \r
   7 @namespace html "http://www.w3.org/1999/xhtml";\r
   8 \r
   9 #header {\r
  10   margin-bottom: 18px;\r
  11 }\r
  12 \r
  13 .indent-small {\r
  14   -moz-margin-start: 10px;\r
  15 }\r
  16 \r
  17 caption {\r
  18   font-size: 1.667rem;\r
  19 }\r
  20 \r
  21 .main-content {\r
  22   max-width: 800px;\r
  23 }\r
  24 \r
  25 prefpane {\r
  26   padding: 0;\r
  27 }\r
  28 \r
  29 prefpane > .content-box {\r
  30   overflow: auto;\r
  31 }\r
  32 \r
  33 /* Category List */\r
  34 \r
  35 #categories {\r
  36   -moz-appearance: none;\r
  37   border: none;\r
  38   -moz-margin-end: -1px;\r
  39   background-color: transparent;\r
  40   position: relative;\r
  41   margin-top: 31px;\r
  42 }\r
  43 \r
  44 .category {\r
  45   -moz-appearance: none;\r
  46   background-color: transparent;\r
  47   color: #FF9F00;\r
  48   padding: 10px 4px;\r
  49   border-width: 1px;\r
  50   border-style: solid;\r
  51   border-color: transparent;\r
  52   -moz-padding-end: 8px;\r
  53   -moz-box-align: center;\r
  54   overflow: hidden;\r
  55   min-height: 0;\r
  56   height: 52px;\r
  57 }\r
  58 \r
  59 .category:-moz-locale-dir(ltr) {\r
  60   border-top-left-radius: 5px;\r
  61   border-bottom-left-radius: 5px;\r
  62 }\r
  63 \r
  64 .category:-moz-locale-dir(rtl) {\r
  65   border-top-right-radius: 5px;\r
  66   border-bottom-right-radius: 5px;\r
  67 }\r
  68 \r
  69 .category[selected] {\r
  70   background-color: #008484;\r
  71   color: #FFCF00;\r
  72   border-color: #9C9CFF;\r
  73   /* -moz-border-end-color: transparent; */\r
  74 }\r
  75 \r
  76 .category-name {\r
  77   font-size: 1.5rem;\r
  78   -moz-padding-end: 24px;\r
  79 }\r
  80 \r
  81 /* Maximize the size of the viewport when the window is small */\r
  82 @media (max-width: 800px) {\r
  83   .category-name {\r
  84     display: none;\r
  85   }\r
  86 }\r
  87 \r
  88 .category-icon {\r
  89   width: 32px;\r
  90   height: 32px;\r
  91   margin: 0 6px;\r
  92   -moz-margin-start: 6px;\r
  93   -moz-margin-end: 5px;\r
  94   list-style-image: url("chrome://browser/skin/preferences/Options.png");\r
  95 }\r
  96 \r
  97 #category-general > .category-icon {\r
  98   -moz-image-region: rect(0, 32px, 32px, 0);\r
  99 }\r
 100 \r
 101 #category-content > .category-icon {\r
 102   -moz-image-region: rect(0, 96px,  32px, 64px)\r
 103 }\r
 104 \r
 105 #category-application > .category-icon {\r
 106   -moz-image-region: rect(0, 128px,  32px, 96px)\r
 107 }\r
 108 \r
 109 #category-privacy > .category-icon {\r
 110   -moz-image-region: rect(0, 160px,  32px, 128px)\r
 111 }\r
 112 \r
 113 #category-security > .category-icon {\r
 114   -moz-image-region: rect(0, 192px,  32px, 160px)\r
 115 }\r
 116 \r
 117 #category-advanced > .category-icon {\r
 118   -moz-image-region: rect(0, 224px, 32px, 192px)\r
 119 }\r
 120 \r
 121 #category-sync > .category-icon {\r
 122   list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");\r
 123 }\r
 124 \r
 125 /* Applications Pane Styles */\r
 126 \r
 127 #applications-content {\r
 128   padding: 15px;\r
 129 }\r
 130 \r
 131 #handlersView {\r
 132   border: none; /*1px solid #9C9CFF;*/\r
 133   margin: 0;\r
 134   overflow-y: auto;\r
 135   border-top-left-radius: 0;\r
 136   border-top-right-radius: 0;\r
 137 }\r
 138 \r
 139 #handersView > listheader > treecol {\r
 140   border-radius: 0;\r
 141 }\r
 142 \r
 143 #advancedPrefs {\r
 144   padding: 0; /* overrides preferences/preferences.css */\r
 145 }\r
 146 \r
 147 #advancedPrefs > tabs {\r
 148   -moz-padding-start: 5px;\r
 149 }\r
 150 \r
 151 #advancedPrefs > tabpanels {\r
 152   border-right: none;\r
 153   border-left: none;\r
 154   border-bottom: none;\r
 155   border-top-left-radius: 0;\r
 156   border-top-right-radius: 0;\r
 157 }\r
 158 \r
 159 /* XXX This style is for bug 740213 and should be removed once that\r
 160    bug has a solution. */\r
 161 description > html|a {\r
 162   cursor: pointer;\r
 163 }\r
 164 \r
 165 /* XXX Styles Below can be removed once bug 660726 lands */\r
 166 .nav-button {\r
 167   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");\r
 168 }\r
 169 \r
 170 #forward-btn {\r
 171   -moz-border-start: none;\r
 172 }\r
 173 \r
 174 #back-btn:-moz-locale-dir(ltr),\r
 175 #forward-btn:-moz-locale-dir(rtl) {\r
 176   -moz-image-region: rect(42px 25px 63px 0px);\r
 177   border-top-right-radius: 0;\r
 178   border-bottom-right-radius: 0;\r
 179 }\r
 180 \r
 181 #back-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r
 182 #back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr),\r
 183 #forward-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r
 184 #forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl) {\r
 185   -moz-image-region: rect(42px 75px 63px 50px);\r
 186 }\r
 187 \r
 188 #back-btn[disabled="true"]:-moz-locale-dir(ltr),\r
 189 #forward-btn[disabled="true"]:-moz-locale-dir(rtl) {\r
 190   -moz-image-region: rect(42px 50px 63px 25px);\r
 191 }\r
 192 \r
 193 #back-btn:-moz-locale-dir(rtl),\r
 194 #forward-btn:-moz-locale-dir(ltr) {\r
 195   -moz-image-region: rect(63px 25px 84px 0px);\r
 196   border-top-left-radius: 0;\r
 197   border-bottom-left-radius: 0;\r
 198 }\r
 199 \r
 200 #back-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r
 201 #back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl),\r
 202 #forward-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r
 203 #forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr) {\r
 204   -moz-image-region: rect(63px 75px 84px 50px);\r
 205 }\r
 206 \r
 207 #back-btn[disabled="true"]:-moz-locale-dir(rtl),\r
 208 #forward-btn[disabled="true"]:-moz-locale-dir(ltr) {\r
 209   -moz-image-region: rect(63px 50px 84px 25px);\r
 210 }\r
 211 \r
 212 .header-button {\r
 213 }\r
 214 \r
 215 .header-button:not([disabled="true"]):active:hover,\r
 216 .header-button[open="true"] {\r
 217 }\r
 218 \r
 219 .header-button > .toolbarbutton-text {\r
 220   display: none;\r
 221 }\r