lib/rack/bug/public/__rack_bug__/bug.css
#rack_bug {
color: #000;
float: none;
margin: 0;
padding: 0;
position: static;
}
#rack_bug a {
color: #f7c757;
}
#rack_bug a:hover {
color: #aaa;
}
#rack_bug_toolbar {
background: #326342;
height: 30px;
z-index: 1000000000;
position:absolute;
left:0;
right:0;
cursor: pointer;
}
.rb_bottom #rack_bug_toolbar {
bottom:0;
border-top: 2px solid #234f32;
}
.rb_top #rack_bug_toolbar {
top:0;
border-bottom: 2px solid #234f32;
}
.rack_bug_error #rack_bug_toolbar {
background: #ff0000;
color: #fff;
border: none;
}
.rack_bug_error #rack_bug_toolbar p {
margin-top: 6px;
margin-left: 15px;
font-weight: bold;
color: #fff;
}
#rack_bug_toolbar ul {
margin: 0;
padding: 0;
list-style: none;
}
#rack_bug_toolbar li {
color: #fff;
display: inline;
font-size: 11px;
font-weight: bold;
float: none;
height: 20px;
margin: 0;
padding: 0;
line-height: 30px;
position: relative;
width: auto;
}
#rack_bug_toolbar li a {
border-left: 1px solid #487858;
padding: 8px 9px 9px;
}
#rack_bug_toolbar li a:hover {
background: #487858;
color: #fff;
}
#rack_bug_toolbar li:last-child {
border-right: 1px solid #487858;
}
#rack_bug_toolbar #rb_debug_button {
color: #92ef3f;
padding-left: 20px;
}
#rack_bug .panel_content {
background: #2a5738;
border-bottom: 2px solid #234f32;
border-top: 2px solid #487858;
display: none;
position: absolute;
margin: 0;
padding: 10px;
width: auto;
left: 0px;
right: 0px;
color: black;
z-index: 1000000;
overflow: auto;
}
#rack_bug.rb_top .panel_content {
top: 32px;
}
#rack_bug.rb_bottom .panel_content {
bottom: 32px;
}
#rack_bug .panel_content p a,
#rack_bug .panel_content dl a {
color: #40684c;
}
#rack_bug .panel_content p a:hover,
#rack_bug .panel_content dl a:hover {
color: #92EF3F;
}
#rack_bug .panel_content h3 {
border-bottom: 1px solid #40684c;
color: #92ef3f;
padding: 0 0 5px;
}
#rack_bug .panel_content p {
padding: 0 5px;
}
#rack_bug .panel_content p,
#rack_bug .panel_content table,
#rack_bug .panel_content ol,
#rack_bug .panel_content dl {
margin: 5px 0 15px;
background-color: #fff;
}
#rack_bug .panel_content ul {
padding: 10px 30px 10px 30px;
background-color: #fff;
}
#rack_bug .panel_content ul ul {
padding: 0;
}
#rack_bug .panel_content table {
width: 100%;
clear: both;
}
#rack_bug .panel_content table a {
color: #40684C;
}
#rack_bug .panel_content table th {
background-color: #9dcc49;
font-weight: bold;
color: #000;
font-size: 11px;
padding: 3px 7px 3px;
text-align: left;
cursor: pointer;
border-right: 1px solid #b9d977;
}
#rack_bug .panel_content table td {
padding: 5px 10px;
font-size: 11px;
background: #fff;
color: #000;
vertical-align: top;
}
#rack_bug .panel_content table tr:nth-child(even) td {
background: #fff;
}
#rack_bug .panel_content table tr:nth-child(odd) td {
background: #eee;
}
#rack_bug .panel_content .rack_bug_close {
float: right;
font-weight: bold;
}
#rack_bug .panel_content dt, #rack_bug .panel_content dd {
display: block;
}
#rack_bug .panel_content dd {
margin-left: 10px;
}
#rack_bug .panel_content table tr td.rack_bug_spinner,
#rack_bug .panel_content table td.rack_bug_spinner,
#rack_bug .rack_bug_spinner {
background-image: url(/__rack_bug__/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
text-indent: -3000px;
color: transparent;
}
#rack_bug #sql.panel_content th.time {
width: 80px;
}
#rack_bug #sql.panel_content th.backtrace {
width: 100px;
}
#rack_bug #sql.panel_content th.actions {
width: 150px;
}
#rack_bug #request_variables td.code > div {
max-height:200px;
max-width: 800px;
overflow:auto;
}