X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebconsole.css;h=fe5a3acaf4b3ed17c8052df0470ae2ad09b26dcc;hp=8023a8e2a34fd2e5f72d1b021b7473d4fd000515;hb=fe524e0c0e2035af794e8183b25693f847fb12ce;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index 8023a8e2..fe5a3aca 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -2,31 +2,34 @@ * 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/. */ -.hud-box { - border-bottom: 3px solid #000000; +window { + padding: 0; } -.hud-box.animated { - -moz-transition: height 100ms; +.webconsole-timestamp, +.webconsole-msg-body, +.jsterm-input-node, +.jsterm-complete-node { + font-family: "Liberation Mono", Consolas, "Courier New", monospace; } -.hud-outer-wrapper { - width: 100%; - height: 100%; -} +/* + * 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 + */ -.hud-console-wrapper { - width: 100%; - overflow: auto; +.hud-filter-box { + width: 200px; } +/* === webconsole.inc.css === */ + /* General output styles */ .webconsole-timestamp { color: #8050B0; margin-top: 0; margin-bottom: 0; - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; } .hud-msg-node { @@ -40,12 +43,6 @@ height: 8px; } -.hud-output-node div { - -moz-user-select: text; - white-space: pre-wrap; - -moz-user-focus: normal; -} - .hud-clickable { cursor: pointer; text-decoration: underline; @@ -57,7 +54,7 @@ -moz-margin-start: 3px; -moz-margin-end: 6px; white-space: pre-wrap; - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; + font-family: "Liberation Mono", Consolas, "Courier New", monospace; } .webconsole-msg-body-piece { @@ -77,7 +74,7 @@ background-color: #FF0000; border-radius: 40px; /* font: message-box; */ - font-size: 10px; + font-size: 0.9em; font-weight: 600; } @@ -95,20 +92,23 @@ text-align: end; } +.webconsole-mixed-content { + color: #FF0000; +} + +.webconsole-mixed-content-link { + color: #3333FF; + margin: 0; +} + .hud-msg-node[selected="true"] > .webconsole-timestamp, .hud-msg-node[selected="true"] > .webconsole-location { color: inherit; } -.jsterm-input-node, -.jsterm-complete-node { - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; -} - .hud-output-node { -moz-appearance: none; border-bottom: 1px solid #9C9CFF; - border-top: 1px solid #9C9CFF; margin: 0; } @@ -117,22 +117,32 @@ display: none; } -.webconsole-clear-console-button > .toolbarbutton-icon { - display: none; +.hidden-message { + display: block; + visibility: hidden; + height: 0; + overflow: hidden; } -.webconsole-filter-button > .toolbarbutton-menubutton-button { - -moz-box-orient: horizontal; - list-style-image: url("chrome://browser/skin/devtools/webconsole.png"); +/* WebConsole colored drops */ + +.webconsole-filter-button { + -moz-user-focus: normal; } -.webconsole-filter-button:hover:active > .toolbarbutton-menubutton-button, -.webconsole-filter-button[open="true"] > .toolbarbutton-menubutton-button { +.webconsole-filter-button[checked] { + /* color: white !important; */ } -.webconsole-filter-button { - -moz-margin-start: 3px; - padding: 0 !important; +.webconsole-filter-button > .toolbarbutton-menubutton-button:before { + content: ""; + display: inline-block; + height: 8px; + width: 8px; + border-radius: 50%; + margin-left: 5px; + border-width: 1px; + border-style: solid; } .webconsole-filter-button menuitem { @@ -145,12 +155,13 @@ } /* Network styles */ -.webconsole-filter-button[category="net"] { - -moz-image-region: rect(0, 8px, 8px, 0); +.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#BF9B00, #7F6700); + border-color: #FFCF00; } .webconsole-msg-network > .webconsole-msg-icon-container { - -moz-border-start: solid #000 6px; + -moz-border-start: solid #FFCF00 6px; } .webconsole-msg-network.webconsole-msg-error { @@ -158,12 +169,13 @@ } /* CSS styles */ -.webconsole-filter-button[category="css"] { - -moz-image-region: rect(8px, 8px, 16px, 0); +.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#7575BF, #4E4E7F); + border-color: #9C9CFF; } .webconsole-msg-cssparser > .webconsole-msg-icon-container { - -moz-border-start: solid #00b6f0 6px; + -moz-border-start: solid #9C9CFF 6px; } .webconsole-msg-cssparser.webconsole-msg-error { @@ -175,12 +187,13 @@ } /* JS styles */ -.webconsole-filter-button[category="js"] { - -moz-image-region: rect(16px, 8px, 24px, 0); +.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#BF7700, #7F4F00); + border-color: #FF9F00; } .webconsole-msg-exception > .webconsole-msg-icon-container { - -moz-border-start: solid #fb9500 6px; + -moz-border-start: solid #FF9F00 6px; } .webconsole-msg-exception.webconsole-msg-error { @@ -192,12 +205,13 @@ } /* Web Developer styles */ -.webconsole-filter-button[category="logging"] { - -moz-image-region: rect(24px, 8px, 32px, 0); +.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#5F3B83, #3F2756); + border-color: #8050B0; } .webconsole-msg-console > .webconsole-msg-icon-container { - -moz-border-start: solid #cbcbcb 6px; + -moz-border-start: solid #8050B0 6px; } .webconsole-msg-console.webconsole-msg-error, @@ -227,53 +241,17 @@ -moz-image-region: rect(24px, 48px, 32px, 40px); } -.webconsole-close-button { - border: none; - padding-top: 4px; - padding-bottom: 5px; - list-style-image: url("chrome://global/skin/icons/close-button.gif"); -} - -.webconsole-close-button:hover, -.webconsole-close-button:hover:active { - list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); -} - /* JSTerm Styles */ -.jsterm-wrapper-node { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; - font-size: 1em; - background-color: #000; - border: 1px solid #333; - padding: 0.1em; - width: 100%; - height: 400px; -} - -.jsterm-output-node { - width: 100%; - height: 400px; - color: white; - background-color: black; - overflow: auto; - overflow-x: auto; - position: absolute; - -moz-box-direction: reverse; -} - -.jsterm-scroll-to-node { - height: 1px; width: 1px; position: relative; top: 92%; display: block; -} - .jsterm-input-node, .jsterm-complete-node { - border: none; - padding: 0 0 0 16px; + -moz-padding-start: 16px; + margin: 3px 0 0 0; } .jsterm-input-node { - background: url("chrome://global/skin/icons/commandline.png") 4px 3px no-repeat; + background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16) no-repeat; + background-position: 0%; } :-moz-any(.jsterm-input-node, @@ -285,25 +263,46 @@ color: #8050B0; } -.jsterm-output-line { - font-size: 1em; +.webconsole-msg-inspector iframe { + height: 7em; + margin-bottom: 15px; + -moz-margin-end: 15px; + border-radius: 4px; } -.hud-console-filter-toolbar { - -moz-box-align: center; +#webconsole-sidebar > tabs { + height: 0; + border: none; } -.web-console-panel { - -moz-appearance: none; - background-color: black; +/* Security styles */ + +.webconsole-msg-security > .webconsole-msg-icon-container { + -moz-border-start: solid #FF0000 6px; } -.web-console-panel > .hud-box { - height: 100%; - width: 100%; - background-color: black; +.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before { + background-color: #FF0000; + border-color: #FFCF00; +} + +.webconsole-msg-security.webconsole-msg-error { + -moz-image-region: rect(32px, 16px, 40px, 8px); +} + +.webconsole-msg-security.webconsole-msg-warn { + -moz-image-region: rect(32px, 24px, 40px, 16px); +} + +.navigation-marker { + color: #000000; + background-color: #A09090; + -moz-margin-start: 3px; + -moz-margin-end: 6px; + font-size: 0.9em; } -.hud-splitter { - border: 0; +.navigation-marker .url { + background-color: #000000; + -moz-padding-end: 6px; }