Merge branch 'master' of linz:/srv/git/themes
authorRobert Kaiser <kairo@kairo.at>
Sun, 8 Apr 2012 20:00:11 +0000 (22:00 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sun, 8 Apr 2012 20:00:11 +0000 (22:00 +0200)
19 files changed:
EarlyBlue/communicator/bookmarks/bookmarksManager.css
EarlyBlue/communicator/button.css
EarlyBlue/global/media/videoClickToPlayButton.svg [new file with mode: 0644]
EarlyBlue/global/media/videocontrols.css
EarlyBlue/global/menu.css
EarlyBlue/mozapps/extensions/extensions.css
EarlyBlue/mozapps/extensions/extensions.svg [new file with mode: 0644]
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/orion-breakpoint.png [new file with mode: 0644]
LCARStrek/browser/devtools/orion-container.css [new file with mode: 0644]
LCARStrek/browser/devtools/orion-debug-location.png [new file with mode: 0644]
LCARStrek/browser/devtools/orion-task.png [new file with mode: 0644]
LCARStrek/browser/devtools/orion.css [new file with mode: 0644]
LCARStrek/global/media/videoClickToPlayButton.svg [new file with mode: 0644]
LCARStrek/global/media/videocontrols.css
LCARStrek/global/menu.css
LCARStrek/mozapps/extensions/extensions.css
LCARStrek/mozapps/extensions/extensions.svg [new file with mode: 0644]
LCARStrek/navigator/navigator.css

index 8b69150bd0557f968bda15082e0f29ad6e6c0a3d..53d68e906a664e38bb98ad88be291ef9520206af 100644 (file)
   padding: 2px 0;
   -moz-padding-end: 3px;
 }
+
+#placesMenu {
+  border-bottom: none;
+}
+
+#placesMenu > menu {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+#searchFilter {
+  margin: 0;
+}
index 038f04e7ad952c980e6921dfd90cc02cc4193232..73077e30843a61cd52600d88298e2e344227f80a 100644 (file)
@@ -46,7 +46,6 @@
 .toolbarbutton-1,
 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   min-width: 36px;
-  min-height: 36px;
   -moz-box-orient: vertical;
 }
 
diff --git a/EarlyBlue/global/media/videoClickToPlayButton.svg b/EarlyBlue/global/media/videoClickToPlayButton.svg
new file mode 100644 (file)
index 0000000..c8d6f23
--- /dev/null
@@ -0,0 +1,99 @@
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.1"
+   id="videoPlayButtonOverlay"
+   preserveAspectRatio="xMinYMin meet"
+   viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="whiteGradientStops">
+      <stop id="whiteGradientStop01" style="stop-color:#ffffff;stop-opacity:.95" offset="0" />
+      <stop id="whiteGradientStop02" style="stop-color:#ffffff;stop-opacity:.75" offset=".45" />
+      <stop id="whiteGradientStop03" style="stop-color:#ffffff;stop-opacity:.72" offset=".55" />
+      <stop id="whiteGradientStop04" style="stop-color:#ffffff;stop-opacity:.65" offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="32"
+       y1="0"
+       x2="32"
+       y2="62"
+       id="whiteGradient"
+       xlink:href="#whiteGradientStops"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient id="arrowGradientStops">
+      <stop id="arrowGradientStop01" style="stop-color:#333333;stop-opacity:.5" offset="0" />
+      <stop id="arrowGradientStop02" style="stop-color:#666666;stop-opacity:.5" offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="32"
+       y1="16"
+       x2="32"
+       y2="48"
+       id="arrowGradient"
+       xlink:href="#arrowGradientStops"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       x="-0.15"
+       y="-0.15"
+       width="1.25"
+       height="1.25"
+       color-interpolation-filters="sRGB"
+       id="dropShadow">
+      <feGaussianBlur
+         result="blur"
+         stdDeviation="2"
+         in="SourceAlpha"
+         id="dropShadowBlur" />
+      <feColorMatrix
+         values="1 0 0 0  0
+                 0 1 0 0  0
+                 0 0 1 0  0
+                 0 0 0 .5 0"
+         type="matrix"
+         result="bluralpha"
+         id="dropShadowColor" />
+      <feOffset
+         result="offsetBlur"
+         dy="1"
+         dx="0"
+         in="bluralpha"
+         id="dropShadowOffset" />
+      <feMerge>
+        <feMergeNode
+           in="offsetBlur" />
+        <feMergeNode
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <mask id="dropShadowMask">
+      <path
+         d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"
+         id="dropShadowMaskPath"
+         style="fill:#ffffff;fill-opacity:1;stroke:none" />
+    </mask>       
+  </defs>
+  <path 
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+     mask="url(#dropShadowMask)"
+     id="playButtonShadow"
+     style="fill:black;fill-opacity:1;stroke:none;filter:url(#dropShadow)" />
+  <path
+     d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"
+     id="playButtonArrow"
+     style="fill:url(#arrowGradient);fill-opacity:1;stroke:none" />
+  <path 
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+     id="playButton"
+     style="fill:url(#whiteGradient);fill-opacity:1;stroke:none" />
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"
+     id="playButtonEdgeHighlights"
+     style="fill:white;fill-opacity:.3;stroke:none" />
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"
+     id="playButtonTopEdgeHighlights"
+     style="fill:white;fill-opacity:.8;stroke:none" />
+</svg>
index 9d85d889498e639865943f88a4732dcf1b1aa648..e0b56c6518026bd5b453dc15c61b9c87bcd14ecf 100644 (file)
   background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }
 
