PageRenderTime 49ms CodeModel.GetById 8ms app.highlight 37ms RepoModel.GetById 1ms app.codeStats 0ms

/code/plugins/dhtmlx/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_aquaorange.css

http://mapapp.googlecode.com/
CSS | 567 lines | 532 code | 1 blank | 34 comment | 0 complexity | 2aeecc344a17e7347b2cf746d886ab8f MD5 | raw file
  1/***************************************************************************************************************************************************************
  2								dhtmlxToolbar "AQUA ORANGE" skin
  3***************************************************************************************************************************************************************/
  4table.dhtmlxToolbarTableOuter_AquaOrange {
  5	height: 30px;
  6}
  7td.dhtmlxToolbarTopLeft_AquaOrange {
  8	width: 8px;
  9	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_left.gif");
 10	background-repeat: no-repeat;
 11}
 12td.dhtmlxToolbarTopRight_AquaOrange {
 13	width: 8px;
 14	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_right.gif");
 15	background-repeat: no-repeat;
 16}
 17div.dhtmlxToolbar_AquaOrange {
 18	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_middle.gif");
 19	background-repeat: repeat-x;
 20	width: 1100px;
 21	height: 30px;
 22}
 23div.dhtmlxToolbarVer_AquaOrange {
 24	position: absolute;
 25	top: 70px;
 26	left: 20px;
 27	/*
 28	background-image: url("../imgs/dhtmlxtoolbar/webbar_bg_ver.gif");
 29	background-repeat: repeat;
 30	*/
 31	background-color: #C5CBCC;
 32	/* width: 1%; */
 33	height: 600px;
 34	border: silver 1px solid;
 35	/* -moz-user-select: none; */
 36	overflow: hidden;
 37}
 38div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange {
 39	width: 100%;
 40	height: 100%;
 41	/*
 42	border: #FFFFFF 1px solid;
 43	border-bottom: #E0E0E0 1px solid;
 44	*/
 45}
 46div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange {
 47	@height: 100%;
 48	border: #FFFFFF 1px solid;
 49	border-bottom: #E0E0E0 1px solid;
 50	/* border-bottom: none; */
 51}
 52div table.dhtmlxToolbarTable_AquaOrange td {
 53	white-space: nowrap;
 54	position: relative;
 55}
 56/*****************************************************************************************************************************************************************
 57	SEPARATOR
 58*****************************************************************************************************************************************************************/
 59div table.dhtmlxToolbarTable_AquaOrange td.itemSeparator div.dhtmlxToolbarSeparator {
 60	position: relative;
 61	width: 0px;
 62	margin-left: 3px;
 63	margin-right: 3px;
 64	border-left: #B04E0D 1px solid;
 65	border-right: #F6D7C3 1px solid;
 66	margin-top: -2px;
 67	#margin-top: 1px;
 68	font-size: 1px;
 69	cursor: default;
 70	height: 26px;
 71	-moz-user-select: none;
 72}
 73div table.dhtmlxToolbarTable_AquaOrange td.itemSeparatorVert div.dhtmlxToolbarSeparator {
 74	padding-left: 3px;
 75	margin-right: 3px;
 76	border-bottom: #808080 1px solid;
 77	margin-top: 1px;
 78	font-size: 1px;
 79	cursor: default;
 80	height: 1px;
 81	-moz-user-select: none;
 82}
 83/*****************************************************************************************************************************************************************
 84	TEXT
 85*****************************************************************************************************************************************************************/
 86div table.dhtmlxToolbarTable_AquaOrange td.itemText div.dhtmlxToolbarText {
 87	padding-left: 2px;
 88	padding-right: 2px;
 89	padding-top: 4px;
 90	font-size: 11px;
 91	font-weight: bold;
 92	font-family: Arial;
 93	font-size: 11px;
 94	color: #FFFFFF;
 95	cursor: default;
 96	height: 18px;
 97	-moz-user-select: none;
 98}
 99div table.dhtmlxToolbarTable_AquaOrange td.itemTextVert div.dhtmlxToolbarText {
100	padding-left: 2px;
101	padding-right: 2px;
102	padding-top: 4px;
103	font-size: 11px;
104	font-family: Tahoma;
105	font-weight: bold;
106	color: #303030;
107	cursor: default;
108	-moz-user-select: none;
109}
110/*****************************************************************************************************************************************************************
111	INPUT
112*****************************************************************************************************************************************************************/
113div table.dhtmlxToolbarTable_AquaOrange td.itemButtonInput .dhtmlxToolbarButtonInput {
114	position: relative;
115	height: 15px;
116	border-top: #B04E0D 1px solid;
117	border-left: #B04E0D 1px solid;
118	border-right: #F6D7C3 1px solid;
119	border-bottom: #F6D7C3 1px solid;
120	margin-top: -1px;
121	#margin-top: 3px;
122	padding-left: 2px;
123	padding-right: 2px;
124	font-family: Arial;
125	font-size: 11px;
126	color: #000000;
127	padding-top: 2px;
128}
129/*****************************************************************************************************************************************************************
130	BUTTON
131*****************************************************************************************************************************************************************/
132div table.dhtmlxToolbarTable_AquaOrange td.itemButton {
133	cursor: pointer;
134	font-weight: bold;
135	font-family: Arial;
136	font-size: 11px;
137	-moz-user-select: none;
138}
139div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemDefault {
140	position: absolute;
141	display: none;
142}
143div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemOver {
144	position: absolute;
145	border-left: #F6D7C3 1px solid;
146	border-right: #F6D7C3 1px solid;
147	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_over.gif");
148	background-repeat: repeat-x;
149	top: 0px;
150	left: 0px;
151	height: 28px;
152	height= 26px;
153	right: 0px;
154	width= 100%;
155}
156div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemPressed {
157	position: absolute;
158	border-left: #B04E0D 1px solid;
159	border-right: #B04E0D 1px solid;
160	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_pressed.gif");
161	background-repeat: repeat-x;
162	top: -1px;
163	left: 0px;
164	height: 30px;
165	height= 26px;
166	right: 0px;
167	width= 100%;
168}
169div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarButton {
170	position: relative;
171	height: 100%;
172	color: #FFFFFF;
173}
174div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarButtonDisabled {
175	position: relative;
176	height: 100%;
177	color: #F6C09D;
178}
179div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarImage {
180	position: relative;
181	width: 16px;
182	height: 16px;
183	margin-top: 5px;
184	margin-left: 2px;
185	margin-right: 2px;
186	margin-bottom: 3px;
187}
188div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarText {
189	position: relative;
190	font-weight: bold;
191	font-family: Arial;
192	font-size: 11px;
193	padding-top: 6px;
194	padding-right: 2px;
195	padding-left: 2px;
196}
197/*****************************************************************************************************************************************************************
198	BUTTONSELECT
199*****************************************************************************************************************************************************************/
200div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect {
201	cursor: pointer;
202	font-weight: bold;
203	font-family: Arial;
204	font-size: 11px;
205	-moz-user-select: none;
206}
207.dhtmlxButtonSelectTBL {
208	height: 31px;
209}
210div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemDefault {
211	position: absolute;
212	display: none;
213}
214div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemOver {
215	position: absolute;
216	border-left: #F6D7C3 1px solid;
217	border-right: #F6D7C3 1px solid;
218	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_over.gif");
219	background-repeat: repeat-x;
220	top: 0px;
221	left: 0px;
222	height: 28px;
223	height= 26px;
224	right: 0px;
225	width= 100%;
226}
227div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemPressed {
228	position: absolute;
229	border-left: #B04E0D 1px solid;
230	border-right: #B04E0D 1px solid;
231	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_pressed.gif");
232	background-repeat: repeat-x;
233	top: -1px;
234	left: 0px;
235	height: 30px;
236	height= 26px;
237	right: 0px;
238	width= 100%;
239}
240div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow {
241	position: relative;
242	width: 13px;
243	height: 28px;
244	background-position: center center;
245	background-repeat: no-repeat;
246	z-index: 10;
247}
248div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled {
249	position: relative;
250	width: 13px;
251	height: 28px;
252	background-position: center center;
253	background-repeat: no-repeat;
254	z-index: 10;
255}
256div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow {
257	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_btnarrow.gif");
258}
259div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled {
260	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_btnarrow_dis.gif");
261}
262div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow {
263	background-image: url("../imgs/dhtmlxtoolbar/webbar_btnarrow_ver.gif");
264}
265div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled {
266	background-image: url("../imgs/dhtmlxtoolbar/webbar_btnarrow_ver_dis.gif");
267}
268div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelectArrow div.dhtmlxToolbarButton {
269	position: relative;
270	height: 100%;
271}
272div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelectArrow div.dhtmlxToolbarButtonDisabled {
273	position: relative;
274	height: 100%;
275}
276div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButton {
277	position: relative;
278	height: 100%;
279	color: #FFFFFF;
280}
281div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarDisabled {
282	position: relative;
283	height: 100%;
284	color: #909090;
285}
286
287div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarImage {
288	position: relative;
289	width: 16px;
290	height: 16px;
291	margin-top: 4px;
292	margin-left: 2px;
293	margin-right: 2px;
294	margin-bottom: 4px;
295}
296div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarText {
297	position: relative;
298	font-family: Arial;
299	font-size: 11px;
300	font-weight: bold;
301	padding-top: 6px;
302	padding-right: 2px;
303	padding-left: 2px;
304}
305/* button's sublevel polygon */
306div.dhtmlxToolbarButtonPolygon_AquaOrange {
307	margin-top: -4px;
308	position: absolute;
309	background-color: #FFFFFF;
310	padding-top: 1px;
311	border-top: #FF6600 1px solid;
312	border-left: #FF6600 1px solid;
313	border-bottom: #C1570F 1px solid;
314	border-right: #C1570F 1px solid;
315	-moz-user-select: none;
316	overflow: hidden;
317	cursor: default;
318}
319div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItem {
320	position: relative;
321	font-family: Tahoma;
322	font-size: 11px;
323	font-weight: normal;
324	color: #333333;
325	border-left: #FFFFFF 1px solid;
326	border-right: #CCCCCC 1px solid;
327	background-color: #F5F5F5;
328	margin: 0px 0px 0px 0px;
329	padding: 5px 28px 5px 28px;
330	cursor: default;
331	white-space: nowrap;
332	-moz-user-select: none;
333}
334div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemDis {
335	position: relative;
336	font-family: Tahoma;
337	font-size: 11px;
338	font-weight: normal;
339	color: #999999;
340	border-left: #FFFFFF 1px solid;
341	border-right: #CCCCCC 1px solid;
342	background-color: #F5F5F5;
343	margin: 0px 0px 0px 0px;
344	padding: 5px 28px 5px 28px;
345	cursor: default;
346	white-space: nowrap;
347	-moz-user-select: none;
348}
349div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemOver {
350	position: relative;
351	font-family: Tahoma;
352	font-size: 11px;
353	font-weight: normal;
354	color: #FFFFFF;
355	margin: 0px 0px 0px 0px;
356	padding: 5px 28px 5px 28px;
357	border-left: #F87D1D 1px solid;
358	border-right: #F87D1D 1px solid;
359	background-color: #F87D1D;
360	cursor: default;
361	white-space: nowrap;
362	-moz-user-select: none;
363}
364div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemSelected {
365	position: relative;
366	font-family: Tahoma;
367	font-size: 11px;
368	font-weight: normal;
369	color: #FFFFFF;
370	margin: 0px 0px 0px 0px;
371	padding: 5px 28px 5px 28px;
372	border-left: #F87D1D 1px solid;
373	border-right: #F87D1D 1px solid;
374	background-color: #FF0000;
375	cursor: default;
376	white-space: nowrap;
377	-moz-user-select: none;
378}
379div.dhtmlxToolbarButtonPolygon_AquaOrange div img.buttonImage {
380	position: absolute;
381	width: 16px;
382	height: 16px;
383	margin-top: -2px;
384	margin-left: -23px;
385}
386div.dhtmlxToolbarButtonPolygon_AquaOrange div img.buttonImageFake {
387	position: absolute;
388	right: 2px;
389	width: 0px;
390	height: 0px;
391}
392div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonSeparator {
393	border-top: #D3D2D2 1px solid;
394	border-bottom: #FFFFFF 1px solid;
395	cursor: default;
396	-moz-user-select: none;
397}
398/*****************************************************************************************************************************************************************
399	SLIDER
400*****************************************************************************************************************************************************************/
401div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSlider {
402	height: 28px;
403	position: relative;
404	#position: static;
405	-moz-user-select: none;
406}
407div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderDisabled {
408	height: 28px;
409	position: relative;
410	#position: static;
411	-moz-user-select: none;
412}
413div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSlider {
414	position: relative;
415	#position: static;
416}
417div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderDisabled {
418	position: relative;
419	#position: static;
420}
421div table.dhtmlxToolbarTable_AquaOrange div.dhtmlxToolbarSlider {
422	color: #000000;
423}
424div table.dhtmlxToolbarTable_AquaOrange div.dhtmlxToolbarSliderDisabled {
425	color: #909090;
426}
427div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderText {
428	font-family: Arial;
429	font-size: 11px;
430	font-weight: normal;
431	color: #FFFFFF;
432	cursor: default;
433	padding-left: 2px;
434	padding-right: 2px;
435}
436div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider table.dhtmlxToolbarSliderLineHor {
437	height: 29px;
438}
439div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgLeft {
440	font-size: 1px;
441	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_left.gif");
442	background-position: center center;
443	background-repeat: no-repeat;
444	cursor: default;
445}
446div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgMiddle {
447	font-size: 1px;
448	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_middle.gif");
449	background-position: center;
450	background-repeat: repeat-x;
451	cursor: default;
452}
453div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgRight {
454	font-size: 1px;
455	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_right.gif");
456	background-position: center center;
457	background-repeat: no-repeat;
458	cursor: default;
459}
460div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPen {
461	position: absolute;
462	top: 7px;
463	width: 9px;
464	height: 17px;
465	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen.gif");
466	background-repeat: no-repeat;
467	-moz-user-select: none;
468	cursor: default;
469}
470div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPenDis {
471	position: absolute;
472	top: 7px;
473	width: 9px;
474	height: 17px;
475	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen_dis.gif");
476	background-repeat: no-repeat;
477	-moz-user-select: none;
478	cursor: default;
479}
480div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPenOver {
481	position: absolute;
482	top: 7px;
483	width: 9px;
484	height: 17px;
485	background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen_over.gif");
486	background-repeat: no-repeat;
487	-moz-user-select: none;
488	cursor: default;
489}
490div.dhtmlxToolbarSliderPenLabel_AquaOrange {
491	position: absolute;
492	border: #A3A172 1px solid;
493	background-color: #FFF992;
494	font-family: Tahoma;
495	font-size: 10px;
496	color: #000000;
497	font-weight: normal;
498	padding: 0px 2px 0px 2px;
499	cursor: default;
500	-moz-user-select: none;
501	z-index: 8422;
502}
503/* vert */
504div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgLeft {
505	font-size: 1px;
506	height: 3px;
507	width: 2px;
508	background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderleftvert.gif");
509	background-position: center center;
510	background-repeat: no-repeat;
511	cursor: default;
512}
513div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgMiddle {
514	font-size: 1px;
515	height: 3px;
516	background-image: url("../imgs/dhtmlxtoolbar/webbar_slidermiddlevert.gif");
517	background-position: center;
518	background-repeat: repeat-y;
519	cursor: default;
520}
521div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgRight {
522	font-size: 1px;
523	height: 3px;
524	width: 2px;
525	background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderrightvert.gif");
526	background-position: center center;
527	background-repeat: no-repeat;
528	cursor: default;
529}
530div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderText {
531	font-family: Arial;
532	font-size: 11px;
533	font-weight: normal;
534	cursor: default;
535	padding-left: 2px;
536	padding-right: 2px;
537}
538div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPen {
539	position: absolute;
540	left: 4px;
541	width: 9px;
542	height: 17px;
543	background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpenvert.gif");
544	background-repeat: no-repeat;
545	-moz-user-select: none;
546	cursor: default;
547}
548div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPenDis {
549	position: absolute;
550	left: 4px;
551	width: 9px;
552	height: 17px;
553	background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpendisvert.gif");
554	background-repeat: no-repeat;
555	-moz-user-select: none;
556	cursor: default;
557}
558div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPenOver {
559	position: absolute;
560	left: 4px;
561	width: 9px;
562	height: 17px;
563	background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpenoververt.gif");
564	background-repeat: no-repeat;
565	-moz-user-select: none;
566	cursor: default;
567}