gecko/toolkit/themes/pinstripe/global/webConsole.css

295 lines
6.5 KiB
CSS

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is DevTools code
*
* The Initial Developer of the Original Code is
* Mozilla Corporation
* Portions created by the Initial Developer are Copyright (C) 2010
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* David Dahl <ddahl@mozilla.com>
* Patrick Walton <pcwalton@mozilla.com>
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
%include shared.inc
.hud-box {
border-bottom: 1px solid #aaa;
text-shadow: none;
}
.hud-box.animated {
-moz-transition: height 100ms;
}
.hud-splitter {
border-bottom: solid #a5a5a5 1px;
background: url("chrome://global/skin/splitter/dimple.png") no-repeat center,
-moz-linear-gradient(top, #fcfcfc, #dfdfdf);
}
.hud-outer-wrapper {
width: 100%;
height: 100%;
}
.hud-console-wrapper {
width: 100%;
overflow: auto;
}
.hud-main-label {
font-size: 1em;
padding-top: 0.33em;
font-weight: bold;
}
.hud-clickable {
cursor: pointer;
text-decoration: underline;
}
.hud-network {
color: blue;
}
.hud-error {
color: red;
}
.hud-log {
color: black;
}
.hud-warn {
color: orange;
}
.hud-info {
color: green;
}
.hud-exception {
color: red;
font-weight: bold;
}
.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 {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
overflow-x: auto;
overflow: auto;
font: 1em monospace;
background-color: white;
width: 100%;
}
.hud-filtered-by-type,
.hud-filtered-by-string {
display: none;
}
.webconsole-filter-button,
.webconsole-clear-console-button {
-moz-appearance: none;
border: @roundButtonBorder@;
background: @roundButtonBackground@;
box-shadow: @roundButtonShadow@;
color: buttontext;
margin: 1px 0;
padding: 0;
}
.webconsole-filter-button {
border-radius: 10000px;
-moz-margin-start: 6px;
-moz-box-orient: horizontal;
}
.webconsole-clear-console-button {
border-radius: 3px;
-moz-margin-end: 6px;
-moz-margin-start: 4px;
padding: 1px 6px;
}
.webconsole-filter-button[checked="true"] {
box-shadow: @roundButtonPressedShadow@;
background: #d0d0d0;
}
.webconsole-filter-button > .toolbarbutton-menubutton-button {
-moz-appearance: none;
margin: 0;
padding: 1px 0;
list-style-image: url("chrome://global/skin/icons/webconsole.png");
-moz-box-orient: horizontal;
}
.webconsole-filter-button:hover:active,
.webconsole-clear-console-button:hover:active {
text-shadow: @loweredShadow@;
box-shadow: @roundButtonPressedShadow@;
background: @roundButtonPressedBackground@;
}
.webconsole-clear-console-button > .toolbarbutton-text {
margin: 0;
}
.webconsole-filter-button > .toolbarbutton-menubutton-button > .toolbarbutton-text {
margin: 0 3px;
}
.webconsole-filter-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-moz-margin-start: 3px;
}
.webconsole-filter-button > .toolbarbutton-menubutton-dropmarker {
padding: 6px 3px 2px;
-moz-border-start: dotted #aaaaaa 1px;
}
/* Network button */
.webconsole-filter-button[category="net"] {
-moz-image-region: rect(0, 40px, 10px, 30px);
}
/* CSS button */
.webconsole-filter-button[category="css"] {
-moz-image-region: rect(10px, 40px, 20px, 30px);
}
/* JS button */
.webconsole-filter-button[category="js"] {
-moz-image-region: rect(20px, 40px, 30px, 30px);
}
/* Web Developer button */
.webconsole-filter-button[category="webdev"] {
-moz-image-region: rect(30px, 40px, 40px, 30px);
}
.webconsole-close-button {
list-style-image: url("chrome://global/skin/icons/closetab.png");
margin-top: 0;
margin-bottom: 0;
-moz-margin-start: 3px;
-moz-margin-end: -14px;
min-width: 0;
-moz-appearance: none;
}
.webconsole-close-button:hover {
list-style-image: url("chrome://global/skin/icons/closetab-hover.png");
}
.webconsole-close-button:hover:active {
list-style-image: url("chrome://global/skin/icons/closetab-active.png");
}
/* JSTerm Styles */
.jsterm-wrapper-node {
font-family: 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 {
font-family: monospace;
font-size: 9pt;
border: none;
padding: 0 0 0 16px;
-moz-appearance: none;
}
.jsterm-input-node {
background: url("chrome://global/skin/icons/commandline.png") 4px 2px no-repeat;
}
:-moz-any(.jsterm-input-node,
.jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
overflow-x: hidden;
}
.jsterm-complete-node > .textbox-input-box > .textbox-textarea {
color: GrayText;
}
.jsterm-output-line {
font-size: 1em;
}
.hud-console-filter-toolbar {
background: @scopeBarBackground@;
border-bottom: @scopeBarSeparatorBorder@;
padding: 0px 1px;
-moz-appearance: none;
-moz-box-align: center;
}
.hud-console-filter-toolbar:-moz-lwtheme {
border-top: @scopeBarSeparatorBorder@;
}