complete sync of both themes with toolkit winstripe changes in Mozilla 16 cycle
authorRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 10 Sep 2012 16:59:55 +0000 (18:59 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 10 Sep 2012 16:59:55 +0000 (18:59 +0200)
29 files changed:
EarlyBlue/communicator/search/searchbar.css
EarlyBlue/global/TopLevelImageDocument.css
EarlyBlue/global/alerts/alert.css
EarlyBlue/global/autocomplete.css
EarlyBlue/global/media/videocontrols.css
EarlyBlue/global/popup.css
EarlyBlue/global/resizer.css
EarlyBlue/global/textbox.css
EarlyBlue/mozapps/extensions/extensions.css
EarlyBlue/mozapps/plugins/pluginProblem.css
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/splitview.css
LCARStrek/browser/devtools/webconsole.css
LCARStrek/browser/downloads/downloads.css
LCARStrek/browser/newtab/newTab.css
LCARStrek/browser/searchbar.css
LCARStrek/browser/tabview/tabview.css
LCARStrek/communicator/search/searchbar.css
LCARStrek/global/TopLevelImageDocument.css
LCARStrek/global/alerts/alert.css
LCARStrek/global/autocomplete.css
LCARStrek/global/media/videocontrols.css
LCARStrek/global/popup.css
LCARStrek/global/resizer.css
LCARStrek/global/textbox.css
LCARStrek/mozapps/extensions/extensions.css
LCARStrek/mozapps/plugins/pluginProblem.css

index 070d4a3a98a9ae1c38317be1f111a23a3d185317..927e1e07491d34761aa6a03969bd55f84311a91e 100644 (file)
@@ -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 {
index 3c0e09b8b494b2ec1b4cf65d0cc14b41a8813814..ae8067f42dc377607d677a5608aebdcf12743185 100644 (file)
@@ -7,7 +7,7 @@
     background-color: #222;
   }
 
-  img {
+  .decoded {
     background-color: #fff;
     color: #222;
   }
index 5635a13760aab7a4437cf342210a3ee6b29c2ede..6a63465bba432e41d374b68f7ce8fea40ae52f24 100644 (file)
   font-weight: bold;
 }
 
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+}
+
 .alertText {
   -moz-margin-end: 6px;
 }
index b69fd8aa6c42abf4b85fca346e32b56df3100eb5..591da91125dd7861dc083316771b7578d04cbc17 100644 (file)
@@ -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;
 }
index 732f3febe1825e5b8638f58e28c38214cc9b92f9..c0c63339a32a5c4129284e88eb103aab5be760c9 100644 (file)
@@ -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;
index 4ca198f7e45c949113c8b4aa2bb6659b6ddf93d0..74f3cc77b319dcbd7686c1cd5ce893c0215e44dd 100644 (file)
@@ -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;
 }
 
index 0ae34ef7829a674cb3f6282fb36762d3ef035db2..cc0c6f4e65b05d643e1c6f9cb097ea95c9c7ae7a 100644 (file)
@@ -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"],
index 9ba19f704930e0141e1630ccff75cefc5e709c10..c24a8826a70dd19336c280ffac82fc868ff05ace 100644 (file)
@@ -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]) {
index c852e46318762821875575f793296a05cc611775..bc6828a404f6624d4e4641c3c0fa0c89da6c4e95 100644 (file)
   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] {
   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 {
 
 #detail-view[loading-extended] .loading {
   opacity: 1;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 1s;
+  transition-property: opacity;
+  transition-duration: 1s;
 }
 
 .detail-view-container {
index 7067e3991dc5af73d753eee24617301a598c30a6..cd5996275b58f2906df5dea1bd24c06a56867b63 100644 (file)
@@ -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;
 }
 
index 5be039e47d22a6b396d73154fe7f96eae0f022c3..f5d3a7cb5b74b8bd11d2a3fcce95560067f07611 100644 (file)
@@ -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");
 }
 
