diff options
Diffstat (limited to 'comm/suite/themes/modern/navigator')
35 files changed, 1530 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/navigator/btn1/feeds.png b/comm/suite/themes/modern/navigator/btn1/feeds.png Binary files differnew file mode 100644 index 0000000000..61853ac262 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/feeds.png diff --git a/comm/suite/themes/modern/navigator/btn1/first-dis.png b/comm/suite/themes/modern/navigator/btn1/first-dis.png Binary files differnew file mode 100644 index 0000000000..c9bbb8e759 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/first-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/first-hov.png b/comm/suite/themes/modern/navigator/btn1/first-hov.png Binary files differnew file mode 100644 index 0000000000..e5bd045c82 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/first-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/first.png b/comm/suite/themes/modern/navigator/btn1/first.png Binary files differnew file mode 100644 index 0000000000..bdfca7c38e --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/first.png diff --git a/comm/suite/themes/modern/navigator/btn1/last-dis.png b/comm/suite/themes/modern/navigator/btn1/last-dis.png Binary files differnew file mode 100644 index 0000000000..c67a320d22 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/last-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/last-hov.png b/comm/suite/themes/modern/navigator/btn1/last-hov.png Binary files differnew file mode 100644 index 0000000000..e97442907c --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/last-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/last.png b/comm/suite/themes/modern/navigator/btn1/last.png Binary files differnew file mode 100644 index 0000000000..769aaf1cae --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/last.png diff --git a/comm/suite/themes/modern/navigator/btn1/next-dis.png b/comm/suite/themes/modern/navigator/btn1/next-dis.png Binary files differnew file mode 100644 index 0000000000..d2a6bfc98f --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/next-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/next-hov.png b/comm/suite/themes/modern/navigator/btn1/next-hov.png Binary files differnew file mode 100644 index 0000000000..b9962372d0 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/next-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/next.png b/comm/suite/themes/modern/navigator/btn1/next.png Binary files differnew file mode 100644 index 0000000000..6563b91dec --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/next.png diff --git a/comm/suite/themes/modern/navigator/btn1/previous-dis.png b/comm/suite/themes/modern/navigator/btn1/previous-dis.png Binary files differnew file mode 100644 index 0000000000..cf7ba06e8a --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/previous-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/previous-hov.png b/comm/suite/themes/modern/navigator/btn1/previous-hov.png Binary files differnew file mode 100644 index 0000000000..512c3582d8 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/previous-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/previous.png b/comm/suite/themes/modern/navigator/btn1/previous.png Binary files differnew file mode 100644 index 0000000000..fcdc6a8896 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/previous.png diff --git a/comm/suite/themes/modern/navigator/btn1/top-dis.png b/comm/suite/themes/modern/navigator/btn1/top-dis.png Binary files differnew file mode 100644 index 0000000000..86dbe1b80f --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/top-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/top-hov.png b/comm/suite/themes/modern/navigator/btn1/top-hov.png Binary files differnew file mode 100644 index 0000000000..dce156271b --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/top-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/top.png b/comm/suite/themes/modern/navigator/btn1/top.png Binary files differnew file mode 100644 index 0000000000..d750c751ec --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/top.png diff --git a/comm/suite/themes/modern/navigator/btn1/up-dis.png b/comm/suite/themes/modern/navigator/btn1/up-dis.png Binary files differnew file mode 100644 index 0000000000..31bab499da --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/up-dis.png diff --git a/comm/suite/themes/modern/navigator/btn1/up-hov.png b/comm/suite/themes/modern/navigator/btn1/up-hov.png Binary files differnew file mode 100644 index 0000000000..721a044e95 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/up-hov.png diff --git a/comm/suite/themes/modern/navigator/btn1/up.png b/comm/suite/themes/modern/navigator/btn1/up.png Binary files differnew file mode 100644 index 0000000000..2405a46181 --- /dev/null +++ b/comm/suite/themes/modern/navigator/btn1/up.png diff --git a/comm/suite/themes/modern/navigator/icons/browser-small.png b/comm/suite/themes/modern/navigator/icons/browser-small.png Binary files differnew file mode 100644 index 0000000000..0845512968 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/browser-small.png diff --git a/comm/suite/themes/modern/navigator/icons/browser.png b/comm/suite/themes/modern/navigator/icons/browser.png Binary files differnew file mode 100644 index 0000000000..ae73bf56d2 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/browser.png diff --git a/comm/suite/themes/modern/navigator/icons/identity.png b/comm/suite/themes/modern/navigator/icons/identity.png Binary files differnew file mode 100644 index 0000000000..35b376f30d --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/identity.png diff --git a/comm/suite/themes/modern/navigator/icons/popup-blocked.png b/comm/suite/themes/modern/navigator/icons/popup-blocked.png Binary files differnew file mode 100644 index 0000000000..6d32ce1697 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/popup-blocked.png diff --git a/comm/suite/themes/modern/navigator/icons/tab-drag-indicator.png b/comm/suite/themes/modern/navigator/icons/tab-drag-indicator.png Binary files differnew file mode 100644 index 0000000000..60a3a21b2f --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/tab-drag-indicator.png diff --git a/comm/suite/themes/modern/navigator/icons/tab-new-act.png b/comm/suite/themes/modern/navigator/icons/tab-new-act.png Binary files differnew file mode 100644 index 0000000000..b88743a3fe --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/tab-new-act.png diff --git a/comm/suite/themes/modern/navigator/icons/tab-new-hov.png b/comm/suite/themes/modern/navigator/icons/tab-new-hov.png Binary files differnew file mode 100644 index 0000000000..c48a3bc247 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/tab-new-hov.png diff --git a/comm/suite/themes/modern/navigator/icons/tab-new.png b/comm/suite/themes/modern/navigator/icons/tab-new.png Binary files differnew file mode 100644 index 0000000000..93bebb8c61 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/tab-new.png diff --git a/comm/suite/themes/modern/navigator/icons/windowcontrols.png b/comm/suite/themes/modern/navigator/icons/windowcontrols.png Binary files differnew file mode 100644 index 0000000000..63a4317b88 --- /dev/null +++ b/comm/suite/themes/modern/navigator/icons/windowcontrols.png diff --git a/comm/suite/themes/modern/navigator/linkToolbar.css b/comm/suite/themes/modern/navigator/linkToolbar.css new file mode 100644 index 0000000000..6fccf75d2f --- /dev/null +++ b/comm/suite/themes/modern/navigator/linkToolbar.css @@ -0,0 +1,112 @@ +/* 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/. */ + +/* ::::: Link toolbar items ::::: */ + +#link-top { + list-style-image: url("chrome://navigator/skin/btn1/top.png"); +} + +#link-top[disabled="true"], +#link-top[disabled="true"]:hover, +#link-top[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/top-dis.png") !important; +} + +#link-top:hover, +#link-top:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/top-hov.png"); +} + +#link-up { + list-style-image: url("chrome://navigator/skin/btn1/up.png"); +} + +#link-up[disabled="true"], +#link-up[disabled="true"]:hover, +#link-up[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/up-dis.png") !important; +} + +#link-up:hover, +#link-up:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/up-hov.png"); +} + +#link-first { + list-style-image: url("chrome://navigator/skin/btn1/first.png"); +} + +#link-first[disabled="true"], +#link-first[disabled="true"]:hover, +#link-first[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/first-dis.png") !important; +} + +#link-first:hover, +#link-first:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/first-hov.png"); +} + +#link-prev { + list-style-image: url("chrome://navigator/skin/btn1/previous.png"); +} + +#link-prev[disabled="true"], +#link-prev[disabled="true"]:hover, +#link-prev[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/previous-dis.png") !important; +} + +#link-prev:hover, +#link-prev:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/previous-hov.png"); +} + +#link-next { + list-style-image: url("chrome://navigator/skin/btn1/next.png"); +} + +#link-next[disabled="true"], +#link-next[disabled="true"]:hover, +#link-next[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/next-dis.png") !important; +} + +#link-next:hover, +#link-next:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/next-hov.png"); +} + +#link-last { + list-style-image: url("chrome://navigator/skin/btn1/last.png"); +} + +#link-last[disabled="true"], +#link-last[disabled="true"]:hover, +#link-last[disabled="true"]:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/last-dis.png") !important; +} + +#link-last:hover, +#link-last:hover:active { + list-style-image: url("chrome://navigator/skin/btn1/last-hov.png"); +} + +#link-feed { + list-style-image: url("chrome://navigator/skin/btn1/feeds.png") !important; + -moz-image-region: rect(0px 32px 16px 16px); +} + +#link-feed:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#link-feed[disabled="true"] { + -moz-image-region: rect(32px 32px 48px 16px); +} + +#link-feed[open="true"] { + -moz-image-region: rect(48px 32px 64px 16px); +} diff --git a/comm/suite/themes/modern/navigator/navigator.css b/comm/suite/themes/modern/navigator/navigator.css new file mode 100644 index 0000000000..51b7d5b73c --- /dev/null +++ b/comm/suite/themes/modern/navigator/navigator.css @@ -0,0 +1,936 @@ +/* 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://navigator/content/navigator.css"); +@import url("chrome://communicator/skin/"); +@import url("chrome://communicator/skin/places/bookmarksToolbar.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: primary toolbar buttons ::::: */ + +.toolbarbutton-1 { + min-width: 0px; +} + +toolbox { + border-bottom: none; +} + +#appcontent { + border-top: 1px solid #494F5D; +} + +#back-button { + list-style-image: url("chrome://communicator/skin/icons/common.png"); + -moz-image-region: rect(78px 42px 117px 0); +} + +#back-button:hover { + -moz-image-region: rect(78px 84px 117px 42px); +} + +#back-button:hover:active { + -moz-image-region: rect(78px 126px 117px 84px); +} + +#back-button[disabled="true"] { + -moz-image-region: rect(78px 168px 117px 126px) !important; +} + +#forward-button { + list-style-image: url("chrome://communicator/skin/icons/common.png"); + -moz-image-region: rect(117px 42px 156px 0); +} + +#forward-button:hover { + -moz-image-region: rect(117px 84px 156px 42px); +} + +#forward-button:hover:active { + -moz-image-region: rect(117px 126px 156px 84px); +} + +#forward-button[disabled="true"] { + -moz-image-region: rect(117px 168px 156px 126px) !important; +} + +#reload-button { + list-style-image: url("chrome://navigator/skin/icons/browser.png"); + -moz-image-region: rect(0px 42px 39px 0); +} + +#reload-button:hover { + -moz-image-region: rect(0px 84px 39px 42px); +} + +#reload-button:hover:active { + -moz-image-region: rect(0px 126px 39px 84px); +} + +#reload-button[disabled="true"] { + -moz-image-region: rect(0px 168px 39px 126px) !important; +} + +#stop-button { + list-style-image: url("chrome://communicator/skin/icons/common.png"); + -moz-image-region: rect(39px 42px 78px 0); +} + +#stop-button:hover { + -moz-image-region: rect(39px 84px 78px 42px); +} + +#stop-button:hover:active { + -moz-image-region: rect(39px 126px 78px 84px); +} + +#stop-button[disabled="true"] { + -moz-image-region: rect(39px 168px 78px 126px) !important; +} + +#home-button { + list-style-image: url("chrome://communicator/skin/icons/common.png"); + -moz-image-region: rect(156px 42px 195px 0); +} + +#home-button:hover { + -moz-image-region: rect(156px 84px 195px 42px); +} + +#home-button:hover:active { + -moz-image-region: rect(156px 126px 195px 84px); +} + +#home-button[disabled="true"] { + -moz-image-region: rect(156px 168px 195px 126px) !important; +} + +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button > .toolbarbutton-icon { + margin-top: 5px; + margin-bottom: 4px; + margin-inline-start: 5px; + margin-inline-end: 7px; +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > toolbarpaletteitem > #back-button, +toolbar[iconsize="small"] > #back-button { + list-style-image: url("chrome://communicator/skin/icons/common-small.png"); + -moz-image-region: rect(38px 19px 57px 0); +} + +toolbar[iconsize="small"] > #back-button:hover { + -moz-image-region: rect(38px 38px 57px 19px); +} + +toolbar[iconsize="small"] > #back-button:hover:active { + -moz-image-region: rect(38px 57px 57px 38px); +} + +toolbar[iconsize="small"] > #back-button[disabled="true"] { + -moz-image-region: rect(38px 76px 57px 57px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button, +toolbar[iconsize="small"] > #forward-button { + list-style-image: url("chrome://communicator/skin/icons/common-small.png"); + -moz-image-region: rect(57px 19px 76px 0); +} + +toolbar[iconsize="small"] > #forward-button:hover { + -moz-image-region: rect(57px 38px 76px 19px); +} + +toolbar[iconsize="small"] > #forward-button:hover:active { + -moz-image-region: rect(57px 57px 76px 38px); +} + +toolbar[iconsize="small"] > #forward-button[disabled="true"] { + -moz-image-region: rect(57px 76px 76px 57px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button, +toolbar[iconsize="small"] > #reload-button { + list-style-image: url("chrome://navigator/skin/icons/browser-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #reload-button:hover { + -moz-image-region: rect(0 38px 19px 19px); +} + +toolbar[iconsize="small"] > #reload-button:hover:active { + -moz-image-region: rect(0 57px 19px 38px); +} + +toolbar[iconsize="small"] > #reload-button[disabled="true"] { + -moz-image-region: rect(0 76px 19px 57px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button, +toolbar[iconsize="small"] > #stop-button { + list-style-image: url("chrome://communicator/skin/icons/common-small.png"); + -moz-image-region: rect(19px 19px 38px 0); +} + +toolbar[iconsize="small"] > #stop-button:hover { + -moz-image-region: rect(19px 38px 38px 19px); +} + +toolbar[iconsize="small"] > #stop-button:hover:active { + -moz-image-region: rect(19px 57px 38px 38px); +} + +toolbar[iconsize="small"] > #stop-button[disabled="true"] { + -moz-image-region: rect(19px 76px 38px 57px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #home-button, +toolbar[iconsize="small"] > #home-button { + list-style-image: url("chrome://communicator/skin/icons/common-small.png"); + -moz-image-region: rect(76px 19px 95px 0); +} + +toolbar[iconsize="small"] > #home-button:hover { + -moz-image-region: rect(76px 38px 95px 19px); +} + +toolbar[iconsize="small"] > #home-button:hover:active { + -moz-image-region: rect(76px 57px 95px 38px); +} + +toolbar[iconsize="small"] > #home-button[disabled="true"] { + -moz-image-region: rect(76px 76px 95px 57px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button > .toolbarbutton-icon, +toolbar[iconsize="small"] > #sync-button > .toolbarbutton-icon { + margin-top: 2px; + margin-bottom: 3px; + margin-inline-start: 3px; + margin-inline-end: 5px; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + +#nav-bar[iconsize="small"] { + min-height: 0; +} + +/* ::::: fullscreen window controls ::::: */ + +#window-controls { + -moz-box-align: center; + padding-top: 0px; + padding-bottom: 0px; + padding-inline-start: 4px; + padding-inline-end: 2px; + background-color: #A9B2BD; + border-left: 1px solid #B6BEC5; +} + +#window-controls > toolbarbutton { + list-style-image: url("chrome://navigator/skin/icons/windowcontrols.png"); + min-width: 0; + border: none; +} + +toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { + display: -moz-box; +} + +#minimize-button { + -moz-image-region: rect(16px 15px 32px 0); +} + +#minimize-button:hover { + -moz-image-region: rect(16px 30px 32px 15px); +} + +#minimize-button:hover:active { + -moz-image-region: rect(16px 45px 32px 30px); +} + +#minimize-button[disabled="true"] { + -moz-image-region: rect(16px 60px 32px 45px) !important; +} + +#restore-button { + -moz-image-region: rect(0 15px 16px 0); +} + +#restore-button:hover { + -moz-image-region: rect(0 30px 16px 15px); +} + +#restore-button:hover:active { + -moz-image-region: rect(0 45px 16px 30px); +} + +#restore-button[disabled="true"] { + -moz-image-region: rect(0 60px 16px 45px) !important; +} + +#close-button { + -moz-image-region: rect(32px 15px 48px 0); +} + +#close-button:hover { + -moz-image-region: rect(32px 30px 48px 15px); +} + +#close-button:hover:active { + -moz-image-region: rect(32px 45px 48px 30px); +} + +#close-button[disabled="true"] { + -moz-image-region: rect(32px 60px 48px 45px) !important; +} + +/* ::::: special menubutton dropmarkers ::::: */ + +/* ..... dropmarker box ..... */ + +#back-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +#forward-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin-top: 20px; + margin-bottom: 0px; + margin-inline-start: 34px; + margin-inline-end: 0px; +} + +#print-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin-top: 20px; + margin-bottom: 0px; + margin-inline-start: 40px; + margin-inline-end: 0px; +} + +toolbar[mode="icons"] #back-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +toolbar[mode="icons"] #forward-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin-top: 30px; + margin-bottom: 0px; + margin-inline-start: 34px; + margin-inline-end: 0px; +} + +toolbar[iconsize=small] #back-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize=small] #forward-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize=small] #print-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin-top: 8px; + margin-bottom: 8px; + margin-inline-start: 14px; + margin-inline-end: 0px; +} + +toolbar[iconsize=small][mode="icons"] #back-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize=small][mode="icons"] #forward-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize=small][mode="icons"] #print-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin-top: 8px; + margin-bottom: 0px; + margin-inline-start: 14px; + margin-inline-end: 0px; +} + +/* ::::: nav-bar - the navigator primary toolbar ::::: */ + +.toolbar-primary-icon { + display: none; +} + +.toolbar-primary-holder { + -moz-box-align: start; + background-image: url("chrome://communicator/skin/toolbar/prtb-bg-noline.png"); +} + +/* ::::: the grooved area around the urlbar and associated buttons ::::: */ + +.nav-bar-class { + -moz-box-align: center; + margin-top: 7px; + margin-bottom: 3px; + border-top: 1px solid; + border-bottom: 1px solid; + border-top-color: #A2AFBD; + border-right-color: #A2AFBD; + border-bottom-color: #939EAA; + border-left-color: #9FABB9; + padding: 0px; + min-width: 0px; +} + +.nav-bar-first, +toolbarpaletteitem > .nav-bar-class { + margin-inline-start: 5px; + border-inline-start: 2px solid #D2DAE1; + padding-inline-start: 3px; +} + +.nav-bar-last, +toolbarpaletteitem > .nav-bar-class { + margin-inline-end: 0px; + border-inline-end: 2px solid #A2AFBD; + padding-inline-end: 3px; +} + +.nav-bar-last:-moz-locale-dir(rtl), +.nav-bar-first:-moz-locale-dir(ltr), +toolbarpaletteitem > .nav-bar-class:-moz-locale-dir(rtl), +toolbarpaletteitem > .nav-bar-class:-moz-locale-dir(ltr) { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.nav-bar-last:-moz-locale-dir(ltr), +.nav-bar-first:-moz-locale-dir(rtl), +toolbarpaletteitem > .nav-bar-class:-moz-locale-dir(ltr), +toolbarpaletteitem > .nav-bar-class:-moz-locale-dir(rtl) { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +toolbar[mode="text"] > .nav-bar-class, +toolbar[iconsize="small"] > .nav-bar-class, +toolbar[mode="text"] > toolbarpaletteitem > .nav-bar-class, +toolbar[iconsize="small"] > toolbarpaletteitem > .nav-bar-class { + margin: 0 !important; + padding: 0 !important; + border: none !important; +} + +toolbar[mode="text"] #search-button { + margin-inline-end: 0px; +} + +#search-button > .button-box > .button-icon { + display: -moz-box; +} + +toolbar[mode="text"] #search-button > .button-box > .button-icon, +toolbar[mode="icons"] #search-button > .button-box > .button-text { + display: none; +} + +#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner + > .button-toolbar, +#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner + > #urlbar > .urlbar-icons { + display: none; +} + +/* ::::: urlbar - the url textbox ::::: */ + +.searchbar-textbox, +#urlbar { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 3px; + margin-inline-end: 6px; + padding: 3px; + border: 1px solid #000000; + background-color: #EDF5F7; + box-shadow: inset 0px -2px #E9F3F6; +} + +#urlbar[level="high"] { + background-color: #E8DB99; + box-shadow: none; +} + +#urlbar-search-splitter { + min-width: 6px; + margin: 0 -3px; + border: none; + background-color: transparent; +} + +/* ::::: notification popups ::::: */ + +.popup-notification-icon { + width: 64px; + height: 64px; + margin-inline-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url("chrome://communicator/skin/icons/geolocation-64.png"); +} + +.popup-notification-icon[popupid="persistent-storage"] { + list-style-image: url("chrome://communicator/skin/icons/notification-icons.svg#persistent-storage"); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url("chrome://communicator/skin/icons/notification-64.png"); +} + +.popup-notification-icon[popupid="addon-install-disabled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-started"], +.popup-notification-icon[popupid="addon-install-cancelled"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-complete"], +.popup-notification-icon[popupid="lwtheme-install-request"], +.popup-notification-icon[popupid="lwtheme-install-notification"] { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"] { + list-style-image: url("chrome://global/skin/icons/question-64.png"); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png"); +} + +.addon-progress-description { + width: 350px; + max-width: 350px; +} + +/* Notification icon box */ +#notification-popup-box { + margin-inline-end: 3px; +} + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted; +} + +#default-notification-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; +} + +#geo-notification-icon { + list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png"); + width: 16px; + height: 16px; +} + +#web-notifications-notification-icon { + width: 16px; + height: 16px; + list-style-image: url("chrome://communicator/skin/icons/notification-16.png"); +} + +#addons-notification-icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); + width: 16px; + height: 16px; +} + +#indexedDB-notification-icon { + list-style-image: url("chrome://global/skin/icons/question-16.png"); + width: 16px; + height: 16px; +} + +#password-notification-icon { + list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png"); + width: 16px; + height: 16px; +} + +.center-item-box { + padding: 8px 16px 0px 16px; +} + +.center-item-box[padbottom="true"] { + padding-bottom: 8px; +} + +.center-item-icon { + background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); + background-repeat: no-repeat; + height: 16px; + width: 16px; + margin-bottom: 4px; +} + +.center-item-box[warn="true"] { + background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); + background-repeat: repeat-x; + padding: 8px 16px 6px 16px; +} + +.center-item-box[padbottom="true"][warn="true"] { + padding-bottom: 4px; +} + +.center-item-box[showseparator="true"] { + border-top: 1px solid #B1BBC5; +} + +.center-item-box[warn="false"] > .center-item-warning { + display: none; +} + +.center-item-warning > .text-link[href=""] { + display: none; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + margin-bottom: 4px; +} + +.center-item-warning-description { + color: #828282; +} + +.center-item-button { + min-width: 0px; +} + +/* ::::: page proxy icon ::::: */ + +#page-proxy-deck, +#page-proxy-button, +#page-proxy-favicon { + width: 16px; + height: 16px; +} + +#page-proxy-deck { + cursor: grab; + margin-inline-end: 4px; +} + +#page-proxy-button { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +#page-proxy-favicon { + list-style-image: none; +} + +#page-proxy-button[pageproxystate="invalid"] { + cursor: default; + list-style-image: url("chrome://communicator/skin/places/bookmark-item-dis.png"); +} + +/* ::::: autocomplete ::::: */ + +#PopupAutoComplete > richlistbox > richlistitem { + height: 20px; + min-height: 20px; + border: 0; + border-radius: 0; + padding: 0px 1px 0px 1px; +} + +#PopupAutoComplete > richlistbox > richlistitem > .ac-title { + font: icon; + margin-inline-start: 6px; +} + +#PopupAutoComplete > richlistbox { + padding: 0; +} + +.autocomplete-treebody::-moz-tree-cell-text(value) { + padding-inline-start: 15px; +} + +.autocomplete-treebody::-moz-tree-cell-text(comment) { + color: #555566; +} + +.autocomplete-search-box { + border-top: 2px groove #DDE3EB; + background-color: #DDE3EB; +} + +panel[nomatch="true"] > .autocomplete-search-box { + border-top: 1px solid #E4EAEF; +} + +.autocomplete-search-engine { + padding: 2px; +} + +.autocomplete-search-engine[menuactive="true"] { + background-color: #9499AC; + color: #FFFFFF; +} + +.autocomplete-search-engine-img { + margin-inline-end: 4px; + width: 16px; + height: 16px; +} + +.autocomplete-history-dropmarker { + margin-top: 0px; + margin-bottom: 0px; + margin-inline-start: 0px; + margin-inline-end: 3px; + list-style-image: url("chrome://navigator/skin/toolbar/ubhist-arrow.png"); +} + +.autocomplete-history-dropmarker[open="true"] { + list-style-image: url("chrome://navigator/skin/toolbar/ubhist-arrow-act.png"); +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: #999999; +} + +/* ::::: go and searchbuttons ::::: */ + +#go-button, +#search-button { + margin-top: 0px; + margin-bottom: 0px; + margin-inline-start: 0px; + margin-inline-end: 4px; + min-width: 0px; + font: message-box; + font-weight: bold; +} + +#search-button { + list-style-image: url("chrome://global/skin/icons/search.png"); +} + +/* ::::: navigator throbber ::::: */ + +.toolbar-primary #throbber-box { + margin: 0px 0px 2px; +} + +/* ::::: personal toolbar ::::: */ + +#PersonalToolbar { + background: url("chrome://global/skin/toolbar/tb-mid.png") #C7D0D9 repeat-x top; +} + +#PersonalToolbar > .toolbar-box > toolbargrippy, +#PersonalToolbar > .toolbar-box > .toolbar-holder { + border-top: 1px solid #CED6DD; + border-right: 1px solid #95A0AD; + border-bottom: 1px solid #95A0AD; + border-left: 1px solid #DAE3ED; +} + +#PersonalToolbar > .toolbar-box > toolbargrippy:hover:active { + border-color: #67737E; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.png") !important; +} + +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbarbutton.chevron > .toolbarbutton-text { + display: none; /* hide chevron label which has a width even if blank */ +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +/* Prevent [mode="icons"|"text"] from hiding the label and icon */ +#PlacesToolbarItems .bookmark-item > .toolbarbutton-text, +#PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { + display: -moz-box !important; +} + +#PersonalToolbar[iconsize="small"] > toolbarpaletteitem > #home-button > .toolbarbutton-icon, +#PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#PersonalToolbar > #home-button { + cursor: pointer; +} + +#PersonalToolbar > #home-button:hover { + text-decoration: underline; +} + +#PersonalToolbar > #home-button[disabled="true"] { + cursor: default !important; + text-decoration: none !important; +} + +/* + In customize mode we hide the normal bookmark items and show a placeholder + for the drag/drop UI. +*/ +.bookmarks-toolbar-customize { + list-style-image: url("chrome://communicator/skin/places/bookmarksToolbar.png"); + display: none; + max-width: 15em !important; +} + +#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + width: 16px; + height: 16px; + background: url("chrome://communicator/skin/places/bookmarksToolbar.png") no-repeat; +} + +/* ::::: content area ::::: */ + +#content { + border-bottom: 1px solid #494F5D; +} + +#status-bar { + border-top: none; + min-width: 1px; +} + +#security-button[level="high"] > .statusbarpanel-contentbox { + background-color: #B4CD32; +} + +#security-button[level="broken"] > .statusbarpanel-contentbox { + background-color: #E83404; +} + +#security-button[label] > .statusbarpanel-contentbox { + background-color: #62C441; +} + +#security-button > .statusbarpanel-contentbox > .statusbarpanel-text { + margin: 0px; + color: #FFFFFF; +} + +#ev-button { + list-style-image: url("chrome://communicator/skin/icons/identity.png"); +} + +#popupIcon { + list-style-image: url("chrome://navigator/skin/icons/popup-blocked.png"); +} + +#invalid-form-popup { + border: 1px solid #000000; + padding: 2px 3px 0px 3px; + max-width: 40em; + background-color: #FFFFE7; + color: #000000; + font: message-box; + font-weight: bold; +} + +/* ::::: star button ::::: */ + +#star-button { + list-style-image: url("chrome://communicator/skin/places/bookmark.png"); + -moz-image-region: rect(16px 16px 32px 0px); +} + +#star-button:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#star-button:hover:active { + -moz-image-region: rect(16px 48px 32px 32px); +} + +#star-button[starred="true"] { + -moz-image-region: rect(0px 16px 16px 0px); +} + +#star-button[starred="true"]:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#star-button[starred="true"]:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); +} + +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://communicator/skin/places/bookmark.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +/* ::::: feeds ::::: */ + +.feedsMenu { + list-style-image: url("chrome://navigator/skin/btn1/feeds.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +.feedsMenu[_moz-menuactive="true"] { + -moz-image-region: rect(16px 16px 32px 0px); +} + +.feedsMenu[disabled="true"] { + -moz-image-region: rect(32px 16px 48px 0px); +} + +.feedsMenu[open="true"] { + -moz-image-region: rect(48px 16px 64px 0px); +} + +#feedsButton { + list-style-image: url("chrome://navigator/skin/btn1/feeds.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#feedsButton:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +/* Need to set fixed width to stop the zoom display from changing size and moving around the zoom buttons */ +#zoomLevel-display { + width: 60px; + max-width: 60px; + margin-left: 0px; + margin-right: 0px; +} + +.zoom-button-align{ + padding-bottom: 3px; +} diff --git a/comm/suite/themes/modern/navigator/pageInfo.css b/comm/suite/themes/modern/navigator/pageInfo.css new file mode 100644 index 0000000000..2406f9aab9 --- /dev/null +++ b/comm/suite/themes/modern/navigator/pageInfo.css @@ -0,0 +1,122 @@ +/* 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 "chrome://global/skin/global.css"; + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + -moz-user-focus: none; +} + +textbox.header { + margin-inline-start: 0; +} + +textbox.meta-properties { + margin-top: 1px; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +/* Media Tab */ +#imagetree { + min-height: 10em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: #999999; +} + +/* Feeds Tab */ +#feedListbox > richlistitem { + padding: 6px 7px; + min-height: 25px; + border-bottom: 1px dotted #C7D0D9; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permList { + margin-top: .5em; + overflow: auto; +} + +.permission { + padding-top: 6px; + padding-bottom: 6px; + padding-inline-start: 7px; + padding-inline-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C7D0D9; +} + +.permissionLabel { + font-weight: bold; +} + +/* Security Tab */ +.fieldValue { + font-weight: bold; +} + +#identity-icon { + width: 64px; + height: 64px; + max-height: 64px; + list-style-image: url("chrome://navigator/skin/icons/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-icon.verifiedDomain { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-icon.verifiedIdentity { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} diff --git a/comm/suite/themes/modern/navigator/tabbrowser.css b/comm/suite/themes/modern/navigator/tabbrowser.css new file mode 100644 index 0000000000..817e110e7a --- /dev/null +++ b/comm/suite/themes/modern/navigator/tabbrowser.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"); + +/* ::::: tabs ::::: */ + +.tabbrowser-strip { + padding-bottom: 3px; + border-bottom: 1px solid #000000; +} + +.tabbrowser-tabs { + padding-top: 1px; +} + +.tabs-left { + width: 3px; +} + +tab { + padding: 0px 3px; + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +tab[busy] { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +.tab-icon { + margin-inline-end: 3px; + width: 16px; + height: 16px; +} + +/* ::::: Tab scrollbox arrow, and all-tabs buttons ::::: */ + +.scrollbutton-up, +.scrollbutton-down, +.tabs-alltabs-button { + margin: 0px; + border-bottom: 1px solid #000000; +} + +.scrollbutton-up:not([disabled="true"]):-moz-locale-dir(ltr), +.scrollbutton-down:not([disabled="true"]):-moz-locale-dir(rtl) { + border-right: 1px solid #000000; +} + +.scrollbutton-up:not([disabled="true"]):-moz-locale-dir(rtl), +.scrollbutton-down:not([disabled="true"]):-moz-locale-dir(ltr) { + border-left: 1px solid #000000; +} + +.scrollbutton-down { + transition: background-color 1s ease-out; +} + +.scrollbutton-down:hover, +.scrollbutton-down[notifybgtab="true"], +.scrollbutton-down[disabled="true"] { + transition: none; +} + +.scrollbutton-down[notifybgtab="true"] { + background-color: #8C9AA8; +} + +.scrollbutton-up:not([disabled="true"]):hover, +.scrollbutton-down:not([disabled="true"]):hover { + border-color: #EEF0F3; +} + +.scrollbutton-up:not([disabled="true"]):hover:active, +.scrollbutton-down:not([disabled="true"]):hover:active { + border-color: #86929E; + background-color: #8C9AA8; +} + +.tabs-alltabs-button > .toolbarbutton-icon { + margin: 0px; +} + +/* All tabs menupopup */ +.alltabs-item { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +.alltabs-item[tabIsScrolled] { + font-style: italic; +} + +/* ::::: close button ::::: */ + +.tabs-closebutton { + margin: 0px 4px; + padding: 3px 2px; + border: none; + list-style-image: url("chrome://global/skin/icons/close.png"); +} + +.tabs-closebutton:hover { + list-style-image: url("chrome://global/skin/icons/close-hov.png"); +} + +.tabs-closebutton:hover:active { + list-style-image: url("chrome://global/skin/icons/close-act.png"); +} + +.tabs-closebutton[disabled="true"] { + padding: 3px 2px !important; + list-style-image: url("chrome://global/skin/icons/close-dis.png") !important; +} + +.tabs-newbutton { + margin: 0px; + padding-top: 2px; + padding-bottom: 3px; + padding-inline-start: 2px; + padding-inline-end: 0px; + border: none; + list-style-image: url("chrome://navigator/skin/icons/tab-new.png"); +} + +.tabs-newbutton:hover { + list-style-image: url("chrome://navigator/skin/icons/tab-new-hov.png"); +} + +.tabs-newbutton:hover:active { + list-style-image: url("chrome://navigator/skin/icons/tab-new-act.png"); +} + +.tab-drop-indicator-bar { + height: 11px; + margin-top: -11px; + margin-inline-start: -6px; + position: relative; +} + +.tab-drop-indicator { + height: 11px; + width: 11px; + margin-bottom: -5px; + position: relative; + list-style-image: url('chrome://navigator/skin/icons/tab-drag-indicator.png'); +} diff --git a/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow-act.png b/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow-act.png Binary files differnew file mode 100644 index 0000000000..92cf956d94 --- /dev/null +++ b/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow-act.png diff --git a/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow.png b/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow.png Binary files differnew file mode 100644 index 0000000000..f6da257004 --- /dev/null +++ b/comm/suite/themes/modern/navigator/toolbar/ubhist-arrow.png diff --git a/comm/suite/themes/modern/navigator/webDeveloper.css b/comm/suite/themes/modern/navigator/webDeveloper.css new file mode 100644 index 0000000000..185f7b38ba --- /dev/null +++ b/comm/suite/themes/modern/navigator/webDeveloper.css @@ -0,0 +1,205 @@ +/* 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"); + +/* Mostly copied from mozilla/devtools/client/themes/commandline.inc.css */ +/* Developer Tools */ + +/* Developer toolbar */ + +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +#developer-toolbar[devtoolstheme="light"] { + --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */ + --gcli-input-color: #18191a; /* --theme-body-color */ + --gcli-border-color: #aaaaaa; /* --theme-splitter-color */ + --selection-background: #4c9ed9; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +#developer-toolbar[devtoolstheme="dark"] { + --gcli-background-color: #343c45; /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, .6); /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; /* --theme-body-color-alt */ + --gcli-border-color: #000000; /* --theme-splitter-color */ + --selection-background: #1d4f73; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +#developer-toolbar { + padding: 0; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); +} + +#developer-toolbar[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: invert(1); +} + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://devtools/skin/images/toggle-tools.png"); + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +#developer-toolbar-toolbox-button:hover > .toolbarbutton-icon { + filter: brightness(120%); +} + +#developer-toolbar-toolbox-button:hover:active > .toolbarbutton-icon { + filter: saturate(150%); +} + +#developer-toolbar-toolbox-button[checked=true] > .toolbarbutton-icon { + filter: hue-rotate(180deg); +} + +@media (min-resolution: 1.1dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 128px, 32px, 96px); + } +} + +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: white; + min-width: 16px; + text-shadow: none; + background-color: firebrick; + border-radius: 2px; + margin-inline-end: 2px; +/* + Firefox browser/themes/windows/browser.css + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + margin-inline-end: 5px; + Firefox browser/themes/linux/browser.css + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + margin-inline-end: 2px; +*/ +} + +/* GCLI */ + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; +} + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; +} + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + background-color: transparent; +} + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, + -1px 0 0 var(--gcli-border-color) inset; + outline-style: none; + padding: 0; +} + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); +} + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://devtools/skin/images/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; +} + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; +} + +@media (min-resolution: 1.1dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); + } +} + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; +} + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; +} + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; +} + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; +} + +.gcli-in-error { + border-bottom: 2px dotted #F00; +} + +.gcli-in-ontab { + color: hsl(210,0%,35%); +} + +.gcli-in-todo { + color: hsl(210,50%,35%); +} + +.gcli-in-closebrace { + color: hsl(0,0%,80%); +} |
