PageRenderTime 47ms CodeModel.GetById 1ms app.highlight 42ms RepoModel.GetById 1ms app.codeStats 0ms

/lib/jquery-validate/demo/multipart/style.css

#
CSS | 705 lines | 564 code | 101 blank | 40 comment | 0 complexity | 7fd08aa0541abf3b7c03a444ac8da275 MD5 | raw file
  1/********************************************
  2   AUTHOR:  			Erwin Aligam 
  3   WEBSITE:   			http://www.styleshout.com/
  4   TEMPLATE NAME: 	Techmania 1.0
  5	TEMPLATE CODE: 	S-0003
  6    VERSION:         1.1          	
  7 *******************************************/
  8	/********************************************
  9   HTML ELEMENTS
 10********************************************/ /* Top elements */
 11	/** { margin:0; padding: 0; }*/
 12body {
 13	background-color: #000;
 14	color: #555;
 15	font: 78%/ 1.6 Verdana, 'Trebuchet MS', arial, sans-serif;
 16	text-align: center;
 17	margin: 15px 0;
 18}
 19
 20/* links */
 21a {
 22	color: #213540;
 23	background: inherit;
 24	text-decoration: none;
 25}
 26
 27a:hover {
 28	color: #3e4255;
 29	text-decoration: underline;
 30	background: inherit;
 31}
 32
 33/* headers */
 34h1,h2,h3 {
 35	font-family: 'Trebuchet MS', Arial, sans-serif;
 36	font-weight: bold;
 37}
 38
 39h1 {
 40	font-size: 1.5em;
 41	margin: 10px 15px;
 42}
 43
 44h2 {
 45	font-size: 1.3em;
 46	text-transform: uppercase;
 47	color: #339900;
 48	margin: 10px 15px;
 49}
 50
 51h3 {
 52	font-size: 1.1em;
 53	color: #333;
 54	margin: 16px 0 0 18px;
 55}
 56
 57h1,h2,h3 {
 58	padding: 0;
 59}
 60
 61p {
 62	line-height: 1.4em;
 63	padding: 0 15px;
 64}
 65
 66p.error {
 67	color: #CC0033;
 68}
 69
 70ul,ol {
 71	margin: 10px 6px;
 72	padding: 0 15px;
 73	color: #006699;
 74}
 75
 76ul span,ol span {
 77	color: #666666;
 78}
 79
 80/* images */
 81img {
 82	border: 2px solid #CCC;
 83}
 84
 85img.float-right {
 86	margin: 5px 0px 10px 10px;
 87}
 88
 89img.float-left {
 90	margin: 5px 10px 10px 0px;
 91}
 92
 93code {
 94	margin: 5px 0;
 95	padding: 10px;
 96	text-align: left;
 97	display: block;
 98	overflow: auto;
 99	font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;
100	/* white-space: pre; */
101	background: #FAFAFA;
102	border: 1px solid #EAEAEA;
103	border-left: 5px solid #72A545;
104}
105
106acronym {
107	cursor: help;
108	border-bottom: 1px solid #777;
109}
110
111blockquote {
112	margin: 15px;
113	padding: 0 0 0 32px;
114	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important;
115	background-position: 8px 10px;
116	border: 1px solid #EAEAEA;
117	border-left: 5px solid #72A545;
118	font-weight: bold;
119}
120
121/* form elements */
122fieldset {
123	margin: 12px 12px 18px;
124	padding-left: 6px;
125	border: 1px solid #004080;
126	color: #006699;
127}
128
129fieldset fieldset {
130	border: 1px solid #9ea190;
131	margin: 17px 14px;
132}
133
134form {
135	margin: 10px 15px;
136	padding: 0;
137}
138
139label {
140	font-weight: bold;
141	margin: 5px 3px 0 0;
142	width: 160px;
143	text-align: right;
144	float: left;
145}
146
147legend {
148	font-size: 1.2em;
149	padding: 0 12px;
150	font-weight: 900;
151	background-color: #F9F9F9;
152}
153
154fieldset fieldset legend {
155	font-size: 1em;
156	color: #1a2129;
157	padding: 0 18px;
158	margin-left: 75px;
159}
160
161input {
162	padding: 3px;
163	margin: 4px 0;
164	border: 1px solid #CFCED3;
165	font: normal 1em Verdana, sans-serif;
166	color: #777;
167}
168
169textarea {
170	width: 400px;
171	padding: 4px;
172	font: normal 1em Verdana, sans-serif;
173	border: 1px solid #eee;
174	height: 100px;
175	display: block;
176	color: #777;
177}
178
179input.button {
180	margin: 0;
181	font: bold 12px Arial, Sans-serif;
182	border: 1px solid #EAEAEA;
183	padding: 3px 4px;
184	background: #CCC url(buttonbg.gif) repeat-x left bottom;
185	color: #333; /* color: #339900; */
186	cursor: pointer;
187}
188
189input.submitbutton {
190	background-color: #006699;
191	color: #FFF;
192	background-image: none;
193	font-weight: 900;
194	border: 1px solid #EAEAEA;
195	margin: 0 0 0 200px;
196}
197
198/* search */
199#sidebar #search {
200	background: #f2f2f2;
201	margin: 0 15px;
202	padding: 5px 0;
203}
204
205#sidebar #search img {
206	vertical-align: bottom;
207}
208
209#sidebar #search .textbox {
210	background: #FFF url(input.png) no-repeat top left;
211	border: 1px solid #EAEAEA;
212	font-size: 11px;
213	padding: 3px;
214	width: 110px;
215}
216
217#sidebar #search input.searchbutton {
218	margin: 0;
219	font: bold 100% Arial, Sans-serif;
220	border: 1px solid #CCC;
221	background: #CCC url(buttonbg.gif) repeat-x left bottom;
222	padding: 1px;
223	height: 25px;
224	color: #333;
225	width: 55px;
226}
227
228/*****************************
229      LAYOUT 
230******************************/
231#wrap {
232	margin: 0 auto;
233	padding: 0;
234	text-align: left;
235	background-color: #FFF;
236	width: 790px;
237}
238
239#content-wrap {
240	clear: both;
241	margin: 0;
242	padding: 0;
243	width: 790px;
244}
245
246/* header */
247#header {
248	position: relative;
249	clear: left;
250	width: 790px;
251	height: 137px;
252	margin: 0;
253	padding: 0;
254	background: #000 url(headerbg.jpg) no-repeat left bottom;
255}
256
257#header h1#logo-text {
258	float: right;
259	margin: 39px 58px 0 0;
260	padding: 0;
261	font: bolder 3.2em 'Trebuchet MS', Arial, Sans-serif;
262	letter-spacing: -2px;
263	color: #FFF;
264	text-transform: none;
265	/* change the values of top and right to adjust the position of the logo*/
266	top: 35px;
267	right: 30px;
268}
269
270#header h2#slogan {
271	float: right;
272	margin: 0 38px 0 0;
273	padding: 0;
274	font: bold 1.5em 'Trebuchet MS', Arial, Sans-serif;
275	text-transform: none;
276	letter-spacing: 1px;
277	color: #FFF;
278	clear: both;
279	text-align: right;
280}
281
282#header h1#logo-text span {
283	color: #CFCED3;
284}
285
286/* menu tabs */
287#header #header-tabs {
288	position: absolute;
289	top: 0;
290	left: 0;
291	width: 100%;
292	height: 25px;
293	background: #000;
294	font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
295}
296
297#header-tabs ul {
298	margin: 0;
299	padding: 2px 0px 0px 0px;
300	list-style: none;
301}
302
303#header-tabs li {
304	display: inline;
305	margin: 0;
306	padding: 0;
307}
308
309#header-tabs a {
310	float: left;
311	background: url(tableft.gif) no-repeat left top;
312	margin: 0;
313	padding: 0 0 0 4px;
314	text-decoration: none;
315}
316
317#header-tabs a span {
318	float: left;
319	display: block;
320	background: url(tabright.gif) no-repeat right top;
321	padding: 7px 15px 4px 8px;
322	color: #CCC;
323}
324
325/* Commented Backslash Hack hides rule from IE5-Mac \*/
326#header-tabs a span {
327	float: none;
328}
329
330/* End IE5-Mac hack */
331#header-tabs a:hover span {
332	color: #FFF;
333}
334
335#header-tabs a:hover {
336	background-position: 0% -42px;
337}
338
339#header-tabs a:hover span {
340	background-position: 100% -42px;
341}
342
343#header-tabs #current a {
344	background-position: 0% -42px;
345}
346
347#header-tabs #current a span {
348	background-position: 100% -42px;
349	color: #FFF;
350}
351
352/* main content */
353#main {
354	width: 748px;
355	margin: 0;
356	padding: 8px 16px;
357	background-color: #F9F9F9;
358	border-left: 5px solid #000;
359	border-right: 5px solid #000;
360}
361
362#main h1 {
363	padding: 8px 0 3px 25px;
364	text-transform: none;
365	border-bottom: 2px solid #f2f2f2;
366	color: #339900;
367}
368
369/* sidebar */
370#sidebar { /*	float: right;
371	width: 245px;
372	margin: 0 0 10px 0; padding: 0;
373	background-color: inherit;	*/
374	display: none;
375}
376
377#sidebar h1 {
378	padding: 8px 0px 3px 25px;
379	background: url(square_arrow.gif) no-repeat 0% .7em;
380	text-transform: none;
381	color: #339900;
382}
383
384#sidebar ul.sidemenu {
385	list-style: none;
386	margin: 10px 15px;
387	padding: 0;
388}
389
390#sidebar ul.sidemenu li {
391	margin-bottom: 1px;
392	border: 1px solid #f2f2f2;
393}
394
395#sidebar ul.sidemenu a {
396	display: block;
397	font-weight: bold;
398	color: #333;
399	text-decoration: none;
400	padding: 2px 5px 2px 10px;
401	background: #f2f2f2;
402	border-left: 5px solid #CCC;
403	min-height: 18px;
404}
405
406* html body #sidebar ul.sidemenu a {
407	height: 18px;
408}
409
410#sidebar ul.sidemenu a:hover {
411	padding: 2px 5px 2px 10px;
412	background: #f2f2f2;
413	color: #339900;
414	border-left: 5px solid #72A545;
415}
416
417/* footer */
418#footer {
419	clear: both;
420	height: 40px;
421	color: #CCC;
422	background: #000;
423	margin: 0;
424	font-size: 92%;
425}
426
427#footer a {
428	text-decoration: none;
429	font-weight: bold;
430	color: #FFF;
431}
432
433#footer #footer-left {
434	width: 68%;
435	float: left;
436	text-align: left;
437	margin: 0;
438	padding: 10px;
439}
440
441#footer #footer-right {
442	width: 25%;
443	float: right;
444	text-align: right;
445	margin: 0;
446	padding: 10px;
447}
448
449/* alignment classes */
450.float-left {
451	float: left;
452}
453
454.float-right {
455	float: right;
456}
457
458.align-left {
459	text-align: left;
460}
461
462.align-right {
463	text-align: right;
464}
465
466/* additional classes */
467.clear {
468	clear: both;
469}
470
471.hide {
472	display: none;
473}
474
475.gray {
476	color: #CCC;
477}
478
479.comments {
480	color: #333;
481	background: #FFF;
482	text-align: right;
483	border-top: 1px dashed #EFF0F1;
484	border-bottom: 1px dashed #EFF0F1;
485	padding: 5px 0;
486	margin-top: 20px;
487}
488
489html {
490	min-height: 100.1%;
491}
492
493/* ------ one ------------*/
494body .mainText {
495	font-family: Arial, Helvetica, sans-serif;
496	font-size: 12px;
497}
498
499#demoText h1,.mainText h1 {
500	font-size: 130%;
501	color: #0099FF;
502	text-decoration: none;
503	font-family: Arial, Helvetica, sans-serif;
504	margin: 5px 4px 5px 24px;
505	background: none;
506	padding: 0;
507	border: none;
508	text-transform: capitalize;
509}
510
511.mainText h2 {
512	font-size: 110%;
513	color: #000033;
514	font-family: Arial, Helvetica, sans-serif;
515	text-decoration: none;
516	background: none;
517	margin: 4px 32px 6px 22px;
518	text-transform: capitalize;
519}
520
521.mainText h3 {
522	font-size: 120%;
523	font-weight: 900;
524	margin: 14px 0 0 0;
525	text-align: center;
526	color: #000033;
527}
528
529.mainText table {
530	width: 95%;
531	border: 1px solid #0099FF;
532	border-collapse: collapse;
533	margin: 18px 7px;
534}
535
536.mainText table td {
537	background-color: #99CCFF;
538	color: #000033;
539	padding: 4px;
540}
541
542.mainText table th {
543	background-color: #000033;
544	color: #99CCFF;
545	padding: 4px;
546}
547
548.mainText .linkPar a {
549	color: #000033;
550	text-decoration: underline;
551}
552
553.mainText .linkPar a:hover {
554	color: #660033;
555	text-decoration: none;
556	font-weight: 900;
557}
558
559.pusher {
560	cursor: pointer;
561	padding: 3px 10px 3px 22px;
562	font-weight: 900;
563	font-size: 14px;
564}
565
566/* ------------- form specific styles are here  -------------- */
567fieldset {
568	margin: 0;
569	border: 1px solid #C3DE00;
570	padding: 10px;
571	/*border:none;
572padding:0;*/
573	color: #7563A5;
574}
575
576legend {
577	background-color: #FFFFFF;
578	text-align: center;
579	color: #097981;
580	padding: 0 12px;
581}
582
583label {
584	text-align: right;
585	width: 298px;
586	border-right: 1px dotted #099;
587	padding-right: 5px;
588	margin: 0 0 8px 0;
589	float: left;
590	clear: left;
591	display: block;
592	color: #7563A5;
593}
594
595label.checkbox,label.textarea {
596	border: none;
597}
598
599label.lgfield {
600	border: none;
601	text-align: center;
602	clear: both;
603	float: none;
604	width: 100%;
605}
606
607fieldset input,fieldset select,fieldset textarea {
608	margin-left: 10px;
609	margin-bottom: 8px;
610}
611
612select.longfield {
613	margin: 0 0 0 115px;
614}
615
616input [type="radio"],input [type="checkbox"] {
617	margin: 2px 0 0 4px;
618}
619
620textarea {
621	width: 250px;
622	float: left;
623}
624
625/*Get Help Form Styles*/
626p.formDisclaimer {
627	text-align: center;
628	margin: 32px 24px 12px 0;
629	font-style: italic;
630}
631
632div.buttonWrapper {
633	margin: 28px 0 14px 0;
634	clear: both;
635	text-align: center;
636}
637
638.formspacer {
639	height: 1em;
640	clear: both;
641}
642
643.hideField {
644	display: none;
645}
646
647.pushOpen {
648	height: 18em;
649}
650
651/* ----- error message for field validation ----- */
652#stepForm label.warning {
653	text-align: left;
654	width: auto;
655	padding: 0;
656	margin: 0 0 0 10px;
657	float: none;
658	clear: none;
659	display: inline;
660	color: #CC3366;
661	font-size: 10px;
662	border: none;
663	border-top: 1px dotted #CC3366;
664}
665
666div.requiredNotice {
667	width: 140px;
668	float: right;
669	margin: 0 24px 0 0;
670	padding: 0;
671}
672
673h3.stepHeader {
674	text-align: left;
675	font-size: 16px;
676	font-weight: bold;
677	margin: 0 0 24px 24px;
678	color: #676cac;
679}
680
681ul#stepForm,ul#stepForm li {
682	margin: 0;
683	padding: 0;
684}
685
686ul#stepForm li {
687	list-style: none;
688}
689
690/* Form Buttons  */
691input.submitbutton,.nextbutton,.prevbutton {
692	width: 100px;
693	height: 40px;
694	background-color: #663399;
695	padding: 4px;
696	border: 1px solid #339933;
697	cursor: pointer;
698	text-align: center;
699	color: #FFFFFF;
700	margin: 7px;
701}
702
703input.submitbutton {
704	background-color: #006699;
705}