michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* ===== console.css ====================================================
michael@0:   == Styles used by the Error Console window.
michael@0:   ======================================================================= */
michael@0: 
michael@0: /* View buttons */
michael@0: @import "chrome://global/skin/viewbuttons.css";
michael@0: 
michael@0: %include ../shared.inc
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: .console-box {
michael@0:   background-color: -moz-Field;
michael@0:   color: -moz-FieldText;
michael@0:   overflow: auto;
michael@0: }
michael@0:  
michael@0: /* ::::: console rows ::::: */
michael@0: 
michael@0: .console-row {
michael@0:   border-bottom: 1px solid #A3A3A3;
michael@0:   padding: 4px;
michael@0: }
michael@0: 
michael@0: .console-row-file {
michael@0:   color: #505050;
michael@0: }
michael@0: 
michael@0: .console-row-msg > label:first-child {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: .console-row-msg > label, .comsole-row-msg > description, .console-error-msg, .console-row-file, .console-row-code {
michael@0:   margin: 2px;
michael@0: }
michael@0: 
michael@0: .console-row-file > label {
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: .console-msg-text {
michael@0:   white-space: pre-wrap !important;
michael@0: }
michael@0: .console-icon {
michael@0:   list-style-image: inherit;
michael@0:   padding-right: 6px;
michael@0:   padding-left: 6px;
michael@0: }
michael@0: 
michael@0: /* ..... error rows ..... */
michael@0: 
michael@0: .console-row-code {
michael@0:   color: #0000BB;
michael@0:   font-size: larger;
michael@0: }
michael@0: 
michael@0: .console-dots, 
michael@0: .console-caret {
michael@0:   height: 9px;
michael@0: }
michael@0: 
michael@0: .console-dots {
michael@0:   background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top;
michael@0: }
michael@0: 
michael@0: .console-caret {
michael@0:   width: 7px;
michael@0:   background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top;
michael@0: }
michael@0: 
michael@0: /* ..... message rows ..... */
michael@0: 
michael@0: .console-row[type="message"] {
michael@0:   font-family: monospace;
michael@0: } 
michael@0: 
michael@0: /* ..... selected state ..... */
michael@0: 
michael@0: .console-row[selected="true"] {
michael@0:   background-color: #3D80DF !important;
michael@0:   color: #FFF;
michael@0: }
michael@0: 
michael@0: .console-row-code[selected="true"],
michael@0: .console-row-content[selected="true"] > .console-row-file,
michael@0: .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
michael@0:   color: #FFF !important;  
michael@0: }
michael@0: 
michael@0: /* ::::: row colors ::::: */
michael@0: 
michael@0: .console-row[type="error"],
michael@0: .console-row[type="exception"] {
michael@0:   background-color: #FFD0DC;
michael@0: }
michael@0: 
michael@0: .console-row[type="warning"] {
michael@0:   background-color: #F8F3CC;
michael@0: }
michael@0: 
michael@0: .console-row[type="message"] {
michael@0:   background-color: #D3EDFF;
michael@0: }
michael@0: 
michael@0: /* ::::: toolbars ::::: */
michael@0: 
michael@0: #ToolbarEval {
michael@0:   -moz-appearance: none;
michael@0:   background: @scopeBarBackground@;
michael@0:   border-bottom: @scopeBarSeparatorBorder@;
michael@0:   padding: 2px;
michael@0: }
michael@0: 
michael@0: #ToolbarEval > label {
michael@0:   font-weight: bold;
michael@0:   color: @scopeBarTitleColor@;
michael@0: }
michael@0: 
michael@0: #TextfieldEval {
michael@0:   margin: 2px !important;
michael@0: }
michael@0: 
michael@0: #ButtonEval {
michael@0:   margin: 0 4px;
michael@0:   padding: 1px 10px;
michael@0:   -moz-appearance: none;
michael@0:   border-radius: 10000px;
michael@0:   border: @roundButtonBorder@;
michael@0:   background: @roundButtonBackground@;
michael@0:   box-shadow: @roundButtonShadow@;
michael@0: }
michael@0: 
michael@0: #ButtonEval > .toolbarbutton-text {
michael@0:   margin: 0 !important;
michael@0: }
michael@0: 
michael@0: #ButtonEval:hover:active {
michael@0:   text-shadow: @loweredShadow@;
michael@0:   background: @roundButtonPressedBackground@;
michael@0:   box-shadow: @roundButtonPressedShadow@;
michael@0: }
michael@0: 
michael@0: toolbarseparator {
michael@0:   min-height: 1em;
michael@0:   background-image: none;
michael@0: }
michael@0: 
michael@0: /* Toolbar icons */
michael@0: 
michael@0: #ToolbarMode {
michael@0:   -moz-box-pack: center;
michael@0: }
michael@0: 
michael@0: #ToolbarMode toolbarbutton > .toolbarbutton-icon {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #Console\:clear {
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-align: center;
michael@0:   -moz-appearance: toolbarbutton;
michael@0:   font: menu;
michael@0:   text-shadow: @loweredShadow@;
michael@0:   margin: 4px 0 9px;
michael@0:   padding: 0 1px;
michael@0: }