finish sync of LCARStrek to browser winstripe changes in FIrefox 17 cycle
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 20 Oct 2012 10:48:14 +0000 (12:48 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 20 Oct 2012 10:48:14 +0000 (12:48 +0200)
LCARStrek/browser/aboutSocialError.css [new file with mode: 0644]
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/inspector-option-icon.png [deleted file]
LCARStrek/browser/downloads/buttons.png
LCARStrek/browser/downloads/downloads.css
LCARStrek/global/icons/information-16.png
LCARStrek/global/icons/information-24.png [new file with mode: 0644]
LCARStrek/global/icons/information-32.png [new file with mode: 0644]
LCARStrek/global/icons/information-64.png

diff --git a/LCARStrek/browser/aboutSocialError.css b/LCARStrek/browser/aboutSocialError.css
new file mode 100644 (file)
index 0000000..5863c01
--- /dev/null
@@ -0,0 +1,75 @@
+body {
+  background-color: #000000;
+  color: #FF9F00;
+  margin-top: 2em;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  font-size: 100%;
+}
+
+p {
+  font-size: .8em;
+}
+
+#error-box {
+  background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
+  -moz-padding-start: 30px;
+}
+
+#error-box:-moz-locale-dir(rtl) {
+  background-position: right 4px;
+}
+
+#main-error-msg {
+  color: #FF9F00;
+  font-weight: bold;
+}
+
+
+#button-box {
+  text-align: center;
+  width: 75%;
+  margin: 0 auto;
+}
+
+@media all and (min-width: 300px) {
+  #error-box {
+    max-width: 50%;
+    margin: 0 auto;
+    background-image: url('chrome://global/skin/icons/information-32.png');
+    min-height: 36px;
+    -moz-padding-start: 38px;
+  }
+
+  button {
+    width: auto !important;
+    min-width: 150px;
+  }
+}
+
+@media all and (min-width: 780px) {
+  #error-box {
+    max-width: 30%;
+  }
+}
+
+button {
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  font-size: 0.6875em;
+  -moz-appearance: none;
+  -moz-user-select: none;
+  width: 100%;
+  margin: 2px 0;
+  padding: 2px 6px;
+  line-height: 1.2;
+  background-color: #000000;
+  color: #FFCF00;
+  background-clip: padding-box;
+  border: none;
+  border-radius: 3px;
+}
+
+button:hover,
+button:hover:active {
+  background-color: #FFCF00;
+  color: #000000;
+}
index b55e58acd5c62fb4f9b451269f0f179d40fa8c97..0839fd6000515b7576e89d530542811ecaa3b00a 100644 (file)
@@ -1136,7 +1136,6 @@ 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;
 }
@@ -1236,6 +1235,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
 
 .urlbar-input-box {
   -moz-margin-start: 0;
+  min-width: 4em;
 }
 
 #urlbar-icons {
@@ -1636,11 +1636,11 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   text-decoration: underline;
 }
 
-#editSharePopupText {
+#unsharePopupText {
   height: 48px;
 }
 
-#editSharePopupBottomButtons {
+#unsharePopupBottomButtons {
   margin-top: 1em;
 }
 
@@ -2149,9 +2149,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 }
 
 .popup-notification-icon[popupid="click-to-play-plugins"] {
-  list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
-  width: 32px;
-  height: 32px;
+  list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
 }
 
 .addon-progress-description {
@@ -2506,19 +2504,14 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 /* Highlighter */
 
-.highlighter-veil {
-  background-color: rgba(25, 25, 25, 0.5);
-}
-
-highlighter-veil-transparentbox {
-  box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
-  outline: 1px dashed rgba(255,255,255,0.5);
-  outline-offset: -1px;
+#highlighter-outline {
+  box-shadow: 0 0 0 1px black;
+  outline: 1px dashed white;
 }
 
-#highlighter-veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox {
-  box-shadow: 0 0 0 1px black;
-  outline-color: white;
+#highlighter-outline[locked]  {
+  box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
+  outline-color: rgba(255,255,255,0.7);
 }
 
 /* Highlighter toolbar */
@@ -2533,16 +2526,6 @@ highlighter-veil-transparentbox {
   -moz-image-region: rect(0 32px 16px 16px);
 }
 
