X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=1c9448a958f06811ad7cb46fbfd2ebc0a04cf2d7;hp=778c8b8828733be1938adc31ddacff0862c8a9d4;hb=f9fc08c79bdf98effdbf7ed9aefecd38a25cc432;hpb=0142a07bfbc380cc6c485555737a59a7a401fcae diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 778c8b88..1c9448a9 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 { } @@ -1420,6 +1395,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png"); } +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png"); +} + #identity-box:hover > #page-proxy-favicon { -moz-image-region: rect(0, 32px, 16px, 16px); } @@ -1882,10 +1861,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 +1873,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; @@ -1952,29 +1911,17 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } #alltabs-button { - list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png"); - -moz-image-region: rect(0, 14px, 16px, 0); -} - -#alltabs-button:hover, -#alltabs-button:hover:active { - -moz-image-region: rect(0, 28px, 16px, 14px); -} - -#alltabs-button[type="menu"] { list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); - -moz-image-region: auto; } -#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { +#alltabs-button > .toolbarbutton-menu-dropmarker { display: none; } -#alltabs-button[type="menu"]:hover, -#alltabs-button[type="menu"]:hover:active, -#alltabs-button[type="menu"][open="true"] { +#alltabs-button:hover, +#alltabs-button:hover:active, +#alltabs-button[open="true"] { list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); - -moz-image-region: auto; } /* All tabs menupopup */ @@ -2217,6 +2164,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/webapps-64.png"); } +.popup-notification-icon[popupid="mixed-content-blocked"] { + list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png"); +} + .popup-notification-icon[popupid="webRTC-sharingDevices"], .popup-notification-icon[popupid="webRTC-shareDevices"] { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png"); @@ -2293,6 +2244,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 +2264,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } -#webRTC-sharingDevices-notification-icon, +#mixed-content-blocked-notification-icon { + list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png"); +} + #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; } @@ -2355,20 +2320,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /*background-color: rgba(27%,27%,27%,.65);*/ } -.KUI-panel-closebutton { - list-style-image: url("KUI-close.png"); - width: 24px; - height: 24px; -} - -.KUI-panel-closebutton:not(:hover) { -} - -.KUI-panel-closebutton > .toolbarbutton-icon { -} - -/* ::::: Ctrl-Tab and All Tabs Panels ::::: */ - /* Ctrl-Tab */ #ctrlTab-panel { @@ -2417,53 +2368,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin-top: .5em; } -/* All Tabs */ - -#allTabs-panel { - padding-bottom: 10px; -} - -#allTabs-meta { - margin: 10px; -} - -#allTabs-filter { - -moz-margin-start: 24px; - -moz-margin-end: 0; -} - -#allTabs-tab-close-button > .toolbarbutton-icon { - margin: 0; -} - -.allTabs-favicon[src] { - width: 22px; - height: 22px; - padding-top: 1px; - padding-bottom: 5px; - -moz-padding-start: 1px; - -moz-padding-end: 5px; - margin-top: -2px; - -moz-margin-start: -2px; - border-bottom-right-radius: 4px; -} - -.allTabs-favicon[src]:-moz-locale-dir(rtl) { - border-bottom-right-radius: 0; - border-bottom-left-radius: 4px; -} - -.allTabs-preview-inner > .tabPreview-canvas { - background-color: #E7ADE7; -} - -.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas { -} - -.allTabs-preview:focus > * > .allTabs-preview-inner { - outline: 1px dotted #008484; -} - /* Add-on bar */ #addon-bar { @@ -2865,6 +2769,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 +2813,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 > .social-notification-container > .toolbarbutton-1 { + padding-left: 0; + padding-right: 0; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1 { +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item { + margin-left: 5px; + margin-right: 5px; } -#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:last-child { -} - -.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 +2841,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 +3177,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; }