Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
12345 anikendra 1 
/* @override http://localhost/mark_story/site/debug_kit/css/debug_toolbar.css */
2 
#debug-kit-toolbar {
3 
	position: fixed;
4 
	top: 0;
5 
	right:0px;
6 
	width: 100%;
7 
	height: 1%;
8 
	overflow: visible;
9 
	z-index:10000;
10 
	font-family: helvetica, arial, sans-serif;
11 
	font-size: 12px;
12 
	direction: ltr;
13 
}
14 
#debug-kit-toolbar img {
15 
	border:0;
16 
	outline:0;
17 
}
18 
 
19 
/* panel tabs */
20 
#debug-kit-toolbar #panel-tabs {
21 
	float: right;
22 
	list-style: none;
23 
	margin: 0;
24 
	padding: 0;
25 
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.5);
26 
	border-radius: 8px 0 0 8px;
27 
}
28 
#debug-kit-toolbar .panel-tab {
29 
	clear: none;
30 
	float: left;
31 
	margin: 0;
32 
	padding: 0;
33 
	list-style: none;
34 
}
35 
#debug-kit-toolbar .panel-tab > a {
36 
	float: left;
37 
	clear: none;
38 
	background: #efefef;
39 
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cacaca));
40 
	background: -moz-linear-gradient(top, #efefef, #cacaca);
41 
	color: #222;
42 
	padding: 6px;
43 
	border-right: 1px solid #ccc;
44 
	border-bottom: 1px solid #aaa;
45 
	font-size: 12px;
46 
	line-height: 16px;
47 
	margin: 0;
48 
	display: block;
49 
	text-decoration:none;
50 
	text-shadow:1px 1px #eee;
51 
	-moz-text-shadow:1px 1px #eee;
52 
	-webkit-text-shadow:1px 1px #eee;
53 
}
54 
#debug-kit-toolbar .panel-tab .active {
55 
	background: #fff;
56 
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
57 
	background: -moz-linear-gradient(top, #f5f5f5, #fff);
58 
}
59 
#debug-kit-toolbar .panel-tab > a:hover {
60 
	background: #fff;
61 
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
62 
	background: -moz-linear-gradient(top, #f5f5f5, #fff);
63 
	text-decoration:underline;
64 
}
65 
#debug-kit-toolbar .panel-tab.icon a {
66 
	padding: 4px;
67 
}
68 
#debug-kit-toolbar .panel-tab a.edit-value {
69 
		float: none;
70 
		display: inline;
71 
}
72 
 
73 
/* Hovering over link shows tab, useful for no js  */
74 
#debug-kit-toolbar .panel-tab a:hover + .panel-content,
75 
#debug-kit-toolbar .panel-tab a + .panel-content:hover {
76 
	display: block;
77 
}
78 
#debug-kit-toolbar .panel-tab.icon a {
79 
	border-radius: 8px 0 0 8px;
80 
}
81 
#debug-kit-toolbar .panel-tab.icon img {
82 
	display:block;
83 
}
84 
 
85 
/* panel content */
86 
#debug-kit-toolbar .panel-content {
87 
	position: absolute;
88 
	text-align: left;
89 
	width: auto;
90 
	top:28px;
91 
	right:0px;
92 
	background: #fff;
93 
	color: #000;
94 
	width:100%;
95 
	box-shadow:0px 5px 6px rgba(0, 0, 0, 0.5);
96 
	height: 200px;
97 
	overflow: hidden;
98 
}
99 
 
100 
#debug-kit-toolbar .panel-resize-region {
101 
	padding:15px;
102 
	position: absolute;
103 
	top: 0;
104 
	bottom: 14px;
105 
	left: 0;
106 
	right: 0;
107 
	overflow: auto;
108 
}
109 
 
110 
#debug-kit-toolbar .ui-control {
111 
	background:#ccc;
112 
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#c2c2c2));
113 
	background: -moz-linear-gradient(top, #d6d6d6, #c2c2c2);
114 
	text-align:center;
115 
	border-top:1px solid #afafaf;
116 
	border-bottom:1px solid #7c7c7c;
117 
	color:#666;
118 
	text-shadow: 1px 1px #eee;
119 
	-webkit-text-shadow: 1px 1px #eee;
120 
	-moz-text-shadow: 1px 1px #eee;
121 
}
122 
#debug-kit-toolbar .ui-button {
123 
	border-radius: 5px;
124 
}
125 
#debug-kit-toolbar .ui-button:hover {
126 
	text-decoration: none;
127 
	background:#ccc;
128 
	background: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#d6d6d6));
