Feature #6913 ยป improve_debugger_css.patch

Michael Sauter, 2010-03-20 14:52

View differences:

Classes/Error/Debugger.php
228 228
		<link rel="stylesheet" type="text/css" href="/_Resources/Static/Packages/FLOW3/Error/Debugger.css" />
229 229
		<div class="F3-FLOW3-Error-Debugger-VarDump">
230 230
			<div class="F3-FLOW3-Error-Debugger-VarDump-Top">
231
				<div class="F3-FLOW3-Error-Debugger-VarDump-TopLeft">&nbsp;</div>
232
				<div class="F3-FLOW3-Error-Debugger-VarDump-TopCenter">FLOW3 Variable Dump</div>
233
				<div class="F3-FLOW3-Error-Debugger-VarDump-TopRight">&nbsp;</div>
231
				FLOW3 Variable Dump
234 232
			</div>
235 233
			<div class="F3-FLOW3-Error-Debugger-VarDump-Center">
236
				<div class="F3-FLOW3-Error-Debugger-VarDump-Left">&nbsp;</div>
237
				<div class="F3-FLOW3-Error-Debugger-VarDump-Right">&nbsp;</div>
238
				<div class="F3-FLOW3-Error-Debugger-VarDump-Dump"><pre dir="ltr">' . \F3\FLOW3\Error\Debugger::renderDump($variable, 0) . '</pre></div>
239
			</div>
240
			<div class="F3-FLOW3-Error-Debugger-VarDump-Bottom">
241
				<div class="F3-FLOW3-Error-Debugger-VarDump-BottomLeft">&nbsp;</div>
242
				<div class="F3-FLOW3-Error-Debugger-VarDump-BottomCenter">&nbsp;</div>
243
				<div class="F3-FLOW3-Error-Debugger-VarDump-BottomRight">&nbsp;</div>
234
				<pre dir="ltr">' . \F3\FLOW3\Error\Debugger::renderDump($variable, 0) . '</pre>
244 235
			</div>
245 236
		</div>
246 237
	';
Resources/Public/Error/Debugger.css
19 19
 *                                                                        */
