zhangdocs 0.3.0

package/theme/doc/source/css/_partial/head_nav.styl

@@ -0,0 +1,239 @@
+.navbar
+    line-height: nav-height
+    ul
+        list-style: none
+        position: relative
+        display: inline-table
+        float: left
+        @media mq-mobile
+            position: absolute
+        ul
+            display: none
+            background: #FFFFFF
+            border-radius: 0 0 5px 5px
+            padding: 3px
+            position: absolute
+            top: 100%
+            z-index: 9
+            li.active
+                a
+                    color: #463265
+                    background-color: #f9f9f9
+                    line-height:29px
+                    height:29px
+            li
+                float: none
+                border-bottom: 1px solid #F7F2FF
+                position: relative
+                a:hover
+                    color:#573E7D
+            a
+                color: #fff
+                line-height: 29px
+                white-space:nowrap
+                word-break:keep-all
+            ul
+                position: absolute
+                left: 100%
+                top:0
+                border-radius 0 5px 5px 5px
+        li
+            float: left
+            line-height: nav-height
+            a
+                display: block
+                color: #757575
+                text-decoration: none
+                padding: 0 15px
+                @media mq-mobile
+                    padding: 0 5px
+        li:hover
+            background: #F3F3F3
+            a
+                color: #333
+        li.active
+            a
+                color: #463265
+                background-color: #F3F3F3
+                height: nav-height
+    ul li:hover > ul
+        display: block
+        box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 2px 1px
+    ul:after
+        content: ""
+        clear: both
+        display: block
+
+#idoc_nav
+    display none
+
+@media mq-tablet
+    .navbar
+        z-index: 2
+        background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%)
+
+        section.idoc_nav_btn
+            position relative
+            transition all 0.6s
+            z-index 999
+            display block
+            label
+                position fixed
+                display block
+                right 7px
+                top 10px
+                cursor pointer
+                z-index 99
+                width 26px
+                height 26px
+                overflow hidden
+                span,&:after,&:before
+                    content ''
+                    display block
+                    height 3px
+                    background #333
+                    margin 4px 4px 0 4px
+                    transform rotate(0deg)
+                    transition all 0.6s
+        .menu_tree
+            transition all 0.6s
+            background #fff
+            position fixted
+            width 100%
+            // display none
+            ul
+                opacity 0
+                height 0
+                overflow hidden
+                display block
+                transition all 0.6s
+        input#idoc_nav:checked ~ section label span
+            display none
+        input#idoc_nav:checked ~ section label:before
+            margin 12px 4px 0 4px
+            transform rotate(45deg)
+            border-radius 3px
+            background #458
+        input#idoc_nav:checked ~ section label:after
+            margin -3px 4px 0 4px
+            transform rotate(-45deg)
+            border-radius 3px
+            background #458
+        input#idoc_nav:checked ~ .menu_tree
+            display block
+            ul
+                width 100%
+                opacity 1
+                position relative
+                transition all 0.6s
+                padding-bottom 10px
+                display block
+                height inherit
+                li.active
+                    line-height 36px
+                    a
+                        line-height 36px
+                        height 36px
+                        background-color #D7D7D7
+                li
+                    float initial
+                    line-height 30px
+                    &:hover
+                        background transparent
+                    &:hover > ul
+                        box-shadow #fff 0 0 0 0
+                    ul
+                        display block
+                        position inherit
+                        border-radius 0
+                        float inherit
+                        background #EEE
+                        padding-left 7px
+                        padding-bottom 0px
+                        li
+                            display inline-block
+@media mq-mobile
+    .navbar
+        z-index: 2
+        background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%)
+
+        section.idoc_nav_btn
+            position relative
+            transition all 0.6s
+            z-index 999
+            display block
+            label
+                position fixed
+                display block
+                right 7px
+                top 10px
+                cursor pointer
+                z-index 99
+                width 26px
+                height 26px
+                overflow hidden
+                span,&:after,&:before
+                    content ''
+                    display block
+                    height 3px
+                    background #333
+                    margin 4px 4px 0 4px
+                    transform rotate(0deg)
+                    transition all 0.6s
+        .menu_tree
+            transition all 0.6s
+            background #fff
+            position relative
+            width 100%
+            // display none
+            ul
+                opacity 0
+                height 0
+                overflow hidden
+                display block
+                transition all 0.6s
+        input#idoc_nav:checked ~ section label span
+            display none
+        input#idoc_nav:checked ~ section label:before
+            margin 12px 4px 0 4px
+            transform rotate(45deg)
+            border-radius 3px
+            background #458
+        input#idoc_nav:checked ~ section label:after
+            margin -3px 4px 0 4px
+            transform rotate(-45deg)
+            border-radius 3px
+            background #458
+        input#idoc_nav:checked ~ .menu_tree
+            display block
+            ul
+                width 100%
+                opacity 1
+                position relative
+                transition all 0.6s
+                padding-bottom 10px
+                display block
+                height inherit
+                li.active
+                    line-height 36px
+                    a
+                        line-height 36px
+                        height 36px
+                        background-color #D7D7D7
+                li
+                    float initial
+                    line-height 30px
+                    &:hover
+                        background transparent
+                    &:hover > ul
+                        box-shadow #fff 0 0 0 0
+                    ul
+                        display block
+                        position inherit
+                        border-radius 0
+                        float inherit
+                        background #EEE
+                        padding-left 7px
+                        padding-bottom 0px
+                        li
+                            display inline-block

package/theme/doc/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/doc/source/css/_partial/markdown.styl

@@ -0,0 +1,121 @@
+
+.markdown-body
+    padding: 30px 35px 30px 0
+    word-wrap: break-word
+    font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif
+    font-size: 18px
+    line-height: 1.5em
+    color:#333
+    @media mq-mobile
+        padding-right 0
+    &>*: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: 5px
+        overflow: auto
+        background-color: #f7f7f9
+        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/doc/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/doc/source/css/_partial/variables.styl

@@ -0,0 +1,10 @@
+// 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
+nav-height = 49px