-#inspector-option-toolbarbutton {
-  list-style-image: url("chrome://browser/skin/devtools/inspector-option-icon.png");
-  -moz-image-region: rect(0 16px 16px 0);
-}
-
-#inspector-option-toolbarbutton[open],
-#inspector-option-toolbarbutton:hover {
-  -moz-image-region: rect(0 32px 16px 16px);
-}
-
 #inspector-toolbar,
 #developer-toolbar {
   border-top: 3px solid #000000;
@@ -3112,10 +3095,6 @@ stack[anonid=browserStack][responsivemode] {
   transition: height 100ms;
 }
 
-.web-console-splitter {
-  border: none;
-}
-
 /* Developer Toolbar */
 
 .developer-toolbar-button {
@@ -3314,7 +3293,7 @@ stack[anonid=browserStack][responsivemode] {
   background-color: #9C9CFF;
   color: #000000;
   height: 20px;
-  min-height: 20px;
+  min-height: 16px;
   width: 100%;
   margin: 0;
   padding: 2px;
@@ -3366,7 +3345,6 @@ stack[anonid=browserStack][responsivemode] {
 .chatbar-button:active:hover {
 }
 
-/* toolbarbutton-icon */
 .chatbar-button > .toolbarbutton-text,
 .chatbar-button > .toolbarbutton-menu-dropmarker {
   display: none;
@@ -3382,26 +3360,26 @@ stack[anonid=browserStack][responsivemode] {
 
 .chatbar-innerbox {
   background: transparent;
-  margin: -200px -1px 0 -1px;
+  margin: -285px -1px 0 -1px;
   overflow: hidden;
 }
 
+chatbar {
+  -moz-margin-end: 20px;
+}
+
 chatbar > chatbox {
-  height: 200px;
-  width: 200px;
+  height: 285px;
+  width: 260px;
+  -moz-margin-start: 4px;
   background-color: #000000;
   border: 1px solid #9C9CFF;
   border-bottom: none;
 }
 
-chatbar > chatbox[minimized="true"] {
-  width: 100px;
+chatbox[minimized="true"] {
+  width: 160px;
   height: 20px;
-  border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
-  -moz-margin-start: -1px;
 }
 
 .click-to-play-plugins-notification-content {
index 7505dcfcb8dd2c5967bf248e2016960f1b2d6e8e..3d73fe4694fcd2690d877a296e0e7edf5fd334a7 100644 (file)
 .devtools-toolbarbutton {
 }
 
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button {
+  /*-moz-box-orient: horizontal;*/
+}
+
 devtools-menulist:-moz-focusring,
 .devtools-toolbarbutton:-moz-focusring {
   outline: 1px dotted #008484;
-  outline-offset: -4px;
 }
 
 .devtools-toolbarbutton > .toolbarbutton-icon {
@@ -29,6 +32,10 @@ devtools-menulist:-moz-focusring,
 }
 
 .devtools-menulist[open=true],
+.devtools-toolbarbutton[open=true],
+.devtools-toolbarbutton[checked=true] {
+}
+
 .devtools-toolbarbutton[checked=true] {
 }
 
@@ -51,6 +58,24 @@ devtools-menulist:-moz-focusring,
   padding: 2px;
 }
 
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+}
+
+.devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+}
+
+.devtools-toolbarbutton[type=menu-button] {
+  padding: 0 1px;
+  -moz-box-align: stretch;
+}
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+  -moz-appearance: none !important;
+  list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+  -moz-box-align: center;
+}
+
 /* Search input */
 
 /*
@@ -82,7 +107,7 @@ devtools-menulist:-moz-focusring,
 }
 
 .devtools-searchinput:-moz-locale-dir(rtl) {
-  background-position: calc(100% - 4px) 3px, top left, top left;
+  background-position: calc(100% - 4px) center, top left, top left;
 }
 
 .devtools-searchinput > .textbox-input-box > .textbox-search-icons {
index 54b7ebf916eb15f421a86baa583d62db9d73623a..55228dadc8f5480afbb6541ceecccd4524901b98 100644 (file)
@@ -394,9 +394,6 @@ window {
  */
 
 #toggle-panes {
-  background: none;
-  border: none;
-  box-shadow: none;
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
diff --git a/LCARStrek/browser/devtools/inspector-option-icon.png b/LCARStrek/browser/devtools/inspector-option-icon.png
deleted file mode 100644 (file)
index 70b9aa7..0000000
Binary files a/LCARStrek/browser/devtools/inspector-option-icon.png and /dev/null differ
index 9850f25d365462d66b078b086f93532129b70de6..70ab206f43aa3ab92cc21d69bfaaa818cf41d684 100644 (file)
Binary files a/LCARStrek/browser/downloads/buttons.png and b/LCARStrek/browser/downloads/buttons.png differ
index 027c6834ef204f675205a6604aeb8045bbd48aa7..31dda754bc6b7e5b09a5443d70f8335120876e05 100644 (file)
@@ -48,7 +48,8 @@ richlistitem[type="download"] {
   margin: 0;
   border-bottom: 1px dotted #9C9CFF;
   background: transparent;
-  padding: 0;
+  padding: 8px;
+  -moz-padding-end: 0;
   color: inherit;
 }
 
@@ -62,11 +63,6 @@ richlistitem[type="download"]:first-child {
   -moz-outline-radius: 3px;
 }
 
-.downloadInfo {
-  padding: 8px;
-  -moz-padding-end: 0;
-}
-
 .downloadTypeIcon {
   -moz-margin-end: 8px;
   /* Prevent flickering when changing states. */
@@ -106,11 +102,7 @@ richlistitem[type="download"]:first-child {
 
 /*** Highlighted list items ***/
 
-richlistitem[type="download"][state="1"] > .downloadInfo {
-  -moz-padding-end: 8px;
-}
-
-richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
   background-color: #794900;
   color: #FFCF00;
   cursor: pointer;
@@ -119,27 +111,27 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover {
 /*** Button icons ***/
 
 .downloadButton.downloadCancel {
-  -moz-image-region: rect(0px, 14px, 14px, 0px);
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 .downloadButton.downloadCancel:hover,
 .downloadButton.downloadCancel:active {
-  -moz-image-region: rect(0px, 28px, 14px, 14px);
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
 .downloadButton.downloadShow {
-  -moz-image-region: rect(14px, 14px, 28px, 0px);
+  -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 .downloadButton.downloadShow:hover,
 .downloadButton.downloadShow:active {
-  -moz-image-region: rect(14px, 28px, 28px, 14px);
+  -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
 .downloadButton.downloadRetry {
-  -moz-image-region: rect(28px, 14px, 42px, 0px);
+  -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 .downloadButton.downloadRetry:hover,
 .downloadButton.downloadRetry:active {
-  -moz-image-region: rect(28px, 28px, 42px, 14px);
+  -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 
 /*** Status and progress indicator ***/
@@ -225,7 +217,7 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover {
 /*** Progress bar and text ***/
 
 #downloads-indicator-counter {
-  height: 12px;
+  height: 10px;
   margin: 0;
   color: #FFCF00;
   font-size: 10px;
@@ -234,14 +226,15 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover {
 }
 
 #downloads-indicator-progress {
-  width: 24px;
-  height: 4px;
+  width: 16px;
+  height: 6px;
   min-width: 0;
   min-height: 0;
   margin-top: 1px;
   margin-bottom: 2px;
   border-radius: 2px;
-  border: 1px solid #FFCF00;
+  background-color: #795900;
+  /*border: 1px solid #FFCF00;*/
 }
 
 #downloads-indicator-progress > .progress-bar {
index c5e66494a7d2a481cf97a267fb7bceef2ceac012..a70b7fd63b92a7fd36d264817783be143d300b22 100644 (file)
Binary files a/LCARStrek/global/icons/information-16.png and b/LCARStrek/global/icons/information-16.png differ
diff --git a/LCARStrek/global/icons/information-24.png b/LCARStrek/global/icons/information-24.png
new file mode 100644 (file)
index 0000000..04c756e
Binary files /dev/null and b/LCARStrek/global/icons/information-24.png differ
diff --git a/LCARStrek/global/icons/information-32.png b/LCARStrek/global/icons/information-32.png
new file mode 100644 (file)
index 0000000..f337664
Binary files /dev/null and b/LCARStrek/global/icons/information-32.png differ
index 4602abf45a96fe3043115c509a66a0bf1e15b998..faadfe1bd6ed4591a8675b498e6ac2446a12d1bb 100644 (file)
Binary files a/LCARStrek/global/icons/information-64.png and b/LCARStrek/global/icons/information-64.png differ