Project: Firebug

Revision: 1068

Author: robmcampbell@gmail.com

Date: 18 Sep 2008 11:22:50

• /trunk/skin/classic/mac/debugger.css

  ......	@@ -0,0 +1,303 @@
  	1	/* See license.txt for terms of usage */
  	2
  	3	.panelNode-script {
  	4	overflow: hidden;
  	5	font-family: Monaco, monospace;
  	6	}
  	7
  	8	/************************************************************************************************/
  	9
  	10	.scriptTooltip {
  	11	position: fixed;
  	12	z-index: 2147483647;
  	13	padding: 2px 3px;
  	14	border: 1px solid #CBE087;
  	15	background: LightYellow;
  	16	font-family: Monaco, monospace;
  	17	color: #000000;
  	18	}
  	19
  	20	/************************************************************************************************/
  	21
  	22	.sourceBox {
  	23	overflow: auto;
  	24	position: absolute;
  	25	left: 0;
  	26	top: 0;
  	27	width: 100%;
  	28	height: 100%;
  	29	}
  	30
  	31	.sourceRow {
  	32	white-space: nowrap;
  	33	}
  	34
  	35	.sourceRow.hovered {
  	36	background-color: #EEEEEE;
  	37	}
  	38
  	39	/************************************************************************************************/
  	40
  	41	.sourceLine {
  	42	-moz-user-select: none;
  	43	margin-right: 10px;
  	44	border-bottom: 1px solid #EEEEEE;
  	45	border-right: 1px solid #CCCCCC;
  	46	padding: 0px 4px 0 20px;
  	47	background: #EEEEEE no-repeat 2px 0px;
  	48	color: #A0A0A0;
  	49	white-space: pre;
  	50	}
  	51
  	52	.sourceBox > .sourceRow > .sourceLine {
  	53	cursor: pointer;
  	54	}
  	55
  	56	.sourceLine:hover {
  	57	text-decoration: none;
  	58	}
  	59
  	60	.sourceRowText {
  	61	white-space: pre;
  	62	}
  	63
  	64	.sourceRow[exeLine="true"] {
  	65	outline: 1px solid #D9D9B6;
  	66	margin-right: 1px;
  	67	background-color: lightgoldenrodyellow;
  	68	}
  	69
  	70	.sourceRow[executable="true"] > .sourceLine {
  	71	content: "-";
  	72	color: #565656; /* Dark Grey */
  	73	}
  	74
  	75	.sourceRow[exeLine="true"] > .sourceLine {
  	76	background-image: url(chrome://firebug/skin/exe.png);
  	77	color: #000000;
  	78	}
  	79
  	80	.sourceRow[breakpoint="true"] > .sourceLine {
  	81	background-image: url(chrome://firebug/skin/breakpoint.png);
  	82	}
  	83
  	84	.sourceRow[breakpoint="true"][condition="true"] > .sourceLine {
  	85	background-image: url(chrome://firebug/skin/breakpointCondition.png);
  	86	}
  	87
  	88	.sourceRow[breakpoint="true"][disabledBreakpoint="true"] > .sourceLine {
  	89	background-image: url(chrome://firebug/skin/breakpointDisabled.png);
  	90	}
  	91
  	92	.sourceRow[breakpoint="true"][exeLine="true"] > .sourceLine {
  	93	background-image: url(chrome://firebug/skin/breakpointExe.png);
  	94	}
  	95
  	96	.sourceRow[breakpoint="true"][exeLine="true"][disabledBreakpoint="true"] > .sourceLine {
  	97	background-image: url(chrome://firebug/skin/breakpointDisabledExe.png);
  	98	}
  	99
  	100	.sourceLine.editing {
  	101	background-image: url(chrome://firebug/skin/breakpoint.png);
  	102	}
  	103
  	104	/************************************************************************************************/
  	105
  	106	.conditionEditor {
  	107	z-index: 2147483647;
  	108	position: absolute;
  	109	margin-top: 0;
  	110	left: 2px;
  	111	width: 90%;
  	112	}
  	113
  	114	.conditionEditorInner {
  	115	position: relative;
  	116	top: -26px;
  	117	height: 0;
  	118	}
  	119
  	120	.conditionCaption {
  	121	margin-bottom: 2px;
  	122	font-family: Lucida Grande, sans-serif;
  	123	font-weight: bold;
  	124	font-size: 11px;
  	125	color: #226679;
  	126	}
  	127
  	128	.conditionInput {
  	129	width: 100%;
  	130	border: 1px solid #0096C0;
  	131	font-family: Monaco, monospace;
  	132	font-size: inherit;
  	133	}
  	134
  	135	.conditionEditorInner1 {
  	136	padding-left: 37px;
  	137	background: url(condBorders.png) repeat-y;
  	138	}
  	139
  	140	.conditionEditorInner2 {
  	141	padding-right: 25px;
  	142	background: url(condBorders.png) repeat-y 100% 0;
  	143	}
  	144
  	145	.conditionEditorTop1 {
  	146	background: url(condCorners.png) no-repeat 100% 0;
  	147	margin-left: 37px;
  	148	height: 35px;
  	149	}
  	150
  	151	.conditionEditorTop2 {
  	152	position: relative;
  	153	left: -37px;
  	154	width: 37px;
  	155	height: 35px;
  	156	background: url(condCorners.png) no-repeat;
  	157	}
  	158
  	159	.conditionEditorBottom1 {
  	160	background: url(condCorners.png) no-repeat 100% 100%;
  	161	margin-left: 37px;
  	162	height: 33px;
  	163	}
  	164
  	165	.conditionEditorBottom2 {
  	166	position: relative; left: -37px;
  	167	width: 37px;
  	168	height: 33px;
  	169	background: url(condCorners.png) no-repeat 0 100%;
  	170	}
  	171
  	172	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  	173
  	174	.upsideDown {
  	175	margin-top: 2px;
  	176	}
  	177
  	178	.upsideDown .conditionEditorInner {
  	179	top: -8px;
  	180	}
  	181
  	182	.upsideDown .conditionEditorInner1 {
  	183	padding-left: 33px;
  	184	background: url(condBordersUps.png) repeat-y;
  	185	}
  	186
  	187	.upsideDown .conditionEditorInner2 {
  	188	padding-right: 25px;
  	189	background: url(condBordersUps.png) repeat-y 100% 0;
  	190	}
  	191
  	192	.upsideDown .conditionEditorTop1 {
  	193	background: url(condCornersUps.png) no-repeat 100% 0;
  	194	margin-left: 33px;
  	195	height: 25px;
  	196	}
  	197
  	198	.upsideDown .conditionEditorTop2 {
  	199	position: relative;
  	200	left: -33px;
  	201	width: 33px;
  	202	height: 25px;
  	203	background: url(condCornersUps.png) no-repeat;
  	204	}
  	205
  	206	.upsideDown .conditionEditorBottom1 {
  	207	background: url(condCornersUps.png) no-repeat 100% 100%;
  	208	margin-left: 33px;
  	209	height: 43px;
  	210	}
  	211
  	212	.upsideDown .conditionEditorBottom2 {
  	213	position: relative;
  	214	left: -33px;
  	215	width: 33px;
  	216	height: 43px;
  	217	background: url(condCornersUps.png) no-repeat 0 100%;
  	218	}
  	219
  	220	/************************************************************************************************/
  	221
  	222	.breakpointBlockHead {
  	223	position: relative;
  	224	padding-top: 4px;
  	225	}
  	226
  	227	.breakpointBlockHead > .checkbox {
  	228	margin-right: 4px;
  	229	}
  	230
  	231	.breakpointBlockHead > .objectLink-sourceLink {
  	232	top: 2px;
  	233	right: 20px;
  	234	}
  	235
  	236	.breakpointBlockHead > .closeButton {
  	237	position: absolute;
  	238	top: 2px;
  	239	right: 2px;
  	240	}
  	241
  	242	.breakpointCheckbox {
  	243	margin-top: 0;
  	244	vertical-align: top;
  	245	}
  	246
  	247	.breakpointName {
  	248	margin-left: 4px;
  	249	font-weight: bold;
  	250	}
  	251
  	252	.breakpointCode {
  	253	overflow: hidden;
  	254	white-space: nowrap;
  	255	padding-left: 24px;
  	256	padding-bottom: 2px;
  	257	border-bottom: 1px solid #D7D7D7;
  	258	font-family: Monaco, monospace;
  	259	color: DarkGreen;
  	260	}
  	261
  	262	.breakpointBlock-breakpoints > .groupHeader {
  	263	display: none;
  	264	}
  	265
  	266	.breakpointBlock-monitors > .breakpointCode {
  	267	padding: 0;
  	268	}
  	269
  	270	.breakpointBlock-errorBreakpoints .breakpointCheckbox,
  	271	.breakpointBlock-monitors .breakpointCheckbox {
  	272	display: none;
  	273	}
  	274
  	275	.breakpointHeader {
  	276	margin: 0 !important;
  	277	border-top: none !important;
  	278	}
  	279
  	280
  	281	/* ************************************************************************** */
  	282	.panelNode-callstack .objectLink-sourceLink {
  	283	display: none;
  	284	}
  	285
  	286	.panelNode-callstack {
  	287	margin-left: 4px;
  	288	overflow: auto;
  	289	}
  	290	/* This objectLink-stackFrame should be consistent with panelStatusLabel so the call stack looks the same in toolbar and panel */
  	291	.objectLink-stackFrame {
  	292	cursor: pointer;
  	293	margin: 0;
  	294	padding: 0 4px;
  	295	}
  	296
  	297	.objectLink-stackFrame:hover {
  	298	color: blue;
  	299	}
  	300
  	301	.objectLink-stackFrame[selected="true"] {
  	302	font-weight: bold;
  	303	}

• /trunk/platform/Darwin/chrome.manifest

  ......	@@ -1,3 +1,4 @@
  1		override chrome://firebug-os/skin/firebug.css jar:../../chrome/firebug.jar!/skin/classic/mac/firebug.css
  2		override chrome://firebug-os/skin/panel.css jar:../../chrome/firebug.jar!/skin/classic/mac/panel.css
  3		override chrome://firebug-os/skin/window.css jar:../../chrome/firebug.jar!/skin/classic/mac/window.css
  	1	override chrome://firebug/skin/debugger.css chrome://firebug/skin/mac/debugger.css
  	2	override chrome://firebug-os/skin/firebug.css chrome://firebug/skin/mac/firebug.css
  	3	override chrome://firebug-os/skin/panel.css chrome://firebug/skin/mac/panel.css
  	4	override chrome://firebug-os/skin/window.css chrome://firebug/skin/mac/window.css