+/* Overlay Play button */
+.clickToPlay {
+  width: 64px;
+  height: 64px;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  opacity: 0.7;
+  background-image: url("chrome://global/skin/media/clicktoplay-bgtexture.png"),
+                    url("chrome://global/skin/media/videoClickToPlayButton.svg");
+  background-repeat: repeat, no-repeat;
+  background-position: center, center;
+  background-size: auto, 64px 64px;
+  background-color: hsla(0,0%,10%,.5);
+}
+.clickToPlay:hover {
+  opacity: 1;
+}
+
 /* Statistics formatting */
 html|*.statsDiv {
   position: relative;
@@ -228,6 +246,18 @@ html|table {
 }
 
 /* CSS Transitions */
+.clickToPlay {
+  -moz-transition-property: opacity, background-size;
+  -moz-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;
+}
 .controlBar:not([immediate]) {
   -moz-transition-property: opacity;
   -moz-transition-duration: 200ms;
index f8220d063a7b4728515ec7591b5177f6aea94219..9acb074c430ee098de94fde1ba5fe8599994df2f 100644 (file)
@@ -73,8 +73,8 @@ menuitem[_moz-menuactive="true"][disabled="true"],
 }
 
 menubar > menu {
-  padding: 2px 0px;
-  -moz-padding-start: 3px;
+  padding: 2px 1px;
+  -moz-padding-start: 2px;
   margin: 0px 2px;
   -moz-margin-start: 0px;
   border: 1px solid #CCD0DD;
@@ -135,8 +135,12 @@ menulist > menupopup > menu {
   color: inherit;
 }
 
+.menu-iconic-left {
+  -moz-margin-end: 3px !important;
+}
+
 .menu-text {
-  -moz-margin-start: 18px !important;
+  -moz-margin-start: 19px !important;
   font-weight: inherit;
 }
 
index 21f90ab35f5e330ac78991fc0d36c7843112f780..e7e951a78c21e0e07658476f63317d2bc43a93b8 100644 (file)
 }
 
 .addon[active="false"] .icon {
-/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
 }
 
 .addon-view[type="theme"] .icon {
 }
 
 .addon[active="false"] {
-  /* background-color: rgba(135, 135, 135, 0.1); */
+  background-color: #DDDDDD;
 }
 
 .addon-view[active="false"],
 }
 
 .addon[active="false"][selected] {
-  color: #000000;
+  color: #AAAAAA;
 }
 
 .addon[active="false"][selected] .name-container {
-  color: #222233;
+  color: #DDDDDD;
 }
 
 
diff --git a/EarlyBlue/mozapps/extensions/extensions.svg b/EarlyBlue/mozapps/extensions/extensions.svg
new file mode 100644 (file)
index 0000000..04f18d3
--- /dev/null
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="greyscale">
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+</svg>
index 9418e9518d5cd5b9dba7bdd2b37e7fa917fdcc47..037951269d00844e4a25a6734e7723a19d2fb88c 100644 (file)
@@ -1184,6 +1184,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 #urlbar {
   width: 7em;
   min-width: 7em;