20 20

  
21 21
.F3-FLOW3-Error-Debugger-VarDump {
22
	display: block;
23
	float: left;
22
	background: #b9b9b9;
23
	border: 10px solid #b9b9b9;
24
	-moz-border-radius: 10px;
25
	-webkit-border-radius: 10px;
26
	border-radius: 10px;
27
	-moz-box-shadow: 0px 0px 20px #333;
28
	-webkit-box-shadow: 0px 0px 20px #333;
29
	box-shadow: 0px 0px 20px #333;
30
	left: 50%;
31
	margin: 20px 0 0 -40%;
32
	position: absolute;
24 33
	width: 80%;
25
	position: relative;
26
	left: 150px;
27
	z-index: 9100;
28
	margin: 20px 0 0 0;
34
	z-index: 999;
29 35
}
36

  
30 37
.F3-FLOW3-Error-Debugger-VarDump-Top {
31
	height: 20px;
32
	position: relative;
33
}
34
.F3-FLOW3-Error-Debugger-VarDump-TopLeft {
35
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/TopLeft.png");
36
	position: relative;
37
	float: left;
38
	right: 0px;
39
	top: -22px;
40
	width: 30px;
41
	height: 42px;
42
}
43
.F3-FLOW3-Error-Debugger-VarDump-TopRight {
44
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/TopRight.png");
45
	position: absolute;
46
	right: 0px;
47
	top: -22px;
48
	width: 40px;
49
	height: 42px;
38
	background: #eee;
39
	font: normal bold 12px Lucida Grande, sans-serif;
40
	padding: 5px;
50 41
}
51
.F3-FLOW3-Error-Debugger-VarDump-TopCenter {
52
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/Top.png");
53 42

  
54
	position: relative;
55
	top: -22px;
56
	height: 20px;
57
	padding: 22px 0 0 20px;
58
	margin: 0 40px 0 30px;
59
	font-size: 12px;
60
	font-family: Lucida Grande, sans-serif;
61
}
62 43
.F3-FLOW3-Error-Debugger-VarDump-Center {
63
	background: #b9b9b9;
64
	position: relative;
65
	margin: 0 40px 0 30px;
44
	background: #b9b9b9 url("/_Resources/Static/Packages/FLOW3/Error/LinesBackground.png") 0 18px repeat;
45
	font: normal normal 11px/18px Monospaced, Lucida Console, monospace;
46
	padding: 18px 10px;
66 47
}
67 48

  
68
.F3-FLOW3-Error-Debugger-VarDump-Dump {
69
	background: #b9b9b9;
70
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/LinesBackground.png");
71
	background-position: 0 20px;
72
	position: relative;
73
	padding: 20px 10px 20px 20px;
49
.F3-FLOW3-Error-Debugger-VarDump-Center pre {
50
	margin: 0;
74 51
}
75 52

  
76
.F3-FLOW3-Error-Debugger-VarDump-Dump, .F3-FLOW3-Error-Debugger-VarDump-Dump pre, .F3-FLOW3-Error-Debugger-VarDump-Dump p, .F3-FLOW3-Error-Debugger-VarDump-Dump a, .F3-FLOW3-Error-Debugger-VarDump-Dump strong, .F3-FLOW3-Error-Debugger-VarDump-Dump .debug-string{
77
	font-family: Monospaced, Lucida Console, monospace;
78
	font-size: 11px;
79
	line-height: 18px;
53
.F3-FLOW3-Error-Debugger-VarDump-Center, .F3-FLOW3-Error-Debugger-VarDump-Center pre, .F3-FLOW3-Error-Debugger-VarDump-Center p, .F3-FLOW3-Error-Debugger-VarDump-Center a, .F3-FLOW3-Error-Debugger-VarDump-Center strong, .F3-FLOW3-Error-Debugger-VarDump-Center .debug-string{
54
	font: normal normal 11px/18px Monospaced, Lucida Console, monospace;
80 55
}
81 56

  
82
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-string {
57
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-string {
83 58
	color: black;
84 59
}
85 60

  
86
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-object {
61
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-object {
87 62
	color: #004fb0;
88
	padding-right: 4px;
63
	padding: 0px 4px;
89 64
}
90 65

  
91
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-unregistered {
66
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-unregistered {
92 67
	background-color: #dce1e8;
93 68
}
94 69

  
95
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-scope, .F3-FLOW3-Error-Debugger-VarDump-Dump .debug-ptype, .F3-FLOW3-Error-Debugger-VarDump-Dump .debug-proxy, .F3-FLOW3-Error-Debugger-VarDump-Dump .debug-filtered {
70
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-scope, .F3-FLOW3-Error-Debugger-VarDump-Center .debug-ptype, .F3-FLOW3-Error-Debugger-VarDump-Center .debug-proxy, .F3-FLOW3-Error-Debugger-VarDump-Center .debug-filtered {
96 71
	color: white;
97 72
	font-size: 10px;
98
	padding: 1px 4px 2px 4px;
73
	line-height: 16px;
74
	padding: 1px 4px;
99 75
}
100 76

  
101
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-scope {
77
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-scope {
102 78
	background-color: #3e7fe1;
103 79
}
104 80

  
105
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-ptype {
81
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-ptype {
106 82
	background-color: #87cd3b;
107 83
}
108 84

  
109
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-proxy {
85
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-proxy {
110 86
	background-color: #b0000a;
111 87
}
112 88

  
113
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-filtered {
89
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-filtered {
114 90
	background-color: #8c8c8c;
115 91
}
116 92

  
117
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-seeabove {
93
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-seeabove {
118 94
	text-decoration: none;
119 95
	font-style: italic;
120 96
	font-weight: normal;
121 97
}
122 98

  
123
.F3-FLOW3-Error-Debugger-VarDump-Dump .debug-property {
99
.F3-FLOW3-Error-Debugger-VarDump-Center .debug-property {
124 100
	color: #555555;
101
	line-height: 16px;
125 102
	padding: 1px 2px;
126
}
127

  
128
.F3-FLOW3-Error-Debugger-VarDump-Left {
129
	position: absolute;
130
	left: -30px;
131
	width: 30px;
132
	height: 100%;
133
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/Left.png");
134
}
135
.F3-FLOW3-Error-Debugger-VarDump-Right {
136
	position: absolute;
137
	right: -40px;
138
	width: 40px;
139
	height: 100%;
140
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/Right.png");
141
}
142
.F3-FLOW3-Error-Debugger-VarDump-Bottom {
143
	position: relative;
144
}
145
.F3-FLOW3-Error-Debugger-VarDump-BottomLeft {
146
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/BottomLeft.png");
147
	position: absolute;
148
	left: 0px;
149
	width: 30px;
150
	height: 41px;
151
}
152
.F3-FLOW3-Error-Debugger-VarDump-BottomRight {
153
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/BottomRight.png");
154
	position: absolute;
155
	right: 0px;
156
	top: 0px;
157
	width: 40px;
158
	height: 41px;
159
}
160
.F3-FLOW3-Error-Debugger-VarDump-BottomCenter {
161
	background-image: url("/_Resources/Static/Packages/FLOW3/Error/FloatingWindow/Bottom.png");
162
	background-repeat: repeat-x;
163
	position: relative;
164
	padding: 22px 0 0 20px;
165
	margin: 0 40px 0 30px;
166
	font-size: 14px;
167
	height: 40px;
168
}
103
}
    (1-1/1)