| /* |
| Blackbird - Open Source JavaScript Logging Utility |
| Author: G Scott Olson |
| Web: http://blackbirdjs.googlecode.com/ |
| http://www.gscottolson.com/blackbirdjs/ |
| Version: 1.0 |
| |
| The MIT License - Copyright (c) 2008 Blackbird Project |
| */ |
| #t-console { |
| margin: 0; |
| padding: 0; |
| position: fixed; |
| _position: absolute; |
| font: 11px / 1.3 Consolas, 'Lucida Console', Monaco, monospace; |
| _border: 2px solid #BBB; |
| z-index: 999999; |
| } |
| |
| #t-console.bbTopLeft { |
| top: 0; |
| left: 0; |
| _top: expression(eval(document.documentElement.scrollTop+8)); |
| _left: expression(eval(document.documentElement.scrollLeft+8)); |
| } |
| |
| #t-console.bbTopRight { |
| top: 0; |
| right: 0; |
| } |
| |
| * html .bbTopRight { |
| right: auto; |
| top: expression(eval(document.documentElement.scrollTop+8)); |
| left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById('t-console').offsetWidth-8)); |
| } |
| |
| #t-console.bbBottomLeft { |
| bottom: 0; |
| left: 0; |
| } |
| |
| * html .bbBottomLeft { |
| bottom: auto; |
| top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById('t-console').offsetHeight-8)); |
| left: expression(eval(document.documentElement.scrollLeft+8)); |
| } |
| |
| #t-console.bbBottomRight { |
| bottom: 0; |
| right: 0; |
| } |
| |
| * html .bbBottomRight { |
| bottom: auto; |
| right: auto; |
| top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById('t-console').offsetHeight-8)); |
| left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById('t-console').offsetWidth-8)); |
| } |
| |
| #t-console.bbSmall { |
| width: 300px; |
| _width: 272px; |
| } |
| |
| #t-console.bbSmall .t-header { |
| _width: 272px; |
| } |
| |
| #t-console.bbSmall .t-header div.t-left, #t-console.bbSmall .t-footer div.t-left { |
| width: 150px; |
| } |
| |
| #t-console.bbSmall .t-main { |
| _width: 272px; |
| } |
| |
| #t-console.bbSmall .t-main div { |
| height: 200px; |
| } |
| |
| #t-console.bbSmall .t-main div.t-mainBody { |
| width: 272px; |
| } |
| |
| #t-console.bbSmall .t-footer { |
| _width: 272px; |
| } |
| |
| #t-console.bbLarge { |
| width: 500px; |
| _width: 472px; |
| } |
| |
| #t-console.bbLarge .t-header { |
| _width: 472px; |
| } |
| |
| #t-console.bbLarge .t-header div.t-left, #t-console.bbLarge .t-footer div.t-left { |
| width: 350px; |
| } |
| |
| #t-console.bbLarge .t-main { |
| _width: 472px; |
| } |
| |
| #t-console.bbLarge .t-main div { |
| height: 500px; |
| } |
| |
| #t-console.bbLarge .t-main div.t-mainBody { |
| width: 472px; |
| } |
| |
| #t-console.bbLarge .t-footer { |
| _width: 472px; |
| } |
| |
| #t-console .t-header span { |
| position: relative; |
| width: 16px; |
| height: 16px; |
| margin: 0 4px; |
| float: left; |
| background-image: url(blackbird_icons.png); |
| background-repeat: no-repeat; |
| } |
| |
| #t-console .t-header span.error { |
| background-position: 0px 0px; |
| } |
| |
| #t-console .t-header span.errorDisabled { |
| background-position: -16px 0px; |
| } |
| |
| #t-console .t-header span.warn { |
| background-position: 0px -16px; |
| } |
| |
| #t-console .t-header span.warnDisabled { |
| background-position: -16px -16px; |
| } |
| |
| #t-console .t-header span.info { |
| background-position: 0px -32px; |
| } |
| |
| #t-console .t-header span.infoDisabled { |
| background-position: -16px -32px; |
| } |
| |
| #t-console .t-header span.debug { |
| background-position: 0px -48px; |
| } |
| |
| #t-console .t-header span.debugDisabled { |
| background-position: -16px -48px; |
| } |
| |
| #t-console .t-header span.profile { |
| background-position: 0px -64px; |
| } |
| |
| #t-console .t-header span.profileDisabled { |
| background-position: -16px -64px; |
| } |
| |
| #t-console .t-header span.t-close { |
| background-position: 0px -80px; |
| } |
| |
| #t-console .t-header span.t-clear { |
| background-position: -16px -80px; |
| } |
| |
| #t-console .t-header span.t-small { |
| background-position: 0px -96px; |
| } |
| |
| #t-console .t-header span.t-large { |
| background-position: -16px -96px; |
| } |
| |
| #t-console .t-header > div, #t-console .t-main > div, #t-console .t-footer > div { |
| background-image: url(blackbird_panel.png); |
| background-repeat: no-repeat; |
| } |
| |
| #t-console .t-header div { |
| float: left; |
| _background-color: #000; |
| } |
| |
| #t-console .t-header div.t-left { |
| background-position: top left; |
| height: 40px; |
| _height: 16px; |
| } |
| |
| #t-console .t-header .t-left div.t-filters { |
| margin-left: -4px; |
| padding: 16px 0 0 19px; |
| float: left; |
| _padding: 6px 8px; |
| } |
| |
| #t-console .t-header div.t-right { |
| background-position: top right; |
| height: 40px; |
| width: 150px; |
| _width: 122px; |
| _height: 16px; |
| } |
| |
| #t-console .t-header .t-right div.t-controls { |
| padding: 16px 24px 0 0; |
| float: right; |
| _padding: 6px 8px; |
| } |
| |
| #t-console .t-header .t-right .t-controls span { |
| margin: 0; |
| } |
| |
| #t-console .t-header .t-right .t-controls span.t-clear { |
| margin-right: 8px; |
| } |
| |
| #t-console .t-main div { |
| float: left; |
| } |
| |
| #t-console .t-main div.t-left { |
| background-position: 0 -30px; |
| width: 11px; |
| _width: 0; |
| } |
| |
| #t-console .t-main div.t-mainBody { |
| background-position: 40% -40px; |
| _background-color: #000; |
| _filter: alpha(opacity = '93'); |
| } |
| |
| #t-console .t-main .t-mainBody ol { |
| line-height: 1.45; |
| height: 100%; |
| overflow: auto; |
| width: 100%; |
| list-style-type: none; |
| margin: 0; |
| padding: 0; |
| } |
| |
| #t-console .t-main .t-mainBody ol li { |
| padding: 1px 4px 1px 30px; |
| border-bottom: 1px solid #333; |
| color: #CCC; |
| margin: 2px 2px; |
| _text-indent: -2px; |
| } |
| |
| #t-console .t-main .t-mainBody ol li span { |
| background: url(blackbird_icons.png) no-repeat 0 0; |
| border: 1px solid #333; |
| height: 16px; |
| width: 16px; |
| display: block; |
| float: left; |
| margin: -2px 0 1px -25px; |
| _display: inline; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.error span { |
| background-position: 0 0; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.warn span { |
| background-position: 0 -16px; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.info span { |
| background-position: 0 -32px; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.debug span { |
| background-position: 0 -48px; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.profile span { |
| background-position: 0 -64px; |
| } |
| |
| #t-console .t-main .t-mainBody ol li.profile { |
| color: #DDD; |
| font-style: italic; |
| } |
| |
| #t-console .errorHidden li.error, #t-console .warnHidden li.warn, #t-console .infoHidden li.info, #t-console .debugHidden li.debug, #t-console .profileHidden li.profile { |
| display: none; |
| } |
| |
| #t-console .t-main div.t-right { |
| background: url(blackbird_panel.png) no-repeat 100% -30px; |
| width: 17px; |
| _width: 0; |
| } |
| |
| #t-console .t-footer div { |
| height: 50px; |
| float: left; |
| _background-color: #000; |
| _height: 30px; |
| } |
| |
| #t-console .t-footer div.t-left { |
| background-position: bottom left; |
| _width: 100% !important; |
| } |
| |
| #t-console .t-footer div.t-left label { |
| display: block; |
| color: #BBB; |
| margin: 8px 0 0 16px; |
| position: relative; |
| font-family: Arial, sans-serif; |
| _margin: 4px 0 0 8px; |
| } |
| |
| #t-console .t-footer div.t-left label input { |
| padding: 0; |
| vertical-align: middle; |
| } |
| |
| #t-console .t-footer div.t-right { |
| background-position: bottom right; |
| width: 150px; |
| _width: 0; |
| } |
| |
| body.t-fix-ie6-background { |
| background-image: url(spacer.gif); |
| } |