first part of LCARStrek updates for toolkit winstripe in Firefox 15
authorRobert Kaiser <robert@widebook.box.kairo.at>
Wed, 15 Aug 2012 18:54:21 +0000 (20:54 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Wed, 15 Aug 2012 18:54:21 +0000 (20:54 +0200)
LCARStrek/browser/actionicon-tab.png
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/csshtmltree.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/gcli.css
LCARStrek/browser/preferences/aboutPermissions.css
LCARStrek/browser/preferences/in-content/preferences.css [new file with mode: 0644]

index dd9b74ca8cc0c22bf026314afb65eafcaf2cdeb4..083e09f35d85f7a0c9d5d3b65f1f7a9499296b92 100644 (file)
Binary files a/LCARStrek/browser/actionicon-tab.png and b/LCARStrek/browser/actionicon-tab.png differ
index 3b023ed27e6ae6f83e4271d40eacd2b2b6a78bfa..1c553c53e4b3b90446d9a1a49aef9aade54c283e 100644 (file)
@@ -1211,7 +1211,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
-  /* let winstripe-urlbar-back-button-mask clip the urlbar's right side for RTL */
+  /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
   -moz-transform: scaleX(-1);
 }
 
@@ -1292,6 +1292,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
 
 #identity-box {
   border-radius: 2px;
+  font-size: .9em;
 }
 
 #notification-popup-box:not([hidden]) + #identity-box {
@@ -1491,6 +1492,12 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
   list-style-image: url("chrome://browser/skin/actionicon-tab.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  padding: 0 3px;
+}
+
+richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
+  -moz-image-region: rect(16px, 16px, 32px, 0);
 }
 
 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
@@ -1924,7 +1931,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
   list-style-image: url("chrome://global/skin/icons/loading.gif");
 }
 
-.alltabs-item[tabIsVisible] {
+.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
   background-color: #402800;
 }
 
@@ -2179,6 +2186,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 .notification-anchor-icon {
   width: 16px;
   height: 16px;
+  margin: 0 2px;
 }
 
 .notification-anchor-icon:-moz-focusring {
@@ -2481,15 +2489,6 @@ panel[dimmed="true"] {
   background-color: rgba(25, 25, 25, 0.5);
 }
 
-#highlighter-closebutton {
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-#highlighter-closebutton:hover,
-#highlighter-closebutton:hover:active {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
 highlighter-veil-transparentbox {
   box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
   outline: 1px dashed rgba(255,255,255,0.5);
@@ -2648,7 +2647,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 #full-screen-warning-message {
   background-color: #000000;
   color: #FF9F00;
-  font-size: 32px;
   border-radius: 8px;
   margin-top: 30px;
   padding: 30px 50px;
@@ -2656,13 +2654,20 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 }
 
 #full-screen-warning-container[obscure-browser] {
-  background-color: rgba(0,0,0,0.75);
+  background-color: rgba(0,0,0,0.3);
+}
+
+.full-screen-description {
+  font-size: 150%;
+}
+
+#full-screen-domain-text {
+  font-size: 300%;
 }
 
-#full-screen-warning-container[stop-obscuring-browser] {
-  -moz-transition-property: background-color;
-  -moz-transition-duration: 500ms;
-  background-color: rgba(0,0,0,0);
+.full-screen-approval-button,
+#full-screen-remember-decision {
+  font-size: 120%;
 }
 
 /* Highlighter toolbar - breadcrumbs */
@@ -2741,6 +2746,10 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   padding: 0 9px;
 }
 
+.inspector-breadcrumbs-button:-moz-focusring > .button-box {
+  border-width: 0;
+}
+
 .inspector-breadcrumbs-button:-moz-focusring > label {
   border-bottom: 1px dotted #008484;
 }
@@ -2919,9 +2928,75 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 /*  border-radius: 0 3px 3px 0;*/
 }
 
