PageRenderTime 69ms CodeModel.GetById 14ms app.highlight 50ms RepoModel.GetById 2ms app.codeStats 0ms

/lib/jquery-validate/demo/login/screen.css

#
CSS | 457 lines | 313 code | 112 blank | 32 comment | 0 complexity | ff8fbccb3d2fd64a2248255fe3acb450 MD5 | raw file
  1/*******************************************************************************
  2********************************************************************************
  3**
  4* - GENERAL
  5*
  6* - PAGE CONTAINERS
  7*
  8* - HEADER
  9*
 10* - CONTENT
 11**
 12********************************************************************************
 13 ******************************************************************************/
 14
 15
 16
 17
 18/* GENERAL ------------------------------------------------------------------ */
 19
 20	html
 21		{
 22		height: 100%;
 23	}
 24	
 25	/* Zero default margin & padding around common elements */
 26	body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, ul, ol, li, p
 27		{
 28		margin: 0;
 29		border: none;
 30		padding: 0;
 31		}
 32	
 33	body
 34		{
 35		height: 100%;
 36		background-color: #333333;
 37		background-image: url(images/bg.gif);
 38		background-position: 0% 0;
 39		color: #000000;
 40		line-height: 1.5;
 41		font-family: Arial, Helvetica, sans-serif;
 42		font-size: 62.5%;
 43		text-align: center;
 44		overflow:auto;
 45		}
 46	
 47	a:link
 48		{
 49		color: #003399;
 50		}
 51	
 52	a:visited
 53		{
 54		color: #B266B2;
 55		}
 56	
 57	a:hover
 58		{
 59		text-decoration: none;
 60		}
 61	
 62	
 63	
 64	
 65	/* PAGE CONTAINERS ---------------------------------------------------------- */
 66	
 67	#page
 68		{
 69		width: 636px;
 70		w\idth: 600px;
 71		min-height: 100%;
 72		margin: 17px auto;
 73		padding: 0 18px;
 74		background-image: url(images/page.gif);
 75		background-repeat: repeat-y;
 76		text-align: left;
 77		}
 78	
 79	* html #page
 80		{
 81		height: 100%;
 82		}
 83	
 84	
 85	
 86	
 87	/* HEADER ------------------------------------------------------------------- */
 88	
 89	#header
 90		{
 91		height: 90px;
 92		background-color: #B2DD32;
 93		background-image: url(images/header1.jpg);
 94		background-repeat: repeat-x;
 95		}
 96	
 97	h1
 98		{
 99		padding: 0 35px;
100		font-size: 2.2em;
101		font-weight: normal;
102		line-height: 82px;
103		}
104	
105	
106	
107	
108	/* CONTENT ------------------------------------------------------------------ */
109	
110	#content
111		{
112		padding: 0 25px;
113		}
114	
115	p
116		{
117		font-size:1.1em;
118		margin-top: 1.5em;
119		}
120	
121	form
122		{
123		margin-top: 1.5em;
124		}
125	
126	
127
128	/*** MASTER FORM WIDTHS - CUSTOMIZE THIS TO CHANGE THE FORM LAYOUT ***/
129
130	/*
131	form width:		550px
132	left column:	190px / 180px + 10px padding
133	mid column:		200px
134	right column:	160px
135	*/
136
137	form{
138		width:550px !important;
139		}
140
141	fieldset.submit
142		{
143		padding-left: 190px !important;
144		}
145
146	form label{
147		padding:0px 10px;
148		width: 160px;
149		}
150
151	form label.error,
152	form input.submit
153		{
154		margin-left:180px !important;
155		}		
156
157	form fieldset fieldset label.error
158		{
159		margin-left:0px !important;
160		width:200px !important;
161		}		
162
163
164	form .centered{
165		margin-left:180px !important;
166		width:200px !important;
167		}
168	
169	form .text, 
170	form .button,
171	form .group,
172	form .control,
173	form .submit,
174	form textarea,
175	form select
176		{
177		width: 200px !important;
178		}
179		
180
181
182
183/*** FIELDSETS AND LEGENDS ***/
184
185	form{
186		width:550px;
187		margin-bottom:25px;
188		clear:both;
189		}
190
191	form fieldset
192		{
193		margin: 0 0 1.5em 0;
194		padding: 0 0 10px 0px;
195		
196		border: 1px solid #BFBAB0;
197		
198		background-color: #F2EFE9;
199		background-image: url(images/fieldset_gradient.jpg);
200		background-repeat: repeat-x;
201		
202		background-color: #fff;
203		background-image: url(images/fieldset-gradient-02.jpg);
204		background-position:bottom;
205		
206		float: left;
207		clear: both;
208		width: 100%;
209		
210		}
211	
212	form fieldset.submit
213		{
214		padding: 0px 10px 10px 190px;
215		border-style: none;
216		
217		background-color: transparent;
218		background-image: none;
219		
220		float: none;
221		width: auto;
222		
223		}
224	
225	form legend
226		{
227		color: #000000;
228		
229		font-size:1.3em;
230		font-weight: bold;
231		font-variant:small-caps;
232		
233		margin-left: 1em;
234		padding:0px 5px;
235		}
236		
237	form fieldset p{
238 		margin:10px 0px 0px 10px;
239 		}
240	
241/*** FORM BLOCKS ***/
242
243	form ul
244		{
245		padding:5px 10px;
246		list-style: none;
247		}
248	
249	form li
250		{
251		width: 100%;
252		
253		padding:5px 0px 10px 0;
254		border-top:1px dotted #ccc;
255		
256		display:block;
257		float: left;
258		clear: left;
259	}
260	
261	form li:first-child
262		{
263		border:none;
264		}
265
266	
267/*** FORM BLOCK ELEMENTS ***/
268
269	form label
270		{
271		padding:0px 10px;
272		width: 160px;
273		float: left;
274		}
275		
276	form .error{
277		color: #c00;
278		}
279		
280	form label.error
281		{
282		color: #c00;
283		
284		font-size: 100%;
285		font-weight: bold;
286		font-variant:small-caps;
287		
288		width:308px;
289		display: none;
290
291		margin:8px 0px 0px 180px;
292		padding:3px 0px 0px 5px;
293		border-top:1px dotted #ccc;
294		
295		clear:both;
296		}
297		
298	form label.info{
299		font-size: 100%;
300		font-weight: bold;
301		font-variant:small-caps;
302		
303		margin:8px 0px 0px 180px;
304		padding:3px 0px 0px 5px;
305		}
306
307	form fieldset fieldset,
308	form .group
309		{
310		width:200px;
311		
312		margin: 0;
313		border:none;
314		
315		background:none;
316		
317		float:left;
318		clear: none;
319		
320		}
321		
322	form fieldset fieldset label
323		{
324		width:auto !important;
325		white-space:nowrap;
326		padding:0px;
327		margin:0px;
328		display:block;
329		clear:both;
330		}
331		
332	form label label.error{
333		margin-left:0px;
334		}
335
336	form label.centered{
337		padding:0px 0px;
338		width:200px !important;
339		}
340		
341	/* see also the error class at the foot of the page */
342	
343	form fieldset fieldset label.spaced
344		{
345		margin-bottom:3px;
346		}
347
348/*** FORM ELEMENT COLUMNS ***/
349
350	.col-1,
351	fieldset fieldset.col-1 label
352		{
353		width:100%;
354		}
355
356	.col-2,
357	fieldset fieldset.col-2 label
358		{
359		width:50%;
360		}
361
362	.col-3,
363	fieldset fieldset.col-3 label
364		{
365		width:33%;
366		}
367
368	.col-4,
369	fieldset fieldset.col-4 label
370		{
371		width:25%;
372		}
373
374
375
376
377/*** FORM ELEMENTS ***/
378
379	form input.submit{
380		margin:10px 0px 10px 180px;
381		padding:0px 2px;
382		}
383
384	form input, textarea, select, 
385	form label
386		{
387		font-size:1.1em;
388		line-height:1.6em;
389		}
390
391	form input, textarea, select
392		{
393		font-family: Verdana, Arial, Helvetica, sans-serif;
394		}
395
396	form .input[type="text"],
397	form textarea
398		{
399		padding:1px;
400		}
401		
402	form .input[type="radio"],
403	form .input[type="checkbox"]
404		{
405		margin:0px;
406		padding:0px;
407		position:relative;
408		top:3px;
409		}
410		
411/*** SUPPORTING CLASSES ***/
412
413	form label.required{
414		background-image:url(images/required_star.gif);
415		background-position:right;
416		background-repeat:no-repeat;
417		}
418	
419	form span.required{
420		padding-right:15px;
421		}
422		
423	form .clean
424		{
425		border:none;
426		}
427		
428	form .info{
429		padding-top:0.5em;
430		font-size:80%;
431		line-height:100%;
432		color:#aaa;
433		}
434		
435	form .indent{
436 		padding:2px 20px; 
437		width:auto !important;
438		white-space:nowrap;
439		padding-left: 25px !important;
440 		}
441		
442	form label.disabled{
443		color:#aaa;
444		}
445	
446	form .highlight{
447		background-color:#e2e2e2;
448		}
449	
450	.off{
451		display:none !important;
452		}
453		
454	.clear{
455		clear:both;
456		}
457