From: Robert Kaiser Date: Sun, 31 Mar 2013 01:24:05 +0000 (+0200) Subject: finish updating LCARStrek for changes in Firefox 20 cycle X-Git-Tag: LCARStrek-2.17~3 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=6adbc9a6eeca29d3da3ca7d12ae845818e045eaa;p=themes.git finish updating LCARStrek for changes in Firefox 20 cycle --- diff --git a/LCARStrek/browser/FxToolbar.png b/LCARStrek/browser/FxToolbar.png index effd7261..928aeb7b 100644 Binary files a/LCARStrek/browser/FxToolbar.png and b/LCARStrek/browser/FxToolbar.png differ diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 778c8b88..db21aa45 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -792,8 +792,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon background-color: transparent; } -/* stop button */ - #stop-button { -moz-image-region: rect(0, 54px, 18px, 36px); } @@ -806,8 +804,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 54px, 54px, 36px); } -/* reload button */ - #reload-button { -moz-image-region: rect(0, 72px, 18px, 54px); } @@ -820,8 +816,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 72px, 54px, 54px); } -/* home button */ - #home-button.bookmark-item { list-style-image: url("chrome://browser/skin/FxToolbar.png"); } @@ -837,55 +831,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 90px, 54px, 72px); } -/* tabview button */ - -#tabview-button, -#menu_tabview { - list-style-image: url("chrome://browser/skin/tabview/tabview.png"); -} - -#tabview-button { - -moz-image-region: rect(0, 90px, 18px, 72px); -} - -#tabview-button[groups="0"] { - -moz-image-region: rect(0, 18px, 18px, 0); -} - -#tabview-button[groups="1"] { - -moz-image-region: rect(0, 36px, 18px, 18px); -} - -#tabview-button[groups="2"] { - -moz-image-region: rect(0, 54px, 18px, 36px); -} - -#tabview-button[groups="3"] { - -moz-image-region: rect(0, 72px, 18px, 54px); -} - -#menu_tabview { - -moz-image-region: rect(1px, 89px, 17px, 73px); -} - -#menu_tabview[groups="0"] { - -moz-image-region: rect(1px, 17px, 17px, 1px); -} - -#menu_tabview[groups="1"] { - -moz-image-region: rect(1px, 35px, 17px, 19px); -} - -#menu_tabview[groups="2"] { - -moz-image-region: rect(1px, 53px, 17px, 37px); -} - -#menu_tabview[groups="3"] { - -moz-image-region: rect(1px, 71px, 17px, 55px); -} - -/* download manager button */ - #downloads-button { -moz-image-region: rect(0, 108px, 18px, 90px); } @@ -902,9 +847,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin: 0; } -/* history sidebar button */ - -#webrtc-status-button /* temporary placeholder (bug 824825) */, #history-button { -moz-image-region: rect(0, 126px, 18px, 108px); } @@ -917,8 +859,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 126px, 54px, 108px); } -/* bookmark sidebar & menu buttons */ - #bookmarks-button, #bookmarks-menu-button { list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */ @@ -944,8 +884,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 144px, 54px, 126px); } -/* print button */ - #print-button { -moz-image-region: rect(0, 162px, 18px, 144px); } @@ -958,8 +896,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 162px, 54px, 144px); } -/* toolbar new tab button */ - #new-tab-button { -moz-image-region: rect(0, 180px, 18px, 162px); } @@ -972,8 +908,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 180px, 54px, 162px); } -/* new window button */ - #new-window-button { -moz-image-region: rect(0, 198px, 18px, 180px); } @@ -986,8 +920,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 198px, 54px, 180px); } -/* cut button */ - #cut-button { -moz-image-region: rect(0, 216px, 18px, 198px); } @@ -1000,8 +932,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 216px, 54px, 198px); } -/* copy button */ - #copy-button { -moz-image-region: rect(0, 234px, 18px, 216px); } @@ -1014,8 +944,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 234px, 54px, 216px); } -/* paste button */ - #paste-button { -moz-image-region: rect(0, 252px, 18px, 234px); } @@ -1028,8 +956,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 252px, 54px, 234px); } -/* fullscreen button */ - #fullscreen-button { -moz-image-region: rect(0, 270px, 18px, 252px); } @@ -1042,8 +968,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 270px, 54px, 252px); } -/* zoom controls */ - #zoom-out-button { -moz-image-region: rect(0, 288px, 18px, 270px); -moz-margin-end: 0; @@ -1069,8 +993,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 306px, 54px, 288px); } -/* sync button */ - #sync-button:not([status]) { list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 324px, 18px, 306px); @@ -1085,8 +1007,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 324px, 54px, 306px); } -/* feed button */ - #feed-button { -moz-image-region: rect(0, 342px, 18px, 324px); } @@ -1095,6 +1015,66 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 342px, 54px, 324px); } +#webrtc-status-button { + -moz-image-region: rect(0, 360px, 18px, 342px); +} + +#webrtc-status-button:not([disabled="true"]):hover, +#webrtc-status-button[open="true"] { + -moz-image-region: rect(18px, 360px, 36px, 342px); +} + +#webrtc-status-button[disabled="true"] { + -moz-image-region: rect(36px, 360px, 54px, 342px); +} + +/* tabview button & menu item */ + +#tabview-button, +#menu_tabview { + list-style-image: url("chrome://browser/skin/tabview/tabview.png"); +} + +#tabview-button { + -moz-image-region: rect(0, 90px, 18px, 72px); +} + +#tabview-button[groups="0"] { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#tabview-button[groups="1"] { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#tabview-button[groups="2"] { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +#tabview-button[groups="3"] { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#menu_tabview { + -moz-image-region: rect(1px, 89px, 17px, 73px); +} + +#menu_tabview[groups="0"] { + -moz-image-region: rect(1px, 17px, 17px, 1px); +} + +#menu_tabview[groups="1"] { + -moz-image-region: rect(1px, 35px, 17px, 19px); +} + +#menu_tabview[groups="2"] { + -moz-image-region: rect(1px, 53px, 17px, 37px); +} + +#menu_tabview[groups="3"] { + -moz-image-region: rect(1px, 71px, 17px, 55px); +} + /* ::::: fullscreen window controls ::::: */ #window-controls { @@ -1261,11 +1241,6 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, padding: 0; } -.urlbar-icon:-moz-system-metric(touch-enabled) { - -moz-margin-end: 1px !important; - padding: 0 3px !important; -} - .urlbar-icon:hover { } @@ -1882,10 +1857,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- list-style-image: url("chrome://global/skin/icons/close-button.gif"); } -.tab-close-button:-moz-system-metric(touch-enabled) { - transform: scale(1.2); -} - .tab-close-button:hover, .tab-close-button:hover[selected="true"] { list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); @@ -1898,22 +1869,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ -@media (-moz-touch-enabled) { - .tabbrowser-arrowscrollbox > .scrollbutton-up, - .tabbrowser-arrowscrollbox > .scrollbutton-down, - #TabsToolbar .toolbarbutton-1 { - min-width: 8.1mozmm; - } - - .tabs-newtab-button { - min-width: 10mozmm; - } - - .tab-content { - min-height: calc(6.8mozmm - 7px); /* subtract borders from the desired height */ - } -} - .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { margin: 0; @@ -2293,6 +2248,13 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://mozapps/skin/plugins/notifyPluginBlocked.png"); } +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; +} + #blocked-plugins-notification-icon[showing] { animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } @@ -2306,11 +2268,14 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } -#webRTC-sharingDevices-notification-icon, #webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); } +#webRTC-sharingDevices-notification-icon { + list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png"); +} + #identity-popup-container { min-width: 280px; } @@ -2865,6 +2830,10 @@ html|*#gcli-output-frame { display: none; } +#developer-toolbar-toolbox-button > .toolbarbutton-icon { + -moz-margin-end: 0; +} + .developer-toolbar-button { min-width: 78px; min-height: 21px; @@ -2905,28 +2874,27 @@ html|*#gcli-output-frame { display: none; } -#social-toolbar-item > .toolbarbutton-1 { -} - -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1 { -} - -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:first-child { +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1, +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .social-notification-container > .toolbarbutton-1 { + padding-left: 0; + padding-right: 0; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:last-child { +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item { + margin-left: 5px; + margin-right: 5px; } -.social-notification-icon-hbox { - pointer-events: none; -} - -.social-notification-icon-stack > image { - max-height: 20px; +.social-notification-container { + /* position:relative on .toolbarbutton-1 does not get position:absolute + to work as expected on .toolbarbutton-1 generated content. Placing a + simple container outside of .toolbarbutton-1 and setting position:relative + on the simple container however will work. */ + position: relative; } -.social-notification-icon-label { - text-align: end; +.social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after { + /* The |content| property is set in the content stylesheet. */ font-size: 9px; font-weight: bold; padding: 0 1px; @@ -2934,14 +2902,18 @@ html|*#gcli-output-frame { background-color: #000000; border: 1px solid #9C9CFF; border-radius: 2px; + position: absolute; + top: 2px; + right: 2px; } -.social-notification-icon-label[value=""] { - display: none; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > *|* > .social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after { + top: 7px; } -.social-notification-icon-image { - -moz-image-region: rect(0, 16px, 16px, 0); +.social-notification-container > .toolbarbutton-1[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 2px; + right: auto; } #social-notification-icon-mentions { @@ -3266,6 +3238,8 @@ chatbox[minimized="true"] { background-position: top left; } -#main-window[privatebrowsingmode=temporary] #appmenu-button { +#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon { list-style-image: url("chrome://browser/skin/privatebrowsing-light.png"); + width: 20px; + height: 16px; } diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css index 4dcff7fc..19b2594f 100644 --- a/LCARStrek/browser/downloads/downloads.css +++ b/LCARStrek/browser/downloads/downloads.css @@ -334,3 +334,8 @@ richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:acti #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { background-color: #404048; } + +toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { + margin: 0; + text-align: center; +} diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index b690cc1c..58e3a95a 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -70,11 +70,6 @@ -moz-image-region: rect(0, 16px, 16px, 0); } -.search-go-button:-moz-system-metric(touch-enabled) { - -moz-padding-start: 5px; - -moz-padding-end: 3px; -} - .search-go-button:-moz-locale-dir(rtl) { transform: scaleX(-1); }