129 
	background: -moz-linear-gradient(top, #c2c2c2, #d6d6d6);
130 
}
131 
#debug-kit-toolbar .panel-resize-handle {
132 
	cursor: row-resize;
133 
	height:14px;
134 
	line-height: 14px;
135 
	position: absolute;
136 
	bottom: 0;
137 
	left: 0;
138 
	right: 0;
139 
}
140 
#debug-kit-toolbar .panel-toggle {
141 
	float: right;
142 
	display: block;
143 
	width: 16px;
144 
	height: 16px;
145 
	font-size: 16px;
146 
	line-height: 14px;
147 
	border-left: 1px solid #afafaf;
148 
	border-right: 1px solid #7c7c7c;
149 
	text-decoration: none;
150 
	margin: 10px 20px 0 0;
151 
	z-index: 999;
152 
	position: relative;
153 
}
154 
 
155 
/* Hide panel content by default */
156 
#debug-kit-toolbar .panel-content {
157 
	display: none;
158 
}
159 
#debug-kit-toolbar .panel-content p {
160 
	margin: 1em 0;
161 
}
162 
#debug-kit-toolbar .panel-content h2 {
163 
	padding: 0;
164 
	margin-top:0;
165 
}
166 
#debug-kit-toolbar .panel-content h3 {
167 
	padding: 0;
168 
	margin-top: 1em;
169 
}
170 
#debug-kit-toolbar .panel-content .info {
171 
	padding: 4px;
172 
	border-top: 1px dashed #6c6cff;
173 
	border-bottom: 1px dashed #6c6cff;
174 
}
175 
#debug-kit-toolbar h1,
176 
#debug-kit-toolbar h2,
177 
#debug-kit-toolbar h3,
178 
#debug-kit-toolbar h4,
179 
#debug-kit-toolbar h5,
180 
#debug-kit-toolbar th {
181 
	color: #5d1717;
182 
	font-family: Arial, sans-serif;
183 
	margin-bottom:0.6em;
184 
	background:none;
185 
}
186 
#debug-kit-toolbar h1 {
187 
	font-size: 18px;
188 
}
189 
#debug-kit-toolbar h2 {
190 
	font-size: 16px;
191 
}
192 
#debug-kit-toolbar h4 {
193 
	font-size: 14px;
194 
}
195 
 
196 
 
197 
/* panel tables */
198 
#debug-kit-toolbar .debug-table {
199 
	width: 100%;
200 
	border: 1px solid #eee;
201 
	border-left: 0;
202 
	clear:both;
203 
	margin-bottom: 20px;
204 
	border-spacing: 0;
205 
}
206 
#debug-kit-toolbar .debug-table td,
207 
#debug-kit-toolbar .debug-table th {
208 
	text-align: left;
209 
	border: 0;
210 
	border-left: 1px solid #eee;
211 
	padding: 3px;
212 
	margin: 0;
213 
}
214 
#debug-kit-toolbar table.debug-table th {
215 
	border-bottom: 1px solid #bbb;
216 
	border-left: 1px solid #bbb;
217 
	background: -webkit-linear-gradient(top, #d4d4d4, #c1c1c1);
218 
	background: -moz-linear-gradient(top, #d4d4d4, #c1c1c1);
219 
	color: #222;
220 
	font-weight: bold;
221 
	line-height: 16px;
222 
}
223 
#debug-kit-toolbar .debug-table tr:nth-child(2n) td {
224 
	background: #f6f6f6;
225 
}
226 
#debug-kit-toolbar .debug-timers .debug-table td:nth-child(2),
227 
#debug-kit-toolbar .debug-timers .debug-table th:nth-child(2) {
228 
	text-align:right;
229 
}
230 
 
231 
/** code tables **/
232 
#debug-kit-toolbar .code-table td {
233 
	white-space: pre;
234 
	font-family: monaco, Consolas, "courier new", courier, monospaced;
235 
}
236 
#debug-kit-toolbar .code-table td:first-child {
237 
	width: 15%;
238 
}
239 
#debug-kit-toolbar .code-table td:last-child {
240 
	width: 80%;
241 
}
242 
#debug-kit-toolbar .panel-content.request {
243 
	display: block;
244 
}
245 
 
246 
/** Neat Array styles **/
247 
#debug-kit-toolbar .neat-array,
248 
#debug-kit-toolbar .neat-array li {
249 
	list-style:none;
250 
	list-style-image:none;
251 
}
252 
#debug-kit-toolbar .neat-array {
253 
	padding: 1px 2px 1px 20px;
254 
	background: #CE9E23;
255 
	list-style: none;
256 
	margin: 0 0 1em 0;
