part 1 of syncing LCARStrek with browser windows/shared theme changes in FIrefox...
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sun, 24 Nov 2013 20:02:54 +0000 (21:02 +0100)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sun, 24 Nov 2013 20:02:54 +0000 (21:02 +0100)
12 files changed:
LCARStrek/browser/aboutTabCrashed.css [new file with mode: 0644]
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/dark-theme.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/font-inspector.css
LCARStrek/browser/devtools/light-theme.css
LCARStrek/browser/devtools/markup-view.css
LCARStrek/browser/devtools/netmonitor.css
LCARStrek/browser/devtools/ruleview.css
LCARStrek/browser/devtools/webconsole.css
LCARStrek/browser/devtools/widgets.css
LCARStrek/browser/preferences/in-content/preferences.css

diff --git a/LCARStrek/browser/aboutTabCrashed.css b/LCARStrek/browser/aboutTabCrashed.css
new file mode 100644 (file)
index 0000000..7d9d92a
--- /dev/null
@@ -0,0 +1,77 @@
+body {
+  background-color: #000000;
+  margin-top: 2em;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+}
+
+p {
+  font-size: .8em;
+}
+
+#error-box {
+  border: 2px solid #FFCF00;
+  border-radius: 10px;
+  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: #A09090;
+  font-weight: bold;
+}
+
+#report-box {
+  text-align: center;
+  width: 75%;
+  margin: 0 auto;
+  display: none;
+}
+
+.crashDumpAvaible #report-box {
+  display: block
+}
+
+#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 {
+  border-radius: 10px;
+  background: #C09070;
+  color: #000000;
+  border: none;
+  padding: 0 .5em;
+}
+
+button:hover,
+button:hover:active {
+  background-color: #FFCF00;
+  color: #000000;
+}
index 8fc1b2612c8e9ccc7438ae43e32a8cbc4e7c2c6f..2301ee6b0fd5bddb3b7288f62e9e8ad7fd4b37e1 100644 (file)
@@ -2342,6 +2342,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
 }
 
+.popup-notification-icon[popupid="webapps-install-progress"],
 .popup-notification-icon[popupid="webapps-install"] {
   list-style-image: url("chrome://global/skin/icons/webapps-64.png");
 }
