初始版本

statics/css/green/bills.css

@@ -0,0 +1,58 @@
+@charset "utf-8";
+.ui-input, .ui-combo-wrap{ border-width: 0 0 1px; position: relative;}
+#config{position: absolute;top: 22px;left: 22px; z-index: 2;cursor: pointer;}
+.ui-input:hover { border-width: 0 0 1px;}
+.ui-input:focus, .ui-input-focus { border-width: 0 0 1px; }
+.ui-input-dis{ background: #fff; }
+.ui-combo-wrap:hover { border-width: 0 0 1px; }
+
+.wrapper{ padding: 20px; min-width: 1000px;}
+.ui-btn, .ui-btn-prev, .ui-btn-next { margin-right:10px; }
+.bills{ position:relative; background:#FFFFFF; border:1px solid #CFCFCF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 10px 20px 10px 20px; }
+.con-header { padding: 10px 0; }
+.con-header dd { float: left; line-height: 30px; }
+.bp40{ width:40%; }
+.bp35{ width:35%; *width:34.9%;}
+.bp30{ width:30%; *width:29.9%;}
+.bp25{ width:25%; }
+.bp20{ width:20%; }
+.c999 { color:#999; }
+#identifier { /*margin-right: 36px;*/ }
+#classes { float: right; /*margin-right: 10px;*/ }
+#classes label { margin-left: 15px; }
+.con-footer {padding:10px 0 0 0;}
+.con-footer .mb0{margin-bottom: 0;}
+.con-footer ul {max-width: 1000px;}
+.con-footer ul li{float: left;  margin: 0 20px 10px 0;  min-width: 220px;}
+.con-footer ul li label { display: inline-block; width: 80px; }
+.con-footer .label-wrap{ width:75px;float:left;display:inline;line-height:30px;}
+.con-footer .ctn-wrap{ overflow:hidden; padding:0 6px 0 10px; }
+#note {   width: 100%;  height: auto;  box-sizing: border-box; vertical-align: baseline;overflow: hidden;}
+.ui-jqgrid-bdiv .ui-state-highlight { background: none; }
+.operating .ui-icon{ margin:0; }
+.ui-widget-content .ui-icon {
+	background-image: url(img/ui-icons.png)/*{iconsContent}*/;
+}
+.ui-icon-plus { background-position:-80px 0; }
+.ui-icon-trash { background-position:-64px 0; }
+.ui-icon-cart { background-position:-286px 2px; }
+.ui-icon-config { background-position:-304px 0; }
+.ui-state-hover .ui-icon-plus { background-position:-80px 0; }
+.ui-state-hover .ui-icon-trash { background-position:-64px 0; }
+.ui-state-hover .ui-icon-cart { background-position:-286px -14px; }
+.ui-state-hover .ui-icon-config { background-position:-304px -16px; }
+.ui-icon-config:hover { background-position:-304px -16px; }
+.ui-state-active .ui-icon {
+	background-image: url(img/ui-icons.png)/*{iconsActive}*/;
+}
+.has-audit{ width: 150px; height: 74px; background: url(img/audit.png) 0 0 no-repeat; position: absolute; right: 40px; bottom: 65px; }
+.line{ line-height:0; height:0; border:none; border-bottom:1px dashed #CCC; color:#CCC; font-size:0; margin:18px 0; }
+.ui-icon-folder-open{ display:inline-block; vertical-align:middle; margin:0 0 0 3px; }
+#bottomField{position: fixed;  top: 0;  right: 25px;  background-color: rgba(0, 0, 0, 0.2); border-radius: 0px 0px 3px 3px;  padding: 8px;}
+#toolBottom{margin-right: -10px;}
+
+.shadow{-moz-box-shadow:1px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4); box-shadow:1px 1px 3px rgba(0,0,0,.4); }
+.target_box{width:150px; padding:10px; border:1px solid #aaa; background-color:#fff;}
+.target_box ul{ height:200px; overflow:auto; }
+.target_box li{padding:4px; border-bottom:1px dotted #ddd; cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
+.target_box li:hover{ background:#f8f8f8; color:#cd0000;}

statics/css/green/default.css

@@ -0,0 +1,46 @@
+body { background: #1b96a9; color:#555; }
+a{ color:#787878; }
+a:hover{ color: #0591AA; }
+#col-side .side-fold, #nav .main-nav{ background-image: url('img/nav_spr.png'); }
+#nav{ padding-top: 46px; height:546px; margin-bottom: 10px; }
+#nav li.on, #nav li.current { background: #157382; }
+#nav .arrow{ color: #b8d2e1; }
+#navScroll span{ background: #5584b3; }
+#scollUp{ margin-right:1px; }
+#navScroll span i { border-style: solid; border-width: 5px; font-size: 0; height: 0; display:block; width:0; height:0; overflow:hidden;}
+#scollUp i{ border-color: #5584b3 #5584b3 #bbcfeb #5584b3; margin:4px auto 0; }
+#scollDown i{ border-color: #bbcfeb #5584b3 #5584b3 #5584b3; margin:8px auto 0; }
+#main-hd{ background-color: #fff; }
+
+#main-hd .company{color: #333;cursor: default; font: bold 24px/1.5 'Microsoft Yahei';text-shadow: 0 0 1px rgba(0,0,0,0.2);max-width: 360px;float: left;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis; }
+#main-hd .user-menu, #main-hd .user-menu a{ color:#787878; }
+#main-hd .user-menu a:hover{ color:#1B96A9; }
+#main-hd .user-menu a#mobile{background-color: #E65300;color: #fff;padding: 0 6px;border-radius: 3px;font-family: '微软雅黑';}
+#main-bd{ background-color: #fff; }
+.l-tab-links{ margin: 0 18px -1px; }
+.l-tab-links ul { padding: 2px 0 0 1px;}
+.l-tab-links li.l-selected { height: 32px; top: -2px; border: 1px solid #E5E5E5; border-top: 2px solid #3DA8B9; border-bottom: 1px solid #f5f5f5; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #f4f4f4; }
+.l-tab-links li{ margin-left: -1px; height: 28px; line-height: 28px; border: 1px solid #E5E5E5; }
+.l-tab-links li a{ color: #aaa; }
+.l-tab-links li.l-selected a { color: #555; }
+.l-tab-links li:first-child { border-top-left-radius: 2px; }
+.l-tab-links li:last-child { border-top-right-radius: 2px; }
+#tabManage{ background:#fff; }
+#tabManage i{ border-color: #888 #fff #fff; }
+.l-tab-links-left, .l-tab-links-right{ top: 2px; height: 28px; background: #fff; border: 1px solid #dedede; }
+.l-tab-links-left i{ border-color: #FFF #555 #FFF #FFF; }
+.l-tab-links-right i{ border-color: #FFF #FFF #FFF #555; margin: 10px 0 0 5px;}
+.l-tab-content { border-top: 1px solid #E5E5E5; }
+.l-tab-links-item-close{ background: url(img/tab_close.png) no-repeat; }
+.l-tab-links .l-tab-links-item-close-over { background-color: #ddd; }
+
+/* 皮肤选择 */
+.shadow{}
+#selectSkin{ width:180px; padding:10px; border:1px solid #ccc; background-color:#fff;}
+#selectSkin li{ float:left; width:60px; text-align:center; }
+#selectSkin li a{ position:relative; width:42px; margin:0 auto; display:block; }
+#selectSkin .select i{ position:absolute; top:16px; right:5px; width:16px; height:16px; background:url(img/select_skin.png) 0 0; z-index:1; }
+#selectSkin li span{ display:block; width:32px; height:32px; margin :0 auto 6px; border: 1px dotted #ccc;}
+#skin-default span{ background: url('img/index_icons.png') repeat-x 0 -200px; }
+#skin-blue span{ background: url('img/index_icons.png') repeat-x -65px -218px; }
+#skin-green span{ background: #1B96A9; }

statics/css/green/index.css

@@ -0,0 +1,88 @@
+@charset "utf-8";
+body { min-width: 500px; }
+/*hd*/
+#hd { padding: 22px 18px 16px; }
+#hd .welcome { font-size: 14px; line-height: 25px;}
+#manageAcct {
+    background-color: #1B96A9;
+    border-radius: 2px;
+    color: #FFFFFF;
+    font-size: 12px;
+    padding: 3px 8px;
+    margin:0 8px; 
+}
+
+#newGuide { background:url(img/index_icons.png) no-repeat 0 -259px; font-size:12px; color:#787878; padding-left:22px;margin-right:10px;}
+.storages-search label{display: inline-block;*display: inline;*zoom: 1; margin-right:10px; vertical-align: middle;}
+.storages-search { position:relative; }
+.storages-search .ui-input{ width:210px; }
+#stockSearch{ position:absolute; right:6px; top:8px; width:16px; height:16px; background:url(img/icon.png) -32px 0 no-repeat; cursor:pointer; }
+
+/*bd*/
+.index-body{ background: #FFF; padding:18px; margin:0 18px; }
+.col-main { float: left; width: 100%; }
+.col-extra { float: left; width: 280px; margin-left: -280px; }
+
+/*col-main*/
+.main-wrap { margin: 0 290px 0 0; border: 1px solid #f0f0f0; }
+.m-top { padding: 10px; font-size:12px; }
+#interval{ font-size:12px; margin-right:10px; }
+#interval label{ margin-left:5px;}
+#interval .checked{ color:#1B96A9; }
+.m-top table{ table-layout:fixed; color:#FFF; }
+.m-top table td{ padding:10px; }
+.m-top table td div{ padding:12px; }
+
+.m-top div{ border-radius: 3px; }
+.m-top .t1{ background:#68bbef; }
+.m-top .t2{ background:#f7c35b; }
+.m-top .t3{ background:#73a2e1; }
+.m-top .t4{ background:#f77766; }
+.m-top .t5{ background:#acda65; }
+.m-top .ta{ display: block; padding:28px 0; color:#FFF; text-align: center; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.m-top .tad{ display: block; height:80px; color:#FFF; padding:3px 12px; }
+.m-top .tad span{ font-size:12px; display: block; margin-top:4px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; color:#FFF; }
+.m-top .tad span b{ font-size:14px; display: block; font-size:12px; text-align: right; }
+.m-top .tad span i{ font-size: 12px; font-style: normal; }
+#result{ float:left; }
+.storages-search .loading{ background:url(img/indicator.gif) 0 0 no-repeat; }
+
+.quick-links{border-top: 1px dashed #ddd;overflow: hidden;zoom:1;}
+.quick-links li { float:left;height: 165px;width: 25%;*width:24.98%;text-align:center;}
+.bulk-import { float:right; font-size:12px; color:#AAA; cursor: pointer; }
+.quick-links li a { position:relative;display: block;height: 120px;overflow:hidden; margin:-1px 0 0 -1px;padding-top:45px;color: #3b87b1;border-top: 1px dashed #ddd;border-left: 1px dashed #ddd; font-size:14px; }
+.quick-links li a:hover{ background:#f8f8f8; }
+.quick-links span {display: block; width: 48px; height: 48px; margin: 0 auto 20px; }
+.quick-links .purchase-purchase span{background-position: 0 0;}
+.quick-links .sales-sales span{background-position: 0 -48px;}
+.quick-links .storage-transfers span{background-position: 0 -96px;}
+.quick-links .storage-inventory span{background-position: 0 -144px;}
+.storage-otherWarehouse span{ background-position: -48px 0; }
+.storage-otherOutbound span{ background-position: -48px -48px; }
+.added-service span{ background-position: -48px -96px; }
+.feedback span{ background-position: -48px -144px; }
+
+/*#notices{ position:absolute; width:210px; left:398px; top:20px; margin-left:-162px; }*/
+.notices{padding:0 5px 0 10px; height: 25px; position:relative; overflow: hidden;display: inline-block;vertical-align: middle;}
+.notices em{ cursor:pointer; font-style:normal; position:absolute; top:5px; right:0; width:16px; height:16px; text-align:center; color:#999; font-family: Arial}
+.notices li{height: 25px; line-height: 25px;}
+.notices li i{ float:left; margin:3px 5px 0 0;width: 16px;height: 16px; background:url(img/index_icons.png) 0 -271px no-repeat;vertical-align: vertical-align: text-bottom;}
+.notices li a{display: block; color: #f74c23; text-overflow:ellipsis;white-space: nowrap;overflow: hidden; font-size:12px; }
+
+/*col-extra*/
+.extra-wrap {font-size: 14px; border: 1px solid #F0F0F0; border-top:2px solid #1b96a9; }
+.extra-wrap h2{ font-size:16px; color:#1b96a9; background:#f7f7f7; line-height:36px; border-bottom:1px solid #F0F0F0; text-indent:15px; ]}
+.extra-wrap .list { border-top: none; background: #FFF; position: relative; }
+.extra-wrap .list a{ background:url(../img/dot.gif) 0 center no-repeat; padding-left:12px; }
+.extra-wrap .list a:hover{ color:#1b96a9; }
+.extra-wrap ul li { padding: 0 12px; overflow: hidden; zoom: 1; line-height: 40px; border-bottom: 1px dashed #ddd; }
+
+/*radio*/
+
+.quick-links span{ background-image:url(img/index_icons.png); }
+.quick-links li a{ color: #1b96a9; }
+
+/*profileDom*/
+#profileDom{position: relative;}
+#profileDom i{background: url(../img/ui-icons.png) -222px 2px no-repeat #f7f7f7;cursor: pointer;position: absolute;right: 0;top: 0;width: 20px;height: 20px;}
+#profileDom i:hover{background: url(../img/ui-icons.png) -222px -13px no-repeat #f7f7f7;}