zhangdocs 0.3.0

package/theme/doc/source/css/main.styl

@@ -0,0 +1,164 @@
+@import('_partial/reset.styl')
+// CSS reset
+global-reset()
+reset-html()
+
+@import('_partial/variables.styl')
+@import('_partial/markdown.styl')
+@import('_partial/highlight.styl')
+@import('_partial/head_nav.styl')
+
+*
+    box-sizing: border-box
+body,html
+    height:100%
+    font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;
+.logo
+    float:left
+    padding: 0 20px 0 0px
+    font-size: 24px
+    font-weight: 500
+    color: #563d7c
+    img
+        vertical-align: middle
+        margin: -4px 0 0 0
+        max-height: 27px
+
+.red 
+    background: #f3f3f3;
+    z-index: 1;
+    border-left: 3px solid #009a61;
+    -webkit-transition: all .2s ease;
+    transition: all .2s ease;
+
+.container
+    padding-left: 15px
+    padding-right: 15px
+    width: 1124px
+    margin 0 auto
+    @media mq-tablet
+        width auto
+    @media mq-mobile
+        width auto
+    &:before
+        display: table
+        content: " "
+    &:after
+        display: table
+        content: " "
+        clear: both
+
+.bs-docs-header
+    background:#445588
+    background-image: linear-gradient(to bottom,#445588 0,#458 100%)
+    background-repeat: repeat-x
+    position: relative
+    padding: 88px 0
+    color: #A3AFD4
+    font-size: 24px
+    text-align: left
+    text-shadow: 0 1px 0 rgba(0,0,0,.1)
+    @media mq-mobile
+        padding: 28px 0
+    h1,p
+        margin-right: 380px
+        @media mq-mobile
+            margin-right: 0
+        @media mq-tablet
+            margin-right 50px
+    h1
+        color: #fff
+        font-family: inherit
+        font-weight: 500
+        margin: .67em 0
+        margin-bottom: 10px
+        margin-top: 0
+        font-size: 60px
+        line-height: 1
+        text-align: left
+        @media mq-mobile
+            margin: .37em 0
+            text-align center
+    p
+        margin-bottom: 0
+        font-weight: 300
+        line-height: 1.4
+.navbar-line
+    border-bottom: 1px solid #E9E9F1
+
+.markdown-body
+    overflow: auto
+.page-toc
+    float: right
+    position:fixed
+    top:30px
+    right:1px;
+    width: 320px
+    background: #fff
+    padding: 9px 0 25px 20px
+    margin-top: 35px
+    border-left: 1px solid #EEE
+    font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif
+    @media mq-tablet
+        width auto
+    @media mq-mobile
+        display none
+    ul
+        list-style-type: none
+        margin: 0
+        a
+            display: block
+            padding: 3px 0
+            color: #151515
+            text-decoration: none
+            font-weight:bold
+            line-height: 20px
+            font-size: 18px
+            &:hover
+                color:red
+                text-decoration: underline
+        li
+            padding-left:3px
+            text-align:left
+            float: initial
+        ul
+            margin:0 0 0 10px
+            list-style-type: square
+            padding: 0 0 0 9px
+            li
+                a
+                    font-size:90%
+                    font-weight:normal
+                    border-bottom:0
+.copyright
+    border-top: 1px dashed #E9E9E9
+    padding: 6px 0 5px 2px
+    margin: 32px 0 0 0
+    line-height: 16px
+    font-size: 12px
+    color: #dfdfdf
+    a
+        color: #D6DDF8
+        text-decoration: underline
+        &:hover
+            color:#333
+
+.forkgithub
+    position: absolute
+    z-index: 2
+    right: 0
+    background: url("../img/forkgithub.png") 14px -15px no-repeat
+    @media mq-mobile
+        display none
+    @media mq-tablet
+        background-image inherit
+    a
+        display: block
+        width: 149px
+        height: 1px
+        padding-top 149px
+        overflow hidden
+        @media mq-tablet
+            padding-top 0
+            // height: 149px
+            height 50px

package/theme/handbook/footer.ejs

@@ -0,0 +1,3 @@
+
+</body>
+</html>

package/theme/handbook/gitignore

@@ -0,0 +1,22 @@
+*.iml
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+*.swo
+*.pyc
+*.pyo
+.build
+node_modules
+.cache
+idoc-theme-*/

package/theme/handbook/head.ejs

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title><%=title%></title>
+    <link rel="stylesheet" type="text/css" href="<%=relative_path%>static/css/main.css">
+</head>
+<body>
+<% include header.ejs %>

package/theme/handbook/header.ejs

@@ -0,0 +1,14 @@
+<div class="nav">
+    <div class="logo">
+        <%if(pkg.idoc.logo){%>
+            <img src="<%=relative_path%><%=pkg.idoc.logo%>">
+        <%}else{%>
+            <%= title %>
+        <%}%>
+    </div>
+<%- menu_html -%>
+</div>
+
+<% if(pkg&&pkg.repository&&pkg.repository.url) {%>
+<div class="forkgithub"><a target="_blank" href="<%=pkg.repository.url%>"></a></div>
+<%}%>

package/theme/handbook/layout.ejs

@@ -0,0 +1,15 @@
+<% include head.ejs %>
+<div class="warpper">
+
+    <div class="page-toc">
+        <%- toc_html %>
+    </div>
+    
+    <div class="content markdown-body">
+        <%- markdown_html %>
+        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
+    </div>
+    
+</div>
+
+<% include footer.ejs %>

package/theme/handbook/source/css/_partial/highlight.styl

@@ -0,0 +1,103 @@
+/*
+github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+*/
+.hljs
+  display: block
+  overflow-x: auto
+  padding: 0.5em
+  color: #333
+  background: #f8f8f8
+  -webkit-text-size-adjust: none
+
+.hljs-comment,
+.diff .hljs-header
+  color: #969896
+  font-size: 90%
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status
+  color: #a71d5d
+  font-weight: bold
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant
+  color: #008080
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-doctag,
+.tex .hljs-formula
+  color: #183691
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor
+  color: #900
+  font-weight: bold
+
+.hljs-list .hljs-keyword,
+.hljs-subst
+  font-weight: normal
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command
+  color: #458
+  font-weight: bold
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword
+  color: #000080
+  font-weight: normal
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name
+  color: #008080
+
+.hljs-regexp
+  color: #009926
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt
+  color: #990073
+
+.hljs-built_in
+  color: #0086b3
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata
+  color: #999
+  font-weight: bold
+
+.hljs-deletion
+  background: #fdd
+
+.hljs-addition
+  background: #dfd
+
+.diff .hljs-change
+  background: #0086b3
+
+.hljs-chunk
+  color: #aaa
+

package/theme/handbook/source/css/_partial/markdown.styl

@@ -0,0 +1,120 @@
+.markdown-body
+    padding: 30px 35px 30px 35px
+    word-wrap: break-word
+    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif
+    font-size: 16px
+    line-height: 1.4em
+    color:#333
+    @media mq-mobile
+        padding: 30px 10px 30px 10px
+    &>*:first-child
+        margin-top: 0 !important
+    strong
+        font-weight: bold
+    hr 
+        border-top: 1px solid #CACACA
+        border-width: 1px 0 0 0
+    em 
+        font-style:italic
+    img 
+        max-width 100%
+    h1,h2,h3,h4,h5,h6
+        position: relative
+        margin-top: 1em
+        margin-bottom: 16px
+        font-weight: bold
+        line-height: 1.4
+        a 
+            display:none
+        &:hover a
+            display:inline
+            color:#000
+            font-size:85%
+    h1,h2
+        border-bottom: 1px solid #eee
+    h1
+        font-size: 2.25em
+        line-height: 1.2
+        padding-bottom: 0.3em
+    h2
+        padding-bottom: 0.3em
+        font-size: 1.75em
+        line-height: 1.225
+        border-bottom:1px dashed #DEDEDE
+    blockquote
+        padding: 0 15px
+        color: #777
+        border-left: 4px solid #ddd
+        margin: 0;
+        &>:last-child
+            margin-bottom: 0
+        &>:first-child
+            margin-top: 0
+    p,blockquote,ul,ol,dl,table,pre
+        margin-top: 0;
+        margin-bottom: 16px
+    ul,ol
+        padding-left: 1.4em
+        list-style:initial
+    ol
+        list-style-type: decimal
+    ol ol, ul ol
+        list-style-type: lower-roman;
+    ul ul ol, ul ol ol, ol ul ol, ol ol ol
+        list-style-type: lower-alpha;
+    pre
+        padding: 16px
+        overflow: auto
+        background-color: #E5E5E5
+        border-radius: 3px
+        word-break: break-all
+        word-wrap: break-word 
+        font: 16px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+        code
+            // letter-spacing: 1px
+            background-color:transparent
+            color: inherit
+            line-height: 16px
+            display: block
+            font-size: 14px
+        code:before,code:after,tt:before,tt:after
+            letter-spacing: 0;
+            content: "";
+    code,tt
+        padding: 0
+        padding-bottom: 2px
+        margin: 0 3px
+        vertical-align: top
+        background-color: #EDEDF7
+        border-radius: 4px
+        padding-left: 3px
+        padding-right: 3px
+        font-size: 14px
+        color: #6F5990
+    code:before,code:after,tt:before,tt:after
+        content: "\00a0"
+        vertical-align: text-top
+    table
+        width: 100%
+        border-collapse: collapse
+        border-spacing: 0
+        max-width: 100%
+        display: block
+        background-color: transparent
+        th,td
+            border: 1px solid #ddd
+            padding: 4px 10px
+        th
+            font-weight: bold
+            background: #F3F3F3
+        tr:nth-child(2n) 
+            background-color: #f8f8f8
+        tbody
+            background:#fff
+
+// markdown 增强样式
+.markdown-body
+    .task-list-item
+        padding: 0;
+        li 
+            list-style-type: none

package/theme/handbook/source/css/_partial/reset.styl

@@ -0,0 +1,101 @@
+// Reset
+
+
+//在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。
+
+// global-reset()
+// nested-reset()
+// reset-font()
+// reset-box-model()
+// reset-body()
+// reset-table()
+// reset-table-cell()
+// reset-html5()
+
+// http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+// http://yuilibrary.com/yui/docs/cssreset/
+// http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css
+// http://cssreset.com/
+
+global-reset()
+    html, body, div, span, applet, object, iframe,
+    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+    a, abbr, acronym, address, big, cite, code,
+    del, dfn, em, img, ins, kbd, q, s, samp,
+    small, strike, strong, sub, sup, tt, var,
+    dl, dt, dd, ol, ul, li,
+    fieldset, form, label, legend,
+    table, caption, tbody, tfoot, thead, tr, th, td
+        reset-box-model()
+        reset-font()
+    body
+        reset-body()
+    ol, ul
+        list-style: none
+    table
+        reset-table()
+    caption, th, td
+        reset-table-cell()
+    a 
+        text-decoration:inherit
+        &:hover
+            text-decoration:underline
+    a img
+        border: none
+    * 
+        box-sizing: border-box; 
+
+nested-reset()
+    div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+    pre, a, abbr, acronym, address, code, del, dfn, em, img,
+    dl, dt, dd, ol, ul, li, fieldset, form, label,
+    legend, caption, tbody, tfoot, thead, tr
+        reset-box-model()
+        reset-font()
+    table
+        reset-table()
+    caption, th, td
+        reset-table-cell()
+    a img
+        border: none
+
+reset-box-model()
+    margin: 0
+    padding: 0
+    border: 0
+    outline: 0
+
+reset-font()
+    font-weight: inherit
+    font-style: inherit
+    font-family: inherit
+    font-size: 100%
+    vertical-align: baseline
+
+reset-body()
+    line-height: 1
+    color: black
+    background: white
+
+reset-table()
+    border-collapse: separate
+    border-spacing: 0
+    vertical-align: middle
+
+reset-table-cell()
+    text-align: left
+    font-weight: normal
+    vertical-align: middle
+
+reset-html5()
+    article, aside, canvas, details, figcaption,
+    figure, footer, header, hgroup, menu, nav,
+    section, summary, main
+        reset-box-model()
+        display: block
+    audio, canvas, video
+        display inline-block
+        *display inline
+        *zoom 1
+    audio:not([controls]),[hidden]
+        display none

package/theme/handbook/source/css/_partial/variables.styl

@@ -0,0 +1,9 @@
+// Media queries
+mq-mobile = "screen and (max-width: 479px)"
+mq-tablet = "screen and (min-width: 480px) and (max-width: 1170px)"
+// mq-iPhones4 = "only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)"
+// mq-normal = "screen and (min-width: 768px)"
+
+
+
+tocwidth = 220px