index caea039dabe100432b0361b8b422d6a8e69d1946..83ec47c3f3b7dfb66477338802b9ff810f06d960 100644 (file)
@@ -48,7 +48,7 @@
 }
 
 .theme-bg-darker {
-  background-color: rgba(0,0,0,0.1);
+  background-color: rgba(0,0,0,0.5);
 }
 
 .theme-link { /* original: blue */
index cee7b6c6d8b7d2aee636a1f53c91c049fce62957..0802089e0b6bb27af266023dc0455a16dbd86e1a 100644 (file)
@@ -21,11 +21,10 @@ window {
 }
 
 .side-menu-widget-item-checkbox {
-moz-appearance: none;
 -moz-margin-end: -6px;
   padding: 0;
-  margin: 0 -4px 0 4px;
   opacity: 0;
-  transition: opacity .25s ease 0s;
+  transition: opacity .15s ease 0s;
 }
 
 /* Only show the checkbox when the source is hovered over, is selected, or if it
@@ -34,7 +33,7 @@ window {
 .side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
 .side-menu-widget-item-checkbox:not([checked]) {
   opacity: 1;
-  transition: opacity .25s ease-out 0s;
+  transition: opacity .15s ease-out 0s;
 }
 
 .side-menu-widget-item-checkbox > .checkbox-check {
@@ -43,9 +42,10 @@ window {
   background-image: url("itemToggle.png");
   background-repeat: no-repeat;
   background-clip: content-box;
-  background-position: -24px 0;
-  width: 24px;
-  height: 24px;
+  background-position: -16px 0;
+  background-size: 32px 16px;
+  width: 16px;
+  height: 16px;
   border: 0;
 }
 
@@ -53,6 +53,10 @@ window {
   background-position: 0 0;
 }
 
+.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents {
+  color: #8050B0;
+}
+
 .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
   display: none;
 }
@@ -127,7 +131,7 @@ window {
 /* Sources and breakpoints view */
 
 .dbg-breakpoint {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
+  -moz-margin-start: -14px;
 }
 
 .dbg-breakpoint-line {
@@ -137,6 +141,13 @@ window {
 .dbg-breakpoint-text {
   -moz-margin-start: 10px !important;
   font-style: italic;
+  font-size: 90%;
+}
+
+.dbg-breakpoint-checkbox {
+  width: 16px;
+  height: 16px;
+  margin: 2px;
 }
 
 /* Watch expressions view */
@@ -158,7 +169,6 @@ window {
 
 .dbg-expression-input {
   -moz-padding-start: 2px !important;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 /* Searchbox and the search operations help panel */
@@ -185,7 +195,6 @@ window {
   -moz-margin-start: 2px;
   -moz-margin-end: 6px;
   text-align: center;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .searchbox-panel-operator-label {
@@ -279,7 +288,6 @@ window {
   -moz-padding-end: 4px;
   padding-top: 2px;
   text-align: end;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
   color: #FF9F00;
 }
 
@@ -287,7 +295,6 @@ window {
   -moz-padding-start: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .dbg-results-line-contents-string {
index 5d02dca64e6845dfe5b54046e5f8c32949aa379d..f873b2c41fb98599f5d26c5304718af16dbaf54a 100644 (file)
@@ -31,8 +31,7 @@ body {
 }
 
 .font {
-  padding: 10px 5px;
-  font-size: 0;
+  padding: 10px 10px;
 }
 
 .theme-dark .font {
@@ -59,7 +58,6 @@ body {
 }
 
 .font-info {
-  font-size: 1rem;
   display: block;
 }
 
index caea039dabe100432b0361b8b422d6a8e69d1946..83ec47c3f3b7dfb66477338802b9ff810f06d960 100644 (file)
@@ -48,7 +48,7 @@
 }
 
 .theme-bg-darker {
-  background-color: rgba(0,0,0,0.1);
+  background-color: rgba(0,0,0,0.5);
 }
 
 .theme-link { /* original: blue */
index 0b3d937867298caac00c1672f0f29399e1dc74af..c6b965f85febd8fe26eb50eb47b84b420601b971 100644 (file)
   color: #E7ADE7;
 }
 
-.newattr {
-  cursor: pointer;
-}
-
 .comment {
   color: #8050B0;
 }
   background-color: #008484;
 }
 
-/* Give some padding to focusable elements to match the editor input
- * that will replace them. */
-span[tabindex] {
-  display: inline-block;
-  padding: 1px 0;
-}
-
-li.container {
-  padding: 2px 0 0 2px;
-}
-
-.codebox {
-  padding-left: 14px;
-}
-
-.codebox > * {
-  vertical-align: middle;
-}
-
-.expander {
-  display: inline-block;
-  margin-left: -14px;
-}
-
 .more-nodes {
   padding-left: 16px;
 }
index 07e5d078ef954c394e36267be9949f0ea308fe3c..844a384b918b5aee67f0752817185e6f05833af8 100644 (file)
@@ -301,10 +301,6 @@ window {
   background: rgba(255,159,0,0.1);
 }
 
-.side-menu-widget-item-contents {
-  padding: 0;
-}
-
 /* Network request details */
 
 #details-pane {
@@ -346,7 +342,6 @@ window {
 
 .tabpanel-summary-value {
   -moz-padding-start: 3px;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 /* Headers tabpanel */
index f19670a369a3d034e2315e8987281cb8fdddd795..4a248be814fe74c584253645b3d92196f4cef153 100644 (file)
@@ -14,7 +14,7 @@
   -moz-user-select: none;
 }
 
-.ruleview-rule-inheritance {
+.ruleview-header {
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
@@ -46,7 +46,8 @@
 .ruleview-warning {
   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
   -moz-margin-start: 5px;
-  vertical-align: middle;
+  display: inline-block;
+  vertical-align: top;
   width: 13px;
   height: 12px;
 }
index fe5a3acaf4b3ed17c8052df0470ae2ad09b26dcc..0f80962d111c4c142f9412cada38b7bccc570d17 100644 (file)
@@ -6,13 +6,6 @@ window {
   padding: 0;
 }
 
-.webconsole-timestamp,
-.webconsole-msg-body,
-.jsterm-input-node,
-.jsterm-complete-node {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
-}
-
 /*
  * This hardcoded width likely due to a toolkit Windows specific bug.
  * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
@@ -54,7 +47,6 @@ window {
   -moz-margin-start: 3px;
   -moz-margin-end: 6px;
   white-space: pre-wrap;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .webconsole-msg-body-piece {
@@ -101,6 +93,11 @@ window {
   margin: 0;
 }
 
+.webconsole-learn-more-link {
+  color: #9C9CFF;
+  margin: 0 0 0 4px;
+}
+
 .hud-msg-node[selected="true"] > .webconsole-timestamp,
 .hud-msg-node[selected="true"] > .webconsole-location {
   color: inherit;
index 741b1e1a6600c245af61c09526001b40c326799f..fe3157f657797c8918749a1311e9d6415d73f58d 100644 (file)
 
 .side-menu-widget-item {
   border-top: 1px solid #9C9CFF;
+  margin-top: -1px;
+  margin-bottom: -1px;
   cursor: pointer;
 }
 
   background-position: center left, top left;
 }
 
+.side-menu-widget-item-label {
+  padding: 4px 0px;
+  cursor: inherit;
+}
+
 .side-menu-widget-item-arrow {
   -moz-margin-start: -8px;
   width: 8px;
 }
 
-.side-menu-widget-item-contents {
-  padding: 4px;
-}
-
-.side-menu-widget-item label {
-  cursor: inherit;
-}
-
 .side-menu-widget-item-other {
   background-color: #000000;
   margin: 0 -4px;
   color: #000000;
 }
 
-.side-menu-widget-item.selected .side-menu-widget-item-other:first-of-type {
-  border-top: 1px dotted #9C9CFF;
-  margin-top: 3px;
-}
-
 .side-menu-widget-item-other:first-of-type {
-  margin-top: 4px;
-}
-
-.side-menu-widget-item-other:last-of-type {
-  margin-bottom: -4px;
+/*  border-top-left-radius: 4px; */
 }
 
 .side-menu-widget-item-other:not(.selected) > label {
 }
 
 .variables-view-scope > .variables-view-element-details:not(:empty) {
-  margin-top: 1px;
   -moz-margin-start: 2px;
   -moz-margin-end: 1px;
 }
 
-.variables-view-scope > .variables-view-element-details.enum:not(:empty) {
-  border-bottom: 1px solid #9C9CFF;
-}
-
 /* Generic traits applied to both variables and properties */
 
 .variable-or-property {
index 826f9c4824aecef1e9408c0b2da9b4e0588bee26..1777433592fde1968cb8b55ba2703ea09d1f15f3 100644 (file)
   background-position: 0 0;\r
 }\r
 \r
-.preference-icon[type="tabs"],\r
-.landingButton-icon[type="tabs"] {\r
-  background-position: -32px 0;\r
-}\r
-\r
 .preference-icon[type="content"],\r
 .landingButton-icon[type="content"] {\r
   background-position: -64px 0;\r