From 1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 19 Aug 2015 19:38:44 +0200 Subject: add firefox theme --- arc-firefox-theme/chrome/global/Filepicker.png | Bin 0 -> 1028 bytes arc-firefox-theme/chrome/global/about.css | 62 ++ arc-firefox-theme/chrome/global/aboutCache.css | 66 ++ .../chrome/global/aboutCacheEntry.css | 29 + arc-firefox-theme/chrome/global/aboutMemory.css | 5 + arc-firefox-theme/chrome/global/aboutReader.css | 124 ++++ .../chrome/global/aboutReaderContent.css | 113 +++ .../chrome/global/aboutReaderControls.css | 371 ++++++++++ arc-firefox-theme/chrome/global/aboutSupport.css | 118 +++ arc-firefox-theme/chrome/global/alerts/alert.css | 65 ++ .../chrome/global/alerts/notification-48.png | Bin 0 -> 2517 bytes arc-firefox-theme/chrome/global/appPicker.css | 23 + arc-firefox-theme/chrome/global/arrow.css | 50 ++ .../chrome/global/arrow/arrow-dn-dis.gif | Bin 0 -> 53 bytes .../chrome/global/arrow/arrow-dn-hov.gif | Bin 0 -> 53 bytes .../chrome/global/arrow/arrow-dn-sharp.gif | Bin 0 -> 59 bytes arc-firefox-theme/chrome/global/arrow/arrow-dn.gif | Bin 0 -> 53 bytes .../chrome/global/arrow/arrow-down.png | Bin 0 -> 170 bytes .../chrome/global/arrow/arrow-lft-dis.gif | Bin 0 -> 47 bytes .../chrome/global/arrow/arrow-lft-sharp-end.gif | Bin 0 -> 64 bytes .../chrome/global/arrow/arrow-lft-sharp.gif | Bin 0 -> 60 bytes .../chrome/global/arrow/arrow-lft.gif | Bin 0 -> 54 bytes .../chrome/global/arrow/arrow-rit-dis.gif | Bin 0 -> 54 bytes .../chrome/global/arrow/arrow-rit-sharp-end.gif | Bin 0 -> 64 bytes .../chrome/global/arrow/arrow-rit-sharp.gif | Bin 0 -> 60 bytes .../chrome/global/arrow/arrow-rit.gif | Bin 0 -> 54 bytes .../chrome/global/arrow/arrow-up-dis.gif | Bin 0 -> 54 bytes .../chrome/global/arrow/arrow-up-hov.gif | Bin 0 -> 54 bytes .../chrome/global/arrow/arrow-up-sharp.gif | Bin 0 -> 59 bytes arc-firefox-theme/chrome/global/arrow/arrow-up.gif | Bin 0 -> 54 bytes .../global/arrow/panelarrow-horizontal-themed.svg | 13 + .../chrome/global/arrow/panelarrow-horizontal.svg | 13 + .../global/arrow/panelarrow-vertical-themed.svg | 13 + .../chrome/global/arrow/panelarrow-vertical.svg | 13 + arc-firefox-theme/chrome/global/autocomplete.css | 210 ++++++ arc-firefox-theme/chrome/global/button.css | 348 +++++++++ arc-firefox-theme/chrome/global/checkbox.css | 99 +++ .../chrome/global/checkbox/cbox-check-dis.gif | Bin 0 -> 60 bytes .../chrome/global/checkbox/cbox-check.gif | Bin 0 -> 62 bytes arc-firefox-theme/chrome/global/colorpicker.css | 47 ++ arc-firefox-theme/chrome/global/commonDialog.css | 22 + arc-firefox-theme/chrome/global/config.css | 49 ++ .../chrome/global/console/console-error-caret.gif | Bin 0 -> 55 bytes .../chrome/global/console/console-error-dash.gif | Bin 0 -> 48 bytes .../chrome/global/console/console-toolbar.png | Bin 0 -> 659 bytes .../chrome/global/console/console.css | 156 ++++ .../chrome/global/console/console.png | Bin 0 -> 516 bytes .../chrome/global/console/itemSelected.png | Bin 0 -> 459 bytes .../chrome/global/customizeToolbar.css | 23 + arc-firefox-theme/chrome/global/datetimepicker.css | 147 ++++ arc-firefox-theme/chrome/global/dialog.css | 74 ++ .../chrome/global/dirListing/dirListing.css | 105 +++ .../chrome/global/dirListing/folder.png | Bin 0 -> 572 bytes .../chrome/global/dirListing/local.png | Bin 0 -> 655 bytes .../chrome/global/dirListing/remote.png | Bin 0 -> 653 bytes arc-firefox-theme/chrome/global/dirListing/up.png | Bin 0 -> 711 bytes arc-firefox-theme/chrome/global/dropmarker.css | 7 + arc-firefox-theme/chrome/global/expander.css | 14 + arc-firefox-theme/chrome/global/filefield.css | 36 + arc-firefox-theme/chrome/global/filepicker.css | 63 ++ arc-firefox-theme/chrome/global/findBar.css | 155 ++++ arc-firefox-theme/chrome/global/global.css | 326 ++++++++ arc-firefox-theme/chrome/global/globalBindings.xml | 55 ++ arc-firefox-theme/chrome/global/groupbox.css | 32 + .../chrome/global/icons/Authentication.png | Bin 0 -> 2714 bytes arc-firefox-theme/chrome/global/icons/Close.gif | Bin 0 -> 59 bytes arc-firefox-theme/chrome/global/icons/Error.png | Bin 0 -> 2148 bytes .../chrome/global/icons/Landscape.png | Bin 0 -> 485 bytes arc-firefox-theme/chrome/global/icons/Minimize.gif | Bin 0 -> 53 bytes arc-firefox-theme/chrome/global/icons/Portrait.png | Bin 0 -> 540 bytes .../chrome/global/icons/Print-preview.png | Bin 0 -> 514 bytes arc-firefox-theme/chrome/global/icons/Question.png | Bin 0 -> 2257 bytes arc-firefox-theme/chrome/global/icons/Restore.gif | Bin 0 -> 61 bytes .../chrome/global/icons/Search-close.png | Bin 0 -> 685 bytes .../chrome/global/icons/Search-glass.png | Bin 0 -> 1350 bytes arc-firefox-theme/chrome/global/icons/Warning.png | Bin 0 -> 1623 bytes .../chrome/global/icons/autocomplete-search.svg | 33 + .../chrome/global/icons/autoscroll.png | Bin 0 -> 2305 bytes .../chrome/global/icons/blacklist_favicon.png | Bin 0 -> 655 bytes .../chrome/global/icons/blacklist_large.png | Bin 0 -> 3846 bytes .../chrome/global/icons/close-XPVista7.png | Bin 0 -> 931 bytes .../chrome/global/icons/close-XPVista7@2x.png | Bin 0 -> 2031 bytes .../global/icons/close-inverted-XPVista7.png | Bin 0 -> 855 bytes .../global/icons/close-inverted-XPVista7@2x.png | Bin 0 -> 1865 bytes .../chrome/global/icons/close-inverted.png | Bin 0 -> 598 bytes .../chrome/global/icons/close-inverted@2x.png | Bin 0 -> 1207 bytes arc-firefox-theme/chrome/global/icons/close.png | Bin 0 -> 572 bytes arc-firefox-theme/chrome/global/icons/close.svg | 104 +++ arc-firefox-theme/chrome/global/icons/close@2x.png | Bin 0 -> 1160 bytes arc-firefox-theme/chrome/global/icons/collapse.png | Bin 0 -> 238 bytes arc-firefox-theme/chrome/global/icons/error-16.png | Bin 0 -> 926 bytes arc-firefox-theme/chrome/global/icons/error-64.png | Bin 0 -> 5590 bytes arc-firefox-theme/chrome/global/icons/expand.png | Bin 0 -> 240 bytes .../chrome/global/icons/find-arrows.png | Bin 0 -> 540 bytes .../chrome/global/icons/folder-item.png | Bin 0 -> 1302 bytes .../chrome/global/icons/information-16.png | Bin 0 -> 648 bytes .../chrome/global/icons/information-24.png | Bin 0 -> 1477 bytes .../chrome/global/icons/information-32.png | Bin 0 -> 2080 bytes .../chrome/global/icons/loading_16.png | Bin 0 -> 16126 bytes .../chrome/global/icons/panelarrow-horizontal.svg | 13 + .../chrome/global/icons/panelarrow-vertical.svg | 13 + .../chrome/global/icons/question-16.png | Bin 0 -> 759 bytes .../chrome/global/icons/question-64.png | Bin 0 -> 5181 bytes .../chrome/global/icons/resizer-rtl.png | Bin 0 -> 202 bytes arc-firefox-theme/chrome/global/icons/resizer.png | Bin 0 -> 190 bytes .../chrome/global/icons/sslWarning.png | Bin 0 -> 3207 bytes .../chrome/global/icons/tabprompts-bgtexture.png | Bin 0 -> 1751 bytes .../chrome/global/icons/warning-16.png | Bin 0 -> 780 bytes .../chrome/global/icons/warning-64.png | Bin 0 -> 4086 bytes .../chrome/global/icons/warning-large.png | Bin 0 -> 2603 bytes arc-firefox-theme/chrome/global/icons/warning.svg | 12 + .../chrome/global/icons/webapps-16.png | Bin 0 -> 475 bytes .../chrome/global/icons/webapps-64.png | Bin 0 -> 2942 bytes .../chrome/global/icons/windowControls.png | Bin 0 -> 3001 bytes .../chrome/global/in-content/check-partial.svg | 31 + .../chrome/global/in-content/check.svg | 31 + .../chrome/global/in-content/common.css | 818 +++++++++++++++++++++ .../chrome/global/in-content/dropdown.svg | 20 + .../chrome/global/in-content/help-glyph.svg | 8 + .../chrome/global/in-content/info-pages.css | 105 +++ .../chrome/global/in-content/radio.svg | 20 + arc-firefox-theme/chrome/global/inContentUI.css | 41 ++ .../global/inContentUI/background-texture.png | Bin 0 -> 1751 bytes arc-firefox-theme/chrome/global/linkTree.css | 32 + arc-firefox-theme/chrome/global/listbox.css | 133 ++++ .../chrome/global/media/TopLevelImageDocument.css | 17 + .../chrome/global/media/TopLevelVideoDocument.css | 11 + .../chrome/global/media/clicktoplay-bgtexture.png | Bin 0 -> 1751 bytes arc-firefox-theme/chrome/global/media/error.png | Bin 0 -> 433 bytes .../chrome/global/media/fullscreenButton.png | Bin 0 -> 733 bytes .../chrome/global/media/imagedoc-darknoise.png | Bin 0 -> 3050 bytes .../chrome/global/media/imagedoc-lightnoise.png | Bin 0 -> 4025 bytes .../chrome/global/media/muteButton.png | Bin 0 -> 619 bytes arc-firefox-theme/chrome/global/media/noAudio.png | Bin 0 -> 930 bytes .../chrome/global/media/pauseButton.png | Bin 0 -> 269 bytes .../chrome/global/media/playButton.png | Bin 0 -> 448 bytes .../chrome/global/media/scrubberThumb.png | Bin 0 -> 562 bytes .../chrome/global/media/scrubberThumbWide.png | Bin 0 -> 563 bytes arc-firefox-theme/chrome/global/media/stalled.png | Bin 0 -> 20763 bytes arc-firefox-theme/chrome/global/media/throbber.png | Bin 0 -> 30718 bytes .../chrome/global/media/unmuteButton.png | Bin 0 -> 324 bytes .../chrome/global/media/videoClickToPlayButton.svg | 79 ++ .../chrome/global/media/videocontrols.css | 319 ++++++++ .../chrome/global/media/volume-empty.png | Bin 0 -> 295 bytes .../chrome/global/media/volume-full.png | Bin 0 -> 297 bytes arc-firefox-theme/chrome/global/menu.css | 199 +++++ .../global/menu/shared-menu-check-active.svg | 6 + .../chrome/global/menu/shared-menu-check-black.svg | 6 + .../chrome/global/menu/shared-menu-check-hover.svg | 6 + .../chrome/global/menu/shared-menu-check.png | Bin 0 -> 197 bytes arc-firefox-theme/chrome/global/menulist.css | 83 +++ arc-firefox-theme/chrome/global/netError.css | 145 ++++ arc-firefox-theme/chrome/global/notification.css | 89 +++ arc-firefox-theme/chrome/global/numberbox.css | 38 + arc-firefox-theme/chrome/global/passwordmgr.css | 13 + arc-firefox-theme/chrome/global/popup.css | 100 +++ arc-firefox-theme/chrome/global/preferences.css | 62 ++ arc-firefox-theme/chrome/global/printPageSetup.css | 11 + arc-firefox-theme/chrome/global/printPreview.css | 47 ++ .../chrome/global/printpreview/arrow-left-end.png | Bin 0 -> 500 bytes .../chrome/global/printpreview/arrow-left.png | Bin 0 -> 424 bytes .../chrome/global/printpreview/arrow-right-end.png | Bin 0 -> 491 bytes .../chrome/global/printpreview/arrow-right.png | Bin 0 -> 444 bytes arc-firefox-theme/chrome/global/progressmeter.css | 43 ++ arc-firefox-theme/chrome/global/radio.css | 110 +++ .../chrome/global/radio/radio-check-dis.gif | Bin 0 -> 46 bytes .../chrome/global/radio/radio-check.gif | Bin 0 -> 46 bytes .../chrome/global/reader/RM-Add-24x24.svg | 6 + .../chrome/global/reader/RM-Close-24x24.svg | 31 + .../chrome/global/reader/RM-Delete-24x24.svg | 6 + .../chrome/global/reader/RM-Minus-24x24.svg | 39 + .../chrome/global/reader/RM-Plus-24x24.svg | 39 + .../chrome/global/reader/RM-Reading-List-24x24.svg | 46 ++ .../global/reader/RM-Type-Controls-24x24.svg | 23 + .../global/reader/RM-Type-Controls-Arrow.svg | 42 ++ arc-firefox-theme/chrome/global/reader/pocket.svg | 28 + arc-firefox-theme/chrome/global/resizer.css | 49 ++ arc-firefox-theme/chrome/global/richlistbox.css | 36 + arc-firefox-theme/chrome/global/scale.css | 50 ++ .../chrome/global/scrollbar/slider.gif | Bin 0 -> 44 bytes arc-firefox-theme/chrome/global/scrollbars.css | 227 ++++++ arc-firefox-theme/chrome/global/scrollbox.css | 33 + arc-firefox-theme/chrome/global/spinbuttons.css | 65 ++ arc-firefox-theme/chrome/global/splitter.css | 65 ++ .../chrome/global/splitter/grip-bottom.gif | Bin 0 -> 145 bytes .../chrome/global/splitter/grip-left.gif | Bin 0 -> 157 bytes .../chrome/global/splitter/grip-right.gif | Bin 0 -> 157 bytes .../chrome/global/splitter/grip-top.gif | Bin 0 -> 144 bytes arc-firefox-theme/chrome/global/tabbox.css | 91 +++ arc-firefox-theme/chrome/global/tabprompts.css | 27 + arc-firefox-theme/chrome/global/textbox.css | 147 ++++ arc-firefox-theme/chrome/global/toolbar.css | 113 +++ .../chrome/global/toolbar/chevron-inverted.png | Bin 0 -> 85 bytes .../chrome/global/toolbar/chevron.gif | Bin 0 -> 57 bytes arc-firefox-theme/chrome/global/toolbar/spring.png | Bin 0 -> 924 bytes arc-firefox-theme/chrome/global/toolbarbutton.css | 149 ++++ arc-firefox-theme/chrome/global/tree.css | 358 +++++++++ .../chrome/global/tree/columnpicker.gif | Bin 0 -> 74 bytes .../chrome/global/tree/sort-asc-classic.png | Bin 0 -> 182 bytes arc-firefox-theme/chrome/global/tree/sort-asc.png | Bin 0 -> 209 bytes .../chrome/global/tree/sort-dsc-classic.png | Bin 0 -> 173 bytes arc-firefox-theme/chrome/global/tree/sort-dsc.png | Bin 0 -> 215 bytes .../chrome/global/tree/twisty-clsd-hover-rtl.png | Bin 0 -> 181 bytes .../chrome/global/tree/twisty-clsd-hover.png | Bin 0 -> 179 bytes .../chrome/global/tree/twisty-clsd-rtl.png | Bin 0 -> 227 bytes .../chrome/global/tree/twisty-clsd.png | Bin 0 -> 221 bytes .../chrome/global/tree/twisty-open-hover-rtl.png | Bin 0 -> 180 bytes .../chrome/global/tree/twisty-open-hover.png | Bin 0 -> 179 bytes .../chrome/global/tree/twisty-open-rtl.png | Bin 0 -> 189 bytes .../chrome/global/tree/twisty-open.png | Bin 0 -> 192 bytes arc-firefox-theme/chrome/global/wizard.css | 54 ++ 211 files changed, 7568 insertions(+) create mode 100644 arc-firefox-theme/chrome/global/Filepicker.png create mode 100644 arc-firefox-theme/chrome/global/about.css create mode 100644 arc-firefox-theme/chrome/global/aboutCache.css create mode 100644 arc-firefox-theme/chrome/global/aboutCacheEntry.css create mode 100644 arc-firefox-theme/chrome/global/aboutMemory.css create mode 100644 arc-firefox-theme/chrome/global/aboutReader.css create mode 100644 arc-firefox-theme/chrome/global/aboutReaderContent.css create mode 100644 arc-firefox-theme/chrome/global/aboutReaderControls.css create mode 100644 arc-firefox-theme/chrome/global/aboutSupport.css create mode 100644 arc-firefox-theme/chrome/global/alerts/alert.css create mode 100644 arc-firefox-theme/chrome/global/alerts/notification-48.png create mode 100644 arc-firefox-theme/chrome/global/appPicker.css create mode 100644 arc-firefox-theme/chrome/global/arrow.css create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-dn.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-down.png create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-lft.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-rit.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/arrow-up.gif create mode 100644 arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg create mode 100644 arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg create mode 100644 arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg create mode 100644 arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg create mode 100644 arc-firefox-theme/chrome/global/autocomplete.css create mode 100644 arc-firefox-theme/chrome/global/button.css create mode 100644 arc-firefox-theme/chrome/global/checkbox.css create mode 100644 arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif create mode 100644 arc-firefox-theme/chrome/global/checkbox/cbox-check.gif create mode 100644 arc-firefox-theme/chrome/global/colorpicker.css create mode 100644 arc-firefox-theme/chrome/global/commonDialog.css create mode 100644 arc-firefox-theme/chrome/global/config.css create mode 100644 arc-firefox-theme/chrome/global/console/console-error-caret.gif create mode 100644 arc-firefox-theme/chrome/global/console/console-error-dash.gif create mode 100644 arc-firefox-theme/chrome/global/console/console-toolbar.png create mode 100644 arc-firefox-theme/chrome/global/console/console.css create mode 100644 arc-firefox-theme/chrome/global/console/console.png create mode 100644 arc-firefox-theme/chrome/global/console/itemSelected.png create mode 100644 arc-firefox-theme/chrome/global/customizeToolbar.css create mode 100644 arc-firefox-theme/chrome/global/datetimepicker.css create mode 100644 arc-firefox-theme/chrome/global/dialog.css create mode 100644 arc-firefox-theme/chrome/global/dirListing/dirListing.css create mode 100644 arc-firefox-theme/chrome/global/dirListing/folder.png create mode 100644 arc-firefox-theme/chrome/global/dirListing/local.png create mode 100644 arc-firefox-theme/chrome/global/dirListing/remote.png create mode 100644 arc-firefox-theme/chrome/global/dirListing/up.png create mode 100644 arc-firefox-theme/chrome/global/dropmarker.css create mode 100644 arc-firefox-theme/chrome/global/expander.css create mode 100644 arc-firefox-theme/chrome/global/filefield.css create mode 100644 arc-firefox-theme/chrome/global/filepicker.css create mode 100644 arc-firefox-theme/chrome/global/findBar.css create mode 100644 arc-firefox-theme/chrome/global/global.css create mode 100644 arc-firefox-theme/chrome/global/globalBindings.xml create mode 100644 arc-firefox-theme/chrome/global/groupbox.css create mode 100644 arc-firefox-theme/chrome/global/icons/Authentication.png create mode 100644 arc-firefox-theme/chrome/global/icons/Close.gif create mode 100644 arc-firefox-theme/chrome/global/icons/Error.png create mode 100644 arc-firefox-theme/chrome/global/icons/Landscape.png create mode 100644 arc-firefox-theme/chrome/global/icons/Minimize.gif create mode 100644 arc-firefox-theme/chrome/global/icons/Portrait.png create mode 100644 arc-firefox-theme/chrome/global/icons/Print-preview.png create mode 100644 arc-firefox-theme/chrome/global/icons/Question.png create mode 100644 arc-firefox-theme/chrome/global/icons/Restore.gif create mode 100644 arc-firefox-theme/chrome/global/icons/Search-close.png create mode 100644 arc-firefox-theme/chrome/global/icons/Search-glass.png create mode 100644 arc-firefox-theme/chrome/global/icons/Warning.png create mode 100644 arc-firefox-theme/chrome/global/icons/autocomplete-search.svg create mode 100644 arc-firefox-theme/chrome/global/icons/autoscroll.png create mode 100644 arc-firefox-theme/chrome/global/icons/blacklist_favicon.png create mode 100644 arc-firefox-theme/chrome/global/icons/blacklist_large.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-XPVista7.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-inverted.png create mode 100644 arc-firefox-theme/chrome/global/icons/close-inverted@2x.png create mode 100644 arc-firefox-theme/chrome/global/icons/close.png create mode 100644 arc-firefox-theme/chrome/global/icons/close.svg create mode 100644 arc-firefox-theme/chrome/global/icons/close@2x.png create mode 100644 arc-firefox-theme/chrome/global/icons/collapse.png create mode 100644 arc-firefox-theme/chrome/global/icons/error-16.png create mode 100644 arc-firefox-theme/chrome/global/icons/error-64.png create mode 100644 arc-firefox-theme/chrome/global/icons/expand.png create mode 100644 arc-firefox-theme/chrome/global/icons/find-arrows.png create mode 100644 arc-firefox-theme/chrome/global/icons/folder-item.png create mode 100644 arc-firefox-theme/chrome/global/icons/information-16.png create mode 100644 arc-firefox-theme/chrome/global/icons/information-24.png create mode 100644 arc-firefox-theme/chrome/global/icons/information-32.png create mode 100644 arc-firefox-theme/chrome/global/icons/loading_16.png create mode 100644 arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg create mode 100644 arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg create mode 100644 arc-firefox-theme/chrome/global/icons/question-16.png create mode 100644 arc-firefox-theme/chrome/global/icons/question-64.png create mode 100644 arc-firefox-theme/chrome/global/icons/resizer-rtl.png create mode 100644 arc-firefox-theme/chrome/global/icons/resizer.png create mode 100644 arc-firefox-theme/chrome/global/icons/sslWarning.png create mode 100644 arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png create mode 100644 arc-firefox-theme/chrome/global/icons/warning-16.png create mode 100644 arc-firefox-theme/chrome/global/icons/warning-64.png create mode 100644 arc-firefox-theme/chrome/global/icons/warning-large.png create mode 100644 arc-firefox-theme/chrome/global/icons/warning.svg create mode 100644 arc-firefox-theme/chrome/global/icons/webapps-16.png create mode 100644 arc-firefox-theme/chrome/global/icons/webapps-64.png create mode 100644 arc-firefox-theme/chrome/global/icons/windowControls.png create mode 100644 arc-firefox-theme/chrome/global/in-content/check-partial.svg create mode 100644 arc-firefox-theme/chrome/global/in-content/check.svg create mode 100644 arc-firefox-theme/chrome/global/in-content/common.css create mode 100644 arc-firefox-theme/chrome/global/in-content/dropdown.svg create mode 100644 arc-firefox-theme/chrome/global/in-content/help-glyph.svg create mode 100644 arc-firefox-theme/chrome/global/in-content/info-pages.css create mode 100644 arc-firefox-theme/chrome/global/in-content/radio.svg create mode 100644 arc-firefox-theme/chrome/global/inContentUI.css create mode 100644 arc-firefox-theme/chrome/global/inContentUI/background-texture.png create mode 100644 arc-firefox-theme/chrome/global/linkTree.css create mode 100644 arc-firefox-theme/chrome/global/listbox.css create mode 100644 arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css create mode 100644 arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css create mode 100644 arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png create mode 100644 arc-firefox-theme/chrome/global/media/error.png create mode 100644 arc-firefox-theme/chrome/global/media/fullscreenButton.png create mode 100644 arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png create mode 100644 arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png create mode 100644 arc-firefox-theme/chrome/global/media/muteButton.png create mode 100644 arc-firefox-theme/chrome/global/media/noAudio.png create mode 100644 arc-firefox-theme/chrome/global/media/pauseButton.png create mode 100644 arc-firefox-theme/chrome/global/media/playButton.png create mode 100644 arc-firefox-theme/chrome/global/media/scrubberThumb.png create mode 100644 arc-firefox-theme/chrome/global/media/scrubberThumbWide.png create mode 100644 arc-firefox-theme/chrome/global/media/stalled.png create mode 100644 arc-firefox-theme/chrome/global/media/throbber.png create mode 100644 arc-firefox-theme/chrome/global/media/unmuteButton.png create mode 100644 arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg create mode 100644 arc-firefox-theme/chrome/global/media/videocontrols.css create mode 100644 arc-firefox-theme/chrome/global/media/volume-empty.png create mode 100644 arc-firefox-theme/chrome/global/media/volume-full.png create mode 100644 arc-firefox-theme/chrome/global/menu.css create mode 100644 arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg create mode 100644 arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg create mode 100644 arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg create mode 100644 arc-firefox-theme/chrome/global/menu/shared-menu-check.png create mode 100644 arc-firefox-theme/chrome/global/menulist.css create mode 100644 arc-firefox-theme/chrome/global/netError.css create mode 100644 arc-firefox-theme/chrome/global/notification.css create mode 100644 arc-firefox-theme/chrome/global/numberbox.css create mode 100644 arc-firefox-theme/chrome/global/passwordmgr.css create mode 100644 arc-firefox-theme/chrome/global/popup.css create mode 100644 arc-firefox-theme/chrome/global/preferences.css create mode 100644 arc-firefox-theme/chrome/global/printPageSetup.css create mode 100644 arc-firefox-theme/chrome/global/printPreview.css create mode 100644 arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png create mode 100644 arc-firefox-theme/chrome/global/printpreview/arrow-left.png create mode 100644 arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png create mode 100644 arc-firefox-theme/chrome/global/printpreview/arrow-right.png create mode 100644 arc-firefox-theme/chrome/global/progressmeter.css create mode 100644 arc-firefox-theme/chrome/global/radio.css create mode 100644 arc-firefox-theme/chrome/global/radio/radio-check-dis.gif create mode 100644 arc-firefox-theme/chrome/global/radio/radio-check.gif create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg create mode 100644 arc-firefox-theme/chrome/global/reader/pocket.svg create mode 100644 arc-firefox-theme/chrome/global/resizer.css create mode 100644 arc-firefox-theme/chrome/global/richlistbox.css create mode 100644 arc-firefox-theme/chrome/global/scale.css create mode 100644 arc-firefox-theme/chrome/global/scrollbar/slider.gif create mode 100644 arc-firefox-theme/chrome/global/scrollbars.css create mode 100644 arc-firefox-theme/chrome/global/scrollbox.css create mode 100644 arc-firefox-theme/chrome/global/spinbuttons.css create mode 100644 arc-firefox-theme/chrome/global/splitter.css create mode 100644 arc-firefox-theme/chrome/global/splitter/grip-bottom.gif create mode 100644 arc-firefox-theme/chrome/global/splitter/grip-left.gif create mode 100644 arc-firefox-theme/chrome/global/splitter/grip-right.gif create mode 100644 arc-firefox-theme/chrome/global/splitter/grip-top.gif create mode 100644 arc-firefox-theme/chrome/global/tabbox.css create mode 100644 arc-firefox-theme/chrome/global/tabprompts.css create mode 100644 arc-firefox-theme/chrome/global/textbox.css create mode 100644 arc-firefox-theme/chrome/global/toolbar.css create mode 100644 arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png create mode 100644 arc-firefox-theme/chrome/global/toolbar/chevron.gif create mode 100644 arc-firefox-theme/chrome/global/toolbar/spring.png create mode 100644 arc-firefox-theme/chrome/global/toolbarbutton.css create mode 100644 arc-firefox-theme/chrome/global/tree.css create mode 100644 arc-firefox-theme/chrome/global/tree/columnpicker.gif create mode 100644 arc-firefox-theme/chrome/global/tree/sort-asc-classic.png create mode 100644 arc-firefox-theme/chrome/global/tree/sort-asc.png create mode 100644 arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png create mode 100644 arc-firefox-theme/chrome/global/tree/sort-dsc.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-clsd.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-open-hover.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png create mode 100644 arc-firefox-theme/chrome/global/tree/twisty-open.png create mode 100644 arc-firefox-theme/chrome/global/wizard.css (limited to 'arc-firefox-theme/chrome/global') diff --git a/arc-firefox-theme/chrome/global/Filepicker.png b/arc-firefox-theme/chrome/global/Filepicker.png new file mode 100644 index 0000000..236edaa Binary files /dev/null and b/arc-firefox-theme/chrome/global/Filepicker.png differ diff --git a/arc-firefox-theme/chrome/global/about.css b/arc-firefox-theme/chrome/global/about.css new file mode 100644 index 0000000..75b378c --- /dev/null +++ b/arc-firefox-theme/chrome/global/about.css @@ -0,0 +1,62 @@ +/* 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/. */ + +html { + background: -moz-Dialog; + padding: 0 1em; + font: message-box; +} + +body { + color: -moz-FieldText; + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: -moz-Field; +} + +.aboutPageWideContainer { + max-width: 80%; +} + +#aboutLogoContainer { + border: 1px solid ThreeDLightShadow; + width: 300px; + margin-bottom: 2em; +} + +img { + border: 0; +} + +#version { + font-weight: bold; + color: #909090; + margin: -24px 0 9px 17px; +} + +ul { + margin: 0; + -moz-margin-start: 1.5em; + padding: 0; + list-style: square; +} + +ul > li { + margin-top: .5em; +} + +th, td { + padding: 0 5px; +} + +.columns { + -moz-column-width: 20em; + -moz-column-gap: 3em; +} diff --git a/arc-firefox-theme/chrome/global/aboutCache.css b/arc-firefox-theme/chrome/global/aboutCache.css new file mode 100644 index 0000000..6a6ba09 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutCache.css @@ -0,0 +1,66 @@ +/* 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/. */ + +h2 { + margin-top: 2em; +} + +table { + table-layout: fixed; + width: 100%; + margin-bottom: 1em; + padding: 0.5em 0; + border-radius: 10px; +} + +#disk, +#memory, +#offline { + background-color: rgba(0, 0, 0, .1); +} + +th { + width: 14em; + white-space: nowrap; + text-align: end; +} + +td { + font-family: -moz-fixed; + word-wrap: break-word; +} + +#col-key { + width: 60%; +} + +#col-dataSize, +#col-fetchCount, +#col-lastModified, +#col-expires { + width: 13%; +} + +#entries > tbody > tr:nth-child(odd) { + background-color: rgba(0, 0, 0, .03); +} + +#entries > tbody > tr:nth-child(even) { + background-color: rgba(0, 0, 0, .06); +} + +#entries > tbody > tr > td { + padding: .5em 0; + text-align: center; +} + +#entries > thead > tr > th { + text-align: center; + white-space: normal; +} + +#entries > thead > tr > th:first-child, +#entries > tbody > tr > td:first-child { + text-align: start; +} diff --git a/arc-firefox-theme/chrome/global/aboutCacheEntry.css b/arc-firefox-theme/chrome/global/aboutCacheEntry.css new file mode 100644 index 0000000..8c8eb9a --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutCacheEntry.css @@ -0,0 +1,29 @@ +/* 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/. */ + +body { + display: table; +} + +table { + table-layout: fixed; + width: 100%; +} + +th { + width: 12em; + word-wrap: break-word; + vertical-align: top; + text-align: end; +} + +td { + display: block; + font-family: -moz-fixed; + white-space: pre-wrap; +} + +#td-key { + word-wrap: break-word; +} diff --git a/arc-firefox-theme/chrome/global/aboutMemory.css b/arc-firefox-theme/chrome/global/aboutMemory.css new file mode 100644 index 0000000..88fa27d --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutMemory.css @@ -0,0 +1,5 @@ +/* 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/content/aboutMemory.css"); diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css new file mode 100644 index 0000000..8121e5f --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReader.css @@ -0,0 +1,124 @@ +/* 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/. */ + +body { + padding: 64px 0; +} + +@media (max-width: 785px) { + body { + padding-top: 64px; + -moz-padding-end: 0; + padding-bottom: 64px; + -moz-padding-start: 51px; + } +} + +body.loaded { + transition: color 0.4s, background-color 0.4s; +} + +body.light { + color: #333333; + background-color: #ffffff; +} + +body.dark { + color: #eeeeee; + background-color: #333333; +} + +body.dark *::-moz-selection { + background-color: #FFFFFF; + color: #0095DD; +} +body.dark a::-moz-selection { + color: #DD4800; +} + +body.sepia { + color: #5b4636; + background-color: #f4ecd8; +} + +body.sans-serif, +body.sans-serif .remove-button { + font-family: Helvetica, Arial, sans-serif; +} + +body.serif, +body.serif .remove-button { + font-family: Georgia, "Times New Roman", serif; +} + +#container { + max-width: 30em; + margin: 0 auto; +} + +#container.font-size1 { + font-size: 12px; +} + +#container.font-size2 { + font-size: 14px; +} + +#container.font-size3 { + font-size: 16px; +} + +#container.font-size4 { + font-size: 18px; +} + +#container.font-size5 { + font-size: 20px; +} + +#container.font-size6 { + font-size: 22px; +} + +#container.font-size7 { + font-size: 24px; +} + +#container.font-size8 { + font-size: 26px; +} + +#container.font-size9 { + font-size: 28px; +} + +/* Override some controls and content styles based on color scheme */ + +body.light > .container > .header > .domain { + border-bottom-color: #333333 !important; +} + +body.sepia > .container > .header > .domain { + border-bottom-color: #5b4636 !important; +} + +body.dark > .container > .header > .domain { + border-bottom-color: #eeeeee !important; +} + +body.sepia > .container > .footer { + background-color: #dedad4 !important; +} + +body.light blockquote { + -moz-border-start: 2px solid #333333 !important; +} + +body.sepia blockquote { + -moz-border-start: 2px solid #5b4636 !important; +} + +body.dark blockquote { + -moz-border-start: 2px solid #eeeeee !important; +} diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css new file mode 100644 index 0000000..8412751 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css @@ -0,0 +1,113 @@ +/* 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/. */ + +#moz-reader-content { + display: none; + font-size: 1em; + line-height: 1.6em; +} + +h1, +h2, +h3 { + font-weight: bold; +} + +h1 { + font-size: 1.6em; + line-height: 1.25em; +} + +h2 { + font-size: 1.2em; + line-height: 1.51em; +} + +h3 { + font-size: 1em; + line-height: 1.66em; +} + +a { + text-decoration: underline; + font-weight: normal; +} + +a, +a:visited, +a:hover, +a:active { + color: #0095dd; +} + +* { + max-width: 100%; + height: auto; +} + +p, +code, +pre, +blockquote, +ul, +ol, +li, +figure, +.wp-caption { + margin: 0 0 30px 0; +} + +p > img:only-child, +p > a:only-child > img:only-child, +.wp-caption img, +figure img { + display: block; +} + +img[moz-reader-center] { + margin-left: auto; + margin-right: auto; +} + +.caption, +.wp-caption-text, +figcaption { + font-size: 0.9em; + line-height: 1.48em; + font-style: italic; +} + +code, +pre { + white-space: pre-wrap; +} + +blockquote { + padding: 0; + -moz-padding-start: 16px; +} + +ul, +ol { + padding: 0; +} + +ul { + -moz-padding-start: 30px; + list-style: disc; +} + +ol { + -moz-padding-start: 30px; + list-style: decimal; +} + +/* Hide elements with common "hidden" class names */ +.visually-hidden, +.visuallyhidden, +.hidden, +.invisible, +.sr-only { + display: none; +} diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css new file mode 100644 index 0000000..838f644 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css @@ -0,0 +1,371 @@ +/* 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/. */ + +.light-button { + color: #333333; + background-color: #ffffff; +} + +.dark-button { + color: #eeeeee; + background-color: #333333; +} + +.sepia-button { + color: #5b4636; + background-color: #f4ecd8; +} + +.sans-serif-button { + font-family: Helvetica, Arial, sans-serif; +} + +.serif-button { + font-family: Georgia, "Times New Roman", serif; +} + +/* Loading/error message */ + +#reader-message { + margin-top: 40px; + display: none; + text-align: center; + width: 100%; + font-size: 0.9em; +} + +/* Header */ + +.header { + text-align: start; + display: none; +} + +.domain { + font-size: 0.9em; + line-height: 1.48em; + padding-bottom: 4px; + font-family: Helvetica, Arial, sans-serif; + text-decoration: none; + border-bottom: 1px solid; + color: #0095dd; +} + +.header > h1 { + font-size: 1.6em; + line-height: 1.25em; + width: 100%; + margin: 30px 0; + padding: 0; +} + +.header > .credits { + font-size: 0.9em; + line-height: 1.48em; + margin: 0 0 30px 0; + padding: 0; + font-style: italic; +} + +/*======= Controls toolbar =======*/ + +.toolbar { + font-family: Helvetica, Arial, sans-serif; + position: fixed; + height: 100%; + top: 0; + left: 0; + margin: 0; + padding: 0; + list-style: none; + background-color: #fbfbfb; + -moz-user-select: none; + border-right: 1px solid #b5b5b5; +} + +.button { + display: block; + background-size: 24px 24px; + background-repeat: no-repeat; + color: #333; + background-color: #fbfbfb; + height: 40px; + padding: 0; +} + +.toolbar .button { + width: 40px; + background-position: center; + margin-right: -1px; + border-top: 0; + border-left: 0; + border-right: 1px solid #b5b5b5; + border-bottom: 1px solid #c1c1c1; +} + +.button[hidden] { + display: none; +} + +.dropdown { + text-align: center; + list-style: none; + margin: 0; + padding: 0; +} + +.dropdown li { + margin: 0; + padding: 0; +} + +/*======= Font style popup =======*/ + +.dropdown-popup { + min-width: 300px; + text-align: start; + position: absolute; + left: 48px; /* offset to account for toolbar width */ + z-index: 1000; + background-color: #fbfbfb; + visibility: hidden; + border-radius: 4px; + border: 1px solid #b5b5b5; + border-bottom-width: 0; + box-shadow: 0 1px 12px #666; +} + +.dropdown-popup > hr { + display: none; +} + +.open > .dropdown-popup { + visibility: visible; +} + +.dropdown-arrow { + position: absolute; + top: 30px; /* offset arrow from top of popup */ + left: -16px; + width: 24px; + height: 24px; + background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg"); + display: block; +} + +#font-type-buttons, +#font-size-buttons, +#color-scheme-buttons { + display: flex; + flex-direction: row; +} + +#font-type-buttons > button:first-child { + border-top-left-radius: 3px; +} +#font-type-buttons > button:last-child { + border-top-right-radius: 3px; +} +#color-scheme-buttons > button:first-child { + border-bottom-left-radius: 3px; +} +#color-scheme-buttons > button:last-child { + border-bottom-right-radius: 3px; +} + +#font-type-buttons > button, +#font-size-buttons > button, +#color-scheme-buttons > button { + text-align: center; + border: 0; +} + +#font-type-buttons > button, +#font-size-buttons > button { + width: 50%; + background-color: transparent; + border-left: 1px solid #B5B5B5; + border-bottom: 1px solid #B5B5B5; +} + +#color-scheme-buttons > button { + width: 33.33%; + font-size: 14px; +} + +#color-scheme-buttons > .dark-button { + margin-top: -1px; + height: 61px; +} + +#font-type-buttons > button:first-child, +#font-size-buttons > button:first-child { + border-left: 0; +} + +#font-type-buttons > button { + display: inline-block; + font-size: 62px; + height: 100px; +} + +#font-size-buttons > button, +#color-scheme-buttons > button { + height: 60px; +} + +#font-type-buttons > button:active:hover, +#font-type-buttons > button.selected, +#color-scheme-buttons > button:active:hover, +#color-scheme-buttons > button.selected { + box-shadow: inset 0 -3px 0 0 #fc6420; +} + +#font-type-buttons > button:active:hover, +#font-type-buttons > button.selected { + border-bottom: 1px solid #FC6420; +} + +/* Make the serif button content the same size as the sans-serif button content. */ +#font-type-buttons > button > .description { + color: #666; + font-size: 12px; + margin-top: -5px; +} + +/* Font sizes are different per-platform, so we need custom CSS to line them up. */ +#font-type-buttons > .sans-serif-button > .name { + margin-top: 5px; +} + +#font-type-buttons > .sans-serif-button > .description { + margin-top: -8px; +} + +#font-type-buttons > .serif-button > .name { + font-size: 70px; +} + +.button:hover, +#font-size-buttons > button:hover, +#font-type-buttons > button:hover { + background-color: #ebebeb; +} + +.dropdown.open, +.button:active, +#font-size-buttons > button:active, +#font-size-buttons > button.selected { + background-color: #dadada; +} + +/* Only used on Android */ +#font-size-sample { + display: none; +} + +.minus-button, +.plus-button { + background-color: transparent; + border: 0; + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center; +} + +.footer { + height: 64px; + background-color: #ebebeb; + position: absolute; + left: 0; + width: 100%; + text-align: center; + padding: 12px 0; + box-sizing: border-box; + box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset; +} + +.remove-button { + background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); + margin: 0 auto; + border: 1px solid #c1c1c1; + background-position: 10px 7px; + padding-left: 42px; + padding-right: 10px; + border-radius: 2px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + font-size: 18px; +} + + +/*======= Toolbar icons =======*/ + +/* Android-only controls */ +.share-button { + display: none; +} + +.close-button { + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); + height: 68px; + background-position: center 8px; +} + +.close-button:hover { + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); + background-color: #d94141; + border-bottom: 1px solid #d94141; + border-right: 1px solid #d94141; +} + +.close-button:hover:active { + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); + background-color: #AE2325; + border-bottom: 1px solid #AE2325; + border-right: 1px solid #AE2325; +} + +.style-button { + background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); +} + +.toggle-button.on { + background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); +} + +.toggle-button { + background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg"); +} + +.list-button { + background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg"); +} +.list-button.on { + background-color: #d9d9d9; +} + +.minus-button { + background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); +} + +.plus-button { + background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg"); +} + +#pocket-button { + background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark"); +} + +#pocket-button:hover:active { + background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added"); +} + +@media print { + .toolbar { + display: none !important; + } + .footer { + display: none !important; + } +} diff --git a/arc-firefox-theme/chrome/global/aboutSupport.css b/arc-firefox-theme/chrome/global/aboutSupport.css new file mode 100644 index 0000000..71ef7a7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutSupport.css @@ -0,0 +1,118 @@ +/* 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/. */ + +html { + background-color: -moz-Field; + color: -moz-FieldText; + font: message-box; +} + +body { + width: 90%; + margin-left: 5%; + margin-right: 5%; +} + +.page-subtitle { + margin-bottom: 3em; +} + +.major-section { + margin-top: 2em; + margin-bottom: 1em; + font-size: large; + text-align: start; + font-weight: bold; +} + +table { + background-color: -moz-Dialog; + color: -moz-DialogText; + font: message-box; + text-align: start; + width: 100%; + border: 1px solid ThreeDShadow; + border-spacing: 0px; +} + +th, td { + border: 1px dotted ThreeDShadow; + padding: 3px; +} + +thead th { + text-align: center; +} + +th { + text-align: start; + background-color: Highlight; + color: HighlightText; +} + +th.column { + white-space: nowrap; + width: 0px; +} + +td { + text-align: start; + border-top: 1px dotted ThreeDShadow; +} + +.prefs-table { + width: 100%; + table-layout: fixed; +} + +.pref-name { + width: 70%; + white-space: nowrap; + overflow: hidden; +} + +.pref-value { + width: 30%; + white-space: nowrap; + overflow: hidden; +} + +#action-box { + background-color: -moz-Dialog; + border: 1px solid ThreeDShadow; + color: -moz-DialogText; + float: right; + margin-top: 2em; + margin-bottom: 20px; + -moz-margin-start: 20px; + -moz-margin-end: 0; + padding: 16px; + width: 30%; +} + +#action-box, +#reset-box, +#safe-mode-box { + display: none; +} + +#action-box:-moz-dir(rtl) { + float: left; +} + +#reset-box > h3 { + margin-top: 0; +} + +#action-box button { + display: block; +} + +.block { + display: block; +} + +.hidden { + display: none; +} diff --git a/arc-firefox-theme/chrome/global/alerts/alert.css b/arc-firefox-theme/chrome/global/alerts/alert.css new file mode 100644 index 0000000..38d504e --- /dev/null +++ b/arc-firefox-theme/chrome/global/alerts/alert.css @@ -0,0 +1,65 @@ +/* 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/. */ + +/* ===== alert.css ===================================================== + == Styles specific to the alerts dialog. + ======================================================================= */ + +@import url("chrome://global/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.alertBox { + border: 1px solid threedshadow; + background-color: -moz-Dialog; +} + +.alertImageBox { + padding: 8px 0; + width: 64px; + background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6)); + -moz-border-end: 1px solid rgba(0,0,0,.1); +} + +.alertTextBox { + padding: 8px; + -moz-padding-start: 16px; + width: 255px; +} + +.alertTextBox, +.alertCloseBox { + background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.1)); +} + +#alertNotification[clickable="true"]:hover .alertTextBox, +#alertNotification[clickable="true"]:hover .alertCloseBox { + background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3)); +} + +.alertTitle { + font-weight: bold; + font-size: 110%; +} + +#alertImage { + max-width: 48px; + max-height: 48px; + list-style-image: url(chrome://global/skin/alerts/notification-48.png); +} + +#alertNotification[clickable="true"] { + cursor: pointer; +} + +label { + cursor: inherit; +} + +.alertCloseButton { + -moz-appearance: none; + height: 16px; + padding: 4px 2px; + width: 16px; +} diff --git a/arc-firefox-theme/chrome/global/alerts/notification-48.png b/arc-firefox-theme/chrome/global/alerts/notification-48.png new file mode 100644 index 0000000..23ab5a0 Binary files /dev/null and b/arc-firefox-theme/chrome/global/alerts/notification-48.png differ diff --git a/arc-firefox-theme/chrome/global/appPicker.css b/arc-firefox-theme/chrome/global/appPicker.css new file mode 100644 index 0000000..3bdb31b --- /dev/null +++ b/arc-firefox-theme/chrome/global/appPicker.css @@ -0,0 +1,23 @@ +/* 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/. */ + + +#app-picker { + width: 320px; +} + +#content-description { + font-weight: bold; +} + +#content-icon, +.listcell-icon { + margin: 5px; + width: 32px; + height: 32px; +} + +.listcell-label { + padding: 5px; +} diff --git a/arc-firefox-theme/chrome/global/arrow.css b/arc-firefox-theme/chrome/global/arrow.css new file mode 100644 index 0000000..1693b6d --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow.css @@ -0,0 +1,50 @@ +/* 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/. */ + + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.up { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} +.up:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif"); +} +.up[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +.down { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} +.down:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif"); +} +.down[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +.left { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} +.left:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} +.left[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} + +.right { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} +.right:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} +.right[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif new file mode 100644 index 0000000..222c766 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif new file mode 100644 index 0000000..b07a6d2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif new file mode 100644 index 0000000..57254bb Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif new file mode 100644 index 0000000..a54e543 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-down.png b/arc-firefox-theme/chrome/global/arrow/arrow-down.png new file mode 100644 index 0000000..8290b71 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-down.png differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif new file mode 100644 index 0000000..49c5b3f Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif new file mode 100644 index 0000000..f324779 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif new file mode 100644 index 0000000..f276538 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif new file mode 100644 index 0000000..f209383 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif new file mode 100644 index 0000000..7b0e07b Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif new file mode 100644 index 0000000..903451b Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif new file mode 100644 index 0000000..cf36086 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif new file mode 100644 index 0000000..3abf3ad Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif new file mode 100644 index 0000000..2b25b22 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif new file mode 100644 index 0000000..b8bd0f5 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif new file mode 100644 index 0000000..9f4e7a9 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up.gif new file mode 100644 index 0000000..b7a3f32 Binary files /dev/null and b/arc-firefox-theme/chrome/global/arrow/arrow-up.gif differ diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg new file mode 100644 index 0000000..1939867 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg new file mode 100644 index 0000000..dae4639 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg new file mode 100644 index 0000000..a2d3a95 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg new file mode 100644 index 0000000..4e559ed --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/autocomplete.css b/arc-firefox-theme/chrome/global/autocomplete.css new file mode 100644 index 0000000..fffa2b1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/autocomplete.css @@ -0,0 +1,210 @@ +/* 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/. */ + +/* ===== autocomplete.css ================================================= + == Styles used by the autocomplete widget. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: autocomplete ::::: */ + +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox:not(.padded) { + cursor: default; + padding: 0; +} + +textbox[enablehistory="true"] { + -moz-appearance: none; + border: 0; + background-color: transparent; +} + +textbox[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +.autocomplete-textbox-container { + -moz-box-align: center; +} + +textbox[enablehistory="true"] > .autocomplete-textbox-container { + -moz-appearance: menulist-textfield; +} + +textbox:not(.padded) .textbox-input-box { + margin: 0 3px; +} + +.textbox-input-box { + -moz-box-align: center; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="autocomplete"], +panel[type="autocomplete-richlistbox"], +.autocomplete-history-popup { + border-width: 1px; + -moz-border-top-colors: ThreeDDarkShadow; + -moz-border-right-colors: ThreeDDarkShadow; + -moz-border-bottom-colors: ThreeDDarkShadow; + -moz-border-left-colors: ThreeDDarkShadow; + padding: 0; + background-color: -moz-Field; +} + +.autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; + color: MenuText; +} + +.autocomplete-treecol { + -moz-appearance: none !important; + margin: 0 !important; + border: none !important; + padding: 0 !important; +} + +/* GTK calculates space for a sort arrow */ +.autocomplete-treecol > .treecol-sortdirection { + -moz-appearance: none !important; +} + +.autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 8px; +} + +treechildren.autocomplete-treebody::-moz-tree-row(selected) { + background-color: Highlight; +} + +treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { + color: HighlightText !important; +} + +.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { + max-width: 16px; + height: 16px; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.autocomplete-richlistbox { + -moz-appearance: none; + margin: 1px; + background-color: transparent; +} + +.autocomplete-richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.autocomplete-richlistitem { + padding: 6px 2px; + color: MenuText; +} + +.ac-url-box { + /* When setting a vertical margin here, half of that needs to be added + .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ + margin-top: 1px; +} + +.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, +.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, +.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, +.autocomplete-richlistitem[type~="autofill"] .ac-url-box { + visibility: hidden; +} + +.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, +.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, +.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, +.autocomplete-richlistitem[type~="autofill"] .ac-title-box { + /* Center the title by moving it down by half of .ac-url-box's height, + including vertical margins (if any). */ + transform: translateY(.5em); +} + +.ac-site-icon { + width: 16px; + height: 16px; + margin-bottom: -2px; + -moz-margin-start: 3px; + -moz-margin-end: 6px; +} + +.ac-type-icon { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 4px; +} + +.ac-extra > .ac-result-type-tag { + margin: 0 4px; +} + +.ac-extra > .ac-comment { + padding-right: 4px; +} + +.ac-ellipsis-after { + margin: 0 !important; + padding: 0; + min-width: 1em; +} + +.ac-normal-text { + margin: 0 !important; + padding: 0; +} + +.ac-normal-text > html|span { + margin: 0 !important; + padding: 0; +} + +html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0.05); + border-radius: 2px; + text-shadow: 0 0 currentColor; /*faux bold effect*/ +} + +.ac-url-text > html|span.ac-emphasize-text, +.ac-action-text > html|span.ac-emphasize-text { + box-shadow: none; +} + +.ac-normal-text[selected="true"] > html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3); + background-color: rgba(255,255,255,0.2); +} + +.ac-title, .ac-url { + overflow: hidden; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css new file mode 100644 index 0000000..dc051f4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/button.css @@ -0,0 +1,348 @@ +/* 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/. */ + +/* ===== button.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* :::::::::: button :::::::::: */ + +button { + -moz-appearance: button; + margin: 1px 5px 2px 5px; + min-width: 6.3em; + border: 3px solid; + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow; + background-color: ThreeDFace; + color: ButtonText; + text-shadow: none; +} + +.button-box { + -moz-appearance: button-focus; + border: 1px solid transparent; + padding-top: 1px; + padding-bottom: 2px; + -moz-padding-start: 3px; + -moz-padding-end: 4px; +} + +.button-icon { + -moz-margin-end: 2px; +} + +.button-text { + margin: 0 !important; + text-align: center; +} + +/* .......... focused state .......... */ + +button:focus { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; +} + +button:focus > .button-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* .......... default state .......... */ + +button[default="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; +} + +/* .......... hover state .......... */ + +button:hover { + color: -moz-buttonhovertext; + background-color: -moz-buttonhoverface; +} + +/* .......... active/open/checked state .......... */ + +button:hover:active, +button[open="true"], +button[checked="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent; + color: ButtonText; +} + +button:hover:active > .button-box, +button[open="true"] > .button-box, +button[checked="true"] > .button-box { + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 3px; +} + +/* .......... disabled state .......... */ + +button[disabled="true"], +button[disabled="true"]:hover:active { + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + color: GrayText; +} + +button[disabled="true"] > .button-box { + padding-top: 1px !important; + padding-bottom: 2px !important; + -moz-padding-start: 3px !important; + -moz-padding-end: 4px !important; +} + +/* ::::: menu/menu-button buttons ::::: */ + +button[type="menu-button"] { + -moz-appearance: dualbutton; +} + +.button-menubutton-button { + margin: 0; +} + +.button-menu-dropmarker, +.button-menubutton-dropmarker { + -moz-appearance: toolbarbutton-dropdown !important; +} + +.button-menubutton-dropmarker { + -moz-margin-end: 3px; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; +} + +button[type="disclosure"] { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; + -moz-appearance: none; + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +/* + * GNOME Stock Icon Styles + */ + +button[icon="accept"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-ok?size=button"); +} + +button[icon="accept"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled"); +} + +button[icon="cancel"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-cancel?size=button"); +} + +button[icon="cancel"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled"); +} + +button[icon="help"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-help?size=button"); +} + +button[icon="help"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled"); +} + +button[icon="open"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-open?size=button"); +} + +button[icon="open"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled"); +} + +button[icon="save"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-save?size=button"); +} + +button[icon="save"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled"); +} + +button[icon="find"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-find?size=button"); +} + +button[icon="find"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled"); +} + +button[icon="clear"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-clear?size=button"); +} + +button[icon="clear"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled"); +} + +button[icon="yes"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-yes?size=button"); +} + +button[icon="yes"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled"); +} + +button[icon="no"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-no?size=button"); +} + +button[icon="no"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled"); +} + +button[icon="apply"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-apply?size=button"); +} + +button[icon="apply"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled"); +} + +button[icon="close"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-close?size=button"); +} + +button[icon="close"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled"); +} + +button[icon="print"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-print?size=button"); +} + +button[icon="print"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled"); +} + +button[icon="add"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-add?size=button"); +} + +button[icon="add"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled"); +} + +button[icon="remove"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-remove?size=button"); +} + +button[icon="remove"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled"); +} + +button[icon="refresh"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-refresh?size=button"); +} + +button[icon="refresh"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled"); +} + +button[icon="revert"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button"); +} + +button[icon="revert"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled"); +} + +button[icon="go-forward"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button"); +} + +button[icon="go-forward"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled"); +} + +button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button"); +} + +button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled"); +} + +button[icon="go-back"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button"); +} + +button[icon="go-back"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled"); +} + +button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button"); +} + +button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled"); +} + +button[icon="properties"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-properties?size=button"); +} + +button[icon="properties"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled"); +} + +button[icon="select-font"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-select-font?size=button"); +} + +button[icon="select-font"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled"); +} + +button[icon="select-color"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button"); +} + +button[icon="select-color"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled"); +} + +button[icon="network"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-network?size=button"); +} + +button[icon="network"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled"); +} diff --git a/arc-firefox-theme/chrome/global/checkbox.css b/arc-firefox-theme/chrome/global/checkbox.css new file mode 100644 index 0000000..de2e93c --- /dev/null +++ b/arc-firefox-theme/chrome/global/checkbox.css @@ -0,0 +1,99 @@ +/* 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/. */ + +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: checkbox ::::: */ + +checkbox { + -moz-appearance: checkbox-container; + margin: 2px 4px; + border-left: 2px transparent; + border-right: 2px transparent; +} + +/* With native theming on, the spacer-box paints the check mark and includes + the spacing to the right, so that oversized checkbox images can slop over + into the space. + + If we need to disable checkbox theming, the spacer box no longer paints + the check mark, but its fallback CSS border supplies the padding between + the mark and the label. The xul:image then takes over painting the check + mark. */ + +.checkbox-spacer-box { + -moz-appearance: checkbox; + -moz-box-align: center; + margin: 2px; + border-right: 2px solid transparent; +} + +.checkbox-label-center-box { + -moz-box-align: center; +} + +.checkbox-label-box { + -moz-appearance: checkbox-label; +} + +.checkbox-icon[src] { + -moz-margin-end: 2px; +} + +.checkbox-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +checkbox:focus > .checkbox-label-center-box > .checkbox-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-color: -moz-Dialog; +} + +checkbox[disabled="true"] { + color: GrayText; +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + min-width: 13px; + min-height: 13px; + background: -moz-Field no-repeat 50% 50%; +} + +checkbox:not([disabled="true"]):hover { + color: -moz-buttonhovertext; + text-shadow: none; +} + +checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { + background-color: -moz-Dialog; +} + +/* ..... checked state ..... */ + +checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif") !important +} + diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif new file mode 100644 index 0000000..bd43dd1 Binary files /dev/null and b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif new file mode 100644 index 0000000..fa0b196 Binary files /dev/null and b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif differ diff --git a/arc-firefox-theme/chrome/global/colorpicker.css b/arc-firefox-theme/chrome/global/colorpicker.css new file mode 100644 index 0000000..5870ed5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/colorpicker.css @@ -0,0 +1,47 @@ +/* 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/. */ + +/* ===== colorpicker.css ================================================ + == Styles used by the XUL colorpicker element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: colorpicker button ::::: */ + +/* colorpicker button */ + +colorpicker[type="button"] { + -moz-appearance: button; + width: 38px; + height: 24px; +} + +.colorpicker-button-colorbox { + border: 1px solid #000000; +} + +/* ::::: colorpicker tiles ::::: */ + +.colorpickertile { + width: 20px; + height: 20px; + margin: 1px; + border-left: 1px solid ThreeDShadow; + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; +} + +.colorpickertile[selected="true"] { + border: 2px outset #C0C0C0; +} + +.colorpickertile[hover="true"] { + border: 2px dotted #FFFFFF; +} + +.cp-light[hover="true"] { + border: 2px dotted #909090; +} diff --git a/arc-firefox-theme/chrome/global/commonDialog.css b/arc-firefox-theme/chrome/global/commonDialog.css new file mode 100644 index 0000000..6d95081 --- /dev/null +++ b/arc-firefox-theme/chrome/global/commonDialog.css @@ -0,0 +1,22 @@ +/* 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/. */ + +#filler { + -moz-margin-start: -8px; + -moz-margin-end: -10px; +} + +#iconContainer { + -moz-box-pack: center; + min-height: 55px; /* maximum icon height + icon margin */ + min-width: 58px; /* maximum icon width + icon margin */ +} + +#info\.icon { + max-width: 48px; + max-height: 48px; + /* The 'spaced' class does this already. It's repeated here to make it clearer + what margin values the #iconContainer's min-height and max-height depend on: */ + margin: 3px 5px 4px; +} diff --git a/arc-firefox-theme/chrome/global/config.css b/arc-firefox-theme/chrome/global/config.css new file mode 100644 index 0000000..f1c7396 --- /dev/null +++ b/arc-firefox-theme/chrome/global/config.css @@ -0,0 +1,49 @@ +/* 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/. */ + +#warningScreen { + font-size: 15px; + padding-top: 0; + padding-bottom: 0; + -moz-padding-start: calc(48px + 4.6em); + -moz-padding-end: 48px; +} + +.title { + background-image: url("chrome://global/skin/icons/warning.svg"); +} + +#warningTitle { + font-weight: lighter; + line-height: 1.2; + color: #333; + margin: 0; + margin-bottom: .5em; +} + +#warningText { + margin: 1em 0; +} + +#warningButton { + margin-top: 0.6em; +} + +#filterRow { + margin-top: 4px; + -moz-margin-start: 4px; +} + +#configTree { + margin-top: 4px; + margin-bottom: 4px; +} + +#configTreeBody::-moz-tree-cell-text(user) { + font-weight: bold; +} + +#configTreeBody::-moz-tree-cell-text(locked) { + font-style: italic; +} diff --git a/arc-firefox-theme/chrome/global/console/console-error-caret.gif b/arc-firefox-theme/chrome/global/console/console-error-caret.gif new file mode 100644 index 0000000..a8f30f9 Binary files /dev/null and b/arc-firefox-theme/chrome/global/console/console-error-caret.gif differ diff --git a/arc-firefox-theme/chrome/global/console/console-error-dash.gif b/arc-firefox-theme/chrome/global/console/console-error-dash.gif new file mode 100644 index 0000000..74679a2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/console/console-error-dash.gif differ diff --git a/arc-firefox-theme/chrome/global/console/console-toolbar.png b/arc-firefox-theme/chrome/global/console/console-toolbar.png new file mode 100644 index 0000000..05277b6 Binary files /dev/null and b/arc-firefox-theme/chrome/global/console/console-toolbar.png differ diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css new file mode 100644 index 0000000..7c90037 --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console.css @@ -0,0 +1,156 @@ +/* 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/. */ + +/* ===== console.css ==================================================== + == Styles used by the Error Console window. + ====================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.console-box { + background-color: -moz-Field; + color: -moz-FieldText; +} + +/* ::::: console rows ::::: */ + +.console-row { + border-bottom: 1px dotted threedshadow; + padding: 4px 0px; +} + +.console-row-icon { + padding: 4px; + -moz-padding-start: 5px; + -moz-box-align: start !important; +} + +.console-row-msg > label:first-child, +.console-row-file > label:first-child { + display: none; +} + +.console-time { + font-weight: normal !important; +} + +.console-icon { + list-style-image: inherit; +} + +.console-error-msg { + margin-bottom: 2px; +} + +/* ..... error rows ..... */ + +.console-row-code { + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 3px; + -moz-padding-end: 0px; + color: #0000BB; + font-size: larger; +} + +.console-dots, +.console-caret { + height: 9px; +} + +.console-dots { + background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; +} + +.console-caret { + width: 7px; + background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; +} + +/* ..... message rows ..... */ + +.console-row[type="message"] { + font-family: monospace; +} + +/* ..... selected state ..... */ + +.console-row[selected="true"] { + background-image: url("chrome://global/skin/console/itemSelected.png"); +} + +.console-row-code[selected="true"], +.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { + color: inherit !important; +} + +/* ::::: icons ::::: */ + +.console-row[type="error"], +.console-row[type="exception"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.console-row[type="error"] .console-row-msg, +.console-row[type="exception"] .console-row-msg { + font-weight: bold; +} + +.console-row[type="warning"] { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); +} + +.console-row[type="message"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +/* ::::: toolbars ::::: */ + +#TextboxEval { + margin: 2px !important; +} + +#ButtonEval { + margin-top: 2px !important; + margin-bottom: 2px !important; + -moz-margin-start: 0px !important; + -moz-margin-end: 2px !important; +} + +/* Toolbar icons */ + +toolbar#ToolbarMode toolbarbutton { + -moz-box-orient: horizontal; +} + +#Console\:modeAll { + list-style-image: url("chrome://global/skin/console/console-toolbar.png"); +} + +#Console\:modeErrors { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=toolbar"); +} + +#Console\:modeWarnings { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=toolbar"); +} + +#Console\:modeMessages { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=toolbar"); +} + +#Console\:clear { + list-style-image: url("moz-icon://stock/gtk-clear?size=toolbar"); +} + +toolbar#ToolbarMode .toolbarbutton-text { + -moz-padding-end: 4px; +} + +/* ::::: Fix Error Console toolbar button text spacing ::::: */ + +.toolbarbutton-text { + -moz-padding-start: 0px; + -moz-padding-end: 5px; +} diff --git a/arc-firefox-theme/chrome/global/console/console.png b/arc-firefox-theme/chrome/global/console/console.png new file mode 100644 index 0000000..c1be13b Binary files /dev/null and b/arc-firefox-theme/chrome/global/console/console.png differ diff --git a/arc-firefox-theme/chrome/global/console/itemSelected.png b/arc-firefox-theme/chrome/global/console/itemSelected.png new file mode 100644 index 0000000..964cd6a Binary files /dev/null and b/arc-firefox-theme/chrome/global/console/itemSelected.png differ diff --git a/arc-firefox-theme/chrome/global/customizeToolbar.css b/arc-firefox-theme/chrome/global/customizeToolbar.css new file mode 100644 index 0000000..3c11b9c --- /dev/null +++ b/arc-firefox-theme/chrome/global/customizeToolbar.css @@ -0,0 +1,23 @@ +/* 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/. */ + +window, +dialog { + padding: 6px; +} + +#instructions { + font-weight: bold; + font-size: larger; +} + +#palette-box { + -moz-appearance: listbox; + margin: 0 0 10px; +} + +#palette-box > toolbarpaletteitem { + padding: 8px 2px; + margin: 0 8px; +} diff --git a/arc-firefox-theme/chrome/global/datetimepicker.css b/arc-firefox-theme/chrome/global/datetimepicker.css new file mode 100644 index 0000000..7e2c8f7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/datetimepicker.css @@ -0,0 +1,147 @@ +/* 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/. */ + +/* ===== datetimepicker.css ============================================= + == Styles used by the XUL datepicker and timepicker elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +datepicker, timepicker { + margin: 2px 4px; + padding: 0; + border: none; + background: none; + cursor: default; +} + +.datetimepicker-input-box { + -moz-appearance: textfield; + cursor: text; + -moz-margin-end: 2px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 2px 0 3px 0; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.datetimepicker-input-subbox { + width: 1.6em; +} + +html|*.datetimepicker-input { + text-align: end; +} + +.datetimepicker-separator { + margin: 0 !important; +} + +.datetimepicker-year { + width: 3.2em; +} + +datepicker[readonly="true"], +timepicker[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +datepicker[disabled="true"], +timepicker[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +.datepicker-mainbox { + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.datepicker-popupgrid > .datepicker-mainbox { + margin: 0; + border: none; +} + +.datepicker-gridlabel, .datepicker-weeklabel { + text-align: center; +} + +.datepicker-gridlabel[today="true"] { + background-color: darkgrey; + color: white; +} + +.datepicker-gridlabel[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.datepicker-button { + -moz-appearance: none; + min-width: 8px; + padding: 0px; +} + +.datepicker-previous { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} + +.datepicker-next { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} + +.datepicker-previous:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} + +.datepicker-next:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} + +.datepicker-previous[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} + +.datepicker-next[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} + +.datepicker-previous:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} + +.datepicker-next:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} + +.datepicker-previous:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} + +.datepicker-next:-moz-locale-dir(rtl):hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} + +.datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} + +.datepicker-next[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/dialog.css b/arc-firefox-theme/chrome/global/dialog.css new file mode 100644 index 0000000..044dad6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/dialog.css @@ -0,0 +1,74 @@ +/* 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/. */ + +/* ===== dialog.css ===================================================== + == Styles used by the XUL dialog element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: dialog ::::: */ + +dialog { + padding-top: 8px; + padding-bottom: 10px; + -moz-padding-start: 8px; + -moz-padding-end: 10px; +} + +/* ::::: dialog buttons ::::: */ + +.dialog-button { + font: menu; + margin-top: 6px; +} + +/* ::::: dialog header ::::: */ + +dialogheader { + margin: 0px 5px 5px 5px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDDarkShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDDarkShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 5px 8px; + background-color: Highlight; + color: HighlightText; +} + +.dialogheader-title { + margin: 0px !important; + font-size: larger; + font-weight: bold; +} + +/* ::::: large dialog header ::::: */ + +.header-large { + -moz-box-orient: vertical; + margin-top: -8px; + margin-bottom: 0; + -moz-margin-start: -8px; + -moz-margin-end: -10px; + border-left: none; + border-right: none; + border-top: none; + -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow; + padding-top: 12px; + padding-bottom: 12px; + -moz-padding-start: 25px; + -moz-padding-end: 5px; + background-color: Window; + color: WindowText; +} + +.header-large > .dialogheader-title { + font: inherit; + font-weight: bold; +} + +.header-large > .dialogheader-description { + -moz-margin-start: 12px !important; +} diff --git a/arc-firefox-theme/chrome/global/dirListing/dirListing.css b/arc-firefox-theme/chrome/global/dirListing/dirListing.css new file mode 100644 index 0000000..4fc092d --- /dev/null +++ b/arc-firefox-theme/chrome/global/dirListing/dirListing.css @@ -0,0 +1,105 @@ +/* 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/. */ + +:root { + background-color: -moz-dialog; + color: -moz-dialogtext; + font: message-box; + padding-left: 2em; + padding-right: 2em; +} + +body { + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + min-width: 30em; + max-width: 65em; + margin: 4em auto; + background-color: -moz-field; + color: -moz-fieldtext; +} + +h1 { + font-size: 160%; + margin: 0 0 .6em; + border-bottom: 1px solid ThreeDLightShadow; + font-weight: normal; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +p { + font-size: 110%; +} + +#UI_goUp { + margin-top: 0; + float: left; +} + +#UI_goUp:-moz-dir(rtl) { + float: right; +} + +#UI_showHidden { + margin-top: 0; + float: right; +} + +#UI_showHidden:-moz-dir(rtl) { + float: left; +} + +table { + clear: both; + width: 90%; + margin: 0 auto; +} + +thead { + font-size: 130%; +} + +/* last modified */ +th:last-child { + text-align: center; +} + +th:hover > a { + text-decoration: underline; +} + +body > table > tbody > tr:hover { + outline: 1px solid ThreeDLightShadow; + -moz-outline-radius: .3em; +} + +/* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */ +td:not(:first-child) { + width: 0; +} + +.up { + padding: 0 .5em; + -moz-margin-start: 20px; +} + +.up::before { + -moz-margin-end: 4px; + -moz-margin-start: -20px; + vertical-align: middle; + content: url(moz-icon://stock/gtk-go-up?size=menu); +} + +.dir::before { + content: url(moz-icon://stock/gtk-directory?size=menu); +} + diff --git a/arc-firefox-theme/chrome/global/dirListing/folder.png b/arc-firefox-theme/chrome/global/dirListing/folder.png new file mode 100644 index 0000000..c266b01 Binary files /dev/null and b/arc-firefox-theme/chrome/global/dirListing/folder.png differ diff --git a/arc-firefox-theme/chrome/global/dirListing/local.png b/arc-firefox-theme/chrome/global/dirListing/local.png new file mode 100644 index 0000000..c5da02b Binary files /dev/null and b/arc-firefox-theme/chrome/global/dirListing/local.png differ diff --git a/arc-firefox-theme/chrome/global/dirListing/remote.png b/arc-firefox-theme/chrome/global/dirListing/remote.png new file mode 100644 index 0000000..281fb2a Binary files /dev/null and b/arc-firefox-theme/chrome/global/dirListing/remote.png differ diff --git a/arc-firefox-theme/chrome/global/dirListing/up.png b/arc-firefox-theme/chrome/global/dirListing/up.png new file mode 100644 index 0000000..6c11509 Binary files /dev/null and b/arc-firefox-theme/chrome/global/dirListing/up.png differ diff --git a/arc-firefox-theme/chrome/global/dropmarker.css b/arc-firefox-theme/chrome/global/dropmarker.css new file mode 100644 index 0000000..5b44ac4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/dropmarker.css @@ -0,0 +1,7 @@ +/* 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/. */ + +dropmarker { + -moz-appearance: menulist-button; +} diff --git a/arc-firefox-theme/chrome/global/expander.css b/arc-firefox-theme/chrome/global/expander.css new file mode 100644 index 0000000..6c7d290 --- /dev/null +++ b/arc-firefox-theme/chrome/global/expander.css @@ -0,0 +1,14 @@ +/* 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/. */ + +.expanderButton { + cursor: pointer !important; +} + +.settingsContainer { + padding-top: 3px; + padding-bottom: 5px; + -moz-padding-start: 20px; + -moz-padding-end: 5px; +} diff --git a/arc-firefox-theme/chrome/global/filefield.css b/arc-firefox-theme/chrome/global/filefield.css new file mode 100644 index 0000000..11bb836 --- /dev/null +++ b/arc-firefox-theme/chrome/global/filefield.css @@ -0,0 +1,36 @@ +/* +# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- +# 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/. +*/ + +/* File Field Widget */ +filefield { + margin: 2px 4px; + -moz-appearance: textfield; +} + +.fileFieldContentBox { + background-color: -moz-Dialog; +} + +.fileFieldIcon[disabled="true"] { + opacity: 0.4; +} + +.fileFieldIcon { + width: 16px; + height: 16px; + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 1px; + -moz-margin-end: 4px; +} + +.fileFieldLabel { + -moz-appearance: none; + background-color: transparent; + border: none; + margin: 0px; +} diff --git a/arc-firefox-theme/chrome/global/filepicker.css b/arc-firefox-theme/chrome/global/filepicker.css new file mode 100644 index 0000000..b072c20 --- /dev/null +++ b/arc-firefox-theme/chrome/global/filepicker.css @@ -0,0 +1,63 @@ +/* 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/. */ + +/* ===== filepicker.css ================================================= + == Styles used by the File Picker dialog. + ======================================================================= */ + +@import url("chrome://global/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: column widths ::::: */ + +#FilenameColumn, +#ContentLengthColumn, +#LastModifiedDateColumn { + width: 100px; +} + +/* ::::: file/directory items ::::: */ + +treechildren::-moz-tree-image(treecolAutoCompleteValue), +treechildren::-moz-tree-image(FilenameColumn) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(treecolAutoCompleteValue, directory), +treechildren::-moz-tree-image(FilenameColumn, directory) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(treecolAutoCompleteValue, file), +treechildren::-moz-tree-image(FilenameColumn, file) { + list-style-image: url("moz-icon://stock/gtk-file?size=menu"); +} + +/* ::::: button items ::::: */ + +/* up-button */ + +.up-button { + list-style-image: url("moz-icon://stock/gtk-go-up?size=toolbar"); + max-width: 36px; +} + +/* home-button */ + +.home-button { + list-style-image: url("moz-icon://stock/gtk-home?size=toolbar"); + max-width: 36px; +} + +/* new-dir-button */ + +.new-dir-button { + list-style-image: url("chrome://global/skin/Filepicker.png"); + max-width: 36px; +} + diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css new file mode 100644 index 0000000..cb4729a --- /dev/null +++ b/arc-firefox-theme/chrome/global/findBar.css @@ -0,0 +1,155 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +findbar { + border-top: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight; + min-width: 1px; + transition-property: margin-bottom, opacity, visibility; + transition-duration: 150ms, 150ms, 0s; + transition-timing-function: ease-in-out, ease-in-out, linear; +} + +findbar[hidden] { + /* Override display:none to make the transition work. */ + display: -moz-box; + visibility: collapse; + margin-bottom: -1em; + opacity: 0; + transition-delay: 0s, 0s, 150ms; +} + +.findbar-container { + -moz-padding-start: 8px; + padding-top: 4px; + padding-bottom: 4px; +} + +.findbar-closebutton { + -moz-appearance: none; + width: 16px; + height: 16px; + margin: 0 8px; +} + +/* Search field */ + +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + box-shadow: 0 0 1px 0 ThreeDShadow inset; + margin: 0; + padding: 5px; + width: 14em; +} + +.findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 3px 0 0 3px; + border-right-width: 0; +} + +.findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 3px 3px 0; + border-left-width: 0; +} + +.findbar-textbox[focused="true"] { + border-color: Highlight; + box-shadow: 0 0 1px 0 Highlight inset; +} + +.findbar-textbox[status="notfound"] { + background-color: #f66; + color: white; +} + +.findbar-textbox[flash="true"] { + background-color: yellow; + color: black; +} + +.findbar-textbox.minimal { + border-width: 1px; + border-radius: 3px; +} + +.findbar-find-previous, +.findbar-find-next { + -moz-margin-start: 0; + -moz-appearance: none; + background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2)); + border: 1px solid ThreeDShadow; + box-shadow: 0 1px #fff inset; + list-style-image: url("chrome://global/skin/icons/find-arrows.png"); + padding: 5px 9px; + line-height: 1em; +} + +.findbar-find-previous:focus, +.findbar-find-next:focus { + border-color: Highlight; + box-shadow: 0 0 1px 0 Highlight inset; +} + +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { + background: rgba(23,50,76,.2); + border: 1px solid ThreeDShadow; + box-shadow: 0 1px 2px rgba(10,31,51,.2) inset; +} + +.findbar-find-previous { + -moz-image-region: rect(0, 12px, 9px, 0); + -moz-border-end-width: 0; +} + +.findbar-find-next { + -moz-image-region: rect(0, 24px, 9px, 12px); +} + +.findbar-find-previous > .toolbarbutton-icon, +.findbar-find-next > .toolbarbutton-icon { + margin: 0; +} + +.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, +.findbar-find-next[disabled="true"] > .toolbarbutton-icon { + opacity: .5; +} + +.findbar-find-next:-moz-locale-dir(ltr) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.findbar-find-next:-moz-locale-dir(rtl) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.findbar-find-previous:focus + .findbar-find-next { + -moz-border-start-width: 0; +} + +.findbar-find-previous:focus { + -moz-border-end-width: 1px; +} + +.findbar-highlight, +.findbar-case-sensitive { + -moz-margin-start: 5px; +} + +.findbar-find-status, +.findbar-matches { + color: GrayText; + margin: 0 !important; + -moz-margin-start: 12px !important; +} + +.find-status-icon[status="pending"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css new file mode 100644 index 0000000..5ddc664 --- /dev/null +++ b/arc-firefox-theme/chrome/global/global.css @@ -0,0 +1,326 @@ +/* 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/. */ + +/* ===== global.css ===================================================== + == Styles that apply everywhere. + ======================================================================= */ + +/* all localizable skin settings shall live here */ +@import url("chrome://global/locale/intl.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: XBL bindings ::::: */ + +checkbox { + -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing"); +} + +radio { + -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing"); +} + +menulist > menupopup { + -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); +} + +progressmeter[mode="undetermined"] { + -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined"); +} + +toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag"); +} + +/* ::::: root elements ::::: */ + +window, +page, +dialog, +wizard, +prefwindow { + -moz-appearance: window; + background-color: -moz-Dialog; + color: -moz-DialogText; + font: message-box; +} + +/* deprecated */ +window.dialog { + padding-top: 8px; + padding-bottom: 10px; + -moz-padding-start: 8px; + -moz-padding-end: 10px; +} + +/* ::::: alert icons :::::*/ + +.message-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=dialog"); +} + +.alert-dialog #info\.icon, +.alert-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); +} + +.error-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +.question-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=dialog"); +} + +.authentication-icon { + list-style-image: url("chrome://global/skin/icons/Authentication.png"); +} + +/* ::::: iframe ::::: */ + +iframe { + border: none; + width: 100px; + height: 100px; + min-width: 10px; + min-height: 10px; +} + +/* ::::: statusbar ::::: */ + +statusbar { + -moz-appearance: statusbar; + border-top: 1px solid ThreeDLightShadow; + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + background-color: -moz-Dialog; + min-height: 22px; +} + +statusbarpanel { + -moz-appearance: statusbarpanel; + -moz-box-align: center; + -moz-box-pack: center; + border-left: 1px solid ThreeDHighlight; + border-top: 1px solid ThreeDHighlight; + border-right: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; + padding: 0 4px; +} + +.statusbar-resizerpanel { + -moz-box-align: end; + -moz-box-pack: end; + -moz-appearance: resizerpanel; + padding: 0; + border: none; +} + +.statusbarpanel-iconic, +.statusbarpanel-iconic-text, +.statusbarpanel-menu-iconic { + padding: 0 1px; +} + +/* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */ + +sidebarheader { + height: 25px; + background-color: -moz-Dialog; +} + +sidebarheader > label { + -moz-padding-start: 4px; +} + +.toolbar-focustarget { + -moz-user-focus: ignore !important; +} + +toolbar[mode="text"] .toolbarbutton-text { + padding: 0 !important; + margin: 3px 5px !important; +} + +/* ::::: miscellaneous formatting ::::: */ + +:root:-moz-lwtheme, +[lwthemefooter="true"], +statusbarpanel:-moz-lwtheme { + -moz-appearance: none; +} + +sidebarheader:-moz-lwtheme { + background: none; +} + +:root:-moz-lwtheme-darktext { + text-shadow: 0 -0.5px 1.5px white; +} + +:root:-moz-lwtheme-brighttext { + text-shadow: 1px 1px 1.5px black; +} + +.inset { + border: 1px solid ThreeDShadow; + border-right-color: ThreeDHighlight; + border-bottom-color: ThreeDHighlight; + margin: 0 5px 5px; +} + +.outset { + border: 1px solid ThreeDShadow; + border-left-color: ThreeDHighlight; + border-top-color: ThreeDHighlight; +} + +separator:not([orient="vertical"]) { + height: 1.5em; +} +separator[orient="vertical"] { + width: 1.5em; +} + +separator.thin:not([orient="vertical"]) { + height: 0.5em; +} +separator.thin[orient="vertical"] { + width: 0.5em; +} + +separator.groove:not([orient="vertical"]) { + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; + height: 0; + margin-top: 0.4em; + margin-bottom: 0.4em; +} +separator.groove[orient="vertical"] { + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + width: 0; + margin-left: 0.4em; + margin-right: 0.4em; +} + +.small-margin { + margin: 1px 2px; +} + +.plain { + -moz-appearance: none; + margin: 0 !important; + border: none; + padding: 0; +} + +description, +label { + cursor: default; + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 6px; + -moz-margin-end: 5px; +} + +description { + margin-bottom: 4px; +} + +label[disabled="true"] { + color: GrayText; +} + +.tooltip-label { + margin: 0; +} + +.header { + font-weight: bold; +} + +.monospace { + font-family: monospace; +} + +.indent { + -moz-margin-start: 23px; +} + +.box-padded { + padding: 5px; +} + +.spaced { + margin: 3px 5px 4px; +} + +.wizard-box { + padding: 20px 44px 10px; +} + +.text-link { + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +.text-link:hover { + text-decoration: underline; +} + +.text-link:-moz-focusring { + outline: 1px dotted; +} + +notification > button { + margin-top: 0; + margin-bottom: 0; +} + +popupnotificationcontent { + margin-top: .5em; +} + +/* :::::: autoscroll popup ::::: */ + +.autoscroller { + height: 28px; + width: 28px; + border: none; + margin: -14px; + padding: 0; + background-image: url("chrome://global/skin/icons/autoscroll.png"); + background-color: transparent; + background-position: right top; + -moz-appearance: none; +} + +.autoscroller[scrolldir="NS"] { + background-position: right center; +} + +.autoscroller[scrolldir="EW"] { + background-position: right bottom; +} + +/* :::::: Close button icons ::::: */ + +.close-icon { + -moz-appearance: none; + height: 16px; + width: 16px; + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0); + background-position: center center; + background-repeat: no-repeat; +} + +.close-icon:hover { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16); +} + +.close-icon:hover:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); +} diff --git a/arc-firefox-theme/chrome/global/globalBindings.xml b/arc-firefox-theme/chrome/global/globalBindings.xml new file mode 100644 index 0000000..8daa8a2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/globalBindings.xml @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/groupbox.css b/arc-firefox-theme/chrome/global/groupbox.css new file mode 100644 index 0000000..b31aac8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/groupbox.css @@ -0,0 +1,32 @@ +/* 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/. */ + +/* ===== groupbox.css ================================================== + == Styles used by the XUL groupbox and related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: groupbox ::::: */ + +groupbox { + margin: 5px; + padding: 5px; +} + +.groupbox-body { + -moz-padding-start: 10px; +} + +caption { + margin-bottom: 2px; + font-weight: bold; +} + +/* !important is needed to override label in global.css */ +.caption-text { + margin-top: 0 !important; + margin-bottom: 0 !important; + -moz-margin-start: 1px !important; +} diff --git a/arc-firefox-theme/chrome/global/icons/Authentication.png b/arc-firefox-theme/chrome/global/icons/Authentication.png new file mode 100644 index 0000000..facbfbe Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Authentication.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Close.gif b/arc-firefox-theme/chrome/global/icons/Close.gif new file mode 100644 index 0000000..358055b Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Close.gif differ diff --git a/arc-firefox-theme/chrome/global/icons/Error.png b/arc-firefox-theme/chrome/global/icons/Error.png new file mode 100644 index 0000000..bd4064f Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Error.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Landscape.png b/arc-firefox-theme/chrome/global/icons/Landscape.png new file mode 100644 index 0000000..925506c Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Landscape.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Minimize.gif b/arc-firefox-theme/chrome/global/icons/Minimize.gif new file mode 100644 index 0000000..2950037 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Minimize.gif differ diff --git a/arc-firefox-theme/chrome/global/icons/Portrait.png b/arc-firefox-theme/chrome/global/icons/Portrait.png new file mode 100644 index 0000000..fb7e18d Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Portrait.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Print-preview.png b/arc-firefox-theme/chrome/global/icons/Print-preview.png new file mode 100644 index 0000000..51c7601 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Print-preview.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Question.png b/arc-firefox-theme/chrome/global/icons/Question.png new file mode 100644 index 0000000..ed8d371 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Question.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Restore.gif b/arc-firefox-theme/chrome/global/icons/Restore.gif new file mode 100644 index 0000000..cdc66e1 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Restore.gif differ diff --git a/arc-firefox-theme/chrome/global/icons/Search-close.png b/arc-firefox-theme/chrome/global/icons/Search-close.png new file mode 100644 index 0000000..7faca92 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Search-close.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Search-glass.png b/arc-firefox-theme/chrome/global/icons/Search-glass.png new file mode 100644 index 0000000..16a75cf Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Search-glass.png differ diff --git a/arc-firefox-theme/chrome/global/icons/Warning.png b/arc-firefox-theme/chrome/global/icons/Warning.png new file mode 100644 index 0000000..ee5622f Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/Warning.png differ diff --git a/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg new file mode 100644 index 0000000..50c77a5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg @@ -0,0 +1,33 @@ + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/icons/autoscroll.png b/arc-firefox-theme/chrome/global/icons/autoscroll.png new file mode 100644 index 0000000..6aac3d9 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/autoscroll.png differ diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png new file mode 100644 index 0000000..f41f684 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png differ diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_large.png b/arc-firefox-theme/chrome/global/icons/blacklist_large.png new file mode 100644 index 0000000..f4c4d9e Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/blacklist_large.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png new file mode 100644 index 0000000..ea6ada4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png new file mode 100644 index 0000000..c25a64a Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png new file mode 100644 index 0000000..68596a3 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png new file mode 100644 index 0000000..eec52e6 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted.png b/arc-firefox-theme/chrome/global/icons/close-inverted.png new file mode 100644 index 0000000..0e81580 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-inverted.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png new file mode 100644 index 0000000..79d6e87 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close.png b/arc-firefox-theme/chrome/global/icons/close.png new file mode 100644 index 0000000..1a79a87 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close.png differ diff --git a/arc-firefox-theme/chrome/global/icons/close.svg b/arc-firefox-theme/chrome/global/icons/close.svg new file mode 100644 index 0000000..375a412 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close.svg @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/icons/close@2x.png b/arc-firefox-theme/chrome/global/icons/close@2x.png new file mode 100644 index 0000000..3cc9ea2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/close@2x.png differ diff --git a/arc-firefox-theme/chrome/global/icons/collapse.png b/arc-firefox-theme/chrome/global/icons/collapse.png new file mode 100644 index 0000000..c688dc6 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/collapse.png differ diff --git a/arc-firefox-theme/chrome/global/icons/error-16.png b/arc-firefox-theme/chrome/global/icons/error-16.png new file mode 100644 index 0000000..54b5740 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/error-16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/error-64.png b/arc-firefox-theme/chrome/global/icons/error-64.png new file mode 100644 index 0000000..a5b78a4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/error-64.png differ diff --git a/arc-firefox-theme/chrome/global/icons/expand.png b/arc-firefox-theme/chrome/global/icons/expand.png new file mode 100644 index 0000000..246d5ee Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/expand.png differ diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.png b/arc-firefox-theme/chrome/global/icons/find-arrows.png new file mode 100644 index 0000000..1a3a9da Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/find-arrows.png differ diff --git a/arc-firefox-theme/chrome/global/icons/folder-item.png b/arc-firefox-theme/chrome/global/icons/folder-item.png new file mode 100644 index 0000000..905ef0f Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/folder-item.png differ diff --git a/arc-firefox-theme/chrome/global/icons/information-16.png b/arc-firefox-theme/chrome/global/icons/information-16.png new file mode 100644 index 0000000..4393795 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/information-16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/information-24.png b/arc-firefox-theme/chrome/global/icons/information-24.png new file mode 100644 index 0000000..e23f9c3 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/information-24.png differ diff --git a/arc-firefox-theme/chrome/global/icons/information-32.png b/arc-firefox-theme/chrome/global/icons/information-32.png new file mode 100644 index 0000000..a2a64a4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/information-32.png differ diff --git a/arc-firefox-theme/chrome/global/icons/loading_16.png b/arc-firefox-theme/chrome/global/icons/loading_16.png new file mode 100644 index 0000000..7108ea3 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/loading_16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg new file mode 100644 index 0000000..6f794b7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg new file mode 100644 index 0000000..3d79e18 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/icons/question-16.png b/arc-firefox-theme/chrome/global/icons/question-16.png new file mode 100644 index 0000000..7e9aa7f Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/question-16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/question-64.png b/arc-firefox-theme/chrome/global/icons/question-64.png new file mode 100644 index 0000000..f07efc0 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/question-64.png differ diff --git a/arc-firefox-theme/chrome/global/icons/resizer-rtl.png b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png new file mode 100644 index 0000000..973bc05 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png differ diff --git a/arc-firefox-theme/chrome/global/icons/resizer.png b/arc-firefox-theme/chrome/global/icons/resizer.png new file mode 100644 index 0000000..0b1e63a Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/resizer.png differ diff --git a/arc-firefox-theme/chrome/global/icons/sslWarning.png b/arc-firefox-theme/chrome/global/icons/sslWarning.png new file mode 100644 index 0000000..6517bb9 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/sslWarning.png differ diff --git a/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png new file mode 100644 index 0000000..0d3cacd Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png differ diff --git a/arc-firefox-theme/chrome/global/icons/warning-16.png b/arc-firefox-theme/chrome/global/icons/warning-16.png new file mode 100644 index 0000000..513c954 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/warning-16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/warning-64.png b/arc-firefox-theme/chrome/global/icons/warning-64.png new file mode 100644 index 0000000..a93e891 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/warning-64.png differ diff --git a/arc-firefox-theme/chrome/global/icons/warning-large.png b/arc-firefox-theme/chrome/global/icons/warning-large.png new file mode 100644 index 0000000..2b445f0 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/warning-large.png differ diff --git a/arc-firefox-theme/chrome/global/icons/warning.svg b/arc-firefox-theme/chrome/global/icons/warning.svg new file mode 100644 index 0000000..0082970 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/warning.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/icons/webapps-16.png b/arc-firefox-theme/chrome/global/icons/webapps-16.png new file mode 100644 index 0000000..df3978c Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/webapps-16.png differ diff --git a/arc-firefox-theme/chrome/global/icons/webapps-64.png b/arc-firefox-theme/chrome/global/icons/webapps-64.png new file mode 100644 index 0000000..7c5e48c Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/webapps-64.png differ diff --git a/arc-firefox-theme/chrome/global/icons/windowControls.png b/arc-firefox-theme/chrome/global/icons/windowControls.png new file mode 100644 index 0000000..9925b84 Binary files /dev/null and b/arc-firefox-theme/chrome/global/icons/windowControls.png differ diff --git a/arc-firefox-theme/chrome/global/in-content/check-partial.svg b/arc-firefox-theme/chrome/global/in-content/check-partial.svg new file mode 100644 index 0000000..b46a731 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/check-partial.svg @@ -0,0 +1,31 @@ + + + + + + + + + + \ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/in-content/check.svg b/arc-firefox-theme/chrome/global/in-content/check.svg new file mode 100644 index 0000000..9fb2223 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/check.svg @@ -0,0 +1,31 @@ + + + + + + + + + + \ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css new file mode 100644 index 0000000..0b02360 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -0,0 +1,818 @@ +/* - 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/. */ + +@namespace html "http://www.w3.org/1999/xhtml"; +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +html|body, +xul|page, +xul|window { + font: message-box; + -moz-appearance: none; + background-color: #fbfbfb; + color: #424e5a; +} + +html|body { + font-size: 15px; + font-weight: normal; + margin: 0; +} + +html|h1 { + font-size: 2.5em; + font-weight: lighter; + line-height: 1.2; + color: #333; + margin: 0; + margin-bottom: .5em; +} + +html|hr { + border-style: solid none none none; + border-color: #c1c1c1; +} + +xul|caption { + -moz-appearance: none; + margin: 0; +} + +xul|caption > xul|checkbox, +xul|caption > xul|label { + font-size: 1.3rem; + font-weight: bold; + line-height: 22px; + margin: 0 !important; +} + +*|*.main-content { + padding-top: 40px; + -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ + padding-bottom: 48px; + -moz-padding-start: 48px; + overflow: auto; +} + +xul|prefpane > xul|*.content-box { + overflow: visible; +} + +/* groupboxes */ + +xul|groupbox { + -moz-appearance: none; + border: none; + margin: 15px 0 0; + -moz-padding-start: 0; + -moz-padding-end: 0; + font-size: 1.25rem; +} + +xul|groupbox xul|label, +xul|groupbox xul|description { + /* !important needed to override toolkit !important rule */ + -moz-margin-start: 0 !important; + -moz-margin-end: 0 !important; +} + +/* tabpanels and tabs */ + +xul|tabpanels { + -moz-appearance: none; + font-size: 1.25rem; + line-height: 22px; + border: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +xul|tabs { + margin-bottom: 15px; + border-top: 1px solid #c1c1c1; + border-bottom: 1px solid #c1c1c1; + background-color: #fbfbfb; +} + +xul|*.tabs-left, +xul|*.tabs-right { + border-bottom: none; +} + +xul|tab { + -moz-appearance: none; + margin-top: 0; + padding: 4px 20px; + min-height: 44px; + color: #424f5a; + background-color: #fbfbfb; + border-width: 0; + transition: background-color 50ms ease 0s; +} + +xul|tab:hover { + background-color: #ebebeb; +} + +xul|tab[selected] { + background-color: #ebebeb; + padding-bottom: 0; /* compensate the 4px border */ + border-bottom: 4px solid #ff9500; +} + +xul|*.tab-text { + font-size: 1.3rem; + line-height: 22px; +} + +/* html buttons */ + +html|button { + padding: 3px; + /* override forms.css */ + font: inherit; +} + +/* xul buttons and menulists */ + +*|button, +xul|colorpicker[type="button"], +xul|menulist { + -moz-appearance: none; + height: 30px; + color: #333; + line-height: 20px; + border: 1px solid #c1c1c1; + -moz-border-top-colors: none !important; + -moz-border-right-colors: none !important; + -moz-border-bottom-colors: none !important; + -moz-border-left-colors: none !important; + border-radius: 2px; + background-color: #fbfbfb; +} + +html|button:enabled:hover, +xul|button:not([disabled="true"]):hover, +xul|colorpicker[type="button"]:not([disabled="true"]):hover, +xul|menulist:not([disabled="true"]):hover { + background-color: #ebebeb; +} + +html|button:enabled:hover:active, +xul|button:not([disabled="true"]):hover:active, +xul|colorpicker[type="button"]:not([disabled="true"]):hover:active, +xul|menulist[open="true"]:not([disabled="true"]) { + background-color: #dadada; +} + +html|button:disabled, +xul|button[disabled="true"], +xul|colorpicker[type="button"][disabled="true"], +xul|menulist[disabled="true"] { + cursor: not-allowed; + opacity: 0.5; +} + +*|button.primary { + background-color: #0095dd; + border-color: transparent; + color: #fff; +} + +html|button.primary:enabled:hover, +xul|button.primary:not([disabled="true"]):hover { + background-color: #008acb; +} + +html|button.primary:enabled:hover:active, +xul|button.primary:not([disabled="true"]):hover:active { + background-color: #006b9d; +} + +xul|colorpicker[type="button"] { + padding: 6px; + width: 50px; +} + +xul|button > xul|*.button-box, +xul|menulist > xul|*.menulist-label-box { + padding-right: 10px !important; + padding-left: 10px !important; +} + +xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] { + -moz-margin-end: 5px; +} + +xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { + -moz-appearance: none; + margin: 1px 0; + -moz-margin-start: 10px; + padding: 0; + width: 10px; + height: 16px; + border: none; + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); +} + +xul|*.help-button { + min-width: 30px; + border-radius: 2px; + border-width: 0; + background-color: #ffcb00; + background-image: none; + box-shadow: none; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg"); +} + +xul|*.help-button:not([disabled="true"]):hover { + background-color: #f4c200; + background-image: none; +} + +xul|*.help-button:not([disabled="true"]):hover:active { + background-color: #eaba00; + background-image: none; +} + +xul|*.close-icon > xul|*.button-box, +xul|*.help-button > xul|*.button-box { + padding-top: 0; + padding-bottom: 0; + padding-right: 0 !important; + padding-left: 0 !important; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-icon { + width: 18px; + height: 18px; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-text { + display: none; +} + +xul|*.spinbuttons-button { + -moz-margin-start: 10px !important; + -moz-margin-end: 2px !important; +} + +xul|*.spinbuttons-up { + margin-top: 2px !important; + border-radius: 1px 1px 0 0; +} + +xul|*.spinbuttons-down { + margin-bottom: 2px !important; + border-radius: 0 0 1px 1px; +} + +xul|*.spinbuttons-button > xul|*.button-box { + padding: 1px 5px 2px !important; +} + +xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { + -moz-appearance: none; + -moz-margin-end: 4px; + padding: 0; + border: none; + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker > xul|*.dropmarker-icon { + width: 18px; + height: 18px; +} + +xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker { + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown-disabled") +} + +xul|menulist > xul|menupopup, +xul|button[type="menu"] > xul|menupopup { + -moz-appearance: none; + border: 1px solid #c1c1c1; + border-radius: 2px; + background-color: #fff; +} + +xul|menulist > xul|menupopup xul|menu, +xul|menulist > xul|menupopup xul|menuitem, +xul|button[type="menu"] > xul|menupopup xul|menu, +xul|button[type="menu"] > xul|menupopup xul|menuitem { + -moz-appearance: none; + font-size: 1em; + color: #333; + padding-top: 0.2em; + padding-bottom: 0.2em; + -moz-padding-start: 10px; + -moz-padding-end: 30px; +} + +xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], +xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] { + color: #333; + background-color: rgba(0,149,221,0.25); +} + +xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], +xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] { + color: #fff; + background-color: #0095dd; +} + +xul|menulist > xul|menupopup > xul|menu[disabled="true"], +xul|menulist > xul|menupopup > xul|menuitem[disabled="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] { + color: #999; + /* override the [_moz-menuactive="true"] background color from + global/menu.css */ + background-color: transparent; +} + +xul|menulist > xul|menupopup xul|menuseparator, +xul|button[type="menu"] > xul|menupopup xul|menuseparator { + -moz-appearance: none; + margin: 0; + padding: 0; + border-top: 1px solid #c1c1c1; + border-bottom: none; +} + +/* textboxes */ + +*|textbox { + -moz-appearance: none; + height: 30px; + color: #333; + line-height: 20px; + padding-right: 10px; + padding-left: 10px; + border: 1px solid #c1c1c1; + -moz-border-top-colors: none !important; + -moz-border-right-colors: none !important; + -moz-border-bottom-colors: none !important; + -moz-border-left-colors: none !important; + border-radius: 2px; + background-color: #fff; +} + +html|textbox:focus, +xul|textbox[focused] { + border-color: #0095dd; +} + +html|textbox:disabled, +xul|textbox[disabled="true"] { + opacity: 0.5; +} + +/* Links */ + +html|a, +.text-link, +.inline-link { + color: #0095dd; + text-decoration: none; +} + +html|a:hover, +.text-link:hover, +.inline-link:hover { + color: #178ce5; + text-decoration: underline; +} + +html|a:visited { + color: #551a8b; +} + +html|a:hover:active, +.text-link:hover:active, +.inline-link:hover:active { + color: #ff9500; + text-decoration: none; +} + +/* Checkboxes and radio buttons */ + +/* Hide the actual checkbox */ +html|input[type="checkbox"] { + opacity: 0; + position: absolute; +} + +/* Create a box to style as the checkbox */ +html|input[type="checkbox"] + html|label:before { + display: inline-block; + content: ""; + vertical-align: middle; +} + +html|input[type="checkbox"] + html|label { + line-height: 0px; +} + +xul|checkbox { + -moz-margin-start: 0; +} + +xul|*.checkbox-check, +html|input[type="checkbox"] + html|label:before { + -moz-appearance: none; + width: 23px; + height: 23px; + border-radius: 2px; + border: 1px solid #c1c1c1; + -moz-margin-end: 10px; + background-color: #f1f1f1; + /* !important needed to override toolkit checked !important rule */ + background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); +} + +xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, +html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { + border-color: #0095dd; +} + +xul|*.checkbox-check[checked] { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); +} + +html|input[type="checkbox"]:checked + html|label:before { + background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important; +} + +xul|checkbox[disabled="true"] > xul|*.checkbox-check, +html|input[type="checkbox"]:disabled + html|label { + opacity: 0.5; +} + +xul|*.checkbox-label-box { + -moz-margin-start: -1px; /* negative margin for the transparent border */ + -moz-padding-start: 0; +} + +xul|richlistitem > xul|*.checkbox-check { + margin: 3px 6px; +} + +xul|radio { + -moz-margin-start: 0; +} + +xul|*.radio-check { + -moz-appearance: none; + width: 23px; + height: 23px; + border: 1px solid #c1c1c1; + border-radius: 50%; + -moz-margin-end: 10px; + background-color: #f1f1f1; + background-image: linear-gradient(#fff, rgba(255,255,255,0.80)); + box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); +} + +xul|radio:not([disabled="true"]):hover > xul|*.radio-check { + border-color: #0095dd; +} + +xul|*.radio-check[selected] { + list-style-image: url("chrome://global/skin/in-content/radio.svg#radio"); +} + +xul|radio[disabled="true"] > xul|*.radio-check { + opacity: 0.5; +} + +xul|*.radio-label-box { + -moz-margin-start: -1px; /* negative margin for the transparent border */ + -moz-margin-end: 10px; + -moz-padding-start: 0; +} + +/* Category List */ + +xul|*#categories { + -moz-appearance: none; + background-color: #424f5a; + padding-top: 39px; + margin: 0; + border-width: 0; +} + +xul|*.category { + -moz-appearance: none; + color: #c1c1c1; + -moz-border-end-width: 0; + -moz-padding-start: 15px; + -moz-padding-end: 21px; + min-height: 40px; + transition: background-color 150ms; +} + +xul|*.category:hover { + background-color: #5e6972; +} + +xul|*.category[selected] { + background-color: #343f48; + color: #f2f2f2; + -moz-padding-start: 11px; /* compensate the 4px border */ + -moz-border-start: solid 4px #ff9500; +} + +xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { + border-top: 1px #ffffff dotted; + border-bottom: 1px #ffffff dotted; +} + +*|*.category-name { + line-height: 22px; + font-size: 1.25rem; + padding-bottom: 2px; + -moz-padding-start: 9px; + margin: 0; + -moz-user-select: none; +} + +*|*.category-icon { + width: 24px; + height: 24px; +} + +/* header */ + +*|*.header { + border-bottom: 1px solid #c8c8c8; + -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ + margin-bottom: 15px; + padding-bottom: 15px; +} + +*|*.header-name { + font-size: 2.5rem; + font-weight: normal; + line-height: 40px; + margin: 0; + -moz-user-select: none; +} + +/* File fields */ + +xul|filefield { + -moz-appearance: none; + background-color: transparent; + border: none; + padding: 0; +} + +xul|*.fileFieldContentBox { + background-color: transparent; +} + +xul|*.fileFieldIcon { + -moz-margin-start: 10px; + -moz-margin-end: 0; +} + +xul|*.fileFieldLabel { + -moz-margin-start: -26px; + -moz-padding-start: 36px; +} + +xul|textbox:-moz-locale-dir(rtl), +xul|*.fileFieldLabel:-moz-locale-dir(rtl), +xul|textbox + xul|button:-moz-locale-dir(ltr), +xul|filefield + xul|button:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +xul|textbox:-moz-locale-dir(ltr), +xul|*.fileFieldLabel:-moz-locale-dir(ltr), +xul|textbox + xul|button:-moz-locale-dir(rtl), +xul|filefield + xul|button:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +xul|textbox + xul|button, +xul|filefield + xul|button { + -moz-border-start: none; +} + +/* List boxes */ + +xul|richlistbox, +xul|listbox { + -moz-appearance: none; + -moz-margin-start: 0; + background-color: #fff; + border: 1px solid #c1c1c1; + color: #333; +} + +xul|treechildren::-moz-tree-row, +xul|listbox xul|listitem { + padding: 0.3em; + margin: 0; + border: none; + border-radius: 0; + background-image: none; +} + +xul|treechildren::-moz-tree-row(hover), +xul|listbox xul|listitem:hover { + background-color: rgba(0,149,221,0.25); +} + +xul|treechildren::-moz-tree-row(selected), +xul|listbox xul|listitem[selected="true"] { + background-color: #0095dd; + color: #fff; +} + +/* Trees */ + +xul|tree { + -moz-appearance: none; + font-size: 1em; + border: 1px solid #c1c1c1; + margin: 0; +} + +xul|tree:-moz-focusring, +xul|richlistbox:-moz-focusring { + border: 1px dotted #0095dd; +} + +xul|listheader, +xul|treecols { + -moz-appearance: none; + border: none; + border-bottom: 1px solid #c1c1c1; + padding: 0; +} + +xul|treecol:not([hideheader="true"]), +xul|treecolpicker { + -moz-appearance: none; + border: none; + background-color: #ebebeb; + color: #808080; + padding: 5px 10px; +} + +xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover, +xul|treecolpicker:hover { + background-color: #dadada; + color: #333; +} + +xul|treecol:not([hideheader="true"]):not(:first-child), +xul|treecolpicker { + -moz-border-start-width: 1px; + -moz-border-start-style: solid; + border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1; +} + +xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] { + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); + width: 18px; + height: 18px; +} + +xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] { + transform: scaleY(-1); +} + +/* This is the only way to increase the height of a tree row unfortunately */ +xul|treechildren::-moz-tree-row { + min-height: 2em; +} + +/* Color needs to be set on tree cell in order to be applied */ +xul|treechildren::-moz-tree-cell-text { + color: #333; +} + +xul|treechildren::-moz-tree-cell-text(selected) { + color: #fff; +} + +xul|tab[visuallyselected] { + /* Override styles for tab[selected] from + toolkit/themes/linux/global/tabbox.css */ + margin-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +xul|button, +html|button, +xul|colorpicker[type="button"], +xul|menulist { + margin: 2px 4px; +} + +xul|button > xul|*.button-box, +xul|menulist > xul|*.menulist-label-box { + -moz-appearance: none; +} + +xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { + -moz-appearance: none !important; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-icon { + -moz-margin-end: 0; +} + +xul|*.groupbox-body { + -moz-padding-start: 0; +} + +xul|menulist { + font-size: inherit; +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { + display: -moz-box; + margin-top: 6px; + margin-bottom: 6px; +} + +xul|checkbox { + -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox"); + -moz-box-align: center; +} + +xul|*.checkbox-check { + background-image: none !important; +} + +xul|*.checkbox-check[checked] { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-native"); + background-color: -moz-dialog; +} + +xul|radio { + -moz-binding: url("chrome://global/content/bindings/radio.xml#radio"); + -moz-box-align: center; +} + +xul|*.radio-check { + background-image: none; +} + +xul|*.radio-check[selected] { + list-style-image: url("chrome://global/skin/in-content/radio.svg#radio-native"); + background-color: -moz-dialog; +} + +xul|*.radio-label-box { + -moz-appearance: none; +} + +xul|*.numberbox-input-box { + -moz-appearance: none; + border-width: 0; +} + +xul|*.text-link:-moz-focusring, +xul|*.inline-link:-moz-focusring { + border: 1px dotted -moz-DialogText; +} + +xul|spinbuttons { + -moz-appearance: none; +} diff --git a/arc-firefox-theme/chrome/global/in-content/dropdown.svg b/arc-firefox-theme/chrome/global/in-content/dropdown.svg new file mode 100644 index 0000000..a757585 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/dropdown.svg @@ -0,0 +1,20 @@ + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/in-content/help-glyph.svg b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg new file mode 100644 index 0000000..6f9ffb3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg @@ -0,0 +1,8 @@ + + + + diff --git a/arc-firefox-theme/chrome/global/in-content/info-pages.css b/arc-firefox-theme/chrome/global/in-content/info-pages.css new file mode 100644 index 0000000..6a6bd08 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css @@ -0,0 +1,105 @@ +@import url("chrome://global/skin/in-content/common.css"); +/* Body and container */ +body { + display: flex; + flex-direction: column; + box-sizing: padding-box; + min-height: 100vh; + padding-top: 0; + padding-bottom: 0; + -moz-padding-start: calc(48px + 4.6em); + -moz-padding-end: 48px; + align-items: center; + justify-content: center; +} + +.container { + min-width: 13em; + max-width: 52em; +} + +.container.restore-chosen { + display: flex; + flex-direction: column; + flex-grow: 1; + margin: 10vh 0; +} + +/* Typography */ +.title { + background-image: url("chrome://browser/skin/aboutNetError_info.svg"); + background-position: left 0; + background-repeat: no-repeat; + background-size: 1.6em; + -moz-margin-start: -2.3em; + -moz-padding-start: 2.3em; + font-size: 2.5em; +} + +.title:-moz-dir(rtl) { + background-position: right 0; +} + +.title-text { + border-bottom: 1px solid #C1C1C1; + font-size: inherit; + padding-bottom: 0.4em; +} + +@media (max-width: 675px) { + body { + padding: 0 48px; + } + + .title { + background-image: none !important; + -moz-padding-start: 0; + -moz-margin-start: 0; + } + + .title-text { + padding-top: 0; + } +} + +ul, ol { + margin: 0; + padding: 0; + -moz-margin-start: 1em; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: disc; +} + +/* Buttons */ +.button-container { + margin-top: 1.2em; +} + +.button-container > button { + min-width: 150px; +} + +.button-container > button:first-child { + -moz-margin-start: 0; +} + +/* Trees */ +.tree-container { + margin-top: 1.2em; + flex-grow: 1; + min-height: 12em; +} + +.tree-container > tree { + height: 100%; +} + +tree { + width: 100%; +} diff --git a/arc-firefox-theme/chrome/global/in-content/radio.svg b/arc-firefox-theme/chrome/global/in-content/radio.svg new file mode 100644 index 0000000..ca926b7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/radio.svg @@ -0,0 +1,20 @@ + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/inContentUI.css b/arc-firefox-theme/chrome/global/inContentUI.css new file mode 100644 index 0000000..afcef92 --- /dev/null +++ b/arc-firefox-theme/chrome/global/inContentUI.css @@ -0,0 +1,41 @@ +/* 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/. */ + +/* + * The default namespace for this file is XUL. Be sure to prefix rules that + * are applicable to both XUL and HTML with '*|'. + */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* Page background */ +*|*:root { + -moz-appearance: none; + padding: 18px; + background-color: Window; + background-image: /* Texture */ + url("chrome://global/skin/inContentUI/background-texture.png"); + color: WindowText; +} + +/* Use the new in-content colors for #contentAreaDownloadsView. After landing + of bug 989469 the colors can be moved to *|*:root */ +*|*#contentAreaDownloadsView { + background: #f1f1f1; + color: #424e5a; +} + +html|html { + font: message-box; +} + +/* Content */ +*|*.main-content { + /* Needed to allow the radius to clip the inner content, see bug 595656 */ + overflow: hidden; + background-color: -moz-Field; + color: -moz-FieldText; + border: 1px solid ThreeDShadow; + border-radius: 5px; +} diff --git a/arc-firefox-theme/chrome/global/inContentUI/background-texture.png b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png new file mode 100644 index 0000000..0d3cacd Binary files /dev/null and b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png differ diff --git a/arc-firefox-theme/chrome/global/linkTree.css b/arc-firefox-theme/chrome/global/linkTree.css new file mode 100644 index 0000000..d83c5bf --- /dev/null +++ b/arc-firefox-theme/chrome/global/linkTree.css @@ -0,0 +1,32 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/** + * All the properties in this rule are important to avoid having to create + * a special type of tree. This stylesheet can be loaded into a document with + * a single tree that is a link tree. Hardly elegant but it's efficient. + */ +treeitem[selected="true"] > treerow + { + background : transparent !important; + border : none !important; + color : -moz-FieldText !important; + } + +treecell:hover + { + text-decoration : underline !important; + color : #000080 !important; + cursor : pointer; + } + +treecell:hover:active + { + text-decoration : underline !important; + color : red !important; + } + + diff --git a/arc-firefox-theme/chrome/global/listbox.css b/arc-firefox-theme/chrome/global/listbox.css new file mode 100644 index 0000000..1e73844 --- /dev/null +++ b/arc-firefox-theme/chrome/global/listbox.css @@ -0,0 +1,133 @@ +/* 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/. */ + +/* ===== listbox.css ======================================================= + == Styles used by XUL listbox-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: listbox ::::: */ + +listbox { + -moz-appearance: listbox; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; +} + +listbox[disabled="true"] { + color: GrayText; +} + +/* ::::: listitem ::::: */ + +listitem { + border: 1px solid transparent; +} + +listbox:focus > listitem[selected="true"][current="true"] { + outline: 1px dotted #F3D982; +} + +listbox:focus > listitem[current="true"] { + outline: 1px dotted Highlight; + outline-offset: -1px; +} + +listitem[selected="true"] { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +listbox:focus > listitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +/* ::::: listheader ::::: */ + +listheader { + -moz-appearance: treeheadercell; + -moz-box-align: center; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: -moz-Dialog; + color: -moz-DialogText; + padding: 0 2px; +} + +listheader:hover { + color: -moz-buttonhovertext; +} + +listheader[sortable="true"]:hover:active { + color: ButtonText; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDShadow transparent; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 3px; + -moz-padding-end: 1px; +} + +.listheader-icon { + -moz-margin-end: 2px; +} + +.listheader-icon[sortable="true"]:hover:active { + -moz-margin-end: 1px; +} + +.listheader-label { + margin: 0px !important; +} + +/* ..... sort direction icon ..... */ + +.listheader-sortdirection { + -moz-appearance: treeheadersortarrow; +} + +/* ::::: listcell ::::: */ + +.listcell-label { + margin: 0px !important; + padding-top: 0px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 0px; + white-space: nowrap; +} + +.listcell-icon { + -moz-margin-end: 2px; +} + +.listcell-label[disabled="true"] { + color: GrayText; +} + +/* ::::: listcell checkbox ::::: */ + +.listcell-check { + -moz-appearance: checkbox; + -moz-box-align: center; + margin: 0px 2px; + border: 1px solid -moz-DialogText; + min-width: 13px; + min-height: 13px; + background: -moz-Field no-repeat 50% 50%; +} diff --git a/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css new file mode 100644 index 0000000..5242175 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css @@ -0,0 +1,17 @@ +/* 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/. */ + +@media not print { + /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */ + + body { + color: #eee; + background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); + } + + img.transparent { + background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png"); + color: #222; + } +} diff --git a/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css new file mode 100644 index 0000000..3060bf8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css @@ -0,0 +1,11 @@ +/* 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/. */ + +body { + background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); +} + +video { + box-shadow: 0 0 15px #000; +} diff --git a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png new file mode 100644 index 0000000..0d3cacd Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png differ diff --git a/arc-firefox-theme/chrome/global/media/error.png b/arc-firefox-theme/chrome/global/media/error.png new file mode 100644 index 0000000..58e3728 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/error.png differ diff --git a/arc-firefox-theme/chrome/global/media/fullscreenButton.png b/arc-firefox-theme/chrome/global/media/fullscreenButton.png new file mode 100644 index 0000000..ffbc3d5 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/fullscreenButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png new file mode 100644 index 0000000..5c33e24 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png differ diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png new file mode 100644 index 0000000..3467cf4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png differ diff --git a/arc-firefox-theme/chrome/global/media/muteButton.png b/arc-firefox-theme/chrome/global/media/muteButton.png new file mode 100644 index 0000000..8944807 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/muteButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/noAudio.png b/arc-firefox-theme/chrome/global/media/noAudio.png new file mode 100644 index 0000000..3db8c97 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/noAudio.png differ diff --git a/arc-firefox-theme/chrome/global/media/pauseButton.png b/arc-firefox-theme/chrome/global/media/pauseButton.png new file mode 100644 index 0000000..944098c Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/pauseButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/playButton.png b/arc-firefox-theme/chrome/global/media/playButton.png new file mode 100644 index 0000000..11e2731 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/playButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumb.png b/arc-firefox-theme/chrome/global/media/scrubberThumb.png new file mode 100644 index 0000000..f159627 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/scrubberThumb.png differ diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png new file mode 100644 index 0000000..96d2ed7 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png differ diff --git a/arc-firefox-theme/chrome/global/media/stalled.png b/arc-firefox-theme/chrome/global/media/stalled.png new file mode 100644 index 0000000..5253758 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/stalled.png differ diff --git a/arc-firefox-theme/chrome/global/media/throbber.png b/arc-firefox-theme/chrome/global/media/throbber.png new file mode 100644 index 0000000..8e49fe5 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/throbber.png differ diff --git a/arc-firefox-theme/chrome/global/media/unmuteButton.png b/arc-firefox-theme/chrome/global/media/unmuteButton.png new file mode 100644 index 0000000..5b76e2f Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/unmuteButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg new file mode 100644 index 0000000..f118afb --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css new file mode 100644 index 0000000..17101ad --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/videocontrols.css @@ -0,0 +1,319 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +.controlBar { + height: 28px; + background-color: rgba(35,31,32,.74); +} + +.playButton, +.muteButton, +.fullscreenButton { + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + -moz-appearance: none; /* Remove the native button appearance and styling */ + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border: none; + opacity: 0.7; +} + +.playButton:hover, +.muteButton:hover, +.fullscreenButton:hover { + opacity: 1; +} + +.playButton:hover:active, +.muteButton:hover:active, +.fullscreenButton:hover:active { + opacity: 0.4; +} + +.playButton { + background-image: url(chrome://global/skin/media/pauseButton.png); + margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */ + position: relative; /* Trick to work around negative margin interfering with clicking on the button. */ +} + +.playButton[paused] { + background-image: url(chrome://global/skin/media/playButton.png); +} + +.muteButton { + background-image: url(chrome://global/skin/media/muteButton.png); + min-width: 33px; +} +.muteButton[muted] { + background-image: url(chrome://global/skin/media/unmuteButton.png); +} + +.muteButton[noAudio] { + background-image: url(chrome://global/skin/media/noAudio.png); +} + +.muteButton[noAudio] + .volumeStack { + display: none; +} + +.fullscreenButton { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0); +} + +.fullscreenButton[fullscreened] { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 32, 16, 16); +} + +.volumeControl { + width: 32px; + opacity: 0; +} + +.volumeBackground, +.volumeForeground { + background-repeat: no-repeat; + background-position: center; + width: 32px; +} + +.volumeBackground { + background-image: url(chrome://global/skin/media/volume-empty.png); +} + +.volumeForeground { + background-image: url(chrome://global/skin/media/volume-full.png); + background-clip: content-box; +} + +.controlBar[fullscreen-unavailable] > .volumeStack { + /* This value is duplicated in the videocontrols.xml adjustControlSize function. */ + -moz-margin-end: 8px; +} + +.volumeControl .scale-thumb { + min-width: 0; + opacity: 0; +} + +.durationBox { + -moz-box-pack: center; +} + +.durationLabel { + margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */ + padding-left: 8px; /* don't bump into the scrubber bar */ + padding-top: 0; /* center vertically with scrubber bar */ + color: rgba(255,255,255,.75); + font-size: 11px; + font-family: Arial, sans-serif; +} + +.positionLabel { + display: none; +} + +.backgroundBar { + /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */ + /* margin left/right: 1/2 of scrubber thumb width, for overhang. */ + margin: 10px 22px; + background-color: rgba(255,255,255,.5); + border-radius: 2.5px; +} + +.bufferBar, +.progressBar { + /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */ + /* margin left/right: 1/2 of scrubber thumb width, for overhang. */ + margin: 10px 22px; + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + min-height: 0; +} + +/* .progress-bar is an element inside the implementation. */ +.bufferBar .progress-bar { + /* + * Note that this is drawn on top of the .backgroundBar. So although this + * has the same background-color specified, the semitransparent + * compositing gives it a different visual appearance. + */ + background-color: rgba(255,255,255,.5); + border-radius: 2.5px; + -moz-appearance: none; +} + +.progressBar .progress-bar { + background-color: white; + border-radius: 2.5px; + -moz-appearance: none; +} + +/* .scale-slider is an element inside the implementation. */ +.scrubber .scale-slider, +.volumeControl .scale-slider { + /* Hide the default horizontal bar. */ + -moz-appearance: none; + background: none; + margin: 0; +} + +.scrubber .scale-slider { + /* abs(margin-top) + margin-bottom + bar height == timeThumb height */ + margin-top: -10px; + margin-bottom: 10px; +} + +/* .scale-thumb is an element inside the implementation. */ +.scrubber .scale-thumb, +.volumeControl .scale-thumb { + /* Override the default thumb appearance with a custom image. */ + -moz-appearance: none; + background: transparent; + border: none; +} + +.timeThumb { + background: url(chrome://global/skin/media/scrubberThumb.png) no-repeat center; + min-width: 45px; + min-height: 28px; + -moz-box-pack: center; +} + +.timeThumb[showhours="true"] { + background-image: url(chrome://global/skin/media/scrubberThumbWide.png); +} + +.timeLabel { + color: rgba(255,255,255,.75); + font-size: 10px; + font-family: Arial, sans-serif; + text-shadow: rgba(0,0,0,.3) 0 1px; + padding-top: 5px; +} + +.statusOverlay { + -moz-box-align: center; + -moz-box-pack: center; + background-color: rgba(0,0,0,.55); +} + +.statusIcon { + margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */ + width: 36px; + height: 36px; +} + +.statusIcon[type="throbber"] { + background: url(chrome://global/skin/media/throbber.png) no-repeat center; +} + +.statusIcon[type="throbber"][stalled] { + background: url(chrome://global/skin/media/stalled.png) no-repeat center; +} + +.statusIcon[type="error"] { + background: url(chrome://global/skin/media/error.png) no-repeat center; +} + +/* Overlay Play button */ +.clickToPlay { + width: 64px; + height: 64px; + -moz-box-pack: center; + -moz-box-align: center; + opacity: 0.7; + background-image: url(chrome://global/skin/media/clicktoplay-bgtexture.png), + url(chrome://global/skin/media/videoClickToPlayButton.svg); + background-repeat: repeat, no-repeat; + background-position: center, center; + background-size: auto, 64px 64px; + background-color: hsla(0,0%,10%,.5); +} +.clickToPlay:hover { + opacity: 1; +} + +/* Statistics formatting */ +html|*.statsDiv { + position: relative; +} +html|td { + height: 1em; + max-height: 1em; + padding: 0 2px; +} +html|table { + font-family: Helvetica, Arial, sans-serif; + font-size: 11px; + color: white; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + min-width: 100%; + background: rgba(68,68,68,.7); + table-layout: fixed; + border-collapse: collapse; + position: absolute; +} + +/* CSS Transitions */ +.clickToPlay { + transition-property: opacity, background-size; + transition-duration: 400ms, 400ms; +} +.clickToPlay[fadeout] { + background-size: auto, 192px 192px; + opacity: 0; +} +.clickToPlay[fadeout][immediate] { + transition-property: opacity, background-size; + transition-duration: 0s, 0s; +} +.controlBar:not([immediate]) { + transition-property: opacity; + transition-duration: 200ms; +} +.controlBar[fadeout] { + opacity: 0; +} +.volumeStack:not([immediate]) { + transition-property: opacity, margin-top; + transition-duration: 200ms, 200ms; +} +.volumeStack[fadeout] { + opacity: 0; + margin-top: 0; +} +.statusOverlay:not([immediate]) { + transition-property: opacity; + transition-duration: 300ms; + transition-delay: 750ms; +} +.statusOverlay[fadeout] { + opacity: 0; +} + +/* Error description formatting */ +.errorLabel { + font-family: Helvetica, Arial, sans-serif; + font-size: 11px; + color: #bbb; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + padding: 0 10px; + text-align: center; +} diff --git a/arc-firefox-theme/chrome/global/media/volume-empty.png b/arc-firefox-theme/chrome/global/media/volume-empty.png new file mode 100644 index 0000000..589abfb Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/volume-empty.png differ diff --git a/arc-firefox-theme/chrome/global/media/volume-full.png b/arc-firefox-theme/chrome/global/media/volume-full.png new file mode 100644 index 0000000..4398a56 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/volume-full.png differ diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css new file mode 100644 index 0000000..a49b781 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu.css @@ -0,0 +1,199 @@ +/* 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/. */ + +/* ===== menu.css ======================================================= + == Styles used by XUL menu-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: menu/menuitem ::::: */ + +menu, +menuitem, +.splitmenu-menuitem { + -moz-appearance: menuitem; + -moz-box-align: center; + max-width: 42em; + color: MenuText; + font: menu; + list-style-image: none; + -moz-image-region: auto; +} + +menuitem[default="true"] { + font-weight: bold; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"], +.splitmenu-menuitem[_moz-menuactive="true"] { + color: -moz-menuhovertext; + background-color: -moz-menuhover; +} + +menu[disabled="true"], +menuitem[disabled="true"], +.splitmenu-menuitem[disabled="true"] { + color: GrayText; +} + +menubar > menu { + padding: 0px 4px; + color: -moz-menubartext; +} + +menubar:-moz-lwtheme > menu { + text-shadow: none; +} + +menubar:-moz-lwtheme > menu:not([open="true"]) { + color: inherit; + text-shadow: inherit; +} + +menubar > menu[_moz-menuactive="true"]:not([open]):not([disabled="true"]):not(:-moz-lwtheme) { + color: -moz-menubartext; +} + +menubar > menu[open] { + color: -moz-menubarhovertext; + background-color: -moz-menuhover; +} +menuitem.spell-suggestion { + font-weight:bold; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +menulist > menupopup > menuitem, +menulist > menupopup > menu { + padding: 1px 5px; + max-width: none; + font: message-box; +} + +/* ..... internal content .... */ + +.menu-text, +.menu-iconic-left, +.menu-iconic-text { + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 0px !important; + -moz-margin-end: 2px !important; + color: inherit; +} + +.menu-text { + /* This is (18 + the size of end-padding on .menu-iconic-left)px */ + -moz-margin-start: 21px !important; + font-weight: inherit; +} + +.menu-description { + font-style: italic; + color: GrayText; + -moz-margin-start: 1ex !important; +} + +.menu-accel, +.menu-iconic-accel { + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 7px !important; + color: inherit; +} + +.menu-accel-container { + -moz-box-pack: end; +} + +.menu-iconic-left { + width: 16px; + /* We can only hardcode this, to make the default GTK icon<->label spacing */ + -moz-padding-end: 3px !important; +} + +.menu-iconic-icon { + width: 16px; + height: 16px; +} + +.menu-right { + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 6px; + -moz-margin-end: 0px; + width: 1ex; + height: 1ex; + /* These next two rules are needed to prevent inheritance and thus ugliness */ + list-style-image: none; + -moz-image-region: auto; + -moz-appearance: menuarrow; +} + +.menubar-left { + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 0px; + -moz-margin-end: 2px; + color: inherit; +} + +.menubar-text { + margin: 0 1px !important; + color: inherit; +} + + +menulist > menupopup > menuitem > .menu-iconic-left, +menulist > menupopup > menu > .menu-iconic-left { + display: none; +} + +/* ::::: checkbox menuitem ::::: */ + +menuitem[checked="true"] { + -moz-appearance: checkmenuitem !important; +} + +menuitem[type="checkbox"] { + -moz-appearance: checkmenuitem !important; +} + +/* ::::: radio menuitem ::::: */ + +menuitem[type="radio"] { + -moz-appearance: radiomenuitem !important; +} + +/* ::::: menuseparator ::::: */ + +menuseparator { + -moz-appearance: menuseparator !important; + margin: 2px 0; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + +menulist > menupopup > menuseparator { + border-top: 1px solid #000000; + border-bottom: none; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup > menuitem { + max-width: none !important; + font: message-box; +} + +/* ::::: tree column picker ::::: */ + +.treecell-popupcell-menu { + -moz-margin-start: -2px; + list-style-image: url("chrome://global/skin/columnselect.gif"); + -moz-image-region: auto; +} diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg new file mode 100644 index 0000000..8ef2c40 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg new file mode 100644 index 0000000..74ee2c8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg new file mode 100644 index 0000000..d52d3d6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check.png b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png new file mode 100644 index 0000000..d82635a Binary files /dev/null and b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png differ diff --git a/arc-firefox-theme/chrome/global/menulist.css b/arc-firefox-theme/chrome/global/menulist.css new file mode 100644 index 0000000..d33c4d2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menulist.css @@ -0,0 +1,83 @@ +/* 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/. */ + +/* ===== menulist.css =================================================== + == Styles used by the XUL menulist element. + ====================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* :::::::::: menulist :::::::::: */ + +menulist { + -moz-appearance: menulist; + margin: 2px 4px; + color: -moz-DialogText; + font: menu; + text-shadow: none; +} + +.menulist-label-box { + -moz-appearance: menulist-text; + -moz-box-align: center; + -moz-box-pack: center; + color: inherit; +} + +.menulist-label { + margin: 1px 3px !important; +} + +.menulist-dropmarker { + display: none; +} + +menulist:hover { + color: -moz-buttonhovertext; +} + +menulist:hover:active, +menulist[open="true"] { + color: ButtonText; +} + +menulist[disabled="true"], +menulist[disabled="true"]:hover, +menulist[disabled="true"]:hover:active { + color: GrayText; +} + +.menulist-description { + font-style: italic; + color: GrayText; + -moz-margin-start: 1ex !important; +} + +/* ::::: editable menulists ::::: */ + +menulist[editable="true"] { + -moz-appearance: none; + color: -moz-FieldText; +} + +.menulist-editable-box { + -moz-appearance: menulist-textfield; + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; +} + +menulist[editable="true"] > .menulist-dropmarker { + display: -moz-box; + -moz-appearance: menulist-button; +} + +html|*.menulist-editable-input { + margin: 0px !important; + border: none !important; + padding: 0px !important; + font: inherit; +} diff --git a/arc-firefox-theme/chrome/global/netError.css b/arc-firefox-theme/chrome/global/netError.css new file mode 100644 index 0000000..77e3cea --- /dev/null +++ b/arc-firefox-theme/chrome/global/netError.css @@ -0,0 +1,145 @@ +/* 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/. */ + +/* + * This defines the look-and-feel styling of the error pages. + * (see: netError.xhtml) + * + * Original styling by William Price + * Updated by: Michael Ventnor + */ + +html { + background: -moz-Dialog; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +ul, ol { + margin: 0; + -moz-margin-start: 1.5em; + padding: 0; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: square; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer.certerror { + background-image: url("chrome://global/skin/icons/sslWarning.png"); +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +#errorShortDesc > p { + overflow: auto; + border-bottom: 1px solid ThreeDLightShadow; + padding-bottom: 1em; + font-size: 130%; + white-space: pre-wrap; +} + +#errorLongDesc { + -moz-padding-end: 3em; + font-size: 110%; +} + +#errorLongDesc > p { +} + +#errorTryAgain { + margin-top: 2em; + -moz-margin-start: 80px; +} + +#brand { + position: absolute; + right: 0; + bottom: -1.5em; + -moz-margin-end: 10px; + opacity: .4; +} + +#brand:-moz-dir(rtl) { + right: auto; + left: 0; +} + +#brand > p { + margin: 0; +} + +#errorContainer { + display: none; +} + +#securityOverrideDiv { + padding-top: 10px; +} + +#securityOverrideContent { + background-color: InfoBackground; + color: InfoText; + padding: 10px; + border-radius: 10px; +} + +/* Custom styling for 'blacklist' error class */ +:root.blacklist #errorTitle, :root.blacklist #errorLongContent, +:root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, +:root.blacklist a { + background-color: #722; /* Dark red */ + color: white; +} + +:root.blacklist #errorPageContainer { + background-image: url("chrome://global/skin/icons/blacklist_large.png"); + background-color: #722; +} + +:root.blacklist { + background: #333; +} + +:root.blacklist #errorTryAgain { + display: none; +} diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css new file mode 100644 index 0000000..2eb2abf --- /dev/null +++ b/arc-firefox-theme/chrome/global/notification.css @@ -0,0 +1,89 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +notification { + color: InfoText; + background-color: InfoBackground; + text-shadow: none; +} + +notification[type="info"] { + color: -moz-DialogText; + background-color: -moz-Dialog; +} + +notification[type="critical"] { + color: white; + background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); +} + +.notification-inner { + padding-top: 1px; + padding-bottom: 1px; +} + +.messageText { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.messageText > .text-link { + color: inherit !important; + text-decoration: underline; +} + +.messageImage { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 1px; +} + +/* Default icons for notifications */ + +.messageImage[type="info"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +.messageImage[type="warning"] { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); +} + +.messageImage[type="critical"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.messageCloseButton { + padding-left: 11px; + padding-right: 11px; +} + +/* Popup notification */ + +.popup-notification-body { + max-width: 25em; +} + +.popup-notification-origin:not([value]), +.popup-notification-learnmore-link:not([href]) { + display: none; +} + +.popup-notification-origin { + margin-bottom: .3em !important; +} + +.popup-notification-learnmore-link { + margin-top: .5em !important; +} + +.popup-notification-button-container { + margin-top: 17px; +} + +.popup-notification-menubutton > .button-menubutton-button[disabled] { + opacity: 0.5; +} diff --git a/arc-firefox-theme/chrome/global/numberbox.css b/arc-firefox-theme/chrome/global/numberbox.css new file mode 100644 index 0000000..867e0a6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/numberbox.css @@ -0,0 +1,38 @@ +/* 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/. */ + +/* ===== numberbox.css ================================================== + == Styles used by the XUL textbox type="number" element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +textbox[type="number"] { + -moz-appearance: none; + padding: 0 !important; + border: none; + cursor: default; + background-color: transparent; +} + +html|*.numberbox-input { + text-align: right; +} + +.numberbox-input-box { + -moz-box-align: center; + -moz-appearance: spinner-textfield; + margin-right: -1px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 3px; +} + +textbox[hidespinbuttons="true"] > .numberbox-input-box { + -moz-appearance: textfield; +} diff --git a/arc-firefox-theme/chrome/global/passwordmgr.css b/arc-firefox-theme/chrome/global/passwordmgr.css new file mode 100644 index 0000000..b3c7b59 --- /dev/null +++ b/arc-firefox-theme/chrome/global/passwordmgr.css @@ -0,0 +1,13 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.contentPane { + margin: 9px 8px 5px 8px; +} + +.actionButtons { + margin: 0px 3px 6px 3px !important; +} diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css new file mode 100644 index 0000000..1c5bc50 --- /dev/null +++ b/arc-firefox-theme/chrome/global/popup.css @@ -0,0 +1,100 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: menupopup ::::: */ + +menupopup, +panel { + -moz-appearance: menupopup; + min-width: 1px; + color: MenuText; +} + +/* ::::: arrow panel ::::: */ + +panel[type="arrow"] { + -moz-appearance: none; +} + +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] { + margin-left: -16px; + margin-right: -16px; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] { + margin-top: -16px; + margin-bottom: -16px; +} + +.panel-arrowcontent { + padding: 10px; + color: -moz-DialogText; + background: -moz-Dialog; + border: 1px solid ThreeDShadow; +} + +.panel-arrow[side="top"], +.panel-arrow[side="bottom"] { + list-style-image: url("chrome://global/skin/icons/panelarrow-vertical.svg"); + position: relative; + margin-left: 6px; + margin-right: 6px; +} + +.panel-arrow[side="top"] { + margin-bottom: -1px; +} + +.panel-arrow[side="bottom"] { + transform: scaleY(-1); + margin-top: -1px; +} + +.panel-arrow[side="left"], +.panel-arrow[side="right"] { + list-style-image: url("chrome://global/skin/icons/panelarrow-horizontal.svg"); + position: relative; + margin-top: 6px; + margin-bottom: 6px; +} + +.panel-arrow[side="left"] { + margin-right: -1px; +} + +.panel-arrow[side="right"] { + transform: scaleX(-1); + margin-left: -1px; +} + +/* ::::: tooltip ::::: */ + +tooltip { + -moz-appearance: tooltip; + margin-top: 21px; + /* GTK hardcodes this to 4px */ + padding: 4px; + max-width: 40em; + color: InfoText; + font: message-box; +} + +tooltip[titletip="true"] { + /* See bug 32157 comment 128 + * margin: -2px 0px 0px -3px; + */ + max-width: none; +} + +/* rules for popups associated with menulists */ + +menulist > menupopup { + padding: 0px; + min-width: 0px; +} + diff --git a/arc-firefox-theme/chrome/global/preferences.css b/arc-firefox-theme/chrome/global/preferences.css new file mode 100644 index 0000000..d71627c --- /dev/null +++ b/arc-firefox-theme/chrome/global/preferences.css @@ -0,0 +1,62 @@ +/* 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/. */ + +/* ===== preferences.css ===================================================== + == Styles used by the XUL prefwindow element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: dialog ::::: */ + +prefwindow { + padding: 0px; +} + +prefpane { + padding: 8px; +} + +prefwindow[type="child"] { + padding: 8px; +} + +prefwindow[type="child"] > prefpane { + padding: 0px; +} + +.prefWindow-dlgbuttons { + padding-bottom: 8px; + -moz-padding-start: 8px; + -moz-padding-end: 8px; +} + +prefwindow[type="child"] .prefWindow-dlgbuttons { + padding: 0px; +} + +radio[pane] { + -moz-appearance: none; + min-width: 4.5em; + margin: 0; + padding: 3px; + color: -moz-FieldText; +} + +.paneSelector { + -moz-appearance: listbox; + margin: 8px 8px 0 8px; + padding: 0; +} + +.paneButtonIcon { + width: 32px; + height: 32px; +} + +radio[pane][selected="true"] { + background-color: Highlight; + color: HighlightText; +} + diff --git a/arc-firefox-theme/chrome/global/printPageSetup.css b/arc-firefox-theme/chrome/global/printPageSetup.css new file mode 100644 index 0000000..d9b17c1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/printPageSetup.css @@ -0,0 +1,11 @@ +/* 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/. */ + +.portrait-page { + list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button"); +} + +.landscape-page { + list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button"); +} diff --git a/arc-firefox-theme/chrome/global/printPreview.css b/arc-firefox-theme/chrome/global/printPreview.css new file mode 100644 index 0000000..81149c9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/printPreview.css @@ -0,0 +1,47 @@ +/* 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/. */ + +/* ..... page navigation ..... */ + +.home-arrow { + list-style-image: url("moz-icon://stock/gtk-goto-first-ltr?size=menu"); +} + +.home-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-goto-first-rtl?size=menu"); +} + +.end-arrow { + list-style-image: url("moz-icon://stock/gtk-goto-last-ltr?size=menu"); +} + +.end-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-goto-last-rtl?size=menu"); +} + +.previous-arrow { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu"); +} + +.previous-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu"); +} + +.next-arrow { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu"); +} + +.next-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu"); +} + +/* ..... orientation ..... */ + +.toolbar-portrait-page { + list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button"); +} + +.toolbar-landscape-page { + list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button"); +} diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png new file mode 100644 index 0000000..e4e60a0 Binary files /dev/null and b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png differ diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png new file mode 100644 index 0000000..02fc98d Binary files /dev/null and b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png differ diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png new file mode 100644 index 0000000..5efbe3a Binary files /dev/null and b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png differ diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png new file mode 100644 index 0000000..e9d68e8 Binary files /dev/null and b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png differ diff --git a/arc-firefox-theme/chrome/global/progressmeter.css b/arc-firefox-theme/chrome/global/progressmeter.css new file mode 100644 index 0000000..623fa7a --- /dev/null +++ b/arc-firefox-theme/chrome/global/progressmeter.css @@ -0,0 +1,43 @@ +/* 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/. */ + +/* ===== progressmeter.css ============================================== + == Styles used by the XUL progressmeter element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: progressmeter ::::: */ + +progressmeter { + -moz-appearance: progressbar; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDHighlight -moz-Dialog; + -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-color: -moz-Dialog; + min-width: 128px; + min-height: 15px; +} + +.progress-bar +{ + -moz-appearance: progresschunk; + min-width: 0px; + background-color: ThreeDShadow; +} + +/* ::::: statusbar progressmeter ::::: */ + +.progressmeter-statusbar { + margin: 0; + border: 0px; + -moz-border-top-colors: ThreeDHighlight -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDHighlight -moz-Dialog; + min-width: 96px; +} diff --git a/arc-firefox-theme/chrome/global/radio.css b/arc-firefox-theme/chrome/global/radio.css new file mode 100644 index 0000000..23c53b5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/radio.css @@ -0,0 +1,110 @@ +/* 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/. */ + +/* ===== radio.css =================================================== + == Styles used by the XUL radio element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: radio ::::: */ + +radio { + -moz-appearance: radio-container; + margin: 2px 4px; + border-left: 2px transparent; + border-right: 2px transparent; +} + +/* With native theming on, the spacer-box paints the radio mark and includes + the spacing to the right, so that oversized radio images can slop over + into the space. + + If we need to disable radio button theming, the spacer box no longer paints + the radio mark, but its fallback CSS border supplies the padding between + the mark and the label. The xul:image then takes over painting the radio + mark. */ + +.radio-spacer-box { + -moz-appearance: radio; + -moz-box-align: center; + margin: 2px; + border-right: 2px solid transparent; +} + +.radio-label-center-box { + -moz-box-align: center; +} + +.radio-label-box { + -moz-appearance: radio-label; +} + +.radio-icon[src] { + -moz-margin-end: 2px; +} + +.radio-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +radio[focused="true"] > .radio-label-center-box > .radio-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { + background-color: -moz-Dialog; +} + +radio[disabled="true"] { + color: GrayText; +} + +/* ::::: checkmark image ::::: */ + +.radio-check-box1 { + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + border-left: 1px solid ThreeDShadow; + border-radius: 50%; + min-width: 12px; + min-height: 12px; + background-color: -moz-Field; +} + +.radio-check-box2 { + border-top: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDLightShadow; + border-bottom: 1px solid ThreeDLightShadow; + border-left: 1px solid ThreeDDarkShadow; + border-radius: 50%; + padding: 2px; + width: 4px; + height: 4px; + list-style-image: none; +} + +radio:not([disabled="true"]):hover { + color: -moz-buttonhovertext; + text-shadow: none; +} + +radio:hover:active > .radio-spacer-box > .radio-check-box1 { + background-color: -moz-Dialog; +} + +/* ..... selected state ..... */ + +radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); +} + +radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important +} diff --git a/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif new file mode 100644 index 0000000..5e9a1cb Binary files /dev/null and b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif differ diff --git a/arc-firefox-theme/chrome/global/radio/radio-check.gif b/arc-firefox-theme/chrome/global/radio/radio-check.gif new file mode 100644 index 0000000..26aa140 Binary files /dev/null and b/arc-firefox-theme/chrome/global/radio/radio-check.gif differ diff --git a/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg new file mode 100644 index 0000000..66551ef --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg @@ -0,0 +1,6 @@ + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg new file mode 100644 index 0000000..b0674b2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg new file mode 100644 index 0000000..6010fbe --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg @@ -0,0 +1,6 @@ + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg new file mode 100644 index 0000000..9da7e03 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg new file mode 100644 index 0000000..249912a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg new file mode 100644 index 0000000..1f21efd --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg new file mode 100644 index 0000000..a25429a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg @@ -0,0 +1,23 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg new file mode 100644 index 0000000..9094d8a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/reader/pocket.svg b/arc-firefox-theme/chrome/global/reader/pocket.svg new file mode 100644 index 0000000..63b22fa --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/pocket.svg @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/arc-firefox-theme/chrome/global/resizer.css b/arc-firefox-theme/chrome/global/resizer.css new file mode 100644 index 0000000..8108d7e --- /dev/null +++ b/arc-firefox-theme/chrome/global/resizer.css @@ -0,0 +1,49 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +resizer { + -moz-appearance: resizer; + background: url("chrome://global/skin/icons/resizer.png") no-repeat; + background-size: 100% 100%; + cursor: se-resize; + width: 15px; + height: 15px; +} + +resizer[rtl="true"], +resizer[dir="bottomend"]:-moz-locale-dir(rtl) { + background: url("chrome://global/skin/icons/resizer-rtl.png") no-repeat; +} + +resizer[dir="left"], +resizer[dir="bottomleft"], +resizer[dir="bottomstart"] { + transform: scaleX(-1); +} + +resizer[dir="bottomleft"], +resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)), +resizer[dir="bottomend"][rtl="true"] { + cursor: sw-resize; +} + +resizer[dir="top"], +resizer[dir="bottom"] { + cursor: ns-resize; +} + +resizer[dir="left"], +resizer[dir="right"] { + cursor: ew-resize; +} + +resizer[dir="topleft"] { + cursor: nw-resize; +} + +resizer[dir="topright"] { + cursor: ne-resize; +} diff --git a/arc-firefox-theme/chrome/global/richlistbox.css b/arc-firefox-theme/chrome/global/richlistbox.css new file mode 100644 index 0000000..90c6e67 --- /dev/null +++ b/arc-firefox-theme/chrome/global/richlistbox.css @@ -0,0 +1,36 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +richlistbox { + -moz-appearance: listbox; + margin: 2px 4px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +richlistbox[disabled="true"] { + color: GrayText; +} + +richlistitem[selected="true"] { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +richlistbox:focus > richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] { + outline: 1px dotted Highlight; + outline-offset: -1px; +} + +richlistbox[seltype="multiple"]:focus > richlistitem[current="true"][selected="true"] { + outline: 1px dotted #F3D982; /* TODO: find a suitable system color */ +} + diff --git a/arc-firefox-theme/chrome/global/scale.css b/arc-firefox-theme/chrome/global/scale.css new file mode 100644 index 0000000..4812546 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scale.css @@ -0,0 +1,50 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: scale ::::: */ + +.scale-slider { + -moz-appearance: scale-horizontal; + background: url("chrome://global/skin/scale/scale-tray-horiz.gif") 0% 50% repeat-x; + margin: 2px 4px; + width: 100px; +} + +.scale-slider[orient="vertical"] +{ + -moz-appearance: scale-vertical; + background: url("chrome://global/skin/scale/scale-tray-vert.gif") 50% 0% repeat-y; + margin: 4px 2px; + width: auto; + height: 100px; +} + +/* ::::: scale thumb ::::: */ + +.scale-thumb { + -moz-appearance: scalethumb-horizontal; + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; + min-width: 30px; + min-height: 15px; +} + +.scale-thumb[orient="vertical"] { + -moz-appearance: scalethumb-vertical; + min-width: 15px; + min-height: 30px; +} + +.scale-thumb[disabled="true"] { + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; +} diff --git a/arc-firefox-theme/chrome/global/scrollbar/slider.gif b/arc-firefox-theme/chrome/global/scrollbar/slider.gif new file mode 100644 index 0000000..355fcb2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/scrollbar/slider.gif differ diff --git a/arc-firefox-theme/chrome/global/scrollbars.css b/arc-firefox-theme/chrome/global/scrollbars.css new file mode 100644 index 0000000..5eba1e3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scrollbars.css @@ -0,0 +1,227 @@ +/* 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/. */ + +/* ===== xulscrollbars.css ============================================== + == Styles used by XUL scrollbar-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ + +/* ::::: scrollbar ::::: */ + +scrollbar { + -moz-appearance: scrollbartrack-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; + pointer-events: auto; +} + +@media all and (-moz-overlay-scrollbars) { + scrollbar[root="true"] { + position: relative; + z-index: 2147483647; /* largest positive value of a signed 32-bit integer */ + } + + scrollbar:not([active="true"]), + scrollbar[disabled="true"] { + visibility: hidden; + } +} + +scrollbar[orient="vertical"] +{ + -moz-appearance: scrollbartrack-vertical; +} + +/* ::::: borders for thumb and buttons ::::: */ + +thumb, +scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; +} + +/* ::::: thumb (horizontal) ::::: */ + +thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; +} + +thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; +} + +/* ::::: scrollbar button ::::: */ + +scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; +} + +scrollbarbutton:hover:active, scrollbarbutton[active="true"] { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-position: 60% 60%; +} + +/* ::::: square at the corner of two scrollbars ::::: */ + +scrollcorner { + /* XXX -moz-appearance: scrollcorner; */ + -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base); + width: 16px; + cursor: default; + background-color: -moz-Dialog; +} + +/* ..... increment .... */ + +scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") +} + +scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") +} + +/* ..... decrement .... */ + +scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") +} + +scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") +} + +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */ +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +@media print { + /* ::::: scrollbar ::::: */ + + html|div scrollbar { + -moz-appearance: scrollbartrack-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; + } + + html|div scrollbar[orient="vertical"] + { + -moz-appearance: scrollbartrack-vertical; + } + + /* ::::: borders for thumb and buttons ::::: */ + + html|div thumb, + html|div scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; + } + + /* ::::: thumb (horizontal) ::::: */ + + html|div thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; + } + + html|div thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; + } + + /* ::::: scrollbar button ::::: */ + + html|div scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; + } + + html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-position: 60% 60%; + } + + /* ..... increment .... */ + + html|div scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") + } + + html|div scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") + } + + /* ..... decrement .... */ + + html|div scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + } + + html|div scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") + } + +} diff --git a/arc-firefox-theme/chrome/global/scrollbox.css b/arc-firefox-theme/chrome/global/scrollbox.css new file mode 100644 index 0000000..90cbc86 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scrollbox.css @@ -0,0 +1,33 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.autorepeatbutton-up > .autorepeatbutton-icon, +.scrollbutton-up > .toolbarbutton-icon { + -moz-appearance: button-arrow-up; +} + +.autorepeatbutton-down > .autorepeatbutton-icon, +.scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: button-arrow-down; +} + +.autorepeatbutton-up[orient="horizontal"] > .autorepeatbutton-icon, +.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon { + -moz-appearance: button-arrow-previous; +} + +.autorepeatbutton-down[orient="horizontal"] > .autorepeatbutton-icon, +.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon { + -moz-appearance: button-arrow-next; +} + +:-moz-any(.scrollbutton-up, .scrollbutton-down) > .toolbarbutton-text { + display: none; +} + +autorepeatbutton { + border: 1px solid ThreeDShadow; +} diff --git a/arc-firefox-theme/chrome/global/spinbuttons.css b/arc-firefox-theme/chrome/global/spinbuttons.css new file mode 100644 index 0000000..a2f2ebf --- /dev/null +++ b/arc-firefox-theme/chrome/global/spinbuttons.css @@ -0,0 +1,65 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +spinbuttons { + -moz-appearance: spinner; + cursor: default; +} + +.spinbuttons-button { + min-width: 13px; + min-height: 11px; + margin: 0 !important; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: ThreeDFace; +} + +.spinbuttons-button > .button-box { + border: 0; +} + +.spinbuttons-button:hover:active +{ + border: 2px solid; + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; +} + +.spinbuttons-button[disabled="true"] { + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; +} + +.spinbuttons-up { + -moz-appearance: spinner-upbutton; + background-image: url("chrome://global/skin/arrow/arrow-up.gif"); + background-position: center center; + background-repeat: no-repeat; +} + +.spinbuttons-up[disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +.spinbuttons-down { + -moz-appearance: spinner-downbutton; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + background-position: center center; + background-repeat: no-repeat; +} + +.spinbuttons-down[disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/splitter.css b/arc-firefox-theme/chrome/global/splitter.css new file mode 100644 index 0000000..193539d --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter.css @@ -0,0 +1,65 @@ +/* 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/. */ + +/* ===== splitter.css =================================================== + == Styles used by the XUL splitter element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: splitter (vertical) ::::: */ + +splitter { + -moz-appearance: splitter; + -moz-box-align: center; + -moz-box-pack: center; + cursor: ew-resize; +} + +splitter[state="collapsed"][collapse="before"], +splitter[state="collapsed"][substate="before"], +splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), +splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { + cursor: e-resize; +} + +splitter[state="collapsed"][collapse="after"], +splitter[state="collapsed"][substate="after"], +splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl), +splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) { + cursor: w-resize; +} + +/* ::::: splitter (horizontal) ::::: */ + +splitter[orient="vertical"] { + cursor: ns-resize; +} + +splitter[orient="vertical"][state="collapsed"][collapse="before"], +splitter[orient="vertical"][state="collapsed"][substate="before"] { + cursor: s-resize; +} + +splitter[orient="vertical"][state="collapsed"][collapse="after"], +splitter[orient="vertical"][state="collapsed"][substate="after"] { + cursor: n-resize; +} + +splitter[disabled="true"] { + cursor: default !important; +} + +/* ::::: splitter grippy ::::: */ + +grippy { + cursor: pointer; + min-width: 4px; + min-height: 115px; +} + +splitter[orient="vertical"] > grippy { + min-width: 115px; + min-height: 4px; +} diff --git a/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif new file mode 100644 index 0000000..af6290f Binary files /dev/null and b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif differ diff --git a/arc-firefox-theme/chrome/global/splitter/grip-left.gif b/arc-firefox-theme/chrome/global/splitter/grip-left.gif new file mode 100644 index 0000000..6be9bc4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/splitter/grip-left.gif differ diff --git a/arc-firefox-theme/chrome/global/splitter/grip-right.gif b/arc-firefox-theme/chrome/global/splitter/grip-right.gif new file mode 100644 index 0000000..71be690 Binary files /dev/null and b/arc-firefox-theme/chrome/global/splitter/grip-right.gif differ diff --git a/arc-firefox-theme/chrome/global/splitter/grip-top.gif b/arc-firefox-theme/chrome/global/splitter/grip-top.gif new file mode 100644 index 0000000..3cba005 Binary files /dev/null and b/arc-firefox-theme/chrome/global/splitter/grip-top.gif differ diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css new file mode 100644 index 0000000..f575996 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tabbox.css @@ -0,0 +1,91 @@ +/* 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/. */ + +/* ===== tabbox.css ================================================= + == Styles used by XUL tab-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + + +/* ::::: tabs ::::: */ + +tabs { + position: relative; + z-index: 0; +} + +/* ::::: tabpanels ::::: */ + +tabpanels { + -moz-appearance: tabpanels; + border: 2px solid; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + padding: 8px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab { + position: relative; + -moz-appearance: tab; + margin-top: 2px; + border: 2px solid; + border-bottom: none; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + padding: 3px 4px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +tab[visuallyselected="true"] { + z-index: 1; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + padding-top: 4px; + padding-bottom: 6px; +} + +tab + tab { + -moz-margin-start: -2px; +} + +.tab-text { + margin: 0 !important; +} + +/* ::::: tab-bottom :::::::::: + :: Tabs that are attached to the bottom of a panel, but not necessarily + :: a tabpanels. + ::::: */ + +.tab-bottom { + margin-top: 0; + margin-bottom: 2px; + border-top: none; + border-bottom: 2px solid; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.tab-bottom[visuallyselected="true"] { + margin-bottom: 0; + margin-top: -2px; + padding-top: 6px; + padding-bottom: 4px; +} diff --git a/arc-firefox-theme/chrome/global/tabprompts.css b/arc-firefox-theme/chrome/global/tabprompts.css new file mode 100644 index 0000000..e9461d6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tabprompts.css @@ -0,0 +1,27 @@ +/* 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/. */ + +/* Tab Modal Prompt boxes */ +tabmodalprompt { + background-image: url(chrome://global/skin/icons/tabprompts-bgtexture.png); + background-color: hsla(0,0%,10%,.5); + font-family: sans-serif; /* use content font not system UI font */ +} + +.mainContainer { + color: -moz-fieldText; + background-color: -moz-field; + border-radius: 2px; + border: 1px solid threeDDarkShadow; +} + +.topContainer { + padding: 20px; +} + +.buttonContainer { + padding: 12px 20px 15px; + background-color: hsla(0,0%,0%,.05); + border-top: 1px solid hsla(0,0%,0%,.05); +} diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css new file mode 100644 index 0000000..d0ce11a --- /dev/null +++ b/arc-firefox-theme/chrome/global/textbox.css @@ -0,0 +1,147 @@ +/* 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/. */ + +/* ===== textbox.css ================================================== + == Styles used by the XUL textbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: textbox ::::: */ + +textbox { + -moz-appearance: textfield; + cursor: text; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 2px 2px 3px; + -moz-padding-start: 4px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +html|*.textbox-input, +html|*.textbox-textarea { + margin: 0px !important; + border: none !important; + padding: 0px 1px !important; + background-color: inherit; + color: inherit; + font: inherit; +} + +.textbox-contextmenu { + cursor: default; +} + +/* ..... readonly state ..... */ + +textbox[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ..... disabled state ..... */ + +textbox[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: plain textbox ::::: */ + +textbox.plain { + -moz-appearance: none !important; + background-color: transparent; + padding: 0px !important; + margin: 0px !important; + border: none !important; +} + +textbox.plain html|*.textbox-input, +textbox.plain html|*.textbox-textarea { + padding: 0px !important; +} + +/* ::::: search textbox ::::: */ + +.textbox-search-icon { + list-style-image: url(moz-icon://stock/gtk-find?size=menu); +} + +.textbox-search-clear { + list-style-image: url(moz-icon://stock/gtk-clear?size=menu); +} + +.textbox-search-icon[searchbutton]:not([disabled]) , +.textbox-search-clear:not([disabled]) { + cursor: pointer; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { + visibility: hidden; +} + +/* ::::: context menu ::::: */ + +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +menuitem[cmd="cmd_undo"] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +menuitem[cmd="cmd_undo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_cut"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +menuitem[cmd="cmd_cut"][disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_copy"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +menuitem[cmd="cmd_copy"][disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_paste"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +menuitem[cmd="cmd_paste"][disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_delete"] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +menuitem[cmd="cmd_delete"][disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_selectAll"] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +menuitem[cmd="cmd_selectAll"][disabled] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled"); +} + diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css new file mode 100644 index 0000000..05a6c2d --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbar.css @@ -0,0 +1,113 @@ +/* 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/. */ + +/* ===== toolbar.css ==================================================== + == Styles used by XUL toolbar-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbox ::::: */ + +toolbox { + -moz-appearance: toolbox; +} + +/* ::::: menubar & toolbar ::::: */ + +toolbar { + -moz-appearance: toolbar; + min-width: 1px; + min-height: 20px; + padding: 2px 0px; +} + +menubar, toolbar[type="menubar"] { + -moz-appearance: menubar; + color: -moz-menubartext; + min-width: 1px; + min-height: 20px; + padding: 1px 0px; +} + +menubar:-moz-lwtheme, +toolbar:-moz-lwtheme { + -moz-appearance: none; + color: inherit; +} + +/* in browser.xul, the menubar is inside a toolbar... */ +toolbaritem > menubar { + -moz-appearance: none; +} + +/* ::::: toolbar decorations ::::: */ + +toolbarseparator { + -moz-appearance: separator !important; + margin : 0; + border: 0; + min-width: 2px; +} + +toolbarspacer { + width: 15px; +} + +/* ::::: toolbarpaletteitem ::::: */ + +toolbarpaletteitem { + cursor: grab; +} + +.toolbarpaletteitem-box[type="spacer"], +.toolbarpaletteitem-box[type="spring"] { + border: 1px solid #808080; + background-color: #FFF !important; +} + +toolbarpaletteitem[place="toolbar"] > toolbarspacer { + width: 11px; +} + +.toolbarpaletteitem-box[type="spacer"][place="toolbar"], +.toolbarpaletteitem-box[type="spring"][place="toolbar"] { + margin-top: 2px; + margin-bottom: 2px; + -moz-margin-start: 0px; + -moz-margin-end: 2px; +} + +.toolbarpaletteitem-box[type="separator"][place="palette"] { + width: 2px; + height: 50px; +} + +.toolbarpaletteitem-box[type="spacer"][place="palette"], +.toolbarpaletteitem-box[type="spring"][place="palette"] { + margin-bottom: 2px; + width: 50px; + height: 50px; +} + +.toolbarpaletteitem-box[type="spring"][place="palette"] { + background: url("chrome://global/skin/toolbar/spring.png") no-repeat center; +} + +/* ..... drag and drop feedback ..... */ + +toolbarpaletteitem[place="toolbar"] { + margin-left: -2px; + margin-right: -2px; + border-left: 2px solid transparent; + border-right: 2px solid transparent; +} + +toolbarpaletteitem[dragover="left"] { + border-left-color: #000000; +} + +toolbarpaletteitem[dragover="right"] { + border-right-color: #000000; +} diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png new file mode 100644 index 0000000..861e41a Binary files /dev/null and b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png differ diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron.gif b/arc-firefox-theme/chrome/global/toolbar/chevron.gif new file mode 100644 index 0000000..cccba6e Binary files /dev/null and b/arc-firefox-theme/chrome/global/toolbar/chevron.gif differ diff --git a/arc-firefox-theme/chrome/global/toolbar/spring.png b/arc-firefox-theme/chrome/global/toolbar/spring.png new file mode 100644 index 0000000..3340f47 Binary files /dev/null and b/arc-firefox-theme/chrome/global/toolbar/spring.png differ diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css new file mode 100644 index 0000000..4a11f72 --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbarbutton.css @@ -0,0 +1,149 @@ +/* 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/. */ + +/* ===== toolbarbutton.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbarbutton ::::: */ + +toolbarbutton { + -moz-appearance: toolbarbutton; + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; + padding: 3px; + color: -moz-DialogText; +} + +toolbarbutton:-moz-lwtheme { + text-shadow: none; +} + +.toolbarbutton-icon[label]:not([label=""]), +.toolbarbutton-icon[type="menu"] { + -moz-margin-end: 2px; +} + +.toolbarbutton-text { + margin: 0 !important; /* !important for overriding global.css */ + text-align: center; +} + +toolbarbutton.tabbable { + -moz-user-focus: normal !important; +} + +toolbarbutton:hover { + color: -moz-buttonhovertext; +} + +toolbarbutton:hover:active, +toolbarbutton[open="true"] { + padding-top: 4px; + padding-bottom: 2px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + color: ButtonText; +} + +toolbarbutton[disabled="true"], +toolbarbutton[disabled="true"]:hover, +toolbarbutton[disabled="true"]:hover:active, +toolbarbutton[disabled="true"][open="true"] { + padding: 3px; + color: GrayText; +} + +toolbarbutton[checked="true"]:not(:hover) { + color: ButtonText; +} + +toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) { + color: inherit; + text-shadow: inherit; +} + +/* ::::: toolbarbutton menu ::::: */ + +.toolbarbutton-menu-dropmarker { + -moz-appearance: toolbarbutton-dropdown !important; + list-style-image: none; + -moz-image-region: auto; + padding: 0; + margin: 0; +} + +.toolbarbutton-menu-dropmarker[disabled="true"] { + padding: 0 !important; +} + +/* ::::: toolbarbutton menu-button ::::: */ + +toolbarbutton[type="menu-button"] { + -moz-box-align: stretch; + -moz-appearance: dualbutton; + -moz-box-orient: horizontal !important; +} + +toolbarbutton[type="menu-button"], +toolbarbutton[type="menu-button"]:hover, +toolbarbutton[type="menu-button"]:hover:active, +toolbarbutton[type="menu-button"][open="true"], +toolbarbutton[type="menu-button"][disabled="true"], +toolbarbutton[type="menu-button"][disabled="true"]:hover, +toolbarbutton[type="menu-button"][disabled="true"]:hover:active { + padding: 0 !important; +} + +.toolbarbutton-menubutton-button { + -moz-box-align: center; + -moz-box-pack: center; + -moz-box-orient: vertical; +} + +/* ::::: toolbarbutton badged ::::: */ + +.toolbarbutton-badge { + background-color: #d90000; +} + +.toolbarbutton-badge::after { + /* The |content| property is set in the content stylesheet. */ + font-size: 10px; + font-weight: bold; + padding: 1px 2px 2px; + color: #fff; + background-color: inherit; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, + 0 -1px 0 hsla(0, 0%, 0%, .1) inset, + 0 1px 0 hsla(206, 50%, 10%, .2); + position: absolute; + top: -4px; + right: -2px; + min-width: 10px; + line-height: 10px; + text-align: center; +} + +.toolbarbutton-badge:-moz-locale-dir(rtl)::after { + left: -2px; + right: auto; +} + +.toolbarbutton-badge-container { + position: relative; +} + +/* .......... dropmarker .......... */ + +.toolbarbutton-menubutton-dropmarker { + margin: 0 3px; + -moz-appearance: toolbarbutton-dropdown !important; + list-style-image: none; + -moz-image-region: auto; +} diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css new file mode 100644 index 0000000..24bba1b --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree.css @@ -0,0 +1,358 @@ +/* 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/. */ + +/* ===== tree.css =================================================== + == Styles used by the XUL outline element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: tree ::::: */ + +tree { + margin: 0px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; + -moz-appearance: listbox; +} + +/* ::::: tree focusring ::::: */ + +.focusring > .tree-stack > .tree-rows > .tree-bodybox { + border: 1px solid transparent; +} + +.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { + border: 1px solid #000000; +} + + +/* ::::: tree rows ::::: */ + +treechildren::-moz-tree-row { + border: 1px solid transparent; + min-height: 18px; + height: 1.3em; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) { + background-color: -moz-oddtreerow; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { + background-color: -moz-cellhighlight; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) { + background-color: Highlight; +} + +treechildren::-moz-tree-row(current, focus) { + border: 1px dotted Highlight; +} + +treechildren::-moz-tree-row(selected, current, focus) { + border: 1px dotted #F3D982; +} + +tree[seltype="cell"] > treechildren::-moz-tree-row, +tree[seltype="text"] > treechildren::-moz-tree-row { + border: none; + background-color: transparent; +} + +/* ::::: tree cells ::::: */ + +treechildren::-moz-tree-cell { + padding: 0px 2px 0px 2px; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text, +tree[seltype="text"] > treechildren::-moz-tree-cell-text, +treechildren::-moz-tree-cell-text { + color: inherit; +} + +treechildren::-moz-tree-cell-text(selected) { + color: -moz-cellhighlighttext; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell { + border: 1px solid transparent; + padding: 0px 1px 0px 1px; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text { + border: 1px solid transparent; + padding: 0px 1px 1px 1px; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { + background-color: -moz-cellhighlight; +} +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { + color: -moz-cellhighlighttext; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +treechildren::-moz-tree-cell-text(selected, focus) { + color: HighlightText; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { + background-color: Highlight; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + background-color: Highlight; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + color: HighlightText; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + color: HighlightText; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { + border: 1px dotted #000000; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { + border: 1px dotted #000000; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { + border: 1px dotted #C0C0C0; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { + border: 1px dotted #C0C0C0; +} + +/* ::::: lines connecting cells ::::: */ + +tree[seltype="cell"] > treechildren::-moz-tree-line, +tree[seltype="text"] > treechildren::-moz-tree-line, +treechildren::-moz-tree-line { + border: 1px dotted ThreeDShadow; +} + +tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), +treechildren::-moz-tree-line(selected, focus) { + border: 1px dotted HighlightText; +} + + +/* ::::: tree separator ::::: */ + +treechildren::-moz-tree-separator { + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + + +/* ::::: drop feedback ::::: */ + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), +tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), +treechildren::-moz-tree-cell-text(primary, dropOn) { + background-color: Highlight; + color: HighlightText; +} + +treechildren::-moz-tree-drop-feedback { + background-color: Highlight; + width: 50px; + height: 2px; + -moz-margin-start: 5px; +} + +/* ::::: tree progress meter ::::: */ + +treechildren::-moz-tree-progressmeter { + margin: 2px 4px; + padding: 1px; + border: 1px solid; + border-top-color: ThreeDShadow; + border-right-color: ThreeDHighlight; + border-bottom-color: ThreeDHighlight; + border-left-color: ThreeDShadow; + background-color: -moz-Dialog; + color: ThreeDShadow; +} + +treechildren::-moz-tree-progressmeter(progressUndetermined) { + list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); +} + +treechildren::-moz-tree-cell-text(progressmeter) { + margin: 2px 4px; +} + +/* ::::: tree columns ::::: */ + +treecol, +treecolpicker { + -moz-appearance: treeheadercell; + -moz-box-align: center; + -moz-box-pack: center; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: -moz-Dialog; + color: -moz-DialogText; + padding: 0px 2px; +} + +treecol:hover, +treecolpicker:hover { + color: -moz-buttonhovertext; +} + +.treecol-image { + padding: 0px 1px; +} + +.treecol-text { + margin: 0px !important; +} + +treecol[hideheader="true"] { + -moz-appearance: none; + border: none; + padding: 0; +} + +/* ..... internal box ..... */ + +treecol:hover:active, +treecolpicker:hover:active { + color: ButtonText; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDShadow transparent; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 3px; + -moz-padding-end: 1px; +} + +.treecol-image:hover:active { + padding: 0px; + -moz-padding-start: 2px; +} + +treecol:hover:active .treecol-text { + margin: 1px 0px -1px 0px !important; +} + +/* ::::: column drag and drop styles ::::: */ + +treecol[dragging="true"] { + -moz-border-top-colors: ThreeDDarkShadow transparent !important; + -moz-border-right-colors: ThreeDDarkShadow transparent!important; + -moz-border-bottom-colors: ThreeDDarkShadow transparent !important; + -moz-border-left-colors: ThreeDDarkShadow transparent !important; + background-color: ThreeDShadow !important; + color: ThreeDHighlight !important; +} + +treecol[insertafter="true"]:-moz-locale-dir(ltr), +treecol[insertbefore="true"]:-moz-locale-dir(rtl) { + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; +} + +treecol[insertafter="true"]:-moz-locale-dir(rtl), +treecol[insertbefore="true"]:-moz-locale-dir(ltr) { + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; +} + +treechildren::-moz-tree-column(insertbefore) { + -moz-border-start: 1px solid ThreeDShadow; +} + +treechildren::-moz-tree-column(insertafter) { + -moz-border-end: 1px solid ThreeDShadow; +} + +/* ::::: sort direction indicator ::::: */ + +.treecol-sortdirection { + -moz-appearance: treeheadersortarrow; +} + +/* ::::: column picker ::::: */ + +.tree-columnpicker-icon { + list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); +} + +/* ::::: twisty ::::: */ + +treechildren::-moz-tree-twisty { + -moz-appearance: treetwisty; + -moz-padding-end: 4px; + padding-top: 1px; + width: 9px; /* The image's width is 9 pixels */ + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +treechildren::-moz-tree-twisty(open) { + -moz-appearance: treetwistyopen; + width: 9px; /* The image's width is 9 pixels */ + list-style-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +treechildren::-moz-tree-indentation { + width: 18px; +} + +/* ::::: gridline style ::::: */ + +treechildren.gridlines::-moz-tree-cell { + border-right: 1px solid transparent !important; + border-bottom: 1px solid transparent !important; +} + +treechildren.gridlines::-moz-tree-row { + border: none; +} + +/* ::::: editable tree ::::: */ + +treechildren::-moz-tree-row(selected, editing) { + background-color: transparent; + border: none; +} + +treechildren::-moz-tree-cell-text(selected, editing) { + color: inherit; +} + +.tree-input { + -moz-appearance: none; + border: 1px solid Highlight; + -moz-border-top-colors: Highlight; + -moz-border-bottom-colors: Highlight; + -moz-border-left-colors: Highlight; + -moz-border-right-colors: Highlight; + margin: 0; + -moz-margin-start: -4px; + padding: 1px; +} diff --git a/arc-firefox-theme/chrome/global/tree/columnpicker.gif b/arc-firefox-theme/chrome/global/tree/columnpicker.gif new file mode 100644 index 0000000..88c13a0 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/columnpicker.gif differ diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png new file mode 100644 index 0000000..60892b9 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png differ diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc.png b/arc-firefox-theme/chrome/global/tree/sort-asc.png new file mode 100644 index 0000000..4e335c5 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/sort-asc.png differ diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png new file mode 100644 index 0000000..b2f04ec Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png differ diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc.png b/arc-firefox-theme/chrome/global/tree/sort-dsc.png new file mode 100644 index 0000000..d5bb668 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/sort-dsc.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png new file mode 100644 index 0000000..1b65197 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png new file mode 100644 index 0000000..763c1da Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png new file mode 100644 index 0000000..02f4e32 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png new file mode 100644 index 0000000..f67f60c Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png new file mode 100644 index 0000000..a0157cc Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png new file mode 100644 index 0000000..31c9478 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png new file mode 100644 index 0000000..4e606d2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png differ diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open.png b/arc-firefox-theme/chrome/global/tree/twisty-open.png new file mode 100644 index 0000000..b8b7583 Binary files /dev/null and b/arc-firefox-theme/chrome/global/tree/twisty-open.png differ diff --git a/arc-firefox-theme/chrome/global/wizard.css b/arc-firefox-theme/chrome/global/wizard.css new file mode 100644 index 0000000..4bf7d51 --- /dev/null +++ b/arc-firefox-theme/chrome/global/wizard.css @@ -0,0 +1,54 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.wizard-header { + border-bottom: 2px groove ThreeDFace; + background-color: Window; + color: WindowText; +} + +.wizard-header-box-1 { + padding: 5px 0px 5px 0px; +} + +wizard[description=""] .wizard-header-description { + display: none; +} + +.wizard-header-label { + -moz-margin-start: 23px; + font-weight: bold; +} + +.wizard-header-description { + -moz-margin-start: 44px; +} + +wizard[branded="true"] .wizard-header-icon { + list-style-image: url("chrome://branding/content/icon48.png"); + -moz-margin-end: 5px; +} + +.wizard-page-box { + margin: 10px 44px; +} + +.wizard-buttons-separator { + margin-bottom: 0px !important; +} + +.wizard-buttons-box-2 { + margin: 10px; +} + +.wizard-button[dlgtype="finish"], +.wizard-button[dlgtype="next"] { + -moz-margin-start: 0px !important; +} + +.wizard-button[dlgtype="back"] { + -moz-margin-end: 0px !important; +} -- cgit v1.2.3