index 6cdbe48f4ae2d9a0efa42fb71ed57bad41d80ab5..93838fe46c7e91bc26e1591d363e6e2e2f1ea302 100644 (file)
@@ -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;
 }
 
index 6126a54667ae5a72cde27722af1f31b0fd1ca459..9aab7f0f11e508badd150549796ad7739c5d76e9 100644 (file)
@@ -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);
   }
 }
 
index c6e38582dd708b41b8c2d829354276d0dab2716b..fc6f2eee71262e2ecc52af259582466b5edceec8 100644 (file)
   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 {
index c9303d60dc70878eff7706e7bfaf39b26fa5b417..4594e3106cb96cb4f308b5e77795b479bc0b045d 100644 (file)
@@ -11,7 +11,7 @@ window {
 }
 
 .hud-box.animated {
-  -moz-transition: height 100ms;
+  transition: height 100ms;
 }
 
 .hud-outer-wrapper {
index e91d6f23c4b5d5b6213e8b0c95e4a15c3a0911da..cc6468a0b53392ac8870777c696af36c0f8fc2b8 100644 (file)
@@ -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 {
index 30de146be558ef847489366108b9d9d3f49300ae..8601a36cc3f51b27fe4a5872b4c097c48faeab7a 100644 (file)
@@ -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;
 }
 
index 831f3472283e2758e4e667b1525db3528a8866f3..b09c72f4b010779fe0de60e3473da6d3e442cfcc 100644 (file)
@@ -66,7 +66,7 @@
 }
 
 .search-go-button:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .search-go-button:hover {
index ae43188d525f302cba72af095959c1858742feff..607f954db8f317093921ae452b1ca9b153876e40 100644 (file)
@@ -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 {
index e05e129f5cf6bc28bfd814835a328f4f0a7e71c1..ba3f727f85b548eab82777c0b4e9fa01b6a590ba 100644 (file)
@@ -47,7 +47,7 @@
 }
 
 .search-go-button:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .search-go-button:hover {
index f017e13018ea2c4a2c945f479b500315525a7f4a..f19e43d4a379abb910ce15f8e5f4d6b66d806c4b 100644 (file)
@@ -7,7 +7,7 @@
     background-color: #221500;
   }
 
-  img {
+  .decoded {
     background-color: #FFFFFF;
     color: #221500;
   }
index 2629ba3520d136bdd5521559a45f2cba83682c02..13b8d674ebbbc79532909e0a98fac7a0354aaf69 100644 (file)
   font-weight: bold;
 }
 
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+}
+
 .alertText {
   -moz-margin-end: 6px;
 }
index 4d44a49c91a353cabc3f48bd3c99f5ecb7cd0264..ee86e3319492a64bd831e961556565ddbef0963f 100644 (file)
@@ -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;
 }
index 912093a162123b65a11d8b760ab8ee0cf81a5257..522241194531b5a49744dc8e584abef066e64f0d 100644 (file)
@@ -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;
index 577e6e32bcf98b1843e5ea3467d34ca0fff34ecc..984f3da0891bc776abd92e0314b7e39fabc237e0 100644 (file)
@@ -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;
 }
 
index 6939e114ec5515fa1b3ee9b560cc1e9f1af9acff..ac06b47f0c0b3cacd9202f3cc36f83efeccf69d6 100644 (file)
@@ -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"],
index 8b99810e1a60c95a35e150918b6cd75c6b1472c1..5448212453c15bb1763c1bb670c5ae5e1a81cc98 100644 (file)
@@ -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]) {
index 276cb90a22d2437bce4130c2e04af372576b15d0..d8e7f5fbd4bf6e8964ec283103532bcb8f17acd7 100644 (file)
   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] {
   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 {
 
 #detail-view[loading-extended] .loading {
   opacity: 1;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 1s;
+  transition-property: opacity;
+  transition-duration: 1s;
 }
 
 .detail-view-container {
index e7ce487eabb38a267aa50ae0c1b6296667305bc4..a2d3a112b96257914215d808786e8446c4a46b2d 100644 (file)
@@ -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;
 }