linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input.textbox：focus：invalid， input.textbox：not（：required）：invalid{ background：url（invalid.png） no-repeat 200px 5px #F0F0EF；background：url（invalid.png） no-repeat 200px 5px， -webkit-gradient（linear， left top， left bottom， from（#E3E3E3）， to（#FFFFFF））； /* Saf4+， Chrome */ background：url（invalid.png） no-repeat 200px 5px， -webkit-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Chrome 10+， Saf5.1+ */ background：url（invalid.png） no-repeat 200px 5px， -moz-linear-gradient（top， #E3E3E3， #FFFFFF）； /* FF3.6+ */ background：url（invalid.png） no-repeat 200px 5px， -ms-linear-gradient（top， #E3E3E3， #FFFFFF）； /* IE10 */ background：url（invalid.png） no-repeat 200px 5px， -o-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input[type=submit] { padding：10px；margin：0 10px ！important；width：300px；} @media screen and （-webkit-min-device-pixel-ratio：0） { input[type=range] {padding：0；} } #rangevalue{ display：block；text-align：right；margin-top：-25px；} input：：-webkit-input-placeholder， textarea：：-webkit-input-placeholder { color： #aaa；font-style：italic；text-shadow：1px 1px 0 #fff；} input：-moz-placeholder， textarea：-moz-placeholder { color： #aaa；font-style：italic；text-shadow：1px 1px 0 #fff；}
。clearfix{ clear：both；}
body{ background：url（bg.jpg） repeat；font-family：Arial Narrow， Arial， sans-serif；margin：0；padding：0；} header， div， footer{ display：block；} header{ width：100%；background-color：rgb（0， 0， 0）；background-color：rgba（0， 0， 0， 0.9）；color：#ccc；padding：15px 0；letter-spacing：1px；margin-bottom：20px；position：relative；} header h1{ margin：0 50px；text-shadow：2px 2px 2px #888；float：left；} #backlinks{ float：right；margin：-10px 20px；line-height：25px；font-weight：bold；font-size：12px；text-align：right；} #backlinks a{ color：#ccc；text-decoration：none；margin：3px 0 0；display：block；} #backlinks a：hover{ color：#fff；} footer{ background-color：rgb（0， 0， 0）；background-color：rgba（0， 0， 0， 0.8）；height：25px；width：100%；line-height：25px；position：relative；font-family：Arial，Helvetica，sans-serif；bottom：0；left：0；color：#888；font-size：11px；} footer span{ padding-left：20px；} footer a{ color：#1FA2E1；}
#wrapper{ width：770px；margin：0 auto；text-align：center；} #wrapper hgroup{ margin：20px 0；text-shadow：1px 1px 1px #ccc；} #wrapper h1{ color：#146FA0；font-size：42px；margin：0；} #wrapper h2{ color：#71C1ED；font-size：27px；margin：0；} #lbl{ color：#777；font-size：17px；font-weight：bold；text-shadow：1px 1px 0 #fff；margin：10px 0；} *：focus{ outline：none；} label， input， textarea， fieldset{ display：block；} fieldset#account， fieldset#personal{ width：250px；padding：0 50px 50px；margin：10px；float：left；background：rgb（244，244，244）；background：rgba（244，244，244，0.7）；-webkit-border-radius： 25px；-moz-border-radius： 25px；border-radius： 25px；border：3px double #999；} fieldset#confirm{ padding-top：10px；clear：both；border：none；line-height：15px；margin：10px 0；} fieldset#confirm label， fieldset#confirm input{ display：inline；float：left；margin：15px 5px 0；} legend{ font-size：20px；font-weight：bold；letter-spacing：5px；color：#999；margin-left：-20px；text-align：left；padding：0 10px；text-shadow：1px 1px 0 #ccc；} label{ font-size：17px；font-weight：bold；margin：17px 0 7px；text-align：left；text-shadow：1px 1px 0 #fff；} textarea{ resize：both；max-width：230px；} input.textbox， textarea{ padding：5px 10px；-webkit-border-radius： 15px；-moz-border-radius： 15px；border-radius： 15px；border：1px solid #fff；width：200px；text-shadow：1px 1px 1px #777；-moz-box-shadow： 0px 2px 0px #999；-webkit-box-shadow： 0px 2px 0px #999；box-shadow： 0px 2px 0px #999；-webkit-transition： all 0.5s ease-in-out；-moz-transition： all 0.5s ease-in-out；transition： all 0.5s ease-in-out；
background：url（required.png） no-repeat 200px 5px #F0F0EF；background：-webkit-gradient（linear， left top， left bottom， from（#E3E3E3）， to（#FFFFFF））； /* Saf4+， Chrome */ background：-webkit-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Chrome 10+， Saf5.1+ */ background：-moz-linear-gradient（top， #E3E3E3， #FFFFFF）； /* FF3.6+ */ background：-ms-linear-gradient（top， #E3E3E3， #FFFFFF）； /* IE10 */ background：-o-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input.textbox：focus， textarea：focus{ -webkit-transform： scale（1.1）；-moz-transform： scale（1.1）；transform： scale（1.1）；-moz-box-shadow： 5px 3px 1px #ccc；-webkit-box-shadow： 5px 3px 1px #ccc；box-shadow： 7px 7px 2px #ccc；text-shadow：1px 1px 3px #777；} input.textbox：required{ background：url（required.png） no-repeat 200px 5px #F0F0EF；background：url（required.png） no-repeat 200px 5px， -webkit-gradient（linear， left top， left bottom， from（#E3E3E3）， to（#FFFFFF））； /* Saf4+， Chrome */ background：url（required.png） no-repeat 200px 5px， -webkit-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Chrome 10+， Saf5.1+ */ background：url（required.png） no-repeat 200px 5px， -moz-linear-gradient（top， #E3E3E3， #FFFFFF）； /* FF3.6+ */ background：url（required.png） no-repeat 200px 5px， -ms-linear-gradient（top， #E3E3E3， #FFFFFF）； /* IE10 */ background：url（required.png） no-repeat 200px 5px， -o-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input.textbox：required：valid{ background：url（valid.png） no-repeat 200px 5px #F0F0EF；background：url（valid.png） no-repeat 200px 5px， -webkit-gradient（linear， left top， left bottom， from（#E3E3E3）， to（#FFFFFF））； /* Saf4+， Chrome */ background：url（valid.png） no-repeat 200px 5px， -webkit-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Chrome 10+， Saf5.1+ */ background：url（valid.png） no-repeat 200px 5px， -moz-linear-gradient（top， #E3E3E3， #FFFFFF）； /* FF3.6+ */ background：url（valid.png） no-repeat 200px 5px， -ms-linear-gradient（top， #E3E3E3， #FFFFFF）； /* IE10 */ background：url（valid.png） no-repeat 200px 5px， -o-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input.textbox：focus：invalid， input.textbox：not（：required）：invalid{ background：url（invalid.png） no-repeat 200px 5px #F0F0EF；background：url（invalid.png） no-repeat 200px 5px， -webkit-gradient（linear， left top， left bottom， from（#E3E3E3）， to（#FFFFFF））； /* Saf4+， Chrome */ background：url（invalid.png） no-repeat 200px 5px， -webkit-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Chrome 10+， Saf5.1+ */ background：url（invalid.png） no-repeat 200px 5px， -moz-linear-gradient（top， #E3E3E3， #FFFFFF）； /* FF3.6+ */ background：url（invalid.png） no-repeat 200px 5px， -ms-linear-gradient（top， #E3E3E3， #FFFFFF）； /* IE10 */ background：url（invalid.png） no-repeat 200px 5px， -o-linear-gradient（top， #E3E3E3， #FFFFFF）； /* Opera 11.10+ */ } input[type=submit] { padding：10px；margin：0 10px ！important；width：300px；} @media screen and （-webkit-min-device-pixel-ratio：0） { input[type=range] {padding：0；} } #rangevalue{ display：block；text-align：right；margin-top：-25px；} input：：-webkit-input-placeholder， textarea：：-webkit-input-placeholder { color： #aaa；font-style：italic；text-shadow：1px 1px 0 #fff；} input：-moz-placeholder， textarea：-moz-placeholder { color： #aaa；font-style：italic；text-shadow：1px 1px 0 #fff；}
。clearfix{ clear：both；}
[1] [2]
