/* ::::: menu/menuitem ::::: */
menu,
-menuitem {
+menuitem,
+.splitmenu-menuitem {
-moz-box-align: center;
max-width: 42em;
color: #000000;
}
menu[_moz-menuactive="true"],
-menuitem[_moz-menuactive="true"] {
+menuitem[_moz-menuactive="true"],
+.splitmenu-menuitem[_moz-menuactive="true"] {
background-color: #336699;
color: #FFFFFF;
}
menu[disabled="true"],
menuitem[disabled="true"],
+.splitmenu-menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
-menuitem[_moz-menuactive="true"][disabled="true"] {
+menuitem[_moz-menuactive="true"][disabled="true"],
+.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
color: #999999;
}
margin-top: 17px;
}
+.popup-notification-closebutton {
+ -moz-margin-end: -14px;
+ margin-top: -10px;
+}
+
.popup-notification-closeitem {
list-style-image: url("chrome://global/skin/icons/close-button.gif");
}
/* ::::: lightweight theme ::::: */
+menubar:-moz-lwtheme,
toolbox:-moz-lwtheme,
toolbar:-moz-lwtheme {
-moz-appearance: none;
overflow: auto;
}
-.hud-main-label {
- font-size: 1em;
- padding-top: 0.33em;
- font-weight: bold;
+/* General output styles */
+
+.webconsole-timestamp {
+ color: #808080;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.webconsole-msg-icon {
+ list-style-image: url(chrome://global/skin/icons/webconsole.png);
+ margin: 2px 3px;
+ width: 10px;
+ height: 10px;
+}
+
+.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ visibility: hidden;
}
.hud-output-node div {
text-decoration: underline;
}
-.hud-network {
- color: blue;
-}
-
-.hud-error {
- color: red;
-}
-
-.hud-log {
- color: black;
-}
-
-.hud-warn {
- color: orange;
+.webconsole-msg-body {
+ margin-top: 0;
+ margin-bottom: 3px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 6px;
}
-.hud-info {
- color: green;
+.webconsole-location {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ -moz-margin-end: 6px;
+ width: 10em;
+ text-align: end;
}
-.hud-exception {
- color: red; font-weight: bold;
+.hud-msg-node[selected="true"] > .webconsole-timestamp,
+.hud-msg-node[selected="true"] > .webconsole-location {
+ color: inherit;
}
-.hud-msg-node {
- width: 100%;
- margin-top: 0.3em;
- margin-bottom: 0.3em;
- padding-left: 1em;
- -moz-user-select: text;
- white-space: pre-wrap;
- -moz-user-focus: normal;
+.hud-output-node,
+.jsterm-input-node,
+.jsterm-complete-node {
+ font: 12px Consolas, Lucida Console, monospace;
}
.hud-output-node {
- border-bottom: 1px solid #ddd;
- border-top: 1px solid #ddd;
- overflow-x: auto; overflow: auto;
- font: 1em monospace; background-color: white;
- width: 100%;
+ -moz-appearance: none;
+ border-bottom: 1px solid #666699;
+ border-top: 1px solid #666699;
+ margin: 0;
}
.hud-filtered-by-type,
list-style-image: url("chrome://global/skin/icons/webconsole.png");
}
-/* Network button */
+/* Network styles */
.webconsole-filter-button[category="net"] {
-moz-image-region: rect(0, 40px, 10px, 30px);
}
-/* CSS button */
+.webconsole-msg-network > .webconsole-msg-icon-container {
+ -moz-border-start: solid #000 6px;
+}
+
+.webconsole-msg-network.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(0, 10px, 10px, 0);
+}
+
+/* CSS styles */
.webconsole-filter-button[category="css"] {
-moz-image-region: rect(10px, 40px, 20px, 30px);
}
-/* JS button */
+.webconsole-msg-cssparser > .webconsole-msg-icon-container {
+ -moz-border-start: solid #00b6f0 6px;
+}
+
+.webconsole-msg-cssparser.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(10px, 10px, 20px, 0);
+}
+
+.webconsole-msg-cssparser.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(10px, 20px, 20px, 10px);
+}
+
+/* JS styles */
.webconsole-filter-button[category="js"] {
-moz-image-region: rect(20px, 40px, 30px, 30px);
}
-/* Web Developer button */
+.webconsole-msg-exception > .webconsole-msg-icon-container {
+ -moz-border-start: solid #fb9500 6px;
+}
+
+.webconsole-msg-exception.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(20px, 10px, 30px, 0);
+}
+
+.webconsole-msg-exception.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(20px, 20px, 30px, 10px);
+}
+
+/* Web Developer styles */
.webconsole-filter-button[category="webdev"] {
-moz-image-region: rect(30px, 40px, 40px, 30px);
}
+.webconsole-msg-console > .webconsole-msg-icon-container {
+ -moz-border-start: solid #cbcbcb 6px;
+}
+
+.webconsole-msg-console.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon,
+.webconsole-msg-output.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 10px, 40px, 0);
+}
+
+.webconsole-msg-console.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 20px, 40px, 10px);
+}
+
+.webconsole-msg-console.webconsole-msg-info > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 30px, 40px, 20px);
+}
+
+/* Input and output styles */
+.webconsole-msg-input > .webconsole-msg-icon-container,
+.webconsole-msg-output > .webconsole-msg-icon-container {
+ border-left: solid #808080 6px;
+}
+
.webconsole-close-button {
border: none;
padding: 3px;
.jsterm-input-node,
.jsterm-complete-node {
- font-family: monospace;
- font-size: 9pt;
border: none;
padding: 0 0 0 16px;
}
#header {
padding: 5px;
overflow-x:auto;
+ display: block;
}
h1 {
float: right;
color: #666699;
padding-right: 3px;
+ display: block;
}
.property-table {
.category[selected] {
background-color: #FFFFFF;
color: #000000;
- font-weight: bold;
border-color: #666699;
}
background-origin: border-box;
}
-.addon[status="installing"] {
- -moz-box-align: center;
-}
-
.details {
cursor: pointer;
margin: 0;
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
}
-.name-container,
-.addon[status="installing"] .name {
+.name-container {
font-size: 150%;
font-weight: bold;
color: #404040;
opacity: 0;
}
-#detail-view:not([loading]) .alert-container {
- visibility: collapse;
-}
-
#detail-view[loading-extended] .loading {
opacity: 1;
-moz-transition-property: opacity;
margin-bottom: 2em;
}
-#detail-desc {
+#detail-desc, #detail-fulldesc {
-moz-margin-start: 6px;
white-space: pre-wrap;
/* This is necessary to fix layout issues with multi-line descriptions, see
min-width: 8em;
}
+#detail-fulldesc {
+ margin-top: 1em;
+}
+
#detail-contributions {
border-radius: 5px;
border: 1px solid #666699;
border-radius: 0 3px 3px 0;
}
-.download-progress .pause,
.download-progress .cancel {
-moz-appearance: none;
background-color: #CCD0DD;
margin: 3px;
}
-.download-progress .pause .button-box,
.download-progress .cancel .button-box {
padding: 0;
border: none;
}
-.download-progress .pause .button-text,
.download-progress .cancel .button-text {
display: none;
}
-.download-progress .pause .button-icon,
.download-progress .cancel .button-icon {
-moz-margin-start: 0;
}
-.download-progress .pause {
- list-style-image: url('chrome://mozapps/skin/extensions/pause.png');
-}
-
.download-progress .cancel {
list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
}
/* ::::: menu/menuitem ::::: */
menu,
-menuitem {
+menuitem,
+.splitmenu-menuitem {
-moz-box-align: center;
max-width: 42em;
color: #000000;
}
menu[_moz-menuactive="true"],
-menuitem[_moz-menuactive="true"] {
+menuitem[_moz-menuactive="true"],
+.splitmenu-menuitem[_moz-menuactive="true"] {
background-color: #FFCF00;
color: #000000;
}
menu[disabled="true"],
menuitem[disabled="true"],
+.splitmenu-menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
-menuitem[_moz-menuactive="true"][disabled="true"] {
+menuitem[_moz-menuactive="true"][disabled="true"],
+.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
color: #8050B0;
}
margin-top: 17px;
}
+.popup-notification-closebutton {
+ -moz-margin-end: -14px;
+ margin-top: -10px;
+}
+
.popup-notification-closeitem {
list-style-image: url("chrome://global/skin/icons/close-button.gif");
}
/* ::::: lightweight theme ::::: */
+menubar:-moz-lwtheme,
toolbox:-moz-lwtheme,
toolbar:-moz-lwtheme {
-moz-appearance: none;
overflow: auto;
}
-.hud-main-label {
- font-size: 1em;
- padding-top: 0.33em;
- font-weight: bold;
+/* General output styles */
+
+.webconsole-timestamp {
+ color: #8050B0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.webconsole-msg-icon {
+ list-style-image: url(chrome://global/skin/icons/webconsole.png);
+ margin: 2px 3px;
+ width: 10px;
+ height: 10px;
+}
+
+.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ visibility: hidden;
}
.hud-output-node div {
text-decoration: underline;
}
-.hud-network {
- color: blue;
-}
-
-.hud-error {
- color: red;
-}
-
-.hud-log {
- color: black;
-}
-
-.hud-warn {
- color: orange;
+.webconsole-msg-body {
+ margin-top: 0;
+ margin-bottom: 3px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 6px;
}
-.hud-info {
- color: green;
+.webconsole-location {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ -moz-margin-end: 6px;
+ width: 10em;
+ text-align: end;
}
-.hud-exception {
- color: red; font-weight: bold;
+.hud-msg-node[selected="true"] > .webconsole-timestamp,
+.hud-msg-node[selected="true"] > .webconsole-location {
+ color: inherit;
}
-.hud-msg-node {
- width: 100%;
- margin-top: 0.3em;
- margin-bottom: 0.3em;
- padding-left: 1em;
- -moz-user-select: text;
- white-space: pre-wrap;
- -moz-user-focus: normal;
+.hud-output-node,
+.jsterm-input-node,
+.jsterm-complete-node {
+ font: 12px Consolas, Lucida Console, monospace;
}
.hud-output-node {
- border-bottom: 1px solid #ddd;
- border-top: 1px solid #ddd;
- overflow-x: auto; overflow: auto;
- font: 1em monospace; background-color: white;
- width: 100%;
+ -moz-appearance: none;
+ border-bottom: 1px solid #9C9CFF;
+ border-top: 1px solid #9C9CFF;
+ margin: 0;
}
.hud-filtered-by-type,
list-style-image: url("chrome://global/skin/icons/webconsole.png");
}
-/* Network button */
+/* Network styles */
.webconsole-filter-button[category="net"] {
-moz-image-region: rect(0, 40px, 10px, 30px);
}
-/* CSS button */
+.webconsole-msg-network > .webconsole-msg-icon-container {
+ -moz-border-start: solid #000 6px;
+}
+
+.webconsole-msg-network.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(0, 10px, 10px, 0);
+}
+
+/* CSS styles */
.webconsole-filter-button[category="css"] {
-moz-image-region: rect(10px, 40px, 20px, 30px);
}
-/* JS button */
+.webconsole-msg-cssparser > .webconsole-msg-icon-container {
+ -moz-border-start: solid #00b6f0 6px;
+}
+
+.webconsole-msg-cssparser.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(10px, 10px, 20px, 0);
+}
+
+.webconsole-msg-cssparser.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(10px, 20px, 20px, 10px);
+}
+
+/* JS styles */
.webconsole-filter-button[category="js"] {
-moz-image-region: rect(20px, 40px, 30px, 30px);
}
-/* Web Developer button */
+.webconsole-msg-exception > .webconsole-msg-icon-container {
+ -moz-border-start: solid #fb9500 6px;
+}
+
+.webconsole-msg-exception.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(20px, 10px, 30px, 0);
+}
+
+.webconsole-msg-exception.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(20px, 20px, 30px, 10px);
+}
+
+/* Web Developer styles */
.webconsole-filter-button[category="webdev"] {
-moz-image-region: rect(30px, 40px, 40px, 30px);
}
+.webconsole-msg-console > .webconsole-msg-icon-container {
+ -moz-border-start: solid #cbcbcb 6px;
+}
+
+.webconsole-msg-console.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon,
+.webconsole-msg-output.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 10px, 40px, 0);
+}
+
+.webconsole-msg-console.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 20px, 40px, 10px);
+}
+
+.webconsole-msg-console.webconsole-msg-info > .webconsole-msg-icon-container > .webconsole-msg-icon {
+ -moz-image-region: rect(30px, 30px, 40px, 20px);
+}
+
+/* Input and output styles */
+.webconsole-msg-input > .webconsole-msg-icon-container,
+.webconsole-msg-output > .webconsole-msg-icon-container {
+ border-left: solid #808080 6px;
+}
+
.webconsole-close-button {
border: none;
padding: 3px;
.jsterm-input-node,
.jsterm-complete-node {
- font-family: monospace;
- font-size: 9pt;
border: none;
padding: 0 0 0 16px;
}
#header {
padding: 5px;
overflow-x:auto;
+ display: block;
}
h1 {
float: right;
color: #9C9CFF;
padding-right: 3px;
+ display: block;
}
.property-table {
.category[selected] {
background-color: #008484;
color: #FFCF00;
- font-weight: bold;
border-color: #9C9CFF;
}
background-origin: border-box;
}
-.addon[status="installing"] {
- -moz-box-align: center;
-}
-
.details {
cursor: pointer;
margin: 0;
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
}
-.name-container,
-.addon[status="installing"] .name {
+.name-container {
font-size: 150%;
font-weight: bold;
color: #9C9CFF;
opacity: 0;
}
-#detail-view:not([loading]) .alert-container {
- visibility: collapse;
-}
-
#detail-view[loading-extended] .loading {
opacity: 1;
-moz-transition-property: opacity;
margin-bottom: 2em;
}
-#detail-desc {
+#detail-desc, #detail-fulldesc {
-moz-margin-start: 6px;
white-space: pre-wrap;
/* This is necessary to fix layout issues with multi-line descriptions, see
min-width: 8em;
}
+#detail-fulldesc {
+ margin-top: 1em;
+}
+
#detail-contributions {
border-radius: 5px;
border: 1px solid #9C9CFF;
border-radius: 0 3px 3px 0;
}
-.download-progress .pause,
.download-progress .cancel {
-moz-appearance: none;
background-color: #8050B0;
margin: 3px;
}
-.download-progress .pause .button-box,
.download-progress .cancel .button-box {
padding: 0;
border: none;
}
-.download-progress .pause .button-text,
.download-progress .cancel .button-text {
display: none;
}
-.download-progress .pause .button-icon,
.download-progress .cancel .button-icon {
-moz-margin-start: 0;
}
-.download-progress .pause {
- list-style-image: url('chrome://mozapps/skin/extensions/pause.png');
-}
-
.download-progress .cancel {
list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
}