WebSVN - WebE - Diff - Rev 15 and 31 - /trunk/WebContent/resources/css/main.css




img {
  border: none;
}

 
 
/*********************************************************************************
 * Links
 */
 
a,a:link,a:visited,a:active {
  color: #AA0000;
  text-decoration: none;
}



a.button:hover {
  background-color: #DDDDDD;
}

 
/*********************************************************************************
 * Table
 */
 
table {
  margin: 5px 0 10px 0;
  padding: 0;
}



td.no_padding {
  padding: 0;
}

 
/*********************************************************************************
 * Custom classes
 */
 
div#page-container {
  width: 100%;
}

div#header {

}

/*********************************************************************************
 * Login
 */
 
div#login {
  background-color: #EBEBED;
  width: 350px;
  padding: 10px;
  margin: auto;


input.login {
  width: 200px;
}

 
 
 
/*********************************************************************************
 * Dialogs
 */
div.errormsg { /* Old version by Kevin */
  font-weight: bold;

  color: #000000;
  position: absolute;
  left: 30%;
  top: 20px;
  text-align: left;
 
  padding: 10px 10px 10px 80px;
  margin: 20px auto auto auto;
 
  width: 40%;
  background-color: #FFFFFF;
 
  z-index: 1000;
}

#overlay {
  position: absolute;

  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: #EBEBED;
 
  opacity: 0.7; /* for real browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* for IE 8 */
  filter: alpha(opacity = 70); /* for IE */
}

 
/* Error dialog */
.dialog_error {
  background: #FFFFFF url(../../resources/images/dialog_error.png)
    no-repeat 10px 10px;
}

/* Warning dialog */
.dialog_warning {
  background: #FFFFFF url(../../resources/images/dialog_warning.png)
    no-repeat 10px 10px;
}

/* Info dialog */
.dialog_info {
  background: #FFFFFF url(../../resources/images/dialog_info.png)
    no-repeat 10px 10px;
}

/* Question dialog */
.dialog_question {
  background: #FFFFFF url(../../resources/images/dialog_question.png)
    no-repeat 10px 10px;
}

/*Notification*/
.notificationIcon {
  float: right;
}

 
/* Title of dialog box */
#dialog_title {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;

  text-align: right;
  margin: 0;
  padding: 10px 0 0 0;
}

 
/*********************************************************************************
 * Navigation on the left side
 */

/* First level of navigation */

#navigation a:hover {
  text-decoration: none;
  color: #E30119;
}

 
/*********************************************************************************
 * General page formatting
 */
 
p.main_hint {
  font-weight: bold;
}

p.sub_hint {
 
}

.hidden {
  display: none;
}

/*********************************************************************************
 * Customer selection
 */
 
div.customer {
  border-left: #EBEBED 5px solid;
  padding: 0 5px 0 5px;
  margin: 0 0 10px 0;
  float: left;

}

/*********************************************************************************
 * Form fields
 */
 
.input_ro { /* read only input field */
  border: 2px solid #EEEEEE;
  background-color: #EEEEEE;
}

.invalid { /* Fields containing invalid input */
  border: 2px #FF0000 solid;
  background-color: #FFDDDD;
}

 
/*********************************************************************************
 * Shopping cart
 */
 
table.shopping_cart {
  border-collapse: collapse;
  border: 3px solid #EBEBED;
}



table.shopping_cart tr.additional_info td {
  border-top: none;
}

 
table.shopping_cart td.right,table.shopping_cart th.right {
  padding-right: 20px;
}

table.shopping_cart th {
  padding: 3px 10px 3px 3px;

/* Buttons "Place order and Request offer" */
table.shopping_cart div.button {
  float: right;
  margin: 7px 0 0 10px;
}

table.shopping_cart form {
  margin: 0;
  padding: 0; /* Necessary for IE */
}

/* No padding-right for buttons in shopping cart */
table.shopping_cart th.buttons,th.buttons {
  text-align: right;


/* Arrow in empty shopping cart pointing to the entry form */
#arrow_left {
  height: 38px;
  padding-left: 45px;
  background: url('../../resources/images/double_left_arrow.png')
    no-repeat 3px 3px;
}

/* Difference to minimum order value */
#order_diff th {
  background-color: #FFCCCC;
  color: #E30119;
}

 
#shopping_cart_buttons {
  width: 100%;
}

