blob: 90032de4ef25a191ecd882ea82ca56098496a24c [file] [log] [blame]
/*
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);
}