-#inspector-tree-splitter {
+.gcli-panel-inner-arrowcontent {
+  padding: 0;
+}
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node,
+.gclitoolbar-prompt {
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
+}
+
+.gclitoolbar-input-node {
+  background-color: transparent;
+  -moz-appearance: none;
   border: none;
-  min-height: 3px;
-  height: 3px;
-  position: relative;
+  padding: 0 0 0 22px;
+}
+
+.gclitoolbar-complete-node {
+  background-color: transparent;
+  color: transparent;
+  height: 100%;
+  line-height: 100%;
+  padding: 7px 0 0 27px;
+  margin: 0;
+}
+
+.gclitoolbar-prompt {
+  color: #E7ADE7;
+  font-size: 150%;
+  font-weight: bold;
+  line-height: 100%;
+  padding-top: 1px;
+  padding-left: 4px;
+}
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+  margin: 0;
+  padding: 0;
+}
+
+.gcli-in-incomplete {
+  border-bottom: 2px dotted #8050B0;
+}
+
+.gcli-in-error {
+  border-bottom: 2px dotted #FF0000;
+}
+
+.gcli-in-ontab {
+  color: #9C9CFF;
+}
+
+.gcli-in-todo {
+  color: #795900;
+}
+
+.gcli-in-closebrace {
+  color: #8050B0;
+}
+
+/* Highlight toolbar - Option menu */
+
+#inspector-option-toolbarbutton:-moz-focusring {
+  outline: 1px dotted #008484;
+  outline-offset: -2px;
 }
index 755d5ac3359b71ae6fca7189e57d96d08cd35b0d..09eb01351c4838b77e0dbaad8bfa7d3af55cf38e 100644 (file)
@@ -8,9 +8,11 @@
 .devtools-toolbar {
 }
 
+.devtools-menulist,
 .devtools-toolbarbutton {
 }
 
+devtools-menulist:-moz-focusring,
 .devtools-toolbarbutton:-moz-focusring {
   outline: 1px dotted #008484;
   outline-offset: -4px;
 .devtools-toolbarbutton:not([checked]):hover:active {
 }
 
+.devtools-menulist[open=true],
 .devtools-toolbarbutton[checked] {
 }
 
 .devtools-toolbarbutton[checked]:hover:active {
 }
 
+.devtools-menulist > .menulist-label-box {
+  text-align: center;
+}
+
+.devtools-menulist > .menulist-dropmarker {
+}
+
+.devtools-menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
+}
+
 /* Search input */
 
 /*
   background-color: transparent;
   background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
   background-repeat: no-repeat;
-  background-position: 4px 3px, top left, top left;
+  background-position: 4px center, top left, top left;
   padding-top: 0;
   padding-bottom: 0;
   -moz-padding-start: 18px;
   -moz-padding-end: 12px;
-  color: hsl(210,30%,85%);
   -moz-transition-property: background-color, border-color, box-shadow;
   -moz-transition-duration: 150ms;
   -moz-transition-timing-function: ease;
+  color: inherit;
 }
 
 .devtools-searchinput[focused] {
 }
 */
 
-/* Splitters */
+/* Close button */
+
+.devtools-closebutton {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  min-width: 16px;
+  width: 16px;
+}
+
+.devtools-closebutton > .toolbarbutton-text {
+  display: none;
+}
+
+.devtools-closebutton:hover,
+.devtools-closebutton:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
+
+/* Splitter */
+
+.devtools-horizontal-splitter {
+  border: none;
+  min-height: 3px;
+  height: 3px;
+  margin-bottom: -3px;
+  position: relative;
+}
 
 #devtools-side-splitter {
   border: none;
index 4392e1b5ebaa45b25a813825fb80e47d7ea250bf..51996d062bf50c9da755a112b10ede7d31520a4a 100644 (file)
@@ -239,3 +239,11 @@ link:hover {
   border: 1px solid #9C9CFF;
   padding: 0;
 }
+
+.ruleview-property {
+  border-left: 2px solid transparent;
+}
+
+.ruleview-property[dirty] {
+  border-left-color: #008484;
+}
\ No newline at end of file
index 2e2978305e12d843638ea1e62818ed28844f4a4d..5a643959bfe1b3d5a98c6429d7145c4341c63859 100644 (file)
@@ -12,32 +12,6 @@ window {
   /* background: #000000; */
 }
 
