EarlyBlue/global/console/console.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== console.css ====================================================
   6   == Styles used by the Error Console window.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 .console-box {
  12   background-color: #CCD0DD;
  13   color: #000000;
  14 }
  15
  16 /* ::::: console rows ::::: */
  17
  18 .console-row {
  19   padding: 0px;
  20   border-bottom: 1px solid #666699;
  21 }
  22
  23 .console-row-icon {
  24   border-right: 1px solid #666699;
  25   padding: 5px;
  26   background-color: #CCCCCC;
  27   -moz-box-align: start;
  28 }
  29
  30 .console-row-msg > label:first-child,
  31 .console-row-file > label:first-child {
  32   display: none;
  33 }
  34
  35 .console-time {
  36   font-weight: normal !important;
  37 }
  38
  39 .console-icon {
  40   list-style-image: inherit;
  41 }
  42
  43 .console-error-msg {
  44   margin-bottom: 2px;
  45 }
  46
  47 /* ..... error rows ..... */
  48
  49 .console-row-code {
  50   padding-top: 3px;
  51   padding-bottom: 3px;
  52   -moz-padding-start: 3px;
  53   -moz-padding-end: 0px;
  54   font-size: larger;
  55   color: #0000BB;
  56 }
  57
  58 .console-dots,
  59 .console-caret {
  60   height: 9px;
  61 }
  62
  63 .console-dots {
  64   background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top;
  65 }
  66
  67 .console-caret {
  68   width: 7px;
  69   background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top;
  70 }
  71
  72 /* ..... message rows ..... */
  73
  74 .console-row[type="message"] {
  75   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  76 }
  77
  78 /* ..... selected state ..... */
  79
  80 .console-row[selected="true"] {
  81   background-color: #336699;
  82   color: #FFFFFF;
  83 }
  84
  85 .console-row-code[selected="true"],
  86 .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
  87   color: inherit !important;
  88 }
  89
  90 /* ::::: icons ::::: */
  91
  92 .console-row[type="error"],
  93 .console-row[type="exception"] {
  94   list-style-image: url("chrome://global/skin/icons/alert-error.gif");
  95 }
  96
  97 .console-row[type="error"] .console-row-msg,
  98 .console-row[type="exception"] .console-row-msg {
  99   font-weight: bold;
 100 }
 101
 102 .console-row[type="warning"] {
 103   list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
 104 }
 105
 106 .console-row[type="message"] {
 107   list-style-image: url("chrome://global/skin/icons/alert-message.gif");
 108 }
 109
 110 /* ::::: toolbars ::::: */
 111
 112 #TextboxEval {
 113   margin: 1px 2px;
 114 }
 115
 116 #ButtonEval {
 117   margin-top: 1px;
 118   margin-bottom: 1px;
 119   -moz-margin-start: 0;
 120   -moz-margin-end: 2px;
 121 }
 122
 123 toolbarseparator {
 124   min-height: 1em;
 125 }
 126
 127 /* Toolbar icons */
 128
 129 #ToolbarMode toolbarbutton {
 130   min-width: 57px;
 131   padding: 0px 4px;
 132   /* XXX: don't support icons on those yet
 133   padding: 4px !important;
 134   */
 135 }
 136
 137 toolbar#ToolbarMode toolbarbutton:active,
 138 toolbar#ToolbarMode toolbarbutton[checked="true"] {
 139   -moz-padding-start: 5px !important;
 140   -moz-padding-end: 3px !important;
 141 }
 142
 143 /* XXX: don't support icons on those yet
 144
 145
 146 toolbar#ToolbarMode toolbarbutton {
 147   list-style-image: url("chrome://global/skin/console/console-toolbar.png");
 148   -moz-box-orient: horizontal;
 149   padding: 4px !important;
 150 }
 151
 152 #Console\:modeAll {
 153   -moz-image-region: rect(0px 24px 24px 0px);
 154 }
 155
 156 #Console\:modeAll:hover,
 157 #Console\:modeAll[checked="true"] {
 158   -moz-image-region: rect(24px 24px 48px 0px);
 159 }
 160
 161 #Console\:modeErrors {
 162   -moz-image-region: rect(0px 96px 24px 72px);
 163 }
 164
 165 #Console\:modeErrors:hover,
 166 #Console\:modeErrors[checked="true"] {
 167   -moz-image-region: rect(24px 96px 48px 72px);
 168 }
 169
 170 #Console\:modeWarnings {
 171   -moz-image-region: rect(0px 72px 24px 48px);
 172 }
 173
 174 #Console\:modeWarnings:hover,
 175 #Console\:modeWarnings[checked="true"] {
 176   -moz-image-region: rect(24px 72px 48px 48px);
 177 }
 178
 179 #Console\:modeMessages {
 180   -moz-image-region: rect(0px 48px 24px 24px);
 181 }
 182
 183 #Console\:modeMessages:hover,
 184 #Console\:modeMessages[checked="true"] {
 185   -moz-image-region: rect(24px 48px 48px 24px);
 186 }
 187
 188 #Console\:clear {
 189   -moz-image-region: rect(0px 120px 24px 96px);
 190 }
 191
 192 #Console\:clear:hover,
 193 #Console\:clear[checked="true"] {
 194   -moz-image-region: rect(24px 120px 48px 96px);
 195 }
 196
 197 toolbar#ToolbarMode .toolbarbutton-icon {
 198   padding: 2px 0 !important;
 199 }
 200
 201 toolbar#ToolbarMode .toolbarbutton-text {
 202   -moz-padding-end: 4px;
 203 }
 204
 205 */
 206
 207 /* ::::: Fix Error Console toolbar button text spacing ::::: */
 208
 209 .toolbarbutton-text {
 210   -moz-padding-start: 0px;
 211   -moz-padding-end: 5px;
 212 }