www.gusucode.com > ShopEx481 & PHPWind 整合版码程序 > install/images/plugins/form/form.css
/* -------------------------------------------------------------- forms.css * Sets up some default styling for forms * Gives you classes to enhance your forms Usage: * For text fields, use class .title or .text -------------------------------------------------------------- */ fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:1.2em; } /* Form fields -------------------------------------------------------------- input.text, input.title, textarea, select { margin:0; border:1px solid #bbb; } input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; } input.text, input.title { width: 300px; padding:5px; } input.title { font-size:1.5em; } textarea { padding:5px; } */ /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .note, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .note { background: #f2f2f2; color: #000; border-color: #efefef; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .note a { color: #000; text-decoration:none; } .success a { color: #264409; } .error .pic, .notice .pic, .note .pic, .success .pic { width:48px; height:48px;} .error .pic { background: url(images/error.png); } .notice .pic { background: url(images/notice.png); } .note .pic { background: url(images/note.png); } .success .pic { background: url(images/success.png); } /* 用表格实现form -------------------------------------------------------------- */ .formArea {background: #f2f2f2;margin: 10px 0;padding: 10px;border: 1px solid #ccc;} .formArea h3 span {font-weight: normal;float: right;} .formArea .division{ margin:10px;} .division {background: #fff; margin:8px 0;border: 1px solid #eee;padding: 5px;line-height: 150%;} .tableform{margin:0;padding:0; } .tableform th{text-align: right;white-space: nowrap;width:140px;border-right:1px solid #efefef;background:#F8FAFC;font-size:14px;} .tableform th, .division table.tableform td {padding: 3px;vertical-align: top;border-top:1px solid #efefef;} .tableform td {border-left:1px solid #fff;border-right:1px solid #efefef;} .division table.tableform td .info{ color:#666;} .division ul, .division ul li{list-style:none;padding:0;margin:0;} .division ul li{border-bottom:1px solid #efefef;padding:2px;}