1、此订单需要您在2小时内完成支付才代表抢购成功。
+2、此订单订购的产品出游日期有相应限制,请提前致电1010-6060确定具体出游日期并签署相应旅游合同。如未按此产品详情描述页面规定的时间致电预订并签订合同的,即视为用户自动放弃该出游机会 。
+3、此订单如有需用户另行支付的自理费用(包括但不限于飞机燃油税、机场建设费、房差、保险等费用),请在签订合同时支付。
+4、此订单均不予退换,并不可转让使用。
+5、使用此订单须同时遵守《驴妈妈五周年亲活动规则》。
+特此告知!
+
# [Bootstrap v2.3.0](http://twitter.github.com/bootstrap) [](http://travis-ci.org/twitter/bootstrap)
-Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created and maintained by [Mark Otto](http://twitter.com/mdo) and [Jacob Thornton](http://twitter.com/fat).
+
+cnBootstrap 是 Twitter 开发的前端框架 Bootstrap 的中文版——是时尚、直观、强大的前端框架,能使Web开发更快,更容易。
+
+
+cnBootstrap 收集了网络上遇到的大多数[前端 bug 和 fixed](http://www.tcrearor.info/cnBootstrap/cnDocs/bugs-and-fixed.php),列表于此。
To get started, checkout [http://getbootstrap.com](http://getbootstrap.com)!
+cnBootstrap 集成了 aliceui 兼容解决方案(包括但不限于aliceui),亦将我所了解的解决方案也整合进了[前端兼容解决方案](http://www.tcrearor.info/cnBootstrap/cnDocs/solution.php)列表,现仍在完善中...
+
+cnBootstrap 把参考研究的前端界比较好的项目进行了简单的分类,列表于[项目页面](http://www.tcrearor.info/cnBootstrap/cnDocs/project.php)
-## Quick start
+## 意见反馈 ##
-Three quick start options are available:
+请在[Blog](http://www.tcrearor.info/cnBootstrap/)留言或在[项目页](https://github.com/webcoding/cnBootstrap)提交BUG
-* [Download the latest release](https://github.com/twitter/bootstrap/zipball/master).
-* Clone the repo: `git clone git://github.com/twitter/bootstrap.git`.
-* Install with Twitter's [Bower](http://twitter.github.com/bower): `bower install bootstrap`.
+# Git管理工具指南
+本项目使用Git管理,如果您对Git的使用不甚熟悉,可以参考[useGit使用指南](https://github.com/webcoding/useGit)项目,包含详细的Git教程讲解以及Git命令。
## Versioning
@@ -114,3 +123,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
+
diff --git a/WF/assets/css/README.md b/WF/assets/css/README.md
new file mode 100644
index 000000000000..35f4d1a4a332
--- /dev/null
+++ b/WF/assets/css/README.md
@@ -0,0 +1,115 @@
+
+# About reset.css
+
+综合自Ocode,html5doctor,aliceui,yahoo,normalize等
+
+/* ------------------------------------------------------------
+
+ - Css Reset v1.0
+ - Created: 2011-04-25
+ - Last Updated: 2013-03-07
+ - Author: cloudYan
+ - Contact: qqGroup:187260298
+
+------------------------------------------------------------ */
+
+
+/* =更新日志
+
+ * 2013-03-04 按normalize结构调整reset样式顺序,并引入表单元素的默认效果设置
+ * 2012-10-11 参考normalize.css,精良保持浏览器默认的属性或统一默认属性值而非直接去掉默认的属性(如:ul,ol等),此方法是一种新的reset解决方案,做项目使用蛮不错。
+ * 2012-05-11 html5新增语义化的标签(除figure外)不必重置样式,默认就没有样式的-陈林
+ * 2012-04-04 新项目参考了alipay,yahoo,html5Doctor等结合模块化开发进行研究,html5的Doctype声明,不必写type="text/css" 但是必须要有 rel="stylesheet",html5中单标签不再写结束标记
+ * 2011-09-24 解决了IE下超链接使用绝对定位后失效的问题(使用background:url(about:blank)解决是最佳方案)
+ * 2011-09-19 原项目Ocode取义Original code,参考http://www.tcreator.info/labs/projects/2011/css-reset.html
+
+ * 研究规划
+ * 第一步通用reset.css
+ * 第二步全站公共样式—common.css
+ - 包括全站统一样式定义;如:a,a:hover等
+ - 基础的模块组合样式;如:.f14,.mt10,.tc等
+ * 第三步css模块—c_common.css
+ - 包括模块公共样式提取
+ - 公共模块样式
+ - 模块个性化样式(类似新模块,但多处使用的)
+ * 第四步网站架构css差异化如何书写及管理css
+ - 单页面/项目css(个性化css)规划
+
+------------------------------------------------------------ */
+
+/* 升级原则——渐进增强(Progressive Enhancement)
+
+渐进增强(Progressive Enhancement)是为了确保没有页面特效后基本功能也是可用的。简单来讲,渐进增强是指在确保页面在禁用JavaScript后能正常运作后,再对页面添加各种特效(JavaScript动画、Ajax异步等等)。我们同样可以运用"渐进增强"原则来使用CSS3(或者一些CSS2)、HTML5以及其他IE6所不支持的web规范。
+
+某些情况下,是无法让所有用户在任何浏览器下都完全一模一样,特别是那些使用IE6的用户。运用渐进增强策略,可以保证让那些用户至少能使用到你网站(或网络应用)的基本功能。
+
+------------------------------------------------------------ */
+
+
+
+
+## 关于HTML5中之省略标记元素的问题
+
+html5的Doctype声明,不必写type="text/css" 但是必须要有 rel="stylesheet"
+
+**不允许写结束标记的元素有:**
+
+<area> <base> <br> <col> <command> <embed> <hr> <img> <input> <keygen> <link> <meta> <param> <source> <track> <wbr>
+
+**可以省略结束标记的元素有:** 以下仅作知晓,不推荐使用
+
+<li> < dt> <dd> <p> <rt rp> <optgroup> <option> <colgroup> < thead> <tbody> <tfoot> <tr> <td> <th>
+
+**可以省略全部标记的元素有:**
+
+<html> <head> <body> <colgroup> <tbody>
+
+
+# 代码书写指南
+
+参考摘自 [Code-guide](https://github.com/webcoding/code-guide/tree/master/cn),有改动。
+
+## 黄金法则
+
+> 任何代码库中的所有代码应该看起来像是一个人书写的,不管有多少人贡献过代码。
+
+这意味着任何时候都要严格执行这些商定的准则。对于增加或减少代码的法则,请参看 [Code-guide](https://github.com/webcoding/code-guide/tree/master/zh-cn).
+
+## CSS 书写规范
+
+详情请参阅 [CSS 书写规范](http://www.tcreator.info/cnBootstrap/cnDocs/standard.php#css)
+
+
+# 组合样式combo.css
+
+
+/* ------------------------------------------------------------
+
+ - Css combo v1.0
+ - Created: 2011-04-25
+ - Last Updated: 2013-03-07
+ - Author: cloudYan
+ - Contact: qqGroup:187260298
+
+------------------------------------------------------------ */
+
+为方便开发特提供便捷的组合样式,能迅速拼写出想要的样式,秉承样式与结构相分离的原则,此样式不可滥用,否则得不偿失
+
+### 适用范围
+
+在网页中有部分简单的样式需要时间,此时没有方便可用的 id 或 class,则可尝试使用common.css提供的便捷类,如:
+
+````默认12px的文本中某名词需要加粗并大一号字体
+
+<p>这是一段普通文本</p>
+<p>这是另一端普通文本,这里需要 <strong>着重</strong>,使用<b class="f14">大一号的字体</b></p>
+````
+如上:这里没有多余的类可用,又没有必要新建类名,使用快捷组合类是实现需求最简单的解决办法。
+
+
+
+
+
+
+
+
diff --git a/WF/assets/css/combo-dev.css b/WF/assets/css/combo-dev.css
new file mode 100644
index 000000000000..c6ac004a04dc
--- /dev/null
+++ b/WF/assets/css/combo-dev.css
@@ -0,0 +1,313 @@
+
+/*
+ @名称: combo.css
+ @功能: 便捷组合样式
+ */
+
+/* ==============================
+ 快捷组合样式common.css
+ ============================== */
+
+/* 居中 */
+.bc {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* 浮动 */
+.fl,
+.fr,
+.inline {
+ display: inline;
+}
+.fl {float: left;}
+.fr {float: right;}
+.ib {
+ display:inline-block;
+ *display:inline;
+ *zoom:1;
+}
+
+/* 隐藏显示 */
+.show,
+.block { display: block; }
+.hide { display: none !important; }
+
+/* 文本对齐 */
+.tc{ text-align: center; }
+.tl{ text-align: left; }
+.tr{ text-align: right; }
+
+/* 颜色取值 */
+.red { color: red; }
+.orange { color: orange; }
+.pink { color: #e38; }
+.gray { color: gray; }
+.gray3 { color: #333; }
+.gray6 { color: #666; }
+
+/* 文本大小、行高 */
+.f12 { font-size: 12px; }
+.f14 { font-size: 14px; }
+.f16 { font-size: 16px; }
+.f18 { font-size: 18px; }
+.f22 { font-size: 22px; }
+.f24 { font-size: 24px; }
+.f30 { font-size: 30px; }
+.lh18 { line-height: 18px; }
+.lh20 { line-height: 20px; }
+.lh22 { line-height: 22px; }
+.lh24 { line-height: 24px; }
+.lh28 { line-height: 28px; }
+.lh30 { line-height: 30px; }
+
+/* 外边界用组合css */
+.m10 { margin: 10px; }
+.mt10 { margin-top: 10px; }
+.mb10 { margin-bottom: 10px; }
+.ml10 { margin-left: 10px; }
+.mr10 { margin-right: 10px; }
+
+.mt20 { margin-top: 20px; }
+.mb20 { margin-bottom: 20px; }
+
+.pd10 { padding: 10px; }
+.pt10 { padding-top: 10px; }
+.pb10 { padding-bottom: 10px; }
+.pl10 { padding-left: 10px; }
+.pr10 { padding-right: 10px; }
+.plr10 {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+/* 组合宽度 */
+.w10 { width: 10px; }
+.w20 { width: 20px; }
+.w30 { width: 30px; }
+.w40 { width: 40px; }
+.w50 { width: 50px; }
+.w60 { width: 60px; }
+.w70 { width: 70px; }
+.w80 { width: 80px; }
+.w90 { width: 90px; }
+.w100 { width: 100px; }
+.w110 { width: 110px; }
+.w120 { width: 120px; }
+.w130 { width: 130px; }
+.w140 { width: 140px; }
+.w150 { width: 150px; }
+.w160 { width: 160px; }
+.w170 { width: 170px; }
+.w180 { width: 180px; }
+.w190 { width: 190px; }
+.w200 { width: 200px; }
+.w210 { width: 210px; }
+.w220 { width: 220px; }
+.w230 { width: 230px; }
+.w240 { width: 240px; }
+.w250 { width: 250px; }
+.w260 { width: 260px; }
+.w270 { width: 270px; }
+.w280 { width: 280px; }
+.w290 { width: 290px; }
+.w300 { width: 300px; }
+.w310 { width: 310px; }
+.w320 { width: 320px; }
+.w330 { width: 330px; }
+.w340 { width: 340px; }
+.w350 { width: 350px; }
+.w360 { width: 360px; }
+.w370 { width: 370px; }
+.w380 { width: 380px; }
+.w390 { width: 390px; }
+.w400 { width: 400px; }
+
+/* 字体,不要使用中文字体名 */
+.yahei { font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; }
+
+/* 使webkit支持10px以下字体 */
+.text-size {
+ -webkit-text-size-adjust:100%;
+ -ms-text-size-adjust:100%;
+}
+
+/* 透明 */
+.opacity {
+ filter:alpha(opacity=50);
+ opacity:.5;
+}
+.text-ell {
+ display:block;
+ white-space:nowrap;
+ text-overflow:ellipsis;
+ overflow:hidden;
+}
+
+/* ==============================
+ TPL布局样式
+ ============================== */
+
+/* 间隔空白 */
+.hr_a,
+.hr_b,
+.hr_c {
+ font-size: 1px;
+ line-height: 1px;
+ display: block;
+ clear: both;
+ overflow: hidden;
+}
+.hr_a { height:10px; }
+.hr_b { height:5px; }
+.hr_c { height:20px; }
+
+/* 无背景a元素定位链接 */
+.disa a {
+ display:block;
+ width:100%;
+ height:100%;
+ background:url(about:blank);
+ text-indent:-9999px;
+}
+
+
+.no_bg { background: none !important; }
+.no_bd { border: none !important; }
+.p_rel { position: relative; }
+.p_abs { position: absolute; }
+
+
+/* 横向列表 */
+.hor li {
+ display:inline;
+ float:left;
+ *zoom:1;
+}
+.hor li a{
+ display:block;
+ float:left;
+}
+/* 竖向列表 */
+.ver li {
+ display:block;
+ *zoom:1;
+}
+.ver li a{
+ display:block;
+}
+
+/* ==============================
+ 模块功能划分
+ ============================== */
+
+/* 半透明背景文字 */
+.text-cover {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ *zoom:1;
+ text-align: center;
+}
+.text-cover img {
+ position: relative;
+ z-index: 1;
+ vertical-align: middle;
+}
+.text-cover span,
+.text-cover i {
+ position: absolute;
+ z-index: 2;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 25px;
+ line-height: 25px;
+ display: block;
+ text-decoration: none;
+}
+.text-cover span {
+ background: #000;
+ filter: alpha(opacity=50);
+ opacity: 0.5;
+}
+
+.text-cover i{
+ text-align: center;
+ color: #fff;
+}
+a.text-cover:hover {
+ text-decoration: none;
+ cursor: pointer;
+}
+
+/* ==============================
+ UI设计
+ ============================== */
+
+/* 链接|展开 更多|详情 */
+.link-more,
+.link-details,
+.view-more,
+.view-details,
+.hide-more {
+ cursor: pointer;
+}
+.link-more {}
+.link-details {}
+.view-more {}
+.view-details {}
+.hide-more {}
+
+ol.num {
+ padding:5px 10px 10px 30px;
+}
+ol.num li {
+ list-style:decimal outside;
+ text-indent:0px;
+ line-height:20px;
+ margin:5px 0;
+}
+
+/* 全站统一价格标签 */
+dfn, dfn i,
+samp, samp i {
+ font-family:arial;
+ font-style: normal;
+ color: #f60;
+}
+dfn i, samp i{
+ font-size: 120%;
+}
+
+
+/* 字体颜色控制 */
+.border {
+ border: 1px solid #eee;
+}
+
+.linear {
+ background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f1f1f1));
+ background: -moz-linear-gradient(top,#fcfcfc,#f1f1f1);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f1f1f1');
+ background: -o-linear-gradient(top,#fcfcfc,#f1f1f1);
+ background: linear-gradient(top,#fcfcfc,#f1f1f1);
+}
+
+.B, .fb, h1, h2, h3, h4, h5 { font-weight: bold; }
+.fnb { font-weight: normal; }
+h3, h4 { font-size: 14px; }
+h5 { font-size: 12px;}
+h6 {
+ font-size: 12px;
+ font-weight: normal;
+}
+
+.v-t { vertical-align: top; }
+.v-m { vertical-align: middle; }
+.v-b { vertical-align: bottom; }
+
+.element-invisible {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+}
\ No newline at end of file
diff --git a/WF/assets/css/combo.css b/WF/assets/css/combo.css
new file mode 100644
index 000000000000..1c14ac3977d1
--- /dev/null
+++ b/WF/assets/css/combo.css
@@ -0,0 +1,112 @@
+/*
+ @名称: combo.css
+ @功能: 便捷组合样式
+ */
+.bc{margin-left:auto;margin-right:auto;}
+.fl,.fr,.inline{display:inline;}
+.fl{float:left;}
+.fr{float:right;}
+.ib{display:inline;zoom:1;}
+.show,.block{display:block;}
+.hide{display:none;}
+.tc{text-align:center;}
+.tl{text-align:left;}
+.tr{text-align:right;}
+.f16{font-size:16px;}
+.f18{font-size:18px;}
+.f22{font-size:22px;}
+.f24{font-size:24px;}
+.f30{font-size:30px;}
+.lh18{line-height:18px;}
+.lh20{line-height:20px;}
+.lh22{line-height:22px;}
+.lh24{line-height:24px;}
+.lh28{line-height:28px;}
+.lh30{line-height:30px;}
+.m10{margin:10px;}
+.mt10{margin-top:10px;}
+.mb10{margin-bottom:10px;}
+.ml10{margin-left:10px;}
+.mr10{margin-right:10px;}
+.mt20{margin-top:20px;}
+.mb20{margin-bottom:20px;}
+.pd10{padding:10px;}
+.pt10{padding-top:10px;}
+.pb10{padding-bottom:10px;}
+.pl10{padding-left:10px;}
+.pr10{padding-right:10px;}
+.plr10{padding-left:10px;padding-right:10px;}
+.wrap{width:980px;}
+.w10{width:10px;}
+.w20{width:20px;}
+.w30{width:30px;}
+.w40{width:40px;}
+.w50{width:50px;}
+.w60{width:60px;}
+.w70{width:70px;}
+.w80{width:80px;}
+.w90{width:90px;}
+.w100{width:100px;}
+.w110{width:110px;}
+.w120{width:120px;}
+.w130{width:130px;}
+.w140{width:140px;}
+.w150{width:150px;}
+.w160{width:160px;}
+.w170{width:170px;}
+.w180{width:180px;}
+.w190{width:190px;}
+.w200{width:200px;}
+.w210{width:210px;}
+.w220{width:220px;}
+.w230{width:230px;}
+.w240{width:240px;}
+.w250{width:250px;}
+.w260{width:260px;}
+.w270{width:270px;}
+.w280{width:280px;}
+.w290{width:290px;}
+.w300{width:300px;}
+.w310{width:310px;}
+.w320{width:320px;}
+.w330{width:330px;}
+.w340{width:340px;}
+.w350{width:350px;}
+.w360{width:360px;}
+.w370{width:370px;}
+.w380{width:380px;}
+.w390{width:390px;}
+.w400{width:400px;}
+.yahei{font-family:"Microsoft YaHei",\5FAE\8F6F\96C5\9ED1;}
+.text-size{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+.opacity{filter:alpha(opacity=50);opacity:.5;}
+.text-ell{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.hr_a,.hr_b,.hr_c{font-size:1px;line-height:1px;display:block;clear:both;overflow:hidden;}
+.hr_a{height:10px;}
+.hr_b{height:5px;}
+.hr_c{height:20px;}
+.disa a{display:block;width:100%;height:100%;background:url(about:blank);text-indent:-9999px;}
+.no_bg{background:none!important;}
+.no_bd{border:none!important;}
+.p_rel{position:relative;}
+.p_abs{position:absolute;}
+.hor li{display:inline;float:left;zoom:1;}
+.hor li a{display:block;float:left;}
+.text-cover{position:relative;overflow:hidden;zoom:1;text-align:center;}
+.text-cover img{position:relative;z-index:1;vertical-align:middle;}
+.text-cover span,.text-cover i{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:25px;line-height:25px;display:block;text-decoration:none;}
+.text-cover span{background:#000;filter:alpha(opacity=50);opacity:0.5;}
+.text-cover i{text-align:center;color:#fff;}
+a.text-cover:hover{text-decoration:none;cursor:pointer;}
+.link-more,.link-details,.view-more,.view-details,.hide-more{cursor:pointer;}
+ol.num{padding:5px 10px 10px 30px;}
+ol.num li{list-style:decimal outside;text-indent:0;line-height:20px;margin:5px 0;}
+dfn,dfn i,samp,samp i{font-family:arial;font-style:normal;color:#f60;}
+dfn i,samp i{font-size:120%;}
+.border{border:1px solid #eee;}
+.linear{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f1f1f1');background:linear-gradient(top,#fcfcfc,#f1f1f1);}
+.B,.fb,h1,h2,h3,h4,h5{font-weight:700;}
+.fnb{font-weight:400;}
+h6{font-size:12px;font-weight:400;}
+.f12,h5{font-size:12px;}
+.f14,h3,h4{font-size:14px;}
\ No newline at end of file
diff --git a/WF/assets/css/labs.css b/WF/assets/css/labs.css
new file mode 100644
index 000000000000..625d49b8aa33
--- /dev/null
+++ b/WF/assets/css/labs.css
@@ -0,0 +1,496 @@
+
+/*
+ @名称: labs.css
+ @功能: 样式实验室
+ */
+
+.hide-clip {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+}
+.none {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.wrap{width:980px;}
+.nav{list-style:none; margin:0;}
+/* code examples
+-------------------------------------------------- */
+
+/* Base class */
+.docs-example {
+ position: relative;
+ margin: 15px 0;
+ padding: 39px 19px 14px;
+ *padding-top: 19px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+/* Echo out a label for the example */
+.docs-example:after {
+ content: "Example";
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ padding: 3px 7px;
+ font-size: 12px;
+ font-weight: bold;
+ background-color: #f5f5f5;
+ border: 1px solid #ddd;
+ color: #9da0a4;
+ -webkit-border-radius: 4px 0 4px 0;
+ -moz-border-radius: 4px 0 4px 0;
+ border-radius: 4px 0 4px 0;
+}
+
+/* Remove spacing between an example and it's code */
+.docs-example + .prettyprint {
+ margin-top: -20px;
+ padding-top: 15px;
+}
+
+/* Tweak examples
+------------------------- */
+.docs-example > p:last-child {
+ margin-bottom: 0;
+}
+.docs-example .table,
+.docs-example .progress,
+.docs-example .well,
+.docs-example .alert,
+.docs-example .hero-unit,
+.docs-example .pagination,
+.docs-example .navbar,
+.docs-example > .nav,
+.docs-example blockquote {
+ margin-bottom: 5px;
+}
+.bs-docs-example .pagination {
+ margin-top: 0;
+}
+
+body {
+ font: 14px/1.5 Tahoma,Arial,\5b8b\4f53;
+ color:#333;
+ /* background: #eee;
+ background:url(../../xOne/images/bg.jpg) #fff center -8px no-repeat; */
+}
+
+.nav a {
+ display: block;
+}
+.main-nav li {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+.main-nav a{
+ padding: 10px 15px;
+ font-size: 14px;
+ /* color: #ddd; */
+}
+.sidebar,
+.main {
+ border:1px solid #ccc;
+}
+.sidebar{
+ width: 210px;
+ float:left;
+ display:inline;
+ margin-right:20px;
+}
+.sidebar ul{padding: 10px 10px;}
+.main {
+ overflow:hidden;
+ padding:0 20px 30px;
+}
+.footer{ margin:10px 0;}
+
+
+
+p {
+ margin: 0 0 10px;
+}
+
+.lead {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 200;
+ line-height: 30px;
+}
+
+small {
+ font-size: 85%;
+}
+
+strong {
+ font-weight: bold;
+}
+
+em {
+ font-style: italic;
+}
+
+cite {
+ font-style: normal;
+}
+.rose { color:#ff0080;}
+.white { color: white;}
+.red { color: red;}
+.green { color: green;}
+.blue { color: blue;}
+.gray { color: gray;}
+.cc1{ color: #e38;}
+.cc2{ color: #f60;}
+
+.muted {
+ color: #999999;
+}
+
+a.muted:hover,
+a.muted:focus {
+ color: #808080;
+}
+
+.text-warning {
+ color: #c09853;
+}
+
+a.text-warning:hover,
+a.text-warning:focus {
+ color: #a47e3c;
+}
+
+.text-error {
+ color: #b94a48;
+}
+
+a.text-error:hover,
+a.text-error:focus {
+ color: #953b39;
+}
+
+.text-info {
+ color: #3a87ad;
+}
+
+a.text-info:hover,
+a.text-info:focus {
+ color: #2d6987;
+}
+
+.text-success {
+ color: #468847;
+}
+
+a.text-success:hover,
+a.text-success:focus {
+ color: #356635;
+}
+
+.tl {
+ text-align: left;
+}
+
+.tr {
+ text-align: right;
+}
+
+.tc {
+ text-align: center;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 10px 0;
+ font-family: inherit;
+ font-weight: bold;
+ line-height: 20px;
+ color: inherit;
+ text-rendering: optimizelegibility;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+ font-weight: normal;
+ line-height: 1;
+ color: #888;
+}
+h1,
+h2,
+h3 {
+ line-height: 40px;
+}
+h1 { font-size:36px;}
+h2 { font-size:28px;}
+h3 { font-size:22px;}
+h4 { font-size:18px;}
+h5 { font-size:14px;}
+h6 { font-size:12px;}
+h1 small { font-size: 24px;}
+h2 small { font-size: 18px;}
+h3 small { font-size: 14px;}
+h4 small { font-size: 14px;}
+
+.lead {
+ margin-bottom: 20px;
+ font-size: 20px;
+ font-weight: 200;
+ line-height: 30px;
+}
+.page-header {
+ padding-bottom: 9px;
+ margin: 20px 0 30px;
+ border-bottom: 1px solid #eeeeee;
+}
+
+ul.ul,
+ol.ol {
+ padding: 0;
+ margin: 0 0 10px 25px;
+}
+ul.ul ul,
+ul.ul ol,
+ol.ol ol,
+ol.ol ul {
+ margin-bottom: 0;
+}
+ul.ul { list-style-type: disc;}
+ol.ol { list-style-type: decimal;}
+ul.ul ul ,
+ol.ol ul { list-style-type: circle;}
+ul.ul ol ,
+ol.ol ol { list-style-type: lower-alpha;}
+
+
+ul.ul.unstyled,
+ol.ol.unstyled {
+ margin-left: 0;
+ list-style: none;
+}
+
+ul .inline,
+ol .inline {
+ margin-left: 0;
+ list-style: none;
+}
+
+ul.inline > li,
+ol.inline > li {
+ display: inline-block;
+ *display: inline;
+ padding-right: 5px;
+ padding-left: 5px;
+ *zoom: 1;
+}
+
+dl {
+ margin-bottom: 20px;
+}
+
+dt,
+dd {
+ line-height: 20px;
+}
+
+dt {
+ font-weight: bold;
+}
+
+dd {
+ margin-left: 10px;
+}
+
+.dl-horizontal {
+ *zoom: 1;
+}
+
+.dl-horizontal:before,
+.dl-horizontal:after {
+ display: table;
+ line-height: 0;
+ content: "";
+}
+
+.dl-horizontal:after {
+ clear: both;
+}
+
+.dl-horizontal dt {
+ float: left;
+ width: 160px;
+ overflow: hidden;
+ clear: left;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.dl-horizontal dd {
+ margin-left: 180px;
+}
+
+hr {
+ margin: 20px 0;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+ border-bottom: 1px solid #ffffff;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ cursor: help;
+ border-bottom: 1px dotted #999999;
+}
+
+abbr.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
+}
+
+blockquote {
+ padding: 0 0 0 15px;
+ margin: 0 0 20px;
+ border-left: 5px solid #eeeeee;
+}
+
+blockquote p {
+ margin-bottom: 0;
+ font-size: 17.5px;
+ font-weight: 300;
+ line-height: 1.25;
+}
+
+blockquote small {
+ display: block;
+ line-height: 20px;
+ color: #999999;
+}
+
+blockquote small:before {
+ content: '\2014 \00A0';
+}
+
+blockquote.pull-right {
+ float: right;
+ padding-right: 15px;
+ padding-left: 0;
+ border-right: 5px solid #eeeeee;
+ border-left: 0;
+}
+
+blockquote.pull-right p,
+blockquote.pull-right small {
+ text-align: right;
+}
+
+blockquote.pull-right small:before {
+ content: '';
+}
+
+blockquote.pull-right small:after {
+ content: '\00A0 \2014';
+}
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+
+address {
+ display: block;
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 20px;
+}
+
+code,
+pre {
+ padding: 0 3px 2px;
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+ font-size: 12px;
+ color: #333333;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+
+code {
+ padding: 2px 4px;
+ color: #d14;
+ white-space: nowrap;
+ background-color: #f7f7f9;
+ border: 1px solid #e1e1e8;
+}
+
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 20px;
+ word-break: break-all;
+ word-wrap: break-word;
+ white-space: pre;
+ white-space: pre-wrap;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+pre.prettyprint {
+ margin-bottom: 20px;
+}
+
+pre code {
+ padding: 0;
+ color: inherit;
+ white-space: pre;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border: 0;
+}
+
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
+}
+
+
+
+
+
+.poetry p{margin:0;}
+
+
+
+
+
+
+
+
+
+/* 组件书写规范请参见README.md
+============================================================ */
+
+/*
+ === 样式测试 ===
+ javascript:(function(){var a=document,b=a.body,c=a.createElement("link");c.setAttribute("rel","stylesheet");c.setAttribute("href","http://10.3.1.41/cnBootstrap/WF/assets/css/reset.css");a.querySelector("head").appendChild(c);b.style.backgroundColor="white";b.className+=" typo"})()
+============================================================ */
diff --git a/WF/assets/css/module.css b/WF/assets/css/module.css
new file mode 100644
index 000000000000..ac84a54ef0c5
--- /dev/null
+++ b/WF/assets/css/module.css
@@ -0,0 +1,36 @@
+
+/*
+ @名称: module.css
+ @功能: 模块样式
+ */
+
+/* ==============================
+ 模块功能划分
+ ============================== */
+
+/* 模块 */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/WF/assets/css/noreset.css b/WF/assets/css/noreset.css
new file mode 100644
index 000000000000..0203c02b8769
--- /dev/null
+++ b/WF/assets/css/noreset.css
@@ -0,0 +1,469 @@
+/* ------------------------------------------------------------
+ noreset.css v1.0
+ Author: Pandora
+ Adapted from http://necolas.github.io/normalize.css/
+------------------------------------------------------------ */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+/* ==============================
+ HTML5 显示定义
+ ============================== */
+
+/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
+article,
+aside,
+details,
+embed,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+command,
+datalist,
+keygen,
+mark,
+meter,
+progress,
+rp,
+rt,
+ruby,
+time,
+wbr {
+ display: inline;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==============================
+ Base
+ ============================== */
+
+/*
+ * 1. 防止用户自定义背景颜色对网页的影响 这是改为设置到body上
+ * 2. 设置默认字体Tahoma
+ * 3. 防止 iOS 设备方向变化且没有禁用缩放功能时,文字会发生大小变化
+ */
+html {
+ color: #000; /* 1 */
+ /* background: #fff; 1 */
+ font-family: Tahoma,Arial,\5b8b\4f53;; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+ -ms-text-size-adjust: 100%; /* 3 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+ background: #fff;
+}
+
+/* ==============================
+ Links
+ ============================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+
+
+a:active,
+a:hover {
+ outline: 0;
+}
+*/
+
+/* ==============================
+ Typography
+ ============================== */
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ /* white-space: pre-wrap;
+ 去除此项,避免空格等产生页面布局上的空行
+ */
+ word-wrap: break-word;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* 统一上标和下标 */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+/* ==============================
+ Embedded content
+ ============================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==============================
+ Forms input button ...
+ ============================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. 表单元素并不继承父级 font 的字体,这里设置默认字体,并不让其继承父级字体
+ * 2. 表单元素并不继承父级 font 的大小
+ * 3. 统一外边距 in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-family: Tahoma,Arial,\5b8b\4f53; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+
+ /* IE6/7 内间距宽度一致 */
+ *overflow: visible;
+}
+
+/*
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+
+/* ==============================
+ Tables
+ ============================== */
+
+/* 去掉Tables单元格间距并让相邻边重合 */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* IE bug fixed: th 不继承 text-align*/
+th {
+ text-align: inherit;
+}
+
+
+/* ==============================
+ Others
+ ============================== */
+
+/* 去除默认边框 */
+fieldset,
+img{
+ border: 0;
+}
+
+/* ie6 7 8(q) bug 显示为行内表现 */
+iframe {
+ display: block;
+}
+
+/* 去掉 firefox 下此元素的边框 */
+abbr,
+acronym {
+ border: 0;
+ font-variant: normal;
+}
+
+/* 一致的 del 样式 */
+del {
+ text-decoration: line-through;
+}
+
+address,
+caption,
+cite,
+dfn,
+em,
+i,
+var {
+ /* 这个reset用不到文本斜体 */
+ font-style: normal;
+ font-weight: 500;
+}
+
+/* 对齐是排版最重要的因素, 别让什么都居中 */
+caption,
+th {
+ text-align: left;
+}
+/* 这条分割线以上为normalize.css的样式
+==================================================================================================== */
+
+/* 清除浮动 */
+.clearfix:after,
+.wrap:after {
+ clear: both;
+ content: ' ';
+ display: block;
+ font-size: 0;
+ line-height: 0;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+.clearfix,
+.wrap {
+ *zoom:1
+}/* for IE6 IE7 */
+
+/* 空标签清除法 */
+.clear {
+ clear: both;
+ display: block;
+ height:0;
+ overflow: hidden;
+ visibility: hidden;
+}
+.wrap,
+.bc {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+/* 这条分割线以上为noreset.css,书写规范请参见README.md
+============================================================ */
+
+/*
+ === 样式测试 ===
+ javascript:(function(){var a=document,b=a.body,c=a.createElement("link");c.setAttribute("rel","stylesheet");c.setAttribute("href","http://10.3.1.41/cnBootstrap/WF/assets/css/reset.css");a.querySelector("head").appendChild(c);b.style.backgroundColor="white";b.className+=" typo"})()
+============================================================ */
diff --git a/WF/assets/css/reset-dev.css b/WF/assets/css/reset-dev.css
new file mode 100644
index 000000000000..1fa67f9739a4
--- /dev/null
+++ b/WF/assets/css/reset-dev.css
@@ -0,0 +1,462 @@
+@charset "utf-8";
+/*
+ @名称: reset.css
+ @功能: 重设浏览器默认样式(综合自aliceui,yahoo,normalize)
+ */
+
+/* ==============================
+ HTML5 显示定义
+ ============================== */
+
+/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
+article,
+aside,
+details,
+embed,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/* HTML5 媒体文件跟 img inline-block属性保持一致 */
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+command,
+datalist,
+keygen,
+mark,
+meter,
+progress,
+rp,
+rt,
+ruby,
+time,
+wbr {
+ display: inline;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==============================
+ Base
+ ============================== */
+
+/*
+ * 1. 防止用户自定义背景颜色对网页的影响 这是改为设置到body上
+ * 2. 设置默认字体Tahoma
+ * 3. 防止 iOS 设备方向变化且没有禁用缩放功能时,文字会发生大小变化
+ */
+html {
+ color: #000; /* 1 */
+ /* background: #fff; 1 */
+ font-family: Tahoma,Arial,\5b8b\4f53;; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+ -ms-text-size-adjust: 100%; /* 3 */
+}
+body { background: #fff; }
+/* 移除内外边距(内外边距通常让各个浏览器样式的表现位置不同,数目众多可按组划分) */
+body, div,
+dl, dt, dd, ol, ul, li,
+h1, h2, h3, h4, h5, h6, p,
+blockquote, pre, code,
+tr, th, td,
+hr,
+menu {
+ margin: 0;
+ padding: 0;
+}
+
+/* 移除表单元素的reset,在form.css中统一设置 */
+fieldset, figure, legend,
+form, input, button, textarea {}
+
+/* 语义化的标签的样式默认的margin,padding都为0,不必reset */
+article,
+aside,
+details,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {}
+
+/*
+ 大范围的去除列表项并不好,不若使用.none样式,由于习惯限制等问题,使用推荐如下:
+ - 生产线网站项目使用传统reset样式
+ - 前端研究项目使用noreset.css样式(参考normalize并使用.none样式完成此reset功能)
+ */
+ol,
+ul {
+ list-style-type: none;
+}
+
+/* ==============================
+ Typography
+ ============================== */
+
+/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote,
+pre {
+ /* white-space: pre-wrap;
+ 去除此项,避免空格等产生页面布局上的空行
+ */
+ word-wrap: break-word;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* 统一上标和下标 */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+/* ==============================
+ Embedded content
+ ============================== */
+
+/*
+ * 移除IE下a标签内img的边框
+ */
+img {
+ border: 0;
+}
+
+
+/* ==============================
+ Links
+ ============================== */
+
+/*
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+/* 默认不显示下划线,保持页面简洁 */
+ins,a {
+ text-decoration: none;
+}
+
+/* 让链接在 hover 状态下显示下划线 */
+a:hover { text-decoration: underline;}
+
+/* webkit内核浏览器会默认给:focus状态的元素加上outline的样式
+ * 不建议去除浏览器默认的outline属性,为使用户体验更好
+
+:focus {
+ outline:0;
+}
+
+下面是normalize的方法
+a:focus {
+ outline: thin dotted;
+}
+
+a:active,
+a:hover {
+ outline: 0;
+}
+ */
+
+
+/* ==============================
+ Forms input button ...
+ ============================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Correct color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. 表单元素并不继承父级 font 的字体,这里设置默认字体,并不让其继承父级字体
+ * 2. 表单元素并不继承父级 font 的大小
+ * 3. 统一外边距 in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-family: Tahoma,Arial,\5b8b\4f53; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/*
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+
+ /* IE6/7 内间距宽度一致 */
+ *overflow: visible;
+}
+
+/*
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+
+/* ==============================
+ Tables
+ ============================== */
+
+/* 去掉Tables单元格间距并让相邻边重合 */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* IE bug fixed: th 不继承 text-align */
+th {
+ text-align: inherit;
+}
+
+
+/* ==============================
+ Others
+ ============================== */
+
+/* 去除默认边框 */
+fieldset,
+img{
+ border: 0;
+}
+
+/* ie6 7 8(q) bug 显示为行内表现 */
+iframe {
+ display: block;
+}
+
+/* 去掉 firefox 下此元素的边框 */
+abbr,
+acronym {
+ border: 0;
+ font-variant: normal;
+}
+
+/* 一致的 del 样式 */
+del {
+ text-decoration: line-through;
+}
+
+address,
+caption,
+cite,
+dfn,
+em,
+i,
+var {
+ /* 这个reset用不到文本斜体 */
+ font-style: normal;
+ font-weight: 500;
+}
+
+/* 对齐是排版最重要的因素, 别让什么都居中 */
+caption,
+th {
+ text-align: left;
+}
+
+
+/*
+ 修复火狐下图片和文字之间的间隙
+ 添加img{vertical-align:top;}、img{vertical-align:middle;}或img{display:block}属性即可解决
+ 推荐前者,不要再reset中设置,建议使用时再处理
+
+img {
+ vertical-align: middle;
+}
+ */
+
+/* 清除浮动 */
+.clearfix:after,
+.wrap:after {
+ clear: both;
+ content: ' ';
+ display: block;
+ font-size: 0;
+ line-height: 0;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+.clearfix,
+.wrap {
+ *zoom:1
+}/* for IE6 IE7 */
+
+/* 空标签清除法 */
+.clear {
+ clear: both;
+ display: block;
+ height:0;
+ overflow: hidden;
+ visibility: hidden;
+}
+.wrap,
+.bc {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+/* 这条分割线以上为reset.css,书写规范请参见README.md
+============================================================ */
+
+/*
+ === 样式测试 ===
+ javascript:(function(){var a=document,b=a.body,c=a.createElement("link");c.setAttribute("rel","stylesheet");c.setAttribute("href","http://10.3.1.41/cnBootstrap/WF/assets/css/reset.css");a.querySelector("head").appendChild(c);b.style.backgroundColor="white";b.className+=" typo"})()
+============================================================ */
diff --git a/WF/assets/css/reset.css b/WF/assets/css/reset.css
new file mode 100644
index 000000000000..dc1e36c5e3c3
--- /dev/null
+++ b/WF/assets/css/reset.css
@@ -0,0 +1,43 @@
+@charset utf-8;
+/*
+ @: reset.css
+ @: Ĭʽ(ۺaliceui,yahoo,normalize)
+ */
+audio,canvas,video{display:inline;zoom:1;}
+command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline;}
+[hidden]{display:none;}
+html{color:#000;background:#fff;font-family:Tahoma,Arial,\5b8b\4f53;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,tr,th,td,hr,menu{margin:0;padding:0;}
+ol,ul{list-style-type:none;}
+h1,h2,h3,h4,h5,h6{font-size:100%;}
+b,strong{font-weight:700;}
+blockquote,pre{white-space:pre-wrap;word-wrap:break-word;}
+q{quotes:\201C \201D \2018 \2019;}
+q:before,q:after{content:'';}
+small{font-size:80%;}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
+sup{top:-.5em;}
+sub{bottom:-.25em;}
+ins,a{text-decoration:none;}
+a:hover{text-decoration:underline;}
+fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
+button,input,select,textarea{font-family:Tahoma,Arial,\5b8b\4f53;font-size:100%;margin:0;}
+button,input{line-height:normal;overflow:visible;}
+button,select{text-transform:none;}
+button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
+button[disabled],html input[disabled]{cursor:default;}
+input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
+textarea{overflow:auto;vertical-align:top;}
+table{border-collapse:collapse;border-spacing:0;}
+th{text-align:inherit;}
+abbr,acronym{border:0;font-variant:normal;}
+del{text-decoration:line-through;}
+address,caption,cite,dfn,em,i,var{font-style:normal;font-weight:500;}
+caption,th{text-align:left;}
+.clearfix:after,.wrap:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
+.clearfix,.wrap{zoom:1;}
+.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
+.wrap,.bc{margin-left:auto;margin-right:auto;}
+article,aside,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,iframe{display:block;}
+img,fieldset,img{border:0;}
+legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
\ No newline at end of file
diff --git a/WF/assets/css/responsive.css b/WF/assets/css/responsive.css
new file mode 100644
index 000000000000..38b7fcbd07bb
--- /dev/null
+++ b/WF/assets/css/responsive.css
@@ -0,0 +1,40 @@
+@charset "utf-8";
+/*
+ @名称: responsive.css
+ @功能: 响应式布局样式
+ */
+
+/**
+ max 480 767 979
+ 768-979
+ min 980 1200
+@media (min-width: 768px) and (max-width: 979px) {}
+@media (min-width: 1200px) {}
+@media (min-width: 980px) {}
+@media (max-width: 480px) {}
+@media (max-width: 767px) {}
+@media (max-width: 979px) {}
+*/
+
+/*!
+ * Custom
+ */
+
+@media (min-width: 1200px) {
+ .wrap{ width: 1200px; }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/WF/assets/fonts/rei.eot b/WF/assets/fonts/rei.eot
new file mode 100644
index 000000000000..5b1f99a1c795
Binary files /dev/null and b/WF/assets/fonts/rei.eot differ
diff --git a/WF/assets/fonts/rei.svg b/WF/assets/fonts/rei.svg
new file mode 100644
index 000000000000..561311bacbbe
--- /dev/null
+++ b/WF/assets/fonts/rei.svg
@@ -0,0 +1,102 @@
+
+
+
\ No newline at end of file
diff --git a/WF/assets/fonts/rei.ttf b/WF/assets/fonts/rei.ttf
new file mode 100644
index 000000000000..158eecd87a39
Binary files /dev/null and b/WF/assets/fonts/rei.ttf differ
diff --git a/WF/assets/fonts/rei.woff b/WF/assets/fonts/rei.woff
new file mode 100644
index 000000000000..61e23a38c6ec
Binary files /dev/null and b/WF/assets/fonts/rei.woff differ
diff --git a/WF/assets/fonts/site.css b/WF/assets/fonts/site.css
new file mode 100644
index 000000000000..41e8cddd0544
--- /dev/null
+++ b/WF/assets/fonts/site.css
@@ -0,0 +1,434 @@
+@font-face {
+ font-family: 'Actor';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Actor Regular'), local('Actor-Regular'), url(Actor.woff) format('woff');
+}
+
+/* alipay iconfont */
+@font-face {
+ font-family: "rei";
+ src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130401"); /* IE9 */
+ src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130401#iefix") format("embedded-opentype"), /* IE6-IE8 */
+ url("https://i.alipayobjects.com/common/fonts/rei.woff?20130401") format("woff"), /* chrome 6+、firefox 3.6+、Safari5.1+、Opera 11+ */
+ url("https://i.alipayobjects.com/common/fonts/rei.ttf?20130401") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
+ url("https://i.alipayobjects.com/common/fonts/rei.svg?20130401#rei") format("svg"); /* iOS 4.1- */
+}
+.iconfont {
+ font-family:"rei";
+ font-style: normal;
+ font-weight: normal;
+ font-size: 12px;
+ color: #4d4d4d;
+ cursor: default;
+ -webkit-font-smoothing: antialiased;
+}
+
+body {
+ background-color: #F2F0E9;
+ background-image: url(bg.gif);
+}
+
+pre, code, tt {
+ font-family: Consolas,"Liberation Mono",Courier,monospace;
+}
+
+#body-wrapper {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1040px;
+ *width: 1040px;
+ padding-top: 20px;
+ zoom: 1;
+}
+#body-wrapper:after {
+ display: block;
+ clear: both;
+ content: " ";
+ font-size: 0;
+ height: 0;
+ visibility: hidden;
+}
+#sidebar-wrapper {
+ float: left;
+ position: fixed;
+ color: #9c9277;
+ text-shadow: 0 1px 0 #fff;
+ font-size: 14px;
+ width: 220px;
+ padding-top: 8px;
+ z-index: 1;
+}
+#content-wrapper {
+ float: right;
+ width: 800px;
+ font-size: 14px;
+}
+#sidebar-wrapper h1 {
+ margin: 0;
+ font-family: "Actor", sans-serif;
+}
+#sidebar-wrapper .version {
+ font-size: 12px;
+}
+#sidebar-wrapper .source, .source-button {
+ background-color: #659324;
+ background-image: linear-gradient(#81BC2E, #659324);
+ background-repeat: repeat-x;
+ border: 0 none;
+ border-radius: 0.25em 0.25em 0.25em 0.25em;
+ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
+ color: #fff;
+ display: inline-block;
+ font-family: "Trebuchet MS",sans-serif;
+ font-size: 16px;
+ height: 40px;
+ line-height: 36px;
+ min-width: 100px;
+ padding: 0 20px;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ transition: all 0.25s linear 0s;
+ opacity: 0.92;
+}
+#sidebar-wrapper .source:hover {
+ color: #fff;
+ opacity: 1;
+ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #83C822 inset;
+}
+#sidebar-wrapper .source:active {
+ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #83C822 inset;
+ top: 2px;
+ position: relative;
+}
+#sidebar-wrapper .package-root {
+ position: relative;
+ top: -14px;
+ left: 4px;
+ font-size: 12px;
+}
+#sidebar-wrapper .package-root a {
+ color: rgba(0, 0, 0, 0.2);
+}
+#sidebar-wrapper .package-root a:hover {
+ color: rgba(0, 0, 0, 0.33);
+}
+#navigation {
+ list-style-type: none;
+ font-size: 14px;
+ border-top: 1px dashed #D6D4CD;
+ border-bottom: 1px dashed #D6D4CD;
+ margin: 20px 0 0 0;
+ padding: 10px 0;
+ zoom: 1;
+}
+#navigation:after {
+ display: block;
+ clear: both;
+ content: " ";
+ font-size: 0;
+}
+#navigation li {
+ float: left;
+ margin-left: 8px;
+}
+#navigation li:first-of-type {
+ margin-left: 0;
+}
+#navigation a:hover,
+#sidenav a:hover {
+ border-bottom: 1px dotted #769FD0;
+}
+#sidebar-wrapper a {
+ color: #659324;
+ text-decoration: none;
+}
+#sidebar-wrapper a:hover {
+ color: #75AA2E;
+}
+#navigation .active a {
+ color: #75AA2E;
+ font-weight: bold;
+}
+#content-wrapper {
+ border: 1px solid #D6D4CE;
+ border-radius: 4px;
+ background-color: #FFF;
+}
+.hentry {
+ position: relative;
+ padding: 10px 30px 30px;
+ line-height: 1.5;
+ color: #666;
+}
+.hentry .entry-title {
+ margin-bottom: 12px;
+ font-family: "Actor", sans-serif;
+}
+.hentry .meta {
+ color: #BCBCBD;
+ font-size: 12px;
+ margin: 12px 0;
+}
+.hentry p, .hentry h1, .hentry h2, .hentry h3, .hentry h4 {
+ font-family: Georgia,'Xin Gothic','PT Sans','Hiragino Sans GB','Helvetica Neue',Helvetica,Arial,sans-serif;
+ color: #555;
+}
+.hentry p, .hentry ul, .hentry ol {
+}
+.hentry a {
+ color: #55A4F2;
+ text-decoration: none;
+}
+.hentry h2 {
+ margin-top: 40px;
+ padding-bottom: 4px;
+ border-bottom: 1px solid #ccc;
+ font-family: "Actor", sans-serif;
+}
+.hentry hr {
+ display: block;
+ border: 0;
+ height: 4px;
+ background-color: #ddd;
+ margin-top: 20px;
+}
+.hentry pre {
+ margin: 6px 0;
+ border: 1px solid #ccc;
+ padding: 6px 10px;
+ overflow: auto;
+ border-radius: 3px;
+ background-color: #F8F8F8;
+ line-height: 19px;
+ font-size: 13px;
+ white-space: pre;
+}
+.hentry code {
+ font-size: 13px;
+ color: rgba(0, 0, 0, 0.75);
+ background-color: #fee9cc;
+ padding: 1px 3px;
+ border-radius: 3px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+.hentry pre code, .hentry .highlight code {
+ color: #5D6A6A;
+ background-color: transparent;
+ margin: auto;
+ padding: 0;
+}
+.hentry blockquote {
+ border-left: 0.4em solid #ddd;
+ color: #777;
+ margin: 15px 0;
+ padding: 0 15px;
+}
+.hentry blockquote p {
+ color: #777;
+}
+#footer-wrapper {
+ clear: both;
+ color: #9C9C9C;
+ text-shadow: 0 1px 0 #FFF;
+ font-family: Georgia,'Xin Gothic','PT Sans','Hiragino Sans GB','Helvetica Neue',Helvetica,Arial,sans-serif;
+ font-size: 12px;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1040px;
+ *width: 1040px;
+ padding: 10px 0;
+ text-align: right;
+}
+#footer-wrapper a {
+ color: #9C9C9C;
+ text-decoration: none;
+}
+#footer-wrapper iframe {
+ position: relative;
+ top: 3px;
+}
+
+/* other */
+.hentry .doc-api {
+ color: #784942;
+}
+.hentry .doc-api em, .hentry .doc-api code {
+ font-family: Georgia, serif;
+ font-weight: normal;
+ font-size: 14px;
+ margin-left: 4px;
+ color: #999;
+ background: transparent;
+ font-style: italic;
+}
+.hentry .nico-iframe {
+ position: relative;
+}
+.hentry .nico-iframe iframe {
+ width: 100%;
+}
+.hentry .nico-iframe .new-window {
+ position: absolute;
+ top: 30px;
+ right: -40px;
+ font-size: 12px;
+ transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+}
+.hentry .highlight {
+ background-color: transparent;
+ padding-top: 1px;
+ position: relative;
+ zoom: 1;
+}
+.hentry .collapse pre {
+ overflow: hidden;
+ height: 60px;
+}
+.hentry .highlight .code-toggle {
+ position: absolute;
+ top: -10px;
+ right: 2px;
+ font-size: 12px;
+ padding: 3px 5px;
+ background: rgba(0, 0, 0, 0.16);
+ border-radius: 4px 4px 0 0;
+ text-decoration: none;
+ color: #fff;
+ line-height: 1;
+}
+
+#sidenav {
+ padding-top: 10px;
+ margin-top: 0;
+ font-size: 14px;
+ line-height: 22px;
+ padding-left: 20px;
+}
+
+#module-output {
+ margin: 20px 0 0;
+ padding: 0;
+ overflow: hidden;
+}
+#module-output li {
+ list-style: none;
+ float: left;
+ margin: 0 1px 0 0;
+ line-height: 1;
+}
+#module-output a {
+ font-size: 14px;
+ line-height: 1;
+ color: rgba(0, 0, 0, 0.2);
+}
+#module-output a:hover {
+ color: rgba(0, 0, 0, 0.35);
+}
+#output-card {
+ background: #fff;
+ border: 1px solid #ccc;
+ padding: 6px;
+ color: #888;
+ position: absolute;
+ display: none;
+ width: 200px;
+}
+#output-card h3,
+#output-card p {
+ margin: 0;
+ font-size: 12px;
+}
+#output-card h3 {
+ margin-bottom: 3px;
+}
+#module-output li.module-multiable {
+ font-size: 10px;
+ padding: 2px;
+ background: #88C438;
+ text-shadow: none;
+ color: #fff;
+ margin-right: 5px;
+ border-radius: 1px;
+}
+
+/* responsive */
+@media (max-width: 980px) {
+ #body-wrapper, #sidebar-wrapper, #content-wrapper {
+ float: none;
+ position: static;
+ width: auto;
+ }
+ #navigation {
+ border: none;
+ }
+ #sidebar-wrapper {
+ padding: 0 40px;
+ }
+}
+
+/* history history-tag */
+.history-tag {
+ background: url("history-tags.png") no-repeat scroll 0 50% #fff;
+ border-bottom-left-radius: 2px;
+ border-top-left-radius: 2px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
+ color: #383838;
+ display: inline-block;
+ font-family: "Open Sans",sans-serif;
+ font-size: 11px;
+ font-style: normal;
+ line-height: 20px;
+ min-width: 85px;
+ padding: 0 15px 0 20px;
+ text-align: right;
+ text-shadow: 1px 1px 0 #FFFFFF;
+ text-transform: uppercase;
+ width: 85px;
+ position: absolute;
+ top: 15px;
+ left: 8px;
+}
+
+.history-tag-new {
+ background-color: #FFEDCF;
+}
+.history-tag-changed {
+ background-color: #E9CFFF;
+ background-position: -150px 50%;
+}
+.history-tag-fixed {
+ background-color: #F0FFE1;
+ background-position: -300px 50%;
+}
+.history-tag-html5 {
+ background-color: #F8DFD8;
+ background-position: -450px 50%;
+}
+.history-tag-improved {
+ background-color: #DCF6FF;
+ background-position: -600px 50%;
+}
+.history-tag-unresolved {
+ background-color: #FFC8C8;
+ background-position: -750px 50%;
+}
+.history-tag-developer {
+ background-color: #E7E7E7;
+ background-position: -900px 50%;
+}
+
+.popup-install {
+ background: #fefefe;
+ font-size: 12px;
+ font-family: monospace,serif;
+ padding: 6px;
+ border: 1px solid #ddd;
+ color: #777;
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
+}
diff --git a/WF/assets/js/google-code-prettify/prettify.css b/WF/assets/js/google-code-prettify/prettify.css
new file mode 100644
index 000000000000..47fdcbf74da8
--- /dev/null
+++ b/WF/assets/js/google-code-prettify/prettify.css
@@ -0,0 +1,38 @@
+/*
+ * make code pretty
+ */
+
+.prettyprint *{
+ background: none;
+}
+
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .prettyprint .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+ padding: 8px;
+ background-color: #f7f7f9;
+ border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+ -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+ margin: 0 0 0 33px; /* IE indents via margin-left */
+}
+ol.linenums li {
+ padding-left: 12px;
+ color: #bebec5;
+ line-height: 20px;
+ text-shadow: 0 1px 0 #fff;
+}
\ No newline at end of file
diff --git a/WF/assets/js/google-code-prettify/prettify.js b/WF/assets/js/google-code-prettify/prettify.js
new file mode 100644
index 000000000000..eef5ad7e6a07
--- /dev/null
+++ b/WF/assets/js/google-code-prettify/prettify.js
@@ -0,0 +1,28 @@
+var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
+[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c下面的是我最喜欢的办法了,代码精简css就能解决问题,虽然用了css表达式,但是毕竟IE6用户越来越少了。
+ +修正IE6不支持position:fixed的bug,摘自:position-fixed.css
+用的最多的是上下位置控制,左右的方法可直接无视。
+
+/*Make position:fixed work in IE6!*/
+
+.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:0;}
+.fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0;top:auto;}
+.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0;top:0;}
+.fixed-right /* position fixed right */{position:fixed;right:0;left:auto;top:0;}
+
+* html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;}
+* html .fixed-top /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
+* html .fixed-right /* IE6 position fixed right */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
+* html .fixed-bottom /* IE6 position fixed Bottom */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
+* html .fixed-left /* IE6 position fixed Left */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}
+
+/* 左右方向控制 */
+.fixed-left,
+.fixed-right{top:0;}
+
+.test-top,
+.test-bottom{left:50%;}
+.test-top{margin-left:-540px;top:100px;}
+.test-bottom{margin-left:500px;bottom:100px;}
+
+关于上下的灵活定位,ie6下需要添加一个修改
+
+
+js页面滚动时层智能浮动定位实现
+代码实现原理详情请参考: js页面滚动时层智能浮动定位实现
+
,你可以轻轻地 点击我(去首页)。
+
+<script>
+$.fn.smartFloat = function() {
+ var position = function(element) {
+ var top = element.position().top, pos = element.css("position");
+ $(window).scroll(function() {
+ var scrolls = $(this).scrollTop();
+ if (scrolls > top) {
+ if (window.XMLHttpRequest) {
+ element.css({
+ position: "fixed",
+ top: 0
+ });
+ } else {
+ element.css({
+ top: scrolls
+ });
+ }
+ }else {
+ element.css({
+ position: "absolute",
+ top: top
+ });
+ }
+ });
+ };
+ return $(this).each(function() {
+ position($(this));
+ });
+};
+
+//绑定
+$("#float").smartFloat();
+</script>
+
+
+
+描述
+TODO:
+ ++ ++ + +
尊敬的用户:
+感谢您参与驴妈妈旅游网五周年庆大促活动, 恭喜您抢购到,该订单订购产品使用规则如下:
+1、此订单需要您在2小时内完成支付才代表抢购成功。
+2、此订单订购的产品出游日期有相应限制,请提前致电1010-6060确定具体出游日期并签署相应旅游合同。如未按此产品详情描述页面规定的时间致电预订并签订合同的,即视为用户自动放弃该出游机会 。
+3、此订单如有需用户另行支付的自理费用(包括但不限于飞机燃油税、机场建设费、房差、保险等费用),请在签订合同时支付。
+4、此订单均不予退换,并不可转让使用。
+5、使用此订单须同时遵守《驴妈妈五周年亲活动规则》。
+特此告知!
+驴妈妈旅游网
+(上海驴妈妈兴旅国际旅行社有限公司)
+ + + +简单瀑布广告代码
+
+<script>
+$(function(){
+ // html代码
+ var _activebox = '<div id="indexSilde" style="width:980px;margin:0 auto;position:relative;overflow:hidden;height:0;">'
+ + '<div id="xslide1" style="position:absolute;z-index:11;top:0;display:none;">'
+ + '<a target="_blank" href="http://zhounianqing.lvmama.com/?losc=019677">'
+ + '<img src="http://pic.lvmama.com/img/v3/coupon.jpg" width="980" height="80">'
+ + '</a></div>'
+ + '<div id="xslide2" style="position:relative;top:0;z-index:10;">'
+ + '<a target="_blank" href="http://zhounianqing.lvmama.com/?losc=019677">'
+ + '<img src="http://pic.lvmama.com/img/v3/couponbig.jpg" width="980" height="500">'
+ + '</a></div>'
+ + '</div>';
+
+ $('.hh_shortcut_box').after(_activebox);
+
+ // 瀑布广告
+ var _indexSilde = $('#indexSilde');
+ var _xslide1 = $('#xslide1');
+ function _shouqi(){
+ _indexSilde.animate({'height':80},1000,function(){
+ _xslide1.fadeIn(500).siblings().fadeOut(500,function(){
+ if($.browser.msie && parseInt($.browser.version)<=8){
+ //$.fx.off = true;
+ }
+ });
+ });
+ };
+
+ function _showslide(){
+ _indexSilde.animate({'height':500},1000,function(){
+ setTimeout(_shouqi,4000);
+ });
+ }
+ //$.fx.off = false;
+ setTimeout(_showslide,1000);
+})
+</script>
+
+
+
+首先应用 Reset 重设,对常用标签进行使用规划,使其应用达到恰到好处的效果。
+ +reset.css 是 Pandora 的浏览器重设样式,消除浏览器布局标签的默认属性,使用前可引用无差异化样式 normalize.css 效果更佳。
+Pandora 的 reset.css 是极精简的重置样式,并综合AliceUI 及 bootstrap等修改 normalize.css 形成无差异化的浏览器基础样式,统一浏览器的默认标签属性。
+ +除 reset.css 以及 Pandora 适合中文排版的 typo.css 样式(修改自 typo 与 bootstrap)外,Pandora 还内置了大量可组合的便捷实用的样式,需要注意这类样式,如:.btn,详情参看Pandora项目保留字。
注意! 当前国内布局通常要使用reset,但现在也有越来越多的攻城师开始注意 normalize的作用了,充分发挥浏览器默认属性的优势。
+ ++normalize.css 无差异样式及清除浮动 +reset.css 传统重设样式 +combo.css 便捷组合样式表 ++ +
clearfix 清除浮动
hide 隐藏元素
.fl .fr 左右浮动
center-box center-item 浮动居中
ellipsis 文字单行溢出省略号
text-justify 文本两端对齐
针对使用图标字体集的需求,不论市场还是技术,都已经非常成熟,推广使用大势所趋。Pandora项目暂时使用支付宝图标字体集 rei,如果不能满足您的需求,你可以使用 fontello 项目来扩展字体集或者使用ICON图标。
+如此,便能对最常用图标使用字体集来表示,如 通知提醒,下面是关于 rei 的介绍:
+Rei(读音为“丽”)是支付宝的 iconfont 集,是一种把图标放入自定义字体中,然后使用字体图标来替代普通图标的技术。同时,Rei 也是动漫女神。
+
字体图标具有良好的兼容性,矢量,规范,减少图片请求,适应性强等特点,大量先进的网站(包括 github 等)正在使用这种技术。 Alice 全面使用了 iconfont 技术,使得所有的通用样式模块都不会产生图片请求,并且也获得了良好的兼容性和通用性。
+Rei 目前涵盖了网站常用各类图标约 70 多个,兼容包括 ie6/7/8 在内的各主流浏览器,你可以自由的在页面中使用它。
+<i class="iconfont" title="灯泡">ã</i> ++ +
你可以右键查看源代码或访问 rei 来获取字体代码。
+注: 虽然可通过图表字体集实现ICON等,但需求总是千变万化的,需要使用图标ICON 的时候,可用CSS Sprites分类保存在对应的图标集上,随后会推荐一款自动化处理工具。
+目前栅格系统很难满足国内的紧凑布局方式,在多变的电商网站中就更显得不足,综合各种情况的对比,不使用栅格就是最好的解决方案。
+但能够实现提高用户体验的响应式布局,虽然无法完美应用栅格系统布局紧凑页面,但并不是不能用响应式,仅考虑宽屏布局,在窄屏下隐藏掉部分内容是最具优势的响应式布局解决方案。
+在较小宽度或移动设备布局情况下,Bootstrap的12列栅格效果不错,虽在实现小尺寸元素上表现不够精细,但不影响其强悍的适应能力,在前端项目中具备
+ +注: 生产线仍然无法使用,难以精准布局
+在后台页面使用广泛,流动栅格可以不考虑,但是流动布局应用广泛,最经典的布局方式大概三四种。但最经得起考验的布局,也许只有下面一种。
+尽管网页布局千变万化,但针对实现总有经典的布局方式不断地被重复使用,这部分可以作为布局模板提取出来。
+如果考虑响应式则暂时只考虑两种分辨率,1200px和980/990px,并以大分辨率为基准,小分辨率适当隐藏一部分内容,而针对移动设备可以另加考虑480px和760px。
+注: 以上结论适用于电商的复杂布局,简单布局可以使用响应式的栅格系统实现。
+随着css3的大量普及使用,更多的动画效果展示在页面上,渐进式地提升用户体验。
+++ +无论你身在何方处在何时,请记住要永存希望。「 晓寒 」
+
.pd10 .mt10) 排版组合样式及固定用法 combo.css,注意: 开发模块组件之前请严格按照 代码开发规范 执行。
+ +注意:确保样式的安全使用,尽量把样式定义在相应的容器中,而不是作为全局使用
+
+/* 全局样式:
+ * 除非非常通用,不允许新建全局样式,如果你要建,请先问一下晓寒,不然可能随时被干掉(^_^)
+ */
+.red{color:red!imporant;}
+
+/* 作用域:限定在一定的容器中
+ * 像 .hover 这样的选择器是非常普通的,如何使用?
+ * 这样两个容器的 .hover 就不相互影响了,记得限定作用域
+ */
+.module-1 .hover{ ... }
+.module-2 .hover{ ... }
+
+ 实现一个metro风格的橙色按钮居中显示,仅仅使用预设样式组合即可:
++ +
++<p class="tc metro_style"> + <button class="btn btn-orange">居中按钮</button> +</p> ++
本项目已经开始在生产线测试使用,样式文件为 core.css 如下:
++reset.css |-- core.css +combo.css | +buttons.css | ++
此项目中具备新版线上项目的静态版页面,供调试研究使用。
+28px:
http://pic.lvmama.com/img/new_v/ui_scrollLoading/loading.gif
46px:
http://pic.lvmama.com/img/new_v/ui_scrollLoading/loadingGIF46px.gif
这项目一路艰辛,借鉴Bootstrap的思想并结合自己的工作想整合一个适合自己当前工作的前端框架,到底被什么绊住了呢,看着日子一天天过,真是揪心啊,AliceUI 还是比较给力,这么快新版就出来了,还好之前已经整理过部分 前端解决方案,这里可以直接使用了,曾经的努力虽然少,但还是有些许价值。
+ +看到人家的项目都有卡通形象,着实比较可爱,我也用一个,咱的就叫做 潘多拉 - Pandora 吧
+ +潘多拉(Pandora,也作潘朵拉),古希腊神话人物。在古希腊语中,潘是所有的意思,多拉则是礼物,意为“被授予一切优点的人”。
+ +根据神话,潘多拉出于好奇打开一个「魔盒」(应作坛子,希腊文原作πίθος,πίθοι,英语:pandora's box)释放出人世间的所有邪恶——贪婪、虚无、诽谤、嫉妒、痛苦等等,当她再盖上盒子时,只剩下希望在里面。Pandora 放出了邪恶,却把最大的希望留在了盒子里,如今她为我们所承受的困苦要做一个解决方案,把希望带给大家,并取名 Pandora 项目。
+ + Pandora 项目第一站——前端解决方案,接下来就让我们看看 Pandora 的表现吧! + +