+  /* make color as light as possible to deal with dark non-domain parts */
+  color: #FFBFFF;
 }
 
 #urlbar:-moz-lwtheme,
@@ -1321,7 +1323,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
   background: transparent;
 }
 
-#urlbar-search-splitter + #urlbar-container > #urlbar ,
+#urlbar-search-splitter + #urlbar-container > #urlbar,
 #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
   -moz-margin-start: 0;
 }
diff --git a/LCARStrek/browser/devtools/orion-breakpoint.png b/LCARStrek/browser/devtools/orion-breakpoint.png
new file mode 100644 (file)
index 0000000..834e4a4
Binary files /dev/null and b/LCARStrek/browser/devtools/orion-breakpoint.png differ
diff --git a/LCARStrek/browser/devtools/orion-container.css b/LCARStrek/browser/devtools/orion-container.css
new file mode 100644 (file)
index 0000000..e29c298
--- /dev/null
@@ -0,0 +1,39 @@
+/* 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/. */
+
+.viewTooltip {
+  display: none; /* TODO: add tooltips support, see bug 721752 */
+  font-family: monospace;
+  font-size: 13px;
+  background-color: #9C9CFF;
+  color: #000000;
+  padding: 2px;
+  border-radius: 4px;
+  border: 1px solid #FFCF00;
+  z-index: 100;
+  position: fixed;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.viewTooltip em {
+  font-style: normal;
+  font-weight: bold;
+}
+
+.annotationHTML {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  vertical-align: middle;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.annotationHTML.task {
+  background-image: url("chrome://browser/skin/devtools/orion-task.png");
+}
+.annotationHTML.breakpoint {
+  background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
+}
diff --git a/LCARStrek/browser/devtools/orion-debug-location.png b/LCARStrek/browser/devtools/orion-debug-location.png
new file mode 100644 (file)
index 0000000..88dd4e9
Binary files /dev/null and b/LCARStrek/browser/devtools/orion-debug-location.png differ
diff --git a/LCARStrek/browser/devtools/orion-task.png b/LCARStrek/browser/devtools/orion-task.png
new file mode 100644 (file)
index 0000000..26574e6
Binary files /dev/null and b/LCARStrek/browser/devtools/orion-task.png differ
diff --git a/LCARStrek/browser/devtools/orion.css b/LCARStrek/browser/devtools/orion.css
new file mode 100644 (file)
index 0000000..6c0a553
--- /dev/null
@@ -0,0 +1,191 @@
+/* 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/. */
+
+.viewContainer {
+  background: #cddae5; /* This will be seen as the continuation of the ruler */
+  font-family: monospace;
+  font-size: inherit; /* inherit browser's default monospace font size */
+}
+
+.view {
+  color: #FF9F00; /* Default text color */
+  background: #000000; /* Background of the editor */
+  padding-left: 4px;
+}
+
+.readonly > .view {
+  background: #000000;
+}
+
+.ruler {
+  background: #402800;
+  color: #E7ADE7;
+}
+.ruler.annotations {
+  width: 16px;
+  padding-left: 4px;
+}
+.ruler.lines {
+  border-right: 1px solid #794900;
+  min-width: 1.4em;
+  padding-left: 4px;
+  padding-right: 4px;
+  text-align: end;
+}
+
+.ruler.linesWithAnnotations {
+  min-width: 0;
+  padding-left: 0;
+}
+
+.ruler.overview {
+  border-left: 1px solid #794900;
+  width: 14px;
+  text-align: start;
+}
+
+/* Styles for the annotation ruler (first line) */
+.annotationHTML {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  vertical-align: middle;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.annotationHTML.task {
+  background-image: url("chrome://browser/skin/devtools/orion-task.png");
+}
+.annotationHTML.breakpoint {
+  background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
+}
+.annotationHTML.debugLocation {
+  background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");
+}
+
+/* Styles for the overview ruler  */
+.annotationOverview {
+  cursor: pointer;
+  border-radius: 2px;
+  left: 2px;
+  width: 8px;
+}
+.annotationOverview.task {
+  background-color: #004000;
+  border: 1px solid #33FF33;
+}
+.annotationOverview.breakpoint {
+  background-color: #262640;
+  border: 1px solid #9C9CFF;
+}
+.annotationOverview.debugLocation {
+  background-color: #404000;
+  border: 1px solid #33FF33;
+}
+.annotationOverview.currentBracket {
+  background-color: #808080;
+  border: 1px solid #FF0000;
+}
+.annotationOverview.matchingBracket {
+  background-color: #808080;
+  border: 1px solid #FF0000;
+}
+
+/* Styles for text range */
+.annotationRange {
+  background-repeat: repeat-x;
+  background-position: left bottom;
+}
+.annotationRange.task {
+  outline: 1px dashed rgba(0, 255, 0, 0.5);
+}
+.annotationRange.matchingBracket {
+  outline: 1px solid #008484;
+}
+
+.token_singleline_comment {
+  color: #33CC33; /* green */
+}
+
+.token_multiline_comment {
+  color: #33CC33; /* green */
+}
+
+.token_doc_comment {
+  color: #33CC33; /* green */
+}
+
+.token_doc_html_markup {
+  color: #E7ADE7; /* purple */
+}
+
+.token_doc_tag {
+  color: #E7ADE7; /* purple */
+}
+
+.token_task_tag { /* "TODO" */
+  color: black;
+  background: #FFCF00;
+}
+
+.token_string {
+  color: #9C9CFF; /* blue */
+  font-style: italic;
+}
+
+.token_keyword {
+  color: #E7ADE7; /* purple */
+}
+
+.token_space {
+  /* images/white_space.png */
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
+.token_tab {
+  /* images/white_tab.png */
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
+  background-repeat: no-repeat;
+  background-position: left center;
+}
+
+.line_caret,
+.annotationLine.currentLine { /* Current line */
+  background: #402800; /* lighter than the background */
+}
+
+.readonly .line_caret,
+.readonly .annotationLine.currentLine {
+  background: #402800; /* a bit darker than the background */
+}
+
+/* Styling for html syntax highlighting */
+.entity-name-tag {
+  color: #E7ADE7; /* purple */
+}
+
+.entity-other-attribute-name {
+  color: #E7ADE7; /* purple */
+}
+
+.punctuation-definition-comment {
+  color: #33CC33; /* green */
+}
+
+.comment {
+  color: #33CC33; /* green */
+}
+
+.string-quoted {
+  color: #9C9CFF; /* blue */
+  font-style: italic;
+}
+
+.invalid {
+  color: red;
+  font-weight: bold;
+}
diff --git a/LCARStrek/global/media/videoClickToPlayButton.svg b/LCARStrek/global/media/videoClickToPlayButton.svg
new file mode 100644 (file)
index 0000000..d5e21c7
--- /dev/null
@@ -0,0 +1,99 @@
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.1"
+   id="videoPlayButtonOverlay"
+   preserveAspectRatio="xMinYMin meet"
+   viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="whiteGradientStops">
+      <stop id="whiteGradientStop01" style="stop-color:#000000;stop-opacity:.95" offset="0" />
+      <stop id="whiteGradientStop02" style="stop-color:#000000;stop-opacity:.75" offset=".45" />
+      <stop id="whiteGradientStop03" style="stop-color:#000000;stop-opacity:.72" offset=".55" />
+      <stop id="whiteGradientStop04" style="stop-color:#000000;stop-opacity:.65" offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="32"
+       y1="0"
+       x2="32"
+       y2="62"
+       id="whiteGradient"
+       xlink:href="#whiteGradientStops"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient id="arrowGradientStops">
+      <stop id="arrowGradientStop01" style="stop-color:#FFCF00;stop-opacity:.8" offset="0" />
+      <stop id="arrowGradientStop02" style="stop-color:#FF9F00;stop-opacity:.8" offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="32"
+       y1="16"
+       x2="32"
+       y2="48"
+       id="arrowGradient"
+       xlink:href="#arrowGradientStops"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       x="-0.15"
+       y="-0.15"
+       width="1.25"
+       height="1.25"
+       color-interpolation-filters="sRGB"
+       id="dropShadow">
+      <feGaussianBlur
+         result="blur"
+         stdDeviation="2"
+         in="SourceAlpha"
+         id="dropShadowBlur" />
+      <feColorMatrix
+         values="1 0 0 0  0
+                 0 1 0 0  0
+                 0 0 1 0  0
+                 0 0 0 .5 0"
+         type="matrix"
+         result="bluralpha"
+         id="dropShadowColor" />
+      <feOffset
+         result="offsetBlur"
+         dy="1"
+         dx="0"
+         in="bluralpha"
+         id="dropShadowOffset" />
+      <feMerge>
+        <feMergeNode
+           in="offsetBlur" />
+        <feMergeNode
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <mask id="dropShadowMask">
+      <path
+         d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"
+         id="dropShadowMaskPath"
+         style="fill:#000000;fill-opacity:1;stroke:none" />
+    </mask>
+  </defs>
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+     mask="url(#dropShadowMask)"
+     id="playButtonShadow"
+     style="fill:white;fill-opacity:1;stroke:none;filter:url(#dropShadow)" />
+  <path
+     d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"
+     id="playButtonArrow"
+     style="fill:url(#arrowGradient);fill-opacity:1;stroke:none" />
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+     id="playButton"
+     style="fill:url(#whiteGradient);fill-opacity:1;stroke:none" />
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"
+     id="playButtonEdgeHighlights"
+     style="fill:black;fill-opacity:.3;stroke:none" />
+  <path
+     d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"
+     id="playButtonTopEdgeHighlights"
+     style="fill:#402800;fill-opacity:.8;stroke:none" />
+</svg>
index 2e2b7131ea991e29a760ae35de929b6beab76af0..19ee4de18bda06596219758a54a7ead1047df040 100644 (file)
   background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }
 
+/* Overlay Play button */
+.clickToPlay {
+  width: 64px;
+  height: 64px;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  opacity: 0.7;
+  background-image: url("chrome://global/skin/media/clicktoplay-bgtexture.png"),
+                    url("chrome://global/skin/media/videoClickToPlayButton.svg");
+  background-repeat: repeat, no-repeat;
+  background-position: center, center;
+  background-size: auto, 64px 64px;
+  background-color: hsla(0,0%,10%,.5);
+}
+.clickToPlay:hover {
+  opacity: 1;
+}
+
 /* Statistics formatting */
 html|*.statsDiv {
   position: relative;
@@ -265,6 +283,18 @@ html|table {
 }
 
 /* CSS Transitions */
+.clickToPlay {
+  -moz-transition-property: opacity, background-size;
+  -moz-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;
+}
 .controlBar:not([immediate]) {
   -moz-transition-property: opacity;
   -moz-transition-duration: 200ms;
index 9c63298d2c0cc86cd2c7c6fc4267a4ce34072cdc..0b1cc9caa4a6caca8ca638165565cc859178d823 100644 (file)
@@ -136,8 +136,12 @@ menulist > menupopup > menu {
   color: inherit;
 }
 
+.menu-iconic-left {
+  -moz-margin-end: 3px !important;
+}
+
 .menu-text {
-  -moz-margin-start: 18px !important;
+  -moz-margin-start: 19px !important;
   font-weight: inherit;
 }
 
index b8e7e4f91b7e9542b15bff8185ab6c949c628b49..868a43b930a36206389bb64ccccf14a7b0c0497b 100644 (file)
 }
 
 .addon[active="false"] .icon {
-/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
 }
 
 .addon-view[type="theme"] .icon {
 }
 
 .addon[active="false"] {
-  /* background-color: rgba(135, 135, 135, 0.1); */
+  background-color: #8050B0;
+  color: #E7ADE7;
 }
 
-.addon-view[active="false"],
 .addon-view[active="false"] .name-container {
   color: #E7ADE7;
+  color: #000000;
 }
 
 .addon-view[notification="warning"] {
diff --git a/LCARStrek/mozapps/extensions/extensions.svg b/LCARStrek/mozapps/extensions/extensions.svg
new file mode 100644 (file)
index 0000000..04f18d3
--- /dev/null
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <filter id="greyscale">
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+</svg>
index 364515eb49a1bab137ec5212cd12a0b90b40a00a..b72ae6b92bf2ec17c23590707abc612cb46c9840 100644 (file)
@@ -277,6 +277,8 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
   border-radius: 5px;
   margin: 0;
   -moz-margin-start: 3px;
+  /* make color as light as possible to deal with dark non-domain parts */
+  color: #FFBFFF;
 }
 
 .urlbar-security-level {