From 71a617ff22ae6266108ab20198128db5ae2bd33c Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 10 Sep 2012 18:59:55 +0200 Subject: [PATCH] complete sync of both themes with toolkit winstripe changes in Mozilla 16 cycle --- EarlyBlue/communicator/search/searchbar.css | 2 +- EarlyBlue/global/TopLevelImageDocument.css | 2 +- EarlyBlue/global/alerts/alert.css | 5 ++++ EarlyBlue/global/autocomplete.css | 12 +++----- EarlyBlue/global/media/videocontrols.css | 22 +++++++------- EarlyBlue/global/popup.css | 32 +++++++++++++++++++-- EarlyBlue/global/resizer.css | 4 +-- EarlyBlue/global/textbox.css | 2 +- EarlyBlue/mozapps/extensions/extensions.css | 20 ++++++------- EarlyBlue/mozapps/plugins/pluginProblem.css | 9 ++++-- LCARStrek/browser/browser.css | 32 ++++++++++----------- LCARStrek/browser/devtools/common.css | 6 ++-- LCARStrek/browser/devtools/debugger.css | 14 ++++----- LCARStrek/browser/devtools/splitview.css | 4 +-- LCARStrek/browser/devtools/webconsole.css | 2 +- LCARStrek/browser/downloads/downloads.css | 8 +++--- LCARStrek/browser/newtab/newTab.css | 6 ++-- LCARStrek/browser/searchbar.css | 2 +- LCARStrek/browser/tabview/tabview.css | 16 +++++------ LCARStrek/communicator/search/searchbar.css | 2 +- LCARStrek/global/TopLevelImageDocument.css | 2 +- LCARStrek/global/alerts/alert.css | 5 ++++ LCARStrek/global/autocomplete.css | 12 +++----- LCARStrek/global/media/videocontrols.css | 22 +++++++------- LCARStrek/global/popup.css | 32 +++++++++++++++++++-- LCARStrek/global/resizer.css | 4 +-- LCARStrek/global/textbox.css | 2 +- LCARStrek/mozapps/extensions/extensions.css | 20 ++++++------- LCARStrek/mozapps/plugins/pluginProblem.css | 9 ++++-- 29 files changed, 185 insertions(+), 125 deletions(-) diff --git a/EarlyBlue/communicator/search/searchbar.css b/EarlyBlue/communicator/search/searchbar.css index 070d4a3a..927e1e07 100644 --- a/EarlyBlue/communicator/search/searchbar.css +++ b/EarlyBlue/communicator/search/searchbar.css @@ -41,7 +41,7 @@ } .search-go-button:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { diff --git a/EarlyBlue/global/TopLevelImageDocument.css b/EarlyBlue/global/TopLevelImageDocument.css index 3c0e09b8..ae8067f4 100644 --- a/EarlyBlue/global/TopLevelImageDocument.css +++ b/EarlyBlue/global/TopLevelImageDocument.css @@ -7,7 +7,7 @@ background-color: #222; } - img { + .decoded { background-color: #fff; color: #222; } diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index 5635a137..6a63465b 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -32,6 +32,11 @@ font-weight: bold; } +#alertImage { + max-width: 48px; + max-height: 48px; +} + .alertText { -moz-margin-end: 6px; } diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css index b69fd8aa..591da911 100644 --- a/EarlyBlue/global/autocomplete.css +++ b/EarlyBlue/global/autocomplete.css @@ -111,15 +111,15 @@ panel[type="autocomplete-richlistbox"], overflow-x: hidden !important; } +.autocomplete-richlistitem { + padding: 1px 2px; +} + .autocomplete-richlistitem[selected="true"] { background-color: #336699; color: white; } -.autocomplete-richlistitem { - padding: 1px 2px; -} - .autocomplete-richlistitem:not(:first-child) { border-top: 1px solid #666699; } @@ -167,10 +167,6 @@ html|span.ac-emphasize-text { text-decoration: underline; } -html|span.ac-emphasize-alt { - text-decoration: underline; -} - .ac-title, .ac-url { overflow: hidden; } diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index 732f3feb..c0c63339 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -251,36 +251,36 @@ html|table { /* CSS Transitions */ .clickToPlay { - -moz-transition-property: opacity, background-size; - -moz-transition-duration: 400ms, 400ms; + transition-property: opacity, background-size; + transition-duration: 400ms, 400ms; } .clickToPlay[fadeout] { background-size: auto, 192px 192px; opacity: 0; } .clickToPlay[fadeout][immediate] { - -moz-transition-property: opacity, background-size; - -moz-transition-duration: 0s, 0s; + transition-property: opacity, background-size; + transition-duration: 0s, 0s; } .controlBar:not([immediate]) { - -moz-transition-property: opacity; - -moz-transition-duration: 200ms; + transition-property: opacity; + transition-duration: 200ms; } .controlBar[fadeout] { opacity: 0; } .volumeStack:not([immediate]) { - -moz-transition-property: opacity, margin-top; - -moz-transition-duration: 200ms, 200ms; + transition-property: opacity, margin-top; + transition-duration: 200ms, 200ms; } .volumeStack[fadeout] { opacity: 0; margin-top: 0; } .statusOverlay:not([immediate]) { - -moz-transition-property: opacity; - -moz-transition-duration: 300ms; - -moz-transition-delay: 750ms; + transition-property: opacity; + transition-duration: 300ms; + transition-delay: 750ms; } .statusOverlay[fadeout] { opacity: 0; diff --git a/EarlyBlue/global/popup.css b/EarlyBlue/global/popup.css index 4ca198f7..74f3cc77 100644 --- a/EarlyBlue/global/popup.css +++ b/EarlyBlue/global/popup.css @@ -17,7 +17,33 @@ panel { panel[type="arrow"] { background: transparent; border: none; - -moz-transition: opacity 300ms; + transition: opacity 300ms; +} + +.panel-arrowcontainer[panelopen] { + transition-duration: 200ms, 150ms; + transition-property: opacity, transform; + transition-timing-function: ease-out; +} + +.panel-arrowcontainer:not([panelopen]) { + opacity: 0; +} + +.panel-arrowcontainer:not([panelopen])[side="top"] { + transform: translateY(-20px); +} + +.panel-arrowcontainer:not([panelopen])[side="bottom"] { + transform: translateY(20px); +} + +.panel-arrowcontainer:not([panelopen])[side="left"] { + transform: translateX(-20px); +} + +.panel-arrowcontainer:not([panelopen])[side="right"] { + transform: translateX(20px); } panel[type="arrow"][side="top"], @@ -53,7 +79,7 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="bottom"] { - -moz-transform: scaleY(-1); + transform: scaleY(-1); margin-top: -5px; } @@ -70,7 +96,7 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="right"] { - -moz-transform: scaleX(-1); + transform: scaleX(-1); margin-left: -5px; } diff --git a/EarlyBlue/global/resizer.css b/EarlyBlue/global/resizer.css index 0ae34ef7..cc0c6f4e 100644 --- a/EarlyBlue/global/resizer.css +++ b/EarlyBlue/global/resizer.css @@ -10,13 +10,13 @@ resizer { resizer[rtl="true"], resizer[dir="bottomend"]:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } resizer[dir="left"], resizer[dir="bottomleft"], resizer[dir="bottomstart"] { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } resizer[dir="bottomleft"], diff --git a/EarlyBlue/global/textbox.css b/EarlyBlue/global/textbox.css index 9ba19f70..c24a8826 100644 --- a/EarlyBlue/global/textbox.css +++ b/EarlyBlue/global/textbox.css @@ -87,7 +87,7 @@ textbox.plain { } .textbox-search-icon:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .textbox-search-icon[searchbutton]:not([disabled]) { diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index c852e463..bc6828a4 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -185,14 +185,14 @@ border-bottom: 0; height: 0; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category:not([disabled]) { height: 52px; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category[selected] { @@ -530,14 +530,14 @@ height: 0; overflow: hidden; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; } .addon[show-relnotes] .relnotes-container { opacity: 1; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; } .addon .relnotes-header { @@ -686,8 +686,8 @@ #detail-view[loading-extended] .loading { opacity: 1; - -moz-transition-property: opacity; - -moz-transition-duration: 1s; + transition-property: opacity; + transition-duration: 1s; } .detail-view-container { diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css index 7067e399..cd599627 100644 --- a/EarlyBlue/mozapps/plugins/pluginProblem.css +++ b/EarlyBlue/mozapps/plugins/pluginProblem.css @@ -30,7 +30,9 @@ html|a { :-moz-type-unsupported .icon[status="ready"] { background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png"); } -:-moz-handler-clicktoplay .icon { +:-moz-handler-clicktoplay .icon, +:-moz-handler-vulnerable-updatable .icon, +:-moz-handler-vulnerable-no-update .icon { background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png"); } :-moz-handler-disabled .icon { @@ -54,8 +56,9 @@ html|a { cursor: default; } -:-moz-handler-clicktoplay, -.msgClickToPlay { +:-moz-handler-clicktoplay .msgClickToPlay, +:-moz-handler-vulnerable-updatable .msgClickToPlay, +:-moz-handler-vulnerable-no-update .msgClickToPlay { cursor: pointer; } diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 5be039e4..f5d3a7cb 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -643,7 +643,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #forward-button:-moz-locale-dir(rtl), #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } #nav-bar #back-button { @@ -776,7 +776,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) > #forward-button { - -moz-transition: opacity 150ms ease-out; + transition: opacity 150ms ease-out; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1168,7 +1168,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar { - -moz-transition: margin-left 150ms ease-out; + transition: margin-left 150ms ease-out; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1195,7 +1195,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar { /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ - -moz-transition-delay: 100s; + transition-delay: 100s; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1212,7 +1212,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */ - -moz-transform: scaleX(-1); + transform: scaleX(-1); } html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, @@ -1313,21 +1313,21 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { padding-left: 2px; - -moz-transition: padding-left; + transition: padding-left; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { padding-right: 2px; - -moz-transition: padding-right; + transition: padding-right; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box { /* forward button hiding is delayed when hovered */ - -moz-transition-delay: 100s; + transition-delay: 100s; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1563,7 +1563,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } #urlbar-go-button:hover, @@ -1824,7 +1824,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tab-close-button:-moz-system-metric(touch-enabled) { - -moz-transform: scale(1.2); + transform: scale(1.2); } .tab-close-button:hover, @@ -1965,7 +1965,7 @@ toolbarbutton.chevron:hover { toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon, toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } toolbarbutton.chevron > .toolbarbutton-text, @@ -2180,7 +2180,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #notification-popup-box:-moz-locale-dir(rtl), .notification-anchor-icon:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .notification-anchor-icon { @@ -2629,7 +2629,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { width: 14px; height: 14px; -moz-margin-start: -moz-calc(50% - 7px); - -moz-transform: rotate(-45deg); + transform: rotate(-45deg); border: 1px solid transparent; background-clip: padding-box; background-repeat: no-repeat; @@ -2746,7 +2746,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* -moz-transform: scaleX(-1); */ +/* transform: scaleX(-1); */ } .inspector-breadcrumbs-button { @@ -3069,7 +3069,7 @@ stack[anonid=browserStack][responsivemode] { width: 7px; height: 24px; cursor: ew-resize; - -moz-transform: translate(12px, -12px); + transform: translate(12px, -12px); background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } @@ -3077,7 +3077,7 @@ stack[anonid=browserStack][responsivemode] { width: 16px; height: 16px; cursor: se-resize; - -moz-transform: translate(12px, 12px); + transform: translate(12px, 12px); background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 6cdbe48f..93838fe4 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -68,9 +68,9 @@ devtools-menulist:-moz-focusring, padding-bottom: 0; -moz-padding-start: 18px; -moz-padding-end: 12px; - -moz-transition-property: background-color, border-color, box-shadow; - -moz-transition-duration: 150ms; - -moz-transition-timing-function: ease; + transition-property: background-color, border-color, box-shadow; + transition-duration: 150ms; + transition-timing-function: ease; color: inherit; } diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 6126a546..9aab7f0f 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -111,17 +111,17 @@ window { -moz-margin-end: 1px; margin-top: 2px; border-bottom: 1px dotted #008484; - -moz-transition: background 1s ease-in-out; + transition: background 1s ease-in-out; background: #000000; } .variable[changed] { - -moz-transition-duration: 0.4s; + transition-duration: 0.4s; background: #FFCF00; } .variable[added] { - -moz-transition-duration: 0.4s; + transition-duration: 0.4s; background: #008484; } @@ -247,14 +247,14 @@ window { @-moz-keyframes showblock { from { opacity: 0; - -moz-transform-origin: top; - -moz-transform: scaleY(0); + transform-origin: top; + transform: scaleY(0); } to { opacity: 1; - -moz-transform-origin: top; - -moz-transform: scaleY(1); + transform-origin: top; + transform: scaleY(1); } } diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css index c6e38582..fc6f2eee 100644 --- a/LCARStrek/browser/devtools/splitview.css +++ b/LCARStrek/browser/devtools/splitview.css @@ -103,11 +103,11 @@ border-style: solid; border-color: #9C9CFF;*/ margin: 5px 0; - -moz-transform: translateX(-22px); /* account for startcap as well */ + transform: translateX(-22px); /* account for startcap as well */ } .splitview-landscape-resizer:-moz-locale-dir(rtl) { - -moz-transform: translateX(22px); + transform: translateX(22px); } .splitview-portrait-resizer { diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index c9303d60..4594e310 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -11,7 +11,7 @@ window { } .hud-box.animated { - -moz-transition: height 100ms; + transition: height 100ms; } .hud-outer-wrapper { diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css index e91d6f23..cc6468a0 100644 --- a/LCARStrek/browser/downloads/downloads.css +++ b/LCARStrek/browser/downloads/downloads.css @@ -203,15 +203,15 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover { } @-moz-keyframes downloadsIndicatorNotificationRight { - from { opacity: 0; -moz-transform: translate(-128px, 128px) scale(8); } + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } 20% { opacity: .85; -moz-animation-timing-function: ease-out; } - to { opacity: 0; -moz-transform: translate(0) scale(1); } + to { opacity: 0; transform: translate(0) scale(1); } } @-moz-keyframes downloadsIndicatorNotificationLeft { - from { opacity: 0; -moz-transform: translate(128px, 128px) scale(8); } + from { opacity: 0; transform: translate(128px, 128px) scale(8); } 20% { opacity: .85; -moz-animation-timing-function: ease-out; } - to { opacity: 0; -moz-transform: translate(0) scale(1); } + to { opacity: 0; transform: translate(0) scale(1); } } #downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification { diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css index 30de146b..8601a36c 100644 --- a/LCARStrek/browser/newtab/newTab.css +++ b/LCARStrek/browser/newtab/newTab.css @@ -38,7 +38,7 @@ border: 1px solid; border-color: #9C9CFF; border-radius: 1px; - -moz-transition: border-color 100ms ease-out; + transition: border-color 100ms ease-out; } .newtab-cell:empty { @@ -56,7 +56,7 @@ /* SITES */ .newtab-site { text-decoration: none; - -moz-transition-property: top, left, opacity, box-shadow, background-color; + transition-property: top, left, opacity, box-shadow, background-color; } .newtab-site:hover, @@ -65,7 +65,7 @@ } .newtab-site[dragged] { - -moz-transition-property: box-shadow, background-color; + transition-property: box-shadow, background-color; background-color: #002121; } diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index 831f3472..b09c72f4 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -66,7 +66,7 @@ } .search-go-button:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .search-go-button:hover { diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css index ae43188d..607f954d 100644 --- a/LCARStrek/browser/tabview/tabview.css +++ b/LCARStrek/browser/tabview/tabview.css @@ -91,23 +91,23 @@ html[dir=rtl] .close { width: 16px; height: 16px; background: url("chrome://global/skin/icons/resizer.png") no-repeat; - -moz-transition-property: opacity; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; + transition-property: opacity; + transition-duration: 0.5s; + transition-timing-function: ease-out; opacity: 0.2; } html[dir=rtl] .expander { right: auto; left: 6px; - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .expander:hover, .appTabIcon:hover { - -moz-transition-property: opacity; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; + transition-property: opacity; + transition-duration: 0.5s; + transition-timing-function: ease-out; opacity: 1.0; } @@ -440,7 +440,7 @@ html[dir=rtl] .title-shield { html[dir=rtl] .resizer { right: auto; left: 0; - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .iq-resizable-handle { diff --git a/LCARStrek/communicator/search/searchbar.css b/LCARStrek/communicator/search/searchbar.css index e05e129f..ba3f727f 100644 --- a/LCARStrek/communicator/search/searchbar.css +++ b/LCARStrek/communicator/search/searchbar.css @@ -47,7 +47,7 @@ } .search-go-button:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .search-go-button:hover { diff --git a/LCARStrek/global/TopLevelImageDocument.css b/LCARStrek/global/TopLevelImageDocument.css index f017e130..f19e43d4 100644 --- a/LCARStrek/global/TopLevelImageDocument.css +++ b/LCARStrek/global/TopLevelImageDocument.css @@ -7,7 +7,7 @@ background-color: #221500; } - img { + .decoded { background-color: #FFFFFF; color: #221500; } diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css index 2629ba35..13b8d674 100644 --- a/LCARStrek/global/alerts/alert.css +++ b/LCARStrek/global/alerts/alert.css @@ -32,6 +32,11 @@ font-weight: bold; } +#alertImage { + max-width: 48px; + max-height: 48px; +} + .alertText { -moz-margin-end: 6px; } diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css index 4d44a49c..ee86e331 100644 --- a/LCARStrek/global/autocomplete.css +++ b/LCARStrek/global/autocomplete.css @@ -122,15 +122,15 @@ panel[type="autocomplete-richlistbox"], overflow-x: hidden !important; } +.autocomplete-richlistitem { + padding: 1px 2px; +} + .autocomplete-richlistitem[selected="true"] { background-color: #008484; color: #000000; } -.autocomplete-richlistitem { - padding: 1px 2px; -} - .autocomplete-richlistitem:not(:first-child) { border-top: 1px solid #E7ADE7; } @@ -178,10 +178,6 @@ html|span.ac-emphasize-text { text-decoration: underline; } -html|span.ac-emphasize-alt { - text-decoration: underline; -} - .ac-title, .ac-url { overflow: hidden; } diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 912093a1..52224119 100644 --- a/LCARStrek/global/media/videocontrols.css +++ b/LCARStrek/global/media/videocontrols.css @@ -288,36 +288,36 @@ html|table { /* CSS Transitions */ .clickToPlay { - -moz-transition-property: opacity, background-size; - -moz-transition-duration: 400ms, 400ms; + transition-property: opacity, background-size; + transition-duration: 400ms, 400ms; } .clickToPlay[fadeout] { background-size: auto, 192px 192px; opacity: 0; } .clickToPlay[fadeout][immediate] { - -moz-transition-property: opacity, background-size; - -moz-transition-duration: 0s, 0s; + transition-property: opacity, background-size; + transition-duration: 0s, 0s; } .controlBar:not([immediate]) { - -moz-transition-property: opacity; - -moz-transition-duration: 200ms; + transition-property: opacity; + transition-duration: 200ms; } .controlBar[fadeout] { opacity: 0; } .volumeStack:not([immediate]) { - -moz-transition-property: opacity, margin-top; - -moz-transition-duration: 200ms, 200ms; + transition-property: opacity, margin-top; + transition-duration: 200ms, 200ms; } .volumeStack[fadeout] { opacity: 0; margin-top: 0; } .statusOverlay:not([immediate]) { - -moz-transition-property: opacity; - -moz-transition-duration: 300ms; - -moz-transition-delay: 750ms; + transition-property: opacity; + transition-duration: 300ms; + transition-delay: 750ms; } .statusOverlay[fadeout] { opacity: 0; diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css index 577e6e32..984f3da0 100644 --- a/LCARStrek/global/popup.css +++ b/LCARStrek/global/popup.css @@ -21,7 +21,33 @@ panel { panel[type="arrow"] { background: transparent; border: none; - -moz-transition: opacity 300ms; + transition: opacity 300ms; +} + +.panel-arrowcontainer[panelopen] { + transition-duration: 200ms, 150ms; + transition-property: opacity, transform; + transition-timing-function: ease-out; +} + +.panel-arrowcontainer:not([panelopen]) { + opacity: 0; +} + +.panel-arrowcontainer:not([panelopen])[side="top"] { + transform: translateY(-20px); +} + +.panel-arrowcontainer:not([panelopen])[side="bottom"] { + transform: translateY(20px); +} + +.panel-arrowcontainer:not([panelopen])[side="left"] { + transform: translateX(-20px); +} + +.panel-arrowcontainer:not([panelopen])[side="right"] { + transform: translateX(20px); } panel[type="arrow"][side="top"], @@ -58,7 +84,7 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="bottom"] { - -moz-transform: scaleY(-1); + transform: scaleY(-1); margin-top: -5px; } @@ -75,7 +101,7 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="right"] { - -moz-transform: scaleX(-1); + transform: scaleX(-1); margin-left: -5px; } diff --git a/LCARStrek/global/resizer.css b/LCARStrek/global/resizer.css index 6939e114..ac06b47f 100644 --- a/LCARStrek/global/resizer.css +++ b/LCARStrek/global/resizer.css @@ -9,13 +9,13 @@ resizer { resizer[rtl="true"], resizer[dir="bottomend"]:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } resizer[dir="left"], resizer[dir="bottomleft"], resizer[dir="bottomstart"] { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } resizer[dir="bottomleft"], diff --git a/LCARStrek/global/textbox.css b/LCARStrek/global/textbox.css index 8b99810e..54482124 100644 --- a/LCARStrek/global/textbox.css +++ b/LCARStrek/global/textbox.css @@ -91,7 +91,7 @@ textbox.plain { } .textbox-search-icon:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .textbox-search-icon[searchbutton]:not([disabled]) { diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 276cb90a..d8e7f5fb 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -197,14 +197,14 @@ border-bottom: 0; height: 0; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category:not([disabled]) { height: 52px; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category[selected] { @@ -563,14 +563,14 @@ height: 0; overflow: hidden; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; } .addon[show-relnotes] .relnotes-container { opacity: 1; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; } .addon .relnotes-header { @@ -734,8 +734,8 @@ #detail-view[loading-extended] .loading { opacity: 1; - -moz-transition-property: opacity; - -moz-transition-duration: 1s; + transition-property: opacity; + transition-duration: 1s; } .detail-view-container { diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css index e7ce487e..a2d3a112 100644 --- a/LCARStrek/mozapps/plugins/pluginProblem.css +++ b/LCARStrek/mozapps/plugins/pluginProblem.css @@ -30,7 +30,9 @@ html|a { :-moz-type-unsupported .icon[status="ready"] { background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png"); } -:-moz-handler-clicktoplay .icon { +:-moz-handler-clicktoplay .icon, +:-moz-handler-vulnerable-updatable .icon, +:-moz-handler-vulnerable-no-update .icon { background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png"); } :-moz-handler-disabled .icon { @@ -54,8 +56,9 @@ html|a { cursor: default; } -:-moz-handler-clicktoplay, -.msgClickToPlay { +:-moz-handler-clicktoplay .msgClickToPlay, +:-moz-handler-vulnerable-updatable .msgClickToPlay, +:-moz-handler-vulnerable-no-update .msgClickToPlay { cursor: pointer; } -- 2.43.0