Implemented console panel in debug toolbar
[lhc/web/wiklou.git] / resources / mediawiki / mediawiki.debug.css
1 .mw-debug {
2 width: 100%;
3 text-align: left;
4 position: fixed;
5 bottom: 0;
6 background-color: #eee;
7 border-top: 1px solid #aaa;
8 }
9
10 .mw-debug pre {
11 font-family: Monaco, "Consolas", "Lucida Console", "Courier New", monospace;
12 font-size: 11px;
13 padding: 0;
14 margin: 0;
15 background: none;
16 border: none;
17 }
18
19 .mw-debug table {
20 border-spacing: 0;
21 width: 100%;
22 table-layout: fixed;
23 }
24
25 .mw-debug table tr {
26 background-color: #fff;
27 }
28
29 .mw-debug table tr:nth-child(even) {
30 background-color: #f9f9f9;
31 }
32
33 .mw-debug table td {
34 padding: 4px 10px;
35 border-bottom: 1px solid #eee;
36 word-wrap: break-word;
37 }
38
39 .mw-debug table td.nr {
40 text-align: right;
41 }
42
43 .mw-debug table td span.stats {
44 color: #808080;
45 }
46
47 .mw-debug ul {
48 margin: 0;
49 list-style: none;
50 }
51
52 .mw-debug li {
53 padding: 4px 0;
54 width: 100%;
55 }
56
57 .mw-debug-bits {
58 text-align: center;
59 border-bottom: 1px solid #aaa;
60 }
61
62 .mw-debug-bit {
63 display: inline-block;
64 padding: 10px 5px;
65 font-size: 13px;
66 }
67
68 .mw-debug-panelink {
69 background-color: #eee;
70 border-right: 1px solid #ccc;
71 }
72
73 .mw-debug-panelink:first-child {
74 border-left: 1px solid #ccc;
75 }
76
77 .mw-debug-panelink:hover {
78 background-color: #fefefe;
79 cursor: pointer;
80 }
81 .mw-debug-panelink.current {
82 background-color: #dedede;
83
84 }
85 a.mw-debug-panelabel,
86 a.mw-debug-panelabel:visited {
87 color: #000;
88 }
89
90 .mw-debug-pane {
91 height: 300px;
92 overflow: scroll;
93 display: none;
94 font-size: 11px;
95 background-color: #e1eff2;
96 box-sizing: border-box;
97 }
98
99 #mw-debug-pane-debuglog,
100 #mw-debug-pane-request {
101 padding: 20px;
102 }
103
104 #mw-debug-pane-request table {
105 width: 100%;
106 margin: 10px 0 30px;
107 }
108
109 #mw-debug-pane-request tr,
110 #mw-debug-pane-request th,
111 #mw-debug-pane-request td,
112 #mw-debug-pane-request table {
113 border: 1px solid #D0DBB3;
114 border-collapse: collapse;
115 margin: 0;
116 }
117
118 #mw-debug-pane-request th,
119 #mw-debug-pane-request td {
120 font-size: 12px;
121 padding: 8px 10px;
122 }
123
124 #mw-debug-pane-request th {
125 background-color: #F1F7E2;
126 font-weight: bold;
127 }
128
129 #mw-debug-pane-request td {
130 background-color: white;
131 }
132
133 #mw-debug-console tr td:first-child {
134 font-weight: bold;
135 vertical-align: top;
136 }
137
138 .mw-debug-console-log {
139 background-color: #add8e6;
140 }
141
142 .mw-debug-console-warn {
143 background-color: #ffa07a;
144 }
145
146 .mw-debug-console-deprecated {
147 background-color: #ffb6c1;
148 }
149
150 .mw-debug-backtrace {
151 padding: 5px 10px;
152 margin: 5px;
153 background-color: #dedede;
154 }
155
156 .mw-debug-backtrace span {
157 font-weight: bold;
158 color: #111;
159 }
160
161 .mw-debug-backtrace ul {
162 padding-left: 10px;
163 }
164
165 .mw-debug-backtrace li {
166 width: auto;
167 padding: 0;
168 color: #333;
169 font-size: 10px;
170 margin-bottom: 0;
171 line-height: 1em;
172 }
173
174 /* Cheapo hack to hide the first 3 lines of the backtrace */
175 .mw-debug-backtrace li:nth-child(-n+3) {
176 display: none;
177 }