diff options
Diffstat (limited to 'bug/bug/jquery-validation-1.8.1/demo/login/screen.css')
-rw-r--r-- | bug/bug/jquery-validation-1.8.1/demo/login/screen.css | 457 |
1 files changed, 457 insertions, 0 deletions
diff --git a/bug/bug/jquery-validation-1.8.1/demo/login/screen.css b/bug/bug/jquery-validation-1.8.1/demo/login/screen.css new file mode 100644 index 0000000..e023a53 --- /dev/null +++ b/bug/bug/jquery-validation-1.8.1/demo/login/screen.css @@ -0,0 +1,457 @@ +/******************************************************************************* +******************************************************************************** +** +* - GENERAL +* +* - PAGE CONTAINERS +* +* - HEADER +* +* - CONTENT +** +******************************************************************************** + ******************************************************************************/ + + + + +/* GENERAL ------------------------------------------------------------------ */ + + html + { + height: 100%; + } + + /* Zero default margin & padding around common elements */ + body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, ul, ol, li, p + { + margin: 0; + border: none; + padding: 0; + } + + body + { + height: 100%; + background-color: #333333; + background-image: url(images/bg.gif); + background-position: 0% 0; + color: #000000; + line-height: 1.5; + font-family: Arial, Helvetica, sans-serif; + font-size: 62.5%; + text-align: center; + overflow:auto; + } + + a:link + { + color: #003399; + } + + a:visited + { + color: #B266B2; + } + + a:hover + { + text-decoration: none; + } + + + + + /* PAGE CONTAINERS ---------------------------------------------------------- */ + + #page + { + width: 636px; + w\idth: 600px; + min-height: 100%; + margin: 17px auto; + padding: 0 18px; + background-image: url(images/page.gif); + background-repeat: repeat-y; + text-align: left; + } + + * html #page + { + height: 100%; + } + + + + + /* HEADER ------------------------------------------------------------------- */ + + #header + { + height: 90px; + background-color: #B2DD32; + background-image: url(images/header1.jpg); + background-repeat: repeat-x; + } + + h1 + { + padding: 0 35px; + font-size: 2.2em; + font-weight: normal; + line-height: 82px; + } + + + + + /* CONTENT ------------------------------------------------------------------ */ + + #content + { + padding: 0 25px; + } + + p + { + font-size:1.1em; + margin-top: 1.5em; + } + + form + { + margin-top: 1.5em; + } + + + + /*** MASTER FORM WIDTHS - CUSTOMIZE THIS TO CHANGE THE FORM LAYOUT ***/ + + /* + form width: 550px + left column: 190px / 180px + 10px padding + mid column: 200px + right column: 160px + */ + + form{ + width:550px !important; + } + + fieldset.submit + { + padding-left: 190px !important; + } + + form label{ + padding:0px 10px; + width: 160px; + } + + form label.error, + form input.submit + { + margin-left:180px !important; + } + + form fieldset fieldset label.error + { + margin-left:0px !important; + width:200px !important; + } + + + form .centered{ + margin-left:180px !important; + width:200px !important; + } + + form .text, + form .button, + form .group, + form .control, + form .submit, + form textarea, + form select + { + width: 200px !important; + } + + + + +/*** FIELDSETS AND LEGENDS ***/ + + form{ + width:550px; + margin-bottom:25px; + clear:both; + } + + form fieldset + { + margin: 0 0 1.5em 0; + padding: 0 0 10px 0px; + + border: 1px solid #BFBAB0; + + background-color: #F2EFE9; + background-image: url(images/fieldset_gradient.jpg); + background-repeat: repeat-x; + + background-color: #fff; + background-image: url(images/fieldset-gradient-02.jpg); + background-position:bottom; + + float: left; + clear: both; + width: 100%; + + } + + form fieldset.submit + { + padding: 0px 10px 10px 190px; + border-style: none; + + background-color: transparent; + background-image: none; + + float: none; + width: auto; + + } + + form legend + { + color: #000000; + + font-size:1.3em; + font-weight: bold; + font-variant:small-caps; + + margin-left: 1em; + padding:0px 5px; + } + + form fieldset p{ + margin:10px 0px 0px 10px; + } + +/*** FORM BLOCKS ***/ + + form ul + { + padding:5px 10px; + list-style: none; + } + + form li + { + width: 100%; + + padding:5px 0px 10px 0; + border-top:1px dotted #ccc; + + display:block; + float: left; + clear: left; + } + + form li:first-child + { + border:none; + } + + +/*** FORM BLOCK ELEMENTS ***/ + + form label + { + padding:0px 10px; + width: 160px; + float: left; + } + + form .error{ + color: #c00; + } + + form label.error + { + color: #c00; + + font-size: 100%; + font-weight: bold; + font-variant:small-caps; + + width:308px; + display: none; + + margin:8px 0px 0px 180px; + padding:3px 0px 0px 5px; + border-top:1px dotted #ccc; + + clear:both; + } + + form label.info{ + font-size: 100%; + font-weight: bold; + font-variant:small-caps; + + margin:8px 0px 0px 180px; + padding:3px 0px 0px 5px; + } + + form fieldset fieldset, + form .group + { + width:200px; + + margin: 0; + border:none; + + background:none; + + float:left; + clear: none; + + } + + form fieldset fieldset label + { + width:auto !important; + white-space:nowrap; + padding:0px; + margin:0px; + display:block; + clear:both; + } + + form label label.error{ + margin-left:0px; + } + + form label.centered{ + padding:0px 0px; + width:200px !important; + } + + /* see also the error class at the foot of the page */ + + form fieldset fieldset label.spaced + { + margin-bottom:3px; + } + +/*** FORM ELEMENT COLUMNS ***/ + + .col-1, + fieldset fieldset.col-1 label + { + width:100%; + } + + .col-2, + fieldset fieldset.col-2 label + { + width:50%; + } + + .col-3, + fieldset fieldset.col-3 label + { + width:33%; + } + + .col-4, + fieldset fieldset.col-4 label + { + width:25%; + } + + + + +/*** FORM ELEMENTS ***/ + + form input.submit{ + margin:10px 0px 10px 180px; + padding:0px 2px; + } + + form input, textarea, select, + form label + { + font-size:1.1em; + line-height:1.6em; + } + + form input, textarea, select + { + font-family: Verdana, Arial, Helvetica, sans-serif; + } + + form .input[type="text"], + form textarea + { + padding:1px; + } + + form .input[type="radio"], + form .input[type="checkbox"] + { + margin:0px; + padding:0px; + position:relative; + top:3px; + } + +/*** SUPPORTING CLASSES ***/ + + form label.required{ + background-image:url(images/required_star.gif); + background-position:right; + background-repeat:no-repeat; + } + + form span.required{ + padding-right:15px; + } + + form .clean + { + border:none; + } + + form .info{ + padding-top:0.5em; + font-size:80%; + line-height:100%; + color:#aaa; + } + + form .indent{ + padding:2px 20px; + width:auto !important; + white-space:nowrap; + padding-left: 25px !important; + } + + form label.disabled{ + color:#aaa; + } + + form .highlight{ + background-color:#e2e2e2; + } + + .off{ + display:none !important; + } + + .clear{ + clear:both; + } +
\ No newline at end of file |