257 
}
258 
#debug-kit-toolbar .neat-array .neat-array {
259 
	padding: 0 0 0 20px;
260 
	margin: 0;
261 
	border-top:1px solid #CE9E23;
262 
}
263 
#debug-kit-toolbar .neat-array li {
264 
	background: #FEF6E5;
265 
	border-top: 1px solid #CE9E23;
266 
	border-bottom: 1px solid #CE9E23;
267 
	margin: 0;
268 
	line-height: 1.5em;
269 
}
270 
#debug-kit-toolbar .neat-array li:hover {
271 
	background: #fff;
272 
}
273 
#debug-kit-toolbar .neat-array li strong {
274 
	padding: 0 8px;
275 
	font-weight: bold;
276 
}
277 
 
278 
 
279 
/* expandable sections */
280 
#debug-kit-toolbar .neat-array li.expandable {
281 
	cursor: pointer;
282 
}
283 
#debug-kit-toolbar .neat-array .expanded {
284 
	border-bottom:0;
285 
}
286 
#debug-kit-toolbar .neat-array li.expandable.expanded > strong:before {
287 
	content: 'v ';
288 
}
289 
#debug-kit-toolbar .neat-array li.expandable.collapsed > strong:before,
290 
#debug-kit-toolbar .neat-array li.expandable.expanded .expandable.collapsed > strong:before {
291 
	content: '> ';
292 
}
293 
#debug-kit-toolbar .neat-array li {
294 
	cursor: default;
295 
}
296 
 
297 
#debug-kit-toolbar .debug-kit-graph-bar,
298 
#debug-kit-toolbar .debug-kit-graph-bar-value {
299 
	margin: 0;
300 
	padding: 0;
301 
	border: none;
302 
	overflow: hidden;
303 
	height: 10px;
304 
}
305 
#debug-kit-toolbar .debug-kit-graph-bar {
306 
	background: #ddd;
307 
	padding: 2px;
308 
	border-radius: 2px;
309 
	height: 12px;
310 
}
311 
#debug-kit-toolbar .debug-kit-graph-bar-value {
312 
	background: -webkit-linear-gradient(top, #77D124, #4B9406);
313 
	background: -moz-linear-gradient(top, #77D124, #4B9406);
314 
	border-radius: 3px;
315 
	border: 1px solid #4B9406;
316 
}
317 
 
318 
/* Sql Log */
319 
#sqllog-tab td,
320 
#sqllog-tab .slow-query-container p {
321 
	font-family: Monaco, 'Consolas', "Courier New", Courier, monospaced;
322 
}
323 
#debug-kit-toolbar #sqllog-tab a.show-slow {
324 
	display:block;
325 
	margin: 3px;
326 
	float:none;
327 
}
328 
#sqllog-tab .slow-query-container p {
329 
	display:block;
330 
	clear:both;
331 
	margin: 20px 0 5px;
332 
}
333 
#debug-kit-toolbar #sqllog-tab .panel-content-data a {
334 
	background: none;
335 
	border:none;
336 
}
337 
#sqllog-tab .slow-query {
338 
	background:#e79302;
339 
	font-size:9px;
340 
	color:#fff;
341 
	padding: 2px;
342 
	white-space:nowrap;
343 
}
344 
#sqllog-tab input[type=submit] {
345 
	border: 0;
346 
	background: transparent;
347 
	cursor: pointer;
348 
	font-size: 12px;
349 
	font-family: Monaco, 'Consolas', "Courier New", Courier, monospaced;
350 
}
351 
#sqllog-tab input[type=submit]:hover {
352 
	color: darkred;
353 
}
354 
 
355 
/* previous panels */
356 
#debug-kit-toolbar .panel-history {
357 
	display: none;
358 
	background:#eeffff;
359 
}
360 
#debug-kit-toolbar #history-tab ul {
361 
	margin: 20px 0 0 20px;
362 
}
363 
#debug-kit-toolbar #history-tab li {
364 
	margin: 0 0 5px 0;
365 
}
366 
#debug-kit-toolbar #history-tab .panel-content-data a {
367 
	float: none;
368 
	display:block;
369 
}
370 
#debug-kit-toolbar #history-tab a.active {
371 
	background: #FEF6E5;
372 
}
373 
#debug-kit-toolbar #history-tab a.loading:after {
374 
	content : ' Loading...';
375 
	font-style:italic;
376 
}
377 
 
378 
/* Minimized mode */
379 
#debug-kit-toolbar.minimized {
380 
	opacity: 0.75;
381 
}
382 
#debug-kit-toolbar.minimized:hover {
383 
	opacity: inherit;
384 
}