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