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;}