www.gusucode.com > ShopEx481 & PHPWind 整合版码程序 > shopadmin/css/forms.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 { width: 200px; padding:2px; font-size:1em; } textarea { padding:5px;font-size:1em; } /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; font-size:1em; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /*---------------------------------------------------------------- 表格form ------------------------------------------------------------------*/ .tableform { background: #f9f9f9; margin: 10px 20px; padding: 5px; border: 1px solid #eee; border-top: 4px solid #eee } .tableform h2 span { color: #777; font-weight: normal; } .tableform h3 span { font-weight: normal; float: right; } .tableform h3 .assis { font-weight: normal; color: #000; } .tableform h3 span a { color: #777; font-weight: normal; } .tableform .division td a { text-decoration: none; padding: 2px 5px 0 5px; margin: 0 3px; border: 1px solid #ccc; color: #000; background: url(../images/tablethbg.gif); line-height: 20px; } .tableform .intro { color: #369; padding-left: 15px; } .widgetconfig { 1margin: 10px 0; } .widgetconfig .division { margin: 0 0 10px 0; } .widgetconfig th { width: 20%; padding: 0.3em 0 0 0; } .widgetconfig h4 { padding: 5px; color: #003366; font-size: 1em; } .FloatForm ul li { float: left; margin: 3px 20px 3px 0; } .FloatTableData { border: 1px solid #ccc; float: left; width: 170px; margin: 5px; } .FloatTableData th, .FloatTableData td { padding: 3px; white-space: nowrap; } .FloatTableData th { text-align: right; } .FloatTableData .image { height: 120px; text-align: center; } .tableAction { margin: 5px auto; clear: both; width:auto; } .tableAction td a { } .submitBtn { float: left; display: block; height: 24px; margin: 0; white-space: nowrap; text-decoration: none; background:#4E6A81; border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #000; border-bottom: 2px solid #000; cursor:pointer; } .submitBtn input, .submitBtn a, .submitBtn button, td .submitBtn a { color: #fff; font-size:14px; background:#4E6A81; display: block; float: left; font-family: Arial; text-align: center; border: 0; text-decoration:none; padding:2px 5px 0px 5px; font-weight:700; cursor:pointer; } .tableAction td .submitBtn input { border: 0; } .division { border: 1px solid #eee; background: #fff; padding: 5px; margin: 10px; line-height: 150%; white-space:normal; } .division table{ margin:0; padding:0; } .division th{ text-align: right; white-space: nowrap; width:140px; border-right:1px solid #efefef; background:#F8FAFC; font-size:14px; } .division label{ text-align: right; white-space: nowrap; width: 140px; display:block; float:left; } .division th, .division td { padding: 3px; vertical-align: top; border-top:1px solid #efefef; } .division td { border-left:1px solid #fff; border-right:1px solid #efefef; white-space:normal; } .division td label, .division div label { display:inline; float:none; } .division ul, .division ul li{ list-style:none; padding:0; margin:0; } .division ul li{ border-bottom:1px solid #efefef; padding:2px; } table.finderInform { border: 1px solid #efefef; width:100%; margin:0; } .division td .finderInform{ width:auto; } .finderInform thead th { background:url(../images/functionareabg.gif); border-bottom:1px solid #ccc; border-top:1px solid #fff; border-right:1px solid #DBE2E7; border-left:1px solid #fff; padding:1px 3px; width:auto; text-align:center; white-space:nowrap; font-size:12px; font-weight:700; } .finderInform td { text-align:center; } .finderInform tbody td, .finderInform tbody th { padding:3px; border-right:1px solid #DBE2E7; border-left:1px solid #fff; border-bottom:1px solid #efefef; border-top:1px solid #fff; } .finderInform tbody td{ white-space:normal; } .finderInform.tabledata th, .finderInform.tabledata td { text-align:left; } .helptips{ font-size:14px; border-bottom:1px dotted #f90; cursor:pointer;} /* tables items -------------------------------------------------------------- */ colgroup{ white-space:nowrap;} .Colsn{ width:36px; background:#efefef; } .Colordernum{width:100px; background:#efefef; } .Colgoodsid{ width:120px; background:#efefef; } .Coldate{ width:100px;background:#eef4fb} .Colamount ,td.Colamount{ width:60px; text-align:right; font-weight:700;background:#F8FAFC; text-align:right;} .Coloption_1b{background:#f4fdf6; width:55px;} .Coloption_2b{background:#f4fdf6; width:150px;} .Coloption_3b{background:#f4fdf6; width:200px;} .Colname, .Colcategory{width:120px;} .Collongname{width:220px;} .Coldetails,.finderInform tbody td.Coldetails{ text-align:left; white-space:normal;}