Specs/SlickSpec/moobugger/debugger.css

   1 body {
   2         margin: 0;
   3         padding: 0;
   4 }
   5
   6 #debug {
   7         display: none;
   8         font-family: arial, helvetica;
   9         width: 100%;
  10         border-top: 1px solid #B9ACAC;
  11         z-index: 9999;
  12 }
  13
  14 #debug-header {
  15         height: 16px;
  16         border-top: 1px solid #F3F1F1;
  17         border-bottom: 1px solid #B9ACAC;
  18         background: #DBD6D6;
  19         text-align: right;
  20         padding: 3px 7px 0;
  21         font-size: 10px;
  22         color: #B9ACAC;
  23 }
  24
  25 #debug-mootools-net:link, #debug-mootools-net:visited {
  26         display: block;
  27         float: left;
  28         width: 14px;
  29         height: 14px;
  30         margin-top: -1px;
  31         background: url(images/icon.png) no-repeat top left;
  32 }
  33
  34 #debug-mootools-net:hover, #debug-mootools-net:active {
  35         background-position: bottom left;
  36 }
  37
  38 #debug-header span {
  39         cursor: pointer;
  40         width: 13px;
  41         height: 13px;
  42         display: block;
  43         float: right;
  44         margin-left: 5px;
  45 }
  46
  47 #debug-header b {
  48         display: block;
  49         clear: both;
  50 }
  51
  52 #debug-button-close {
  53         background: url(images/close.png);
  54 }
  55
  56 #debug-button-max {
  57         background: url(images/max.png);
  58 }
  59
  60 #debug-button-min {
  61         background: url(images/min.png);
  62 }
  63
  64 #debug-messages {
  65         height: 133px;
  66         border-top: 1px solid #EEE;
  67         overflow: auto;
  68         background: #FFF url(images/mootools.png) no-repeat center center;
  69 }
  70
  71 #debug-messages pre {
  72         white-space: normal;
  73         padding: 3px 5px;
  74         margin: 0;
  75         font: 11px "Andale Mono", Monaco, "Courier New";
  76         border-bottom: 1px solid #ccc;
  77         color: #444;
  78         background-color: #FFF;
  79 }
  80
  81 #debug-messages pre.error {
  82         background: #F0F0F0 url(images/error.png) no-repeat 5px 50%;
  83         color: #da5d0b;
  84         padding-left: 25px;
  85 }
  86
  87 #debug-messages pre.error span.string {
  88         color: #da5d0b;
  89 }
  90
  91 #debug-messages pre.warning {
  92         background: #F0F0F0 url(images/warning.png) no-repeat 5px 50%;
  93         color: #ce7a2a;
  94         padding-left: 25px;
  95 }
  96
  97 #debug-messages pre.warning span.string {
  98         color: #ce7a2a;
  99 }
 100
 101 #debug-messages pre.info {
 102         background: #F0F0F0 url(images/info.png) no-repeat 5px 50%;
 103         color: #528CE0;
 104         padding-left: 25px;
 105 }
 106
 107 #debug-messages pre.info span.string {
 108         color: #528CE0;
 109 }
 110
 111 #debug-messages pre.time {
 112         background: #F0F0F0 url(images/time.png) no-repeat 5px 50%;
 113         color: #111;
 114         padding-left: 25px;
 115 }
 116
 117 #debug-messages pre.group {
 118         background: #f9f9f9 url(images/group-close.png) no-repeat 6px 50%;
 119         color: #222;
 120         padding-left: 25px;
 121         cursor: pointer;
 122 }
 123
 124 #debug-messages pre.group-closed {
 125         background-image: url(images/group-open.png);
 126 }
 127
 128 #debug-messages div.group {
 129         padding: 2px 0 2px 10px;
 130         background: #ccc;
 131 }
 132
 133 #debug-messages pre.logger {
 134         color: #4373B8;
 135 }
 136
 137 #debug-input-area {
 138         overflow: hidden;
 139         border-top: 1px solid #B9ACAC;
 140 }
 141
 142 #debug-input {
 143         width: 100% !important;
 144         width: 90%;
 145         color: #222;
 146         font: 12px Andale Mono, Monaco, "Courier New";
 147         margin: 0;
 148         border: 0;
 149         padding: 4px 5px 3px 30px;
 150         background: #fff url(images/lick.png) no-repeat 7px 63%;
 151 }
 152
 153 #debug-messages a:link, #debug-messages a:visited {
 154         color: #333;
 155         text-decoration: none;
 156 }
 157
 158 #debug-messages a:hover, #debug-messages a:active {
 159         background-color: #757E8A;
 160         color: #fff;
 161 }
 162
 163 #debug-messages a:hover span, #debug-messages a:active span {
 164         color: #EECFCF;
 165 }
 166
 167 #debug-messages span.number {
 168         color: #B33F3F;
 169 }
 170
 171 #debug-messages span.boolean {
 172         color: #A652E0;
 173 }
 174
 175 #debug-messages span.undefined, #debug-messages span.false {
 176         color: #888;
 177         background-color: #eee;
 178 }
 179
 180 #debug-messages span.key {
 181         color: #888;
 182 }
 183
 184 #debug-messages span.tag {
 185         color: #528CE0;
 186 }
 187
 188 #debug-messages span.string {
 189         color: #8B9E41;
 190 }