-div,
-span,
-a {
-  font: inherit;
-}
-
-/**
- * Debugger toolbar
- */
-
-#dbg-toolbar {
-  /*padding: 2px;*/
-}
-
-#dbg-toolbar > button {
-  text-align: center;
-}
-
-.devtools-closebutton {
-  list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
-}
-
-.devtools-closebutton:hover {
-  list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
-}
-
 /**
  * Debugger content
  */
@@ -46,29 +20,10 @@ a {
   /* padding: 6px; */
 }
 
-#dbg-content > * > .vbox {
-  background-color: #000000;
-  border: 1px solid #9C9CFF;
-}
-
-#dbg-content > * > .title {
-  /* text-shadow: 0 1px #fff; */
-}
-
 .devtools-side-splitter {
   border: none;
 }
 
-/**
- * Debugger statusbar
- */
-
-#dbg-statusbar {
-/*  font: -moz-list; */
-  padding: 2px;
-  -moz-padding-start: 5px;
-}
-
 /**
  * Lists and headers
  */
@@ -149,12 +104,28 @@ a {
 .variable {
   -moz-margin-start: 1px;
   -moz-margin-end: 1px;
+  margin-top: 2px;
   border-bottom: 1px dotted #008484;
+  border-radius: 8px;
+  -moz-transition: background 1s ease-in-out;
+  background: #000000;
+}
+
+.variable[changed] {
+  -moz-transition-duration: 0.4s;
+  background: #FFCF00;
+}
+
+.variable[added] {
+  -moz-transition-duration: 0.4s;
+  background: #008484;
+}
+
+.variable > .title > .arrow {
+  margin-top: -2px;
 }
 
 .variable > .title > .name {
-  padding-top: 2px;
-  padding-bottom: 2px;
   color: #FF9F00;
   font-weight: 600;
 }
@@ -163,15 +134,12 @@ a {
  * Property element
  */
 
-.property > .title > .key {
-  padding-top: 2px;
-  padding-bottom: 2px;
-  color: #E7ADE7;
+.property > .title > .arrow {
+  margin-top: -2px;
 }
 
-.property > .title > .value {
-  padding-top: 2px;
-  padding-bottom: 2px;
+.property > .title > .key {
+  color: #E7ADE7;
 }
 
 /**
@@ -217,6 +185,7 @@ a {
   height: 9px;
   -moz-margin-start: 5px;
   -moz-margin-end: 5px;
+  margin-top: -2px;
   background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
 }
 
@@ -301,17 +270,3 @@ a {
 
 #debugger-controls {
 }
-
-/**
- * Display helpers
- */
-
-.unselectable {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-.info {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
index 4396e033febf3d5ab8f5937895bdfaf1fbda24d7..8237ff25e57ee12dae0a8911853af17844cb9839 100644 (file)
  * 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/. */
 
-/* From: $GCLI/mozilla/gcli/ui/gcliterm.css */
-
-/* Bug 678152 calls for UX review which will fix the color names */
-
-.gcliterm-input-node,
-.gcliterm-complete-node {
-  border: none;
-  -moz-appearance: none;
-  height: 100%;
-  vertical-align: middle;
-  background-color: transparent;
-}
-
-.gcliterm-input-node {
-  padding-top: 2px;
-  padding-bottom: 0;
-  -moz-padding-start: 16px;
-  -moz-padding-end: 0;
-}
-
-.gcliterm-complete-node {
-  color: #E7ADE7;
-  padding-top: 4px;
-  padding-bottom: 2px;
-  -moz-padding-start: 21px;
-  -moz-padding-end: 4px;
-}
-
-.gcliterm-stack-node {
-  background: url("chrome://global/skin/icons/commandline.png") 4px center no-repeat;
-  width: 100%;
-}
-
-.gcliterm-argfetcher {
-  display: -moz-box;
-  -moz-box-flex: 1;
-}
-
-.gcliterm-hint-node {
-  border-top: 1px solid #9C9CFF;
-  border-bottom: 1px solid #E7ADE7;
-  border-left: 1px solid #9C9CFF;
-  border-right: 1px solid #9C9CFF;
-  border-top-right-radius: 5px;
-  border-top-left-radius: 5px;
-  margin-bottom: -1px;
-}
-
-.gcliterm-hint-parent {
-  width: 300px;
-  padding: 10px 10px 0;
-  border-top: 1px solid #9C9CFF;
-  border-bottom: 1px solid #9C9CFF;
-}
-
-.gcliterm-menu {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  border-bottom-color: #E7ADE7;
-}
-
-.gcliterm-hint-scroll {
-  overflow-y: scroll;
-  border-bottom-color: #9C9CFF;
+#gclichrome-body {
+  margin: 0;
+  padding: 0;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
 }
 
-.gcliterm-hint-nospace {
-  display: none;
+.gcli-row-out {
+  padding: 0 5px;
+  line-height: 1.2em;
+  border-top: none;
+  border-bottom: none;
 }
 
-.gcliterm-msg-body {
-  margin-top: 0;
-  margin-bottom: 3px;
-  -moz-margin-start: 3px;
-  -moz-margin-end: 6px;
-  list-style-image: none;
+.gcli-row-out p,
+.gcli-row-out h1,
+.gcli-row-out h2,
+.gcli-row-out h3 {
+  margin: 5px 0;
 }
 
-/* Extract from display.css, we only want these 2 rules */
-
 .gcli-out-shortcut {
   border: 1px solid #8050B0;
   border-radius: 3px;
-  padding: 0 4px;
+  padding: 1px 4px 0;
   margin: 0 4px;
-  font-size: 70%;
-  color: #FF9F00;
+  font-size: 80%;
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
   cursor: pointer;
   vertical-align: bottom;
+  white-space: pre;
+  background-color: #000000;
 }
 
 .gcli-out-shortcut:before {
   color: #FFCF00;
   content: '\bb';
-  padding: 0 2px;
-}
-
-/*
- * The language of a console is not en_US or any other common language
- * (i.e we don't attempt to translate 'console.log(x)')
- * So we fix .gcliterm-input-node/.gcliterm-complete-node elements to be ltr.
- * As a result we also want the hints to pop up on the left (above the prompt)
- */
-.gcliterm-input-node,
-.gcliterm-complete-node,
-.gcliterm-display {
-  direction: ltr;
-}
-
-/*
- * We want the stuff under .gcliterm-display to obey normal direction rules
- * so we need to swap back when the document is in rtl mode.
- * The selectors below are faster, but equivalent to:
- * .gcliterm-display > *:-moz-locale-dir(rtl) {
- *   direction: rtl;
- * }
- * In non-performance critical situations the above is preferred due to it's
- * greater resilience to refactoring
- */
-.gcliterm-hint-parent:-moz-locale-dir(rtl),
-.hud-output-node:-moz-locale-dir(rtl) {
-  direction: rtl;
 }
 
-/* From: $GCLI/mozilla/gcli/ui/gcliterm-winstripe.css */
+/* From: $GCLI/lib/gcli/commands/help.css */
 
-.gcliterm-input-node,
-.gcliterm-complete-node {
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+.gcli-help-arrow {
+  font-size: 70%;
+  color: #008484;
 }
 
-.gcli-out-shortcut {
+.gcli-help-synopsis {
   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
+  font-weight: normal;
+  padding: 0 3px;
+  margin: 0 10px;
+  border: 1px solid #9C9CFF;
+  border-radius: 3px;
 }
 
-/* From: $GCLI/lib/gcli/ui/arg_fetch.css */
-
-.gcli-argfetch {
-  width: 100%;
-  -moz-box-sizing: border-box;
-}
-
-.gcli-af-cmddesc {
-  font-weight: bold;
-  text-align: center;
-  margin-bottom: 5px;
-  padding: 3px 10px 0;
-}
-
-.gcli-af-params {
-  padding: 0 10px;
-  width: 100%;
-  -moz-box-sizing: border-box;
-}
-
-.gcli-af-paramname {
-  text-align: right;
-  font-size: 90%;
-}
-
-.gcli-af-required {
-  font-size: 90%;
-  color: #FF0000;
-  -moz-padding-start: 5px;
+.gcli-help-synopsis:before {
+  color: #FFCF00;
 }
 
-.gcli-af-error {
-  font-size: 80%;
-  color: #FF9F00;
+.gcli-help-description {
+  margin: 0 20px;
+  padding: 0;
 }
 
-.gcli-af-submit {
-  text-align: right;
+.gcli-help-parameter {
+  margin: 0 30px;
+  padding: 0;
 }
 
-.gcli-field {
-  width: 100%;
+.gcli-help-header {
+  margin: 10px 0 6px;
 }
 
-.gcli-field-javascript {
-  margin-bottom: 0;
-}
 
 /* From: $GCLI/lib/gcli/ui/menu.css */
 
-.gcli-menu {
-  width: 100%;
-  overflow: hidden;
-}
-
-.gcli-menu-field {
-  border: 1px solid #9C9CFF;
-  border-top: 0;
-  border-bottom-right-radius: 5px;
-  border-bottom-left-radius: 5px;
-  max-height: 300px;
-  margin: 0 3px;
-  padding: 0;
-}
-
-.gcli-menu-template {
-  border-collapse: collapse;
-  width: 100%;
-  margin: 10px 0;
+.gcli-menu-name {
+  -moz-padding-start: 8px;
 }
 
-.gcli-menu-option {
-  overflow: hidden;
-  white-space: nowrap;
-  cursor: pointer;
-  padding: 2px;
+.gcli-menu-desc {
+  -moz-padding-end: 8px;
+  color: #FF9F00;
 }
 
-.gcli-menu-option:hover {
+.gcli-menu-option:hover,
+.gcli-menu-highlight.gcli-menu-option:hover {
   background-color: #FFCF00;
   color: #000000;
 }
 
-.gcli-menu-name {
-  padding-top: 0;
-  padding-bottom: 0;
-  -moz-padding-start: 10px;
-  -moz-padding-end: 2px;
-}
-
-.gcli-menu-desc {
-  font-size: 80%;
-  color: #FF9F00;
+.gcli-menu-highlight {
+  background-color: #795900;
 }
 
 .gcli-menu-error {
-  overflow: hidden;
-  white-space: nowrap;
-  padding-top: 8px;
-  padding-bottom: 2px;
-  -moz-padding-start: 10px;
-  -moz-padding-end: 2px;
+  padding: 8px 10px 2px;
   font-size: 80%;
   color: #FF0000;
 }
 
-/* From: $GCLI/lib/gcli/ui/inputter.css */
-
-.gcli-in-complete {
-  position: absolute;
-  z-index: -1000;
-  border: 1px transparent solid;
-  padding: 1px 1px 1px 2px;
+.gcli-menu-typed {
   color: #008484;
 }
-
-.gcli-in-incomplete {
-  border-bottom: 2px dotted #9C9CFF;
-}
-
-.gcli-in-error {
-  border-bottom: 2px dotted #FF0000;
-}
-
-.gcli-in-ontab {
-  color: #9C9CFF;
-}
-
-.gcli-in-closebrace {
-  color: #9C9CFF;
-}
-
-.gcli-prompt {
-  color: #E7ADE7;
-  font-weight: bold;
-}
-
-.gcli-in-scratchlink {
-  float: right;
-  font-size: 85%;
-  color: #9C9CFF;
-  padding-right: 10px;
-}
-
-/* From: $GCLI/lib/gcli/commands/help.css */
-
-.gcli-help-name {
-  text-align: end;
-}
-
-.gcli-help-arrow {
-  font-size: 70%;
-  color: #008484;
-}
-
-.gcli-help-synopsis {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
-  font-weight: normal;
-  padding: 0 3px;
-  margin: 0 10px;
-  border: 1px solid #9C9CFF;
-  border-radius: 3px;
-  color: #FF9F00;
-  cursor: pointer;
-  display: inline-block;
-}
-
-.gcli-help-synopsis:before {
-  color: #FFCF00;
-  content: '\bb';
-}
-
-.gcli-help-description {
-  margin: 0 20px;
-  padding: 0;
-}
-
-.gcli-help-parameter {
-  margin: 0 30px;
-  padding: 0;
-}
-
-.gcli-help-header {
-  margin: 10px 0 6px;
-}
index 95d4ba6271524a9eb793b01b396fc6effdcea6fa..01a8aef5e7e915fd8d2dabf694ca41dfb96514d5 100644 (file)
@@ -92,6 +92,9 @@
 .pref-icon[type="plugins"] {
   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 }
+.pref-icon[type="fullscreen"] {
+  list-style-image: url("chrome://global/skin/icons/alert-question.gif");
+}
 
 .pref-title {
   font-size: 125%;
diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
new file mode 100644 (file)
index 0000000..826f9c4
--- /dev/null
@@ -0,0 +1,208 @@
+/* - 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
+#preferences-home {\r
+  display: block;\r
+}\r
+\r
+#header {\r
+  margin-bottom: 18px;\r
+}\r
+\r
+.indent-small {\r
+  -moz-margin-start: 10px;\r
+}\r
+\r
+.landingButton {\r
+  -moz-box-align: center;\r
+  -moz-box-orient: vertical;\r
+}\r
+\r
+.landingButton:hover {\r
+  cursor: pointer;\r
+}\r
+\r
+.landingButton-label {\r
+  margin-top: 4px;\r
+}\r
+\r
+.landingButton-icon {\r
+  display: block;\r
+  width: 32px;\r
+  height: 32px;\r
+  background-image: url("chrome://browser/skin/preferences/Options.png");\r
+  background-repeat: no-repeat;\r
+}\r
+\r
+.preference-icon {\r
+  display: block;\r
+  width: 32px;\r
+  height: 32px;\r
+  background-image: url("chrome://browser/skin/preferences/Options.png");\r
+  background-repeat: no-repeat;\r
+  margin: 0 20px;\r
+}\r
+\r
+.preference-icon[type="general"],\r
+.landingButton-icon[type="general"] {\r
+  background-position: 0 0;\r
+}\r
+\r
+.preference-icon[type="tabs"],\r
+.landingButton-icon[type="tabs"] {\r
+  background-position: -32px 0;\r
+}\r
+\r
+.preference-icon[type="content"],\r
+.landingButton-icon[type="content"] {\r
+  background-position: -64px 0;\r
+}\r
+\r
+.preference-icon[type="applications"],\r
+.landingButton-icon[type="applications"] {\r
+  background-position: -96px 0;\r
+}\r
+\r
+.preference-icon[type="privacy"],\r
+.landingButton-icon[type="privacy"] {\r
+  background-position: -128px 0;\r
+}\r
+\r
+.preference-icon[type="security"],\r
+.landingButton-icon[type="security"] {\r
+  background-position: -160px 0;\r
+}\r
+\r
+.preference-icon[type="advanced"],\r
+.landingButton-icon[type="advanced"] {\r
+  background-position: -192px 0;\r
+}\r
+\r
+.preference-icon[type="sync"],\r
+.landingButton-icon[type="sync"] {\r
+  background-image: url("chrome://browser/skin/preferences/Options-sync.png");\r
+}\r
+\r
+caption {\r
+  font-size: 20px;\r
+}\r
+\r
+.heading {\r
+  height: 50px;\r
+  background-color: #FF9F00;\r
+  color: #000000;\r
+  border-radius: 5px;\r
+  margin-bottom: 15px;\r
+  -moz-box-align: center;\r
+}\r
+\r
+prefpane {\r
+  padding: 0;\r
+}\r
+\r
+prefpane > .content-box {\r
+  overflow: auto;\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