www.gusucode.com > Ectouch手机端网购商城系统PHP版源码程序 > ectouch/data/assets/admin/css/main.css
/* $Id: main.css 13991 2008-01-17 06:17:23Z maruitao $ */ .dis { display: block; } .inline { display: inline; } .none { display: none; } body { padding:12px 0px; background: #f7f7f7; } .header1 { height: 48px; line-height: 48px; margin-left: 18px; font-size: 14px; color: #4c4c4c; } .header1 .adm { color: #ae3726; } h1 { height: 36px; background: #ffffff; border: 1px solid #d7d7d7; border-left: none; border-right: none; margin: 0 0 10px 0; overflow: hidden; } h1 .action-span1 { height: 36px; line-height: 36px; color: #4c4c4c; font-size: 12px; font-weight: normal; margin-left: 18px; } h1 .action-span2 { height: 36px; line-height: 36px; color: #686868; font-size: 12px; font-weight: normal; } h1 a:visited { color: #333; } h1 a:link { color: #333; } h1 a:hover { color: #EB8A3D; } h1 span { zoom: 1; } h1 .action-span { float: right; height: 24px; line-height: 24px; width: 77px; background: url(../images/btnBG.png) no-repeat scroll center; color: #fff; font-size: 13px; font-weight: normal; text-align: center; margin-top: 6px; margin-right: 20px; } h1 .action-span a:link { color: #ffffff; } h1 .action-span a:visited { color: #fff; } h1 .action-span a:hover { color: #f1f1f1; } #footer { width: 98%; border: 1px solid #d7d7d7; height: 65px; line-height: 24px; padding-top: 15px; color: #9CACAF; margin: 10px auto; text-align: center; _margin-left: 18px; } .main-div { width:98%; margin:0 auto; padding:10px; border: 1px solid #d7d7d7; margin-bottom: 10px; box-sizing:border-box; background:#fcfcfc; } .main-div table { padding:10px; background:#fcfcfc; } .form-div { padding: 5px; padding-left: 18px; color: #808080; margin: 0 0 10px 0; } .form-div select, .form-div input, .form-div img { vertical-align: middle; } /* 列表部分的样式 */ .list-div { width: 98%; margin: 0px auto; _margin-left: 18px; *margin-left:18px; } .list-div-ad { border: 0px solid #BBDDE5; } .list-div table { border-collapse: collapse; border-left: none; border-bottom: none; width: 100%; } .list-div th { border: 1px #d7d7d7 solid; padding: 7px; font-size: 13px; color: #484848; background: #f2f2f2; } .list-div td { border: 1px #d7d7d7 solid; background-color: #fcfcfc; padding: 7px; color: #717171; } .list-div td.first-cell { font-weight: bold; padding-left: 10px; } .list-div input { vertical-align: middle; } .list-div a:visited, .list-div a:link { text-decoration: underline; color: #717171; } .list-div a:hover { color: #9D7250; } .list-div input { vertical-align: middle; } .list-div .footer { background: #F4FAFB; text-align: right; } #page-table { border: none; width: 100%; } #page-table td { border: none; background: #f7f7f7; } #page-link { margin-left: 1em; padding-left: 1em; border-left: 1px solid #999; } /* 标签部分的样式 */ .tab-div { width:98%; margin: 0 0 10px 0; margin:auto; _margin-left: 18px; background: #fcfcfc; border: 1px solid #d7d7d7; } #tabbar-div { margin-top:0px; background: #efefef; padding-left: 10px; height: 39px; } #tabbar-div p { margin: 0px; } .tab-front { background: #fefefe; height:39px; line-height: 39px; display:block; float:left; width:90px; text-align:center; font-weight: bold; cursor: hand; cursor: pointer; } .tab-back {width:90px; text-align:center; font-size:13px; float:left; display:block; float:left; color: #787878; line-height: 39px; cursor: hand; cursor: pointer; } .tab-hover {width:90px; display:block; float:left; text-align:center; font-size:13px; color: #787878; line-height: 39px; cursor: hand; cursor: pointer; } #tabbody-div { padding: 10px; background: #fefefe; } #tabbody-div img { vertical-align: middle; } .tab-body { border: 0px solid #BBDDE5; padding: 10px; } /* 表单部分 */ .notice-span { color: #666; } td.label { text-align: right; vertical-align: top; font-weight: bold; color: #716f6f; padding: 5px 1em; width: 30%; } td.label_2 { text-align: right; vertical-align: top; font-weight: bold; padding: 5px 1em; } td.td_1 { text-align: right; vertical-align: top; padding: 5px 1em; } td.label_left { text-align: left; vertical-align: top; font-weight: bold; padding: 5px 1em; } td.narrow-label { text-align: right; vertical-align: top; font-weight: bold; padding: 5px 1em; width: 20%; } td.micro-label { text-align: right; vertical-align: top; font-weight: bold; padding: 5px 1em; width: 127px; *width: 150px; } .button-div { text-align: center; padding: 3px 0; } input.button { padding: 2px 8px 2px; margin: 2px 2px; color: #fff; font-size: 12px; border: none; background: #c43926; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; position: relative; behavior: url(ie-css3.htc); } input.capital { text-transform: uppercase; } span.require-field { margin-left: 1em; font: 12px verdana; color: #FF0000; } th.group-title { text-align: left; } span.link-span { color: #999; padding-left: 10px; margin-left: 15px; border-left: 2px solid #999; font-weight: normal; cursor: pointer; } ul.msg-link { list-style-type: none; } ul.msg-link li { background: url(../images/arrow.gif) no-repeat 0px 6px; padding-left: 18px; margin-left: 0; } option.leafCat { color: #008000; } li.warning { border: 1px solid #CC0000; background: #FFFFCC; padding: 10px; margin-bottom: 5px; } #Marquee { height: 20px; overflow: hidden; border: 1px solid #CC0000; background: #FFFFCC; margin-bottom: 5px; } #Marquee div { background: #FFFFCC; padding: 10px; margin-bottom: 5px; } /* MSN Messenger */ div#popMsg { z-index: 99999; right: 0px; bottom: 0px; width: 180px; border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px solid; visibility: hidden; display: none; position: fixed; background-color: #c9d3f3; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65; } * html div#popMsg { position: absolute; } #popMsgContent { border-top: #728eb8 1px solid; border-right: #b9c9ef 1px solid; border-bottom: #b9c9ef 1px solid; border-left: #728eb8 1px solid; padding: 5px 10px; color: #1f336b; } #topbar { position: absolute; border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px solid; background-color: #c9d3f3; width: 300px; visibility: hidden; z-index: 99999; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.95); opacity: 0.95; } .no-records { color: #666; text-align: center; padding: 10px; } #loader { background-color: #FFFFCC; border: 1px solid #CC0000; position: fixed; color: #CC0000; z-index: 1000; left: 0px; bottom: 0px; padding: 5px 15px; text-align: center; /*display: none;*/ filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65; } * html #loader { position: absolute; } .todolist-box { position: absolute; z-index: 99999; width: 300px; top: 0px; left: 0px; border: 1px solid #C9C9D7; padding: 1px; background: #FFFFFF; } .todolist-box .container { border: 1px solid #E4E5ED; border-bottom-color: #EAEDF5; position: relative; } .todolist-box .head { line-height: 23px; color: #fff; font-size: 12px; background: #D8D9DF url(../images/icon_title.gif) no-repeat 10px center; height: 23px; padding-left: 28px; margin: 0; border-top: 3px solid #E4E5ED; border-bottom: 1px solid #EAEDF5; } .todolist-box .middle { } .todolist-box .buttons { float: right; margin-top: -21px; } .todolist-box .buttons img { margin-right: 2px; cursor: auto; } .todolist-box .bottomLeft { text-align: right; font-size: 12px; border: 1px solid #CCCBD9; border-top: 0; background: #DCDDE3; height: 22px; vertical-align: middle; padding-top: 3px; padding-right: 20px; } .todolist-box label { margin-bottom: 2px; } .todolist-box .bottomLeft input { vertical-align: middle; margin-bottom: 2px; } .todolist-box .bottomRight { margin: 0; margin-right: -2px; margin-bottom: -2px; position: absolute; right: 3px; bottom: 3px; width: 14px; height: 14px; background: url(../images/btn_drop.gif) no-repeat center; } .todolist-box .button { border: #fff 1px solid; border-bottom: #94949C 1px solid; border-right: #94949C 1px solid; background: #B8B7C8; color: #fff; width: 40px; } .virtualBox { position: absolute; overflow: hidden; z-index: 999999; width: 300px; top: 0px; left: 0px; border: #a6b4cf 3px solid; } #ColorSelectertBox { border-top: #EAF0FF 1px solid; border-left: #EAF0FF 1px solid; border-right: #9DADCE 1px solid; border-bottom: #9DADCE 1px solid; position: absolute; z-index: 1; top: 1px; left: 1px; background-color: #FFFFFF; } /* setting */ .step1, .step2, .step3 { padding: 20px 20px 20px 80px; color: #6CA1B4; font-size: 28px; font-weight: 700; } .step1 { background: #FFF url(../images/stepnum.gif) no-repeat 20px 20px; *background:#FFF url(../images/stepnum.gif) no-repeat 20px 17px; } .step2 { background: #FFF url(../images/stepnum.gif) no-repeat 20px -80px; *background:#FFF url(../images/stepnum.gif) no-repeat 20px -83px; } .step3 { background: #FFF url(../images/stepnum.gif) no-repeat 20px -180px; *background:#FFF url(../images/stepnum.gif) no-repeat 20px -183px; } .step1 em, .step2 em, .step3 em { display: block; padding-left: 3px; font-weight: 400; font-style: normal; font-size: 12px; color: #999; } .shortcut { background: #FFF; } .shortcut ul { list-style: none; margin: 0 0 0 85px; padding: 0; width: 370px; overflow: hidden; } .shortcut li { float: left; margin: 0 20px 15px 0; width: 100px; font-size: 14px; text-align: center; } .shortcut li a { display: block; padding: 2px 5px; *padding:3px 5px 1px; border: 1px solid #278296; background: #F2F9FA; } .shortcut li a:hover { border: 1px solid #5FA6B6; background: #FFF; color: #666; text-decoration: none; } a.special:link, a.special:visited { margin: 0 5px; padding: 1px 9px; *padding:2px 9px; border-radius:3px; color:#FFF; background: #c43926; text-decoration: none; font-weight: 400; } a.special:hover { border-radius:3px; color: #fcfcfcf; } a.special:active { background: #c43926; color: #fff; outline: none; } .order-goods { position: absolute; width: 80%; background: #EEF8F9; border: 1px solid #BBDDE5;/* filter:alpha(opacity=90); opacity:0.9; */ } .order-goods td { background: #FFF; line-height: 22px; } /* 文件校验 */ .infobox { background: #fcfcfc none repeat scroll 0 0; border: 4px solid #eaeaea; clear: both; margin: 60px 30px; padding: 20px; text-align: center; } .normal { font-weight: 400; font-size: 12px; } .marginbot { margin-bottom: 10px; } .nobdb { border-bottom: medium none; } .btn { background: #DDDDDD none repeat scroll 0 0; border-color: #DDDDDD #666666 #666666 #DDDDDD; color: #000000; cursor: pointer; margin: 3px 0; padding: 2px 5px; vertical-align: middle; } .infotitle1 { margin-bottom: 10px; color: #09C; font-size: 14px; font-weight: 700; } em, cite, th { font-style: normal; font-weight: normal; } .left { float: left; } .lightfont { color: #CCCCCC; } .left .cfolder, .left .ofolder { display: block; padding-left: 50px; line-height: 30px; background: url(../images/filecheck.gif) no-repeat -260px -50px; font-weight: 700; font-size: 14px; color: #2366A8; } .left .ofolder { background: url(../images/filecheck.gif) no-repeat -260px -100px; color: #2366A8; font-size: 14px; } .filenum { margin: 8px 0 0 20px; } .files { padding: 1px 0 1px 50px; background: url(../images/filecheck.gif) no-repeat -260px -150px; } .del { padding-left: 18px; background: url(../images/filecheck.gif) no-repeat 0 -285px; *background:url(../images/filecheck.gif) no-repeat 0 -286px; color: #E8594D; } .edited { padding-left: 18px; background: url(../images/filecheck.gif) no-repeat -100px -385px; *background:url(../images/filecheck.gif) no-repeat -100px -386px; color: #E8594D; } .unknown { padding-left: 18px; background: url(../images/filecheck.gif) no-repeat -50px -435px; *background:url(../images/filecheck.gif) no-repeat -50px -436px; color: #6189B8; } .correct { padding-left: 18px; background: url(../images/filecheck.gif) no-repeat 0 -485px; *background:url(../images/filecheck.gif) no-repeat 0 -486px; color: #70B759; } .tb2 th, .tb2 td { background: transparent url(../images/bg_repx.gif) repeat-x scroll 0 bottom; padding: 5px 5px 5px 0; text-align: left; } .tb2 th { line-height: 21px; font-weight: bold; } .bold { font-weight: 700; } /* 模板管理 */ #messageATX { position: absolute; z-index: 100; display: none; } #messageATX .bgtable { width: 40px; height: 120px; border: solid 1px #000000; background: #FFFFE1; } #messageATX .colortable { height: 20px; border: solid 1px #FFFFFF; cursor: pointer; } #CurrTplStyleList { margin-top: 8px; } /* 标签部分的样式 */ .custab-div { background: #EEF8F9; border: 1px solid #BBDDE5; margin: 0 0 10px 0; padding: 1px; } #custabbar-div { background: #EFEFEF; height: 39px; line-height:39px; overflow : hidden; } #custabbar-div p { padding-left:10px; margin:0; } .custab-front { background: #fcfcfc; line-height: 39px; font-weight: bold; display:block; width:90px; text-align:center; float:left; cursor: hand; cursor: pointer; } .custab-back { display:block; float:left; text-align:center; width:90px; font-weight: bold; line-height: 39px; height:39px; cursor: hand; cursor: pointer; } .custab-hover { cursor: pointer; display: block; float: left; font-weight: bold; height: 39px; line-height: 39px; text-align: center; width: 90px; } #custabbody-div { border: 2px solid #BBDDE5; padding: 10px; background: #FFF; } #custabbody-div img { vertical-align: middle; } .custab-body { border: 0px solid #BBDDE5; padding: 10px; } .cloud_close { position: relative; border-bottom: 1px solid #302828; background: #ffffff; padding: 10px; padding-left: 18px; position: relative; margin-bottom: 18px; font-size: 14px; font-family: "微软雅黑" } .cloud_close a { } .cloud_close img { position: absolute; right: 10px; top: 8px; border: none } .Start315 { border: 1px solid #CC0000; background: #ffffcc; padding: 10px; padding-left: 18px; margin-bottom: 5px; } .alipay_get_pidkey_box { background-color: #FFFFFF; border: 3px solid #CCCCCC; display: none; left: 132px; padding: 1px; position: absolute; top: 22px; min-width: 180px; } .alipay_get_pidkey_box .close_acp_info { position: absolute; right: 5px; top: 5px; } .alipay_get_pidkey_box h2 { background-color: #FFFCF7; border: 1px solid #FFF1D9; color: #000000; font-size: 12px; line-height: 28px; margin: 0; padding: 0 0 0 10px; text-align: left; } .alipay_get_pidkey_box table td { padding: 2px; } .alipay_get_pidkey_box table td a { background: none repeat scroll 0 0 #0187D0; color: #FFFFFF; padding: 2px 5px; } .cWhite { color: #FFFFFF; }