.float_left {


.float_right {
  float: right;
}

 
/*********************************************************************************
 * Filter
 */
 
#filter_list {
  display: inline-block;
  float: none;
}



#event_type_block select {
  width: 150px;
}

 
#user_id_block {
  width: 200px;
  height: 80px;
  float: left;
}


#date_filter_block input {
  padding-right: 5px;
}

 
#filter_spacer {
  width: 10px;
  height: 80px;
}


}

.pager span {
  padding: 5px;
}
 

Rev 15	Rev 31
Line 29...	Line 29...
29		29
30	img {	30	img {
31	border:none;	31	border: none;
32	}	32	}
33		33
34		-
35		-
36	/*********************************************************************************	34	/*********************************************************************************
37	* Links	35	* Links
38	*/	36	*/
39		-
40	a, a:link, a:visited, a:active {	37	a,a:link,a:visited,a:active {
41	color: #AA0000;	38	color: #AA0000;
42	text-decoration: none;	39	text-decoration: none;
43	}	40	}
44		41
Line 72...	Line 69...
72		69
73	a.button:hover {	70	a.button:hover {
74	background-color: #DDDDDD;	71	background-color: #DDDDDD;
75	}	72	}
76		73
77		-
78	/*********************************************************************************	74	/*********************************************************************************
79	* Table	75	* Table
80	*/	76	*/
81		-
82	table {	77	table {
83	margin: 5px 0 10px 0;	78	margin: 5px 0 10px 0;
84	padding: 0;	79	padding: 0;
85	}	80	}
86		81
Line 123...	Line 118...
123		118
124	td.no_padding {	119	td.no_padding {
125	padding: 0;	120	padding: 0;
126	}	121	}
127		122
128		-
129	/*********************************************************************************	123	/*********************************************************************************
130	* Custom classes	124	* Custom classes
131	*/	125	*/
132		-
133	div#page-container {	126	div#page-container {
134	width: 100%;	127	width: 100%;
135	}	128	}
136		129
137	div#header {	130	div#header {
Line 166...	Line 159...
166	}	159	}
167		160
168	/*********************************************************************************	161	/*********************************************************************************
169	* Login	162	* Login
170	*/	163	*/
171		-
172	div#login {	164	div#login {
173	background-color: #EBEBED;	165	background-color: #EBEBED;
174	width: 350px;	166	width: 350px;
175	padding: 10px;	167	padding: 10px;
176	margin: auto;	168	margin: auto;
Line 186...	Line 178...
186		178
187	input.login {	179	input.login {
188	width: 200px;	180	width: 200px;
189	}	181	}
190		182
191		-
192		-
193		-
194	/*********************************************************************************	183	/*********************************************************************************
195	* Dialogs	184	* Dialogs
196	*/	185	*/
197	div.errormsg { /* Old version by Kevin */	186	div.errormsg { /* Old version by Kevin */
198	font-weight: bold;	187	font-weight: bold;
Line 215...	Line 204...
215	color: #000000;	204	color: #000000;
216	position: absolute;	205	position: absolute;
217	left: 30%;	206	left: 30%;
218	top: 20px;	207	top: 20px;
219	text-align: left;	208	text-align: left;
220		-
221	padding: 10px 10px 10px 80px;	209	padding: 10px 10px 10px 80px;
222	margin: 20px auto auto auto;	210	margin: 20px auto auto auto;
223		-
224	width: 40%;	211	width: 40%;
225	background-color: #FFFFFF;	212	background-color: #FFFFFF;
226		-
227	z-index: 1000;	213	z-index: 1000;
228	}	214	}
229		215
230	#overlay {	216	#overlay {
231	position: absolute;	217	position: absolute;
Line 233...	Line 219...
233	left: 0;	219	left: 0;
234	width: 100%;	220	width: 100%;
235	height: 100%;	221	height: 100%;
236	z-index: 500;	222	z-index: 500;
237	background-color: #EBEBED;	223	background-color: #EBEBED;
238		-
239	opacity: 0.7; /* for real browsers */	224	opacity: 0.7; /* for real browsers */
240	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */	225	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-		226	/* for IE 8 */
241	filter: alpha(opacity=70); /* for IE */	227	filter: alpha(opacity = 70); /* for IE */
242	}	228	}
243		229
244		-
245	/* Error dialog */	230	/* Error dialog */
246	.dialog_error {	231	.dialog_error {
247	background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px;	232	background: #FFFFFF url(../../resources/images/dialog_error.png)
-		233	no-repeat 10px 10px;
248	}	234	}
249		235
250	/* Warning dialog */	236	/* Warning dialog */
251	.dialog_warning {	237	.dialog_warning {
252	background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px;	238	background: #FFFFFF url(../../resources/images/dialog_warning.png)
-		239	no-repeat 10px 10px;
253	}	240	}
254		241
255	/* Info dialog */	242	/* Info dialog */
256	.dialog_info {	243	.dialog_info {
257	background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px;	244	background: #FFFFFF url(../../resources/images/dialog_info.png)
-		245	no-repeat 10px 10px;
258	}	246	}
259		247
260	/* Question dialog */	248	/* Question dialog */
261	.dialog_question {	249	.dialog_question {
262	background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px;	250	background: #FFFFFF url(../../resources/images/dialog_question.png)
-		251	no-repeat 10px 10px;
263	}	252	}
264		253
265	/Notification/	254	/Notification/
266	.notificationIcon {	255	.notificationIcon {
267	float:right;	256	float: right;
268	}	257	}
269		258
270		-
271	/* Title of dialog box */	259	/* Title of dialog box */
272	#dialog_title {	260	#dialog_title {
273	float: left;	261	float: left;
274	width: 100%;	262	width: 100%;
275	margin: 0 0 10px 0;	263	margin: 0 0 10px 0;
Line 295...	Line 283...
295	text-align: right;	283	text-align: right;
296	margin: 0;	284	margin: 0;
297	padding: 10px 0 0 0;	285	padding: 10px 0 0 0;
298	}	286	}
299		287
300		-
301	/*********************************************************************************	288	/*********************************************************************************
302	* Navigation on the left side	289	* Navigation on the left side
303	*/	290	*/
304		291
305	/* First level of navigation */	292	/* First level of navigation */
Line 345...	Line 332...
345	#navigation a:hover {	332	#navigation a:hover {
346	text-decoration: none;	333	text-decoration: none;
347	color: #E30119;	334	color: #E30119;
348	}	335	}
349		336
350		-
351	/*********************************************************************************	337	/*********************************************************************************
352	* General page formatting	338	* General page formatting
353	*/	339	*/
354		-
355	p.main_hint {	340	p.main_hint {
356	font-weight: bold;	341	font-weight: bold;
357	}	342	}
358		343
359	p.sub_hint {	344	p.sub_hint {
-		345
360	}	346	}
361		347
362	.hidden {	348	.hidden {
363	display: none;	349	display: none;
364	}	350	}
365		351
366	/*********************************************************************************	352	/*********************************************************************************
367	* Customer selection	353	* Customer selection
368	*/	354	*/
369		-
370	div.customer {	355	div.customer {
371	border-left: #EBEBED 5px solid;	356	border-left: #EBEBED 5px solid;
372	padding: 0 5px 0 5px;	357	padding: 0 5px 0 5px;
373	margin: 0 0 10px 0;	358	margin: 0 0 10px 0;
374	float: left;	359	float: left;
Line 383...	Line 368...
383	}	368	}
384		369
385	/*********************************************************************************	370	/*********************************************************************************
386	* Form fields	371	* Form fields
387	*/	372	*/
388		-
389	.input_ro { /* read only input field */	373	.input_ro { /* read only input field */
390	border: 2px solid #EEEEEE;	374	border: 2px solid #EEEEEE;
391	background-color: #EEEEEE;	375	background-color: #EEEEEE;
392	}	376	}
393		377
394	.invalid { /* Fields containing invalid input */	378	.invalid { /* Fields containing invalid input */
395	border: 2px #FF0000 solid;	379	border: 2px #FF0000 solid;
396	background-color: #FFDDDD;	380	background-color: #FFDDDD;
397	}	381	}
398		382
399		-
400	/*********************************************************************************	383	/*********************************************************************************
401	* Shopping cart	384	* Shopping cart
402	*/	385	*/
403		-
404	table.shopping_cart {	386	table.shopping_cart {
405	border-collapse: collapse;	387	border-collapse: collapse;
406	border: 3px solid #EBEBED;	388	border: 3px solid #EBEBED;
407	}	389	}
408		390
Line 413...	Line 395...
413		395
414	table.shopping_cart tr.additional_info td {	396	table.shopping_cart tr.additional_info td {
415	border-top: none;	397	border-top: none;
416	}	398	}
417		399
418	table.shopping_cart td.right,	-
419	table.shopping_cart th.right {	400	table.shopping_cart td.right,table.shopping_cart th.right {
420	padding-right: 20px;	401	padding-right: 20px;
421	}	402	}
422		403
423	table.shopping_cart th {	404	table.shopping_cart th {
424	padding: 3px 10px 3px 3px;	405	padding: 3px 10px 3px 3px;
Line 428...	Line 409...
428	/* Buttons "Place order and Request offer" */	409	/* Buttons "Place order and Request offer" */
429	table.shopping_cart div.button {	410	table.shopping_cart div.button {
430	float: right;	411	float: right;
431	margin: 7px 0 0 10px;	412	margin: 7px 0 0 10px;
432	}	413	}
-		414
433	table.shopping_cart form {	415	table.shopping_cart form {
-		416	margin: 0;
434	margin: 0; padding: 0; /* Necessary for IE */	417	padding: 0; /* Necessary for IE */
435	}	418	}
436		419
437	/* No padding-right for buttons in shopping cart */	420	/* No padding-right for buttons in shopping cart */
438	table.shopping_cart th.buttons, th.buttons {	421	table.shopping_cart th.buttons,th.buttons {
439	text-align: right;	422	text-align: right;
Line 483...	Line 466...
483		466
484	/* Arrow in empty shopping cart pointing to the entry form */	467	/* Arrow in empty shopping cart pointing to the entry form */
485	#arrow_left {	468	#arrow_left {
486	height: 38px;	469	height: 38px;
487	padding-left: 45px;	470	padding-left: 45px;
488	background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px;	471	background: url('../../resources/images/double_left_arrow.png')
-		472	no-repeat 3px 3px;
489	}	473	}
490		474
491	/* Difference to minimum order value */	475	/* Difference to minimum order value */
492	#order_diff th {	476	#order_diff th {
493	background-color: #FFCCCC;	477	background-color: #FFCCCC;
494	color: #E30119;	478	color: #E30119;
495	}	479	}
496		480
497		-
498	#shopping_cart_buttons {	481	#shopping_cart_buttons {
499	width: 100%;	482	width: 100%;
500	}	483	}
501		484
502	.float_left {	485	.float_left {
Line 505...	Line 488...
505		488
506	.float_right {	489	.float_right {
507	float: right;	490	float: right;
508	}	491	}
509		492
510		-
511	/*********************************************************************************	493	/*********************************************************************************
512	* Filter	494	* Filter
513	*/	495	*/
514		-
515	#filter_list {	496	#filter_list {
516	display: inline-block;	497	display: inline-block;
517	float: none;	498	float: none;
518	}	499	}
519		500
Line 533...	Line 514...
533		514
534	#event_type_block select {	515	#event_type_block select {
535	width: 150px;	516	width: 150px;
536	}	517	}
537		518
538		-
539	#user_id_block {	519	#user_id_block {
540	width: 200px;	520	width: 200px;
541	height: 80px;	521	height: 80px;
542	float: left;	522	float: left;
543	}	523	}
Line 557...	Line 537...
557		537
558	#date_filter_block input {	538	#date_filter_block input {
559	padding-right: 5px;	539	padding-right: 5px;
560	}	540	}
561		541
562		-
563	#filter_spacer {	542	#filter_spacer {
564	width: 10px;	543	width: 10px;
565	height: 80px;	544	height: 80px;
566	}	545	}
567		546
Line 603...	Line 582...
603	}	582	}
604		583
605	.pager span {	584	.pager span {
606	padding: 5px;	585	padding: 5px;
607	}	586	}
608		-

Subversion Repositories WebE

(root)/trunk/WebContent/resources/css/main.css - Rev 15 → 31