├── .gitignore
├── LICENSE
├── README.md
├── _config.yml
├── layout
├── _widget
│ ├── archive.ejs
│ ├── category.ejs
│ ├── recent_posts.ejs
│ ├── tag.ejs
│ └── tagcloud.ejs
├── about.ejs
├── archive.ejs
├── casper
│ ├── about.ejs
│ ├── after_all.ejs
│ ├── archive.ejs
│ ├── categories.ejs
│ ├── cnzz.ejs
│ ├── footer.ejs
│ ├── head.ejs
│ ├── header.ejs
│ ├── index.ejs
│ ├── layout.txt
│ ├── post.ejs
│ ├── post
│ │ ├── comments.ejs
│ │ ├── duoshuo.ejs
│ │ ├── duoshuo2.ejs
│ │ ├── eggs.ejs
│ │ ├── mathjax.ejs
│ │ ├── meta.ejs
│ │ └── navigation.ejs
│ └── tags.ejs
├── categories.ejs
├── category.ejs
├── index.ejs
├── layout.ejs
├── links.ejs
├── page.ejs
├── post.ejs
├── tag.ejs
└── tags.ejs
├── package.json
├── source
├── css
│ ├── NVicons.css
│ ├── all.styl
│ ├── animate.css
│ ├── bootstrap.min.css
│ ├── font-awesome.min.css
│ ├── ie8.css
│ ├── slidebars.min.css
│ └── syntax.styl
├── fonts
│ ├── FontAwesome.otf
│ ├── NViconsLib2.eot
│ ├── NViconsLib2.svg
│ ├── NViconsLib2.ttf
│ ├── NViconsLib2.woff
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.svg
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
├── highlightjs
│ ├── arta.css
│ ├── ascetic.css
│ ├── brown_paper.css
│ ├── brown_papersq.png
│ ├── dark.css
│ ├── default.css
│ ├── docco.css
│ ├── far.css
│ ├── foundation.css
│ ├── github.css
│ ├── googlecode.css
│ ├── idea.css
│ ├── ir_black.css
│ ├── magula.css
│ ├── mono-blue.css
│ ├── monokai.css
│ ├── monokai_sublime.css
│ ├── obsidian.css
│ ├── pojoaque.css
│ ├── pojoaque.jpg
│ ├── railscasts.css
│ ├── rainbow.css
│ ├── school_book.css
│ ├── school_book.png
│ ├── solarized_dark.css
│ ├── solarized_light.css
│ ├── sunburst.css
│ ├── tomorrow-night-blue.css
│ ├── tomorrow-night-bright.css
│ ├── tomorrow-night-eighties.css
│ ├── tomorrow-night.css
│ ├── tomorrow.css
│ ├── vs.css
│ ├── xcode.css
│ └── zenburn.css
├── img
│ └── favicon.ico
├── js
│ ├── config.js
│ ├── dist
│ │ └── base.min.js
│ ├── layer.js
│ ├── lib
│ │ ├── html5shiv.min.js
│ │ ├── jquery-1.11.1.min.js
│ │ ├── jquery.qrcode.min.js
│ │ ├── layer.js
│ │ ├── nicescroll.js
│ │ ├── plugins.min.js
│ │ ├── respond.min.js
│ │ ├── skin
│ │ │ ├── default
│ │ │ │ ├── icon-ext.png
│ │ │ │ ├── icon.png
│ │ │ │ ├── loading-0.gif
│ │ │ │ ├── loading-1.gif
│ │ │ │ └── loading-2.gif
│ │ │ ├── layer.css
│ │ │ └── layer.ext.css
│ │ └── sw.js
│ ├── scripts.js
│ └── snow.js
└── scss
│ ├── _basic-color.scss
│ ├── archive.scss
│ ├── footer.scss
│ ├── global.scss
│ ├── header.scss
│ ├── homepage.scss
│ ├── index.scss
│ ├── post.scss
│ ├── projects.scss
│ ├── slidebar.scss
│ ├── toc.scss
│ └── variable.scss
├── webpack.config.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | Thumbs.db
3 | node_modules/
4 | source/project
5 | npm-debug.log
6 | source/build/**/*
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # TKL-REVISION
2 | TKL-REVISION is a responsive design theme for Hexo. It's was based on [TKL](https://github.com/SuperKieran/TKL) and reference some [Next](https://github.com/iissnan/hexo-theme-next) features.(At this time, It's still not good enough for other to use, because I don't finished the custom configuration yet, so u need know some code skills to modify it, if u don't mind, u can try to use this theme)
3 |
4 | ### Install
5 | modify theme in `_config.yml`.
6 |
7 | Switch to the hexo directory and run `npm install hexo-wordcount --save`.
8 |
9 | ```
10 | If u like the original version:
11 | git clone https://github.com/SuperKieran/TKL.git
12 |
13 | ```
14 |
15 | ### Update
16 | Execute the following command to update TKL.
17 | ```
18 | cd themes/TKL-REVISION
19 | git pull
20 | ```
21 | ### Build
22 |
23 | This theme is base on Sass and jQuery and use gulp to build it. If u want to change this theme's style. Maybe u should know these skills.
24 |
25 | ### Gulpfile
26 | [File](https://gist.github.com/yangzj1992/97a4c31f5596d45eb0df3cc32d707e7b)
27 |
28 | ### File Directory
29 | - layout (include every pages content)
30 | - source (include static resource)
31 |
32 | ### Screen
33 | Show
34 | 
35 |
36 | Content
37 | 
38 |
39 | Article
40 | 
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | # config
2 | title: 青春样 | yangzj1992's blog
3 | subtitle:
4 | author: yangzj1992
5 | language: zh-Hans
6 | email: yangzj1992@qq.com #联系邮箱
7 | url: http://www.qcyoung.com
8 |
9 | logo: https://yangzj1992-1251901721.cos.ap-beijing.myqcloud.com/images/TKL/logo.png
10 | logoc: https://yangzj1992-1251901721.cos.ap-beijing.myqcloud.com/images/TKL/oursbrun.png
11 | top_saying:
12 | - title: GLAD TO SEE U, WELCOME TO YANGZJ1992 'S BLOG.
13 | - content: 每一个不曾起舞的日子都是对生命的辜负 —— 尼采 《查拉图斯特拉如是说》
14 | bottom_saying: 奇迹每天都在发生 (Miracles happen every day) —— 《阿甘正传》
15 | theme_pics_server: https://yangzj1992-1251901721.cos.ap-beijing.myqcloud.com/images/
16 | # Content
17 | excerpt_link: Read More
18 |
19 | rss: /atom.xml
20 |
21 | highlightjs: vs
22 |
23 | #Works
24 | works:
25 | # - works_name: AAA
26 | # works_url: /
27 | # - works_name: BBB
28 | # works_url: /atom.xml
29 |
30 | #duoshuo name
31 | duoshuo_shortname: yangzj1992
32 |
33 | # Disqus
34 | disqus_shortname: yangzj1992
35 |
36 | # Miscellaneous
37 | GitHub: https://github.com/yangzj1992
38 | Twitter: https://twitter.com/yangzj1992
39 | Weibo: http://weibo.com/yangzj1992
40 | ZhiHu: http://www.zhihu.com/people/yangzj1992
41 | Shanbay: http://www.shanbay.com/bdc/review/progress/954313
42 | Segmentfault: http://segmentfault.com/u/yangzj1992
43 | Google: https://profiles.google.com/103095542128057560598
44 | Baidu: http://www.baidu.com/p/yangzj1992
45 |
46 | #Links
47 | links:
48 | - name: Contributions
49 | link: https://opensourcecontributo.rs/user/yangzj1992
50 | description: GitHub contributions
51 | - name: Links
52 | link: http://www.qcyoung.com/links
53 | description: Friend Sites
54 | - name: Life
55 | link: http://www.qcyoung.com/categories/%E6%88%91%E7%9A%84%E7%94%9F%E6%B4%BB/
56 | description: Work life
57 |
58 | friendlinks:
59 | personal:
60 | - name: Kieran
61 | link: http://go.kieran.top/
62 | description: 最初主题原创者
63 | - name: DIYgod
64 | link: https://www.anotherhome.net/
65 | description: Write the Code. Change the World.
66 | - name: Xcat Liu
67 | link: http://blog.xcatliu.com/
68 | description: A cat who writes code
69 | - name: 寿百年
70 | link: http://www.pddjs.com/
71 | description: pddjs
72 | - name: 朱嘉伟
73 | link: http://buzhundong.com/
74 | description: 单曲循环 | ΒΙΟG
75 | - name: 个人博客导航
76 | link: http://blog.yiyeti.cc/hexo.html
77 | description: 为个人博客爱好者打造的资源导航站
78 | - name: Cube Drone
79 | link: http://cube-drone.com/
80 | description: Comics about Code
81 | - name: 在路上
82 | link: http://www.crifan.com/
83 | description: 走别人没走过的路,让别人有路可走
84 | - name: 十年踪迹的博客
85 | link: https://www.h5jun.com/
86 | description: 专注于前端开发
87 | - name: 阮一峰的网络日志
88 | link: http://www.ruanyifeng.com/blog/
89 | description: 阮一峰的网络日志
90 |
91 | organization:
92 | - name: USTB
93 | link: http://www.ustb.edu.cn/
94 | description: 我的大学
95 | - name: 美菜网
96 | link: http://meicai.cn/
97 | description: First Job
98 | - name: AlloyTeam
99 | link: http://www.alloyteam.com/
100 | description: 腾讯全端 AlloyTeam 团队 Blog
101 | - name: 「凹凸实验室」
102 | link: https://aotu.io/index.html
103 | description: 凹凸实验室 OPEN ORIENTED
104 | - name: CSS-Tricks
105 | link: https://css-tricks.com/
106 | description: CSS Tips/Tricks/Techniques
107 | - name: FEX - FEX
108 | link: http://fex.baidu.com/
109 | description: FEX_百度前端研发部
110 | - name: Taobao FED
111 | link: http://taobaofed.org/
112 | description: 用技术为体验提供无限可能
113 | - name: 众成翻译
114 | link: https://www.zcfy.cc/
115 | description: 奇舞团维护的技术翻译社区
116 | - name: 大搜车前端团队博客
117 | link: http://f2e.souche.com/blog/
118 | description: 相信技术改变世界,这里是我们的点滴思考和总结。
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 | #Project
130 | projects:
131 | - name: 掘金翻译计划
132 | link: https://github.com/xitu/gold-miner/wiki/%E8%AF%91%E8%80%85%E7%A7%AF%E5%88%86%E8%A1%A8
133 | - name: 众成翻译
134 | link: http://zcfy.cc/@yangzj1992/article
135 | # - name: Resume
136 | # link: http://www.qcyoung.com/project/resume
137 |
138 | #Analytics
139 | cnzz: true
140 | cnzzaccount: 1000263347
141 |
142 |
--------------------------------------------------------------------------------
/layout/_widget/archive.ejs:
--------------------------------------------------------------------------------
1 | <% if (site.posts.length){ %>
2 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
102 |
103 |
129 |
130 |
131 |
132 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
163 |
164 |
--------------------------------------------------------------------------------
/layout/casper/index.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | <% page.posts.each(function(post) { %>
8 |
9 |
10 |
13 |
14 | <% if (post.excerpt){ %>
15 | <%- post.excerpt %>
16 | <% } else { %>
17 | <%- post.content.replace(/<(?:.|\n)*?>/gm, '').substr(0, 220) %>
18 | <% } %>
19 |
20 | <% if (theme.excerpt_link) { %>
21 |
22 | <%- partial('post/meta', {post: post}) %>
23 |
24 |
25 | <%= theme.excerpt_link %>...
26 |
27 | <% } %>
28 |
29 |
30 |
31 |
32 | <% }); %>
33 |
41 |
42 |
43 |
44 |
45 |
46 |
<%- theme.bottom_saying %>
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/layout/casper/layout.txt:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
12 |
13 |
14 | <%- partial('casper/head') %>
15 |
20 |
21 |
22 | <%- partial('casper/header') %>
23 | <%- body %>
24 | <%- partial('casper/footer') %>
25 | <%- partial('casper/after_all') %>
26 |
27 |
28 |
--------------------------------------------------------------------------------
/layout/casper/post.ejs:
--------------------------------------------------------------------------------
1 | <% permalink = config.url + config.root + post.path %>
2 |
3 |
4 |
5 | <% if (!post.toc){ %>
6 |
7 | 目录
8 | <%- toc(post.content) %>
9 |
10 | <% } %>
11 |
12 |
13 |
<%- post.title %>
14 |
19 |
20 |
21 |
22 |
23 | <%- post.content %>
24 |
25 |
本文版权归 yangzj1992 所有。来源青春样博客(qcyoung.com),商业转载请联系本人获得授权,非商业转载请注明出处。
26 |
27 |
28 |
29 |
30 |
31 |
32 | 源码
33 |
34 |
35 |
36 |
37 | <% if (post.tags && post.tags.length){ %>
38 | <% count = post.tags.length %>
39 | <% post.tags.forEach(function(tag, index) { %>
40 | <%= tag.name %>
41 | <% if (count !== index+1) { %><% } %>
42 | <% }); %>
43 | <% } %>
44 |
45 |
46 |
47 |
48 | 次阅读
49 |
50 |
51 |
52 |
53 | 打赏
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 | <%- partial('post/navigation') %>
79 |
80 |
83 |
84 |
85 |
86 | <% if (page.mathjax){ %>
87 | <%- partial('post/mathjax') %>
88 | <% } %>
89 |
90 |
--------------------------------------------------------------------------------
/layout/casper/post/comments.ejs:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/layout/casper/post/duoshuo.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
--------------------------------------------------------------------------------
/layout/casper/post/duoshuo2.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
16 |
--------------------------------------------------------------------------------
/layout/casper/post/eggs.ejs:
--------------------------------------------------------------------------------
1 |
| 快捷方式说明 |
---|
? | 打开彩蛋说明 |
gs | 定焦到搜索框 |
ga | 打开归档页 |
gc | 打开目录页 |
gt | 打开标签页 |
--------------------------------------------------------------------------------
/layout/casper/post/mathjax.ejs:
--------------------------------------------------------------------------------
1 |
8 |
16 |
--------------------------------------------------------------------------------
/layout/casper/post/meta.ejs:
--------------------------------------------------------------------------------
1 |
2 |
5 | <% if (post.tags && post.tags.length){ %>
6 | <% count = post.tags.length %> | <% post.tags.forEach(function(tag, index) { %>
7 | <%= tag.name %>
8 | <% if (count !== index+1) { %>,<% } %>
9 | <% }); %>
10 | <% } %>
11 | |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/layout/casper/post/navigation.ejs:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/layout/casper/tags.ejs:
--------------------------------------------------------------------------------
1 | <%
2 | title = "标签";
3 | %>
4 | <% if (pagination == 2){ %>
5 | <% page.posts.each(function(item){ %>
6 | <%- partial('article', {item: item, index: true}) %>
7 | <% }); %>
8 | <%- partial('pagination') %>
9 | <% } else { %>
10 |
11 |
12 |
13 |
14 |
15 |
<%= title %>
16 | <%- list_tags() %>
17 |
18 |
19 |
20 |
21 | <% var i=0 %>
22 | <% site.posts.sort('date','desc').each(function(item){ %>
23 | <% if(i==4){ %>
24 |
25 | <% i=0 %>
26 | <% } %>
27 | <% i++ %>
28 |
50 | <% }); %>
51 |
52 |
53 |
54 |
55 |
56 | <% } %>
57 |
58 |
59 |
60 |
<%- theme.bottom_saying %>
61 |
62 |
63 |
64 |
--------------------------------------------------------------------------------
/layout/categories.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/categories', {pagination: config.categories}) %>
--------------------------------------------------------------------------------
/layout/category.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/archive', {pagination: config.category}) %>
--------------------------------------------------------------------------------
/layout/index.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/index') %>
2 |
--------------------------------------------------------------------------------
/layout/layout.ejs:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
12 |
13 |
14 | <%- partial('casper/head') %>
15 |
20 |
21 |
22 | <%- partial('casper/header') %>
23 | <%- body %>
24 | <%- partial('casper/footer') %>
25 | <%- partial('casper/after_all') %>
26 |
27 |
28 |
--------------------------------------------------------------------------------
/layout/links.ejs:
--------------------------------------------------------------------------------
1 | <%
2 | title = "友链";
3 | %>
4 |
5 |
6 |
7 |
欢迎留言交换友链,希望你的博客能够偏技术向、有趣有物、时常更新即可。
8 | <% if (theme.friendlinks.personal && theme.friendlinks.personal.length){ %>
9 |
个人站点
10 |
11 | <% theme.friendlinks.personal.forEach(function(item){ %>
12 |
18 | <% }); %>
19 |
20 | <% } %>
21 | <% if (theme.friendlinks.organization && theme.friendlinks.organization.length){ %>
22 |
优秀组织站点
23 |
24 | <% theme.friendlinks.organization.forEach(function(item){ %>
25 |
31 | <% }); %>
32 |
33 | <% } %>
34 |
35 |
36 |
37 |
38 |
39 |
40 |
<%- theme.bottom_saying %>
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/layout/page.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/about', {post: page}) %>
2 |
--------------------------------------------------------------------------------
/layout/post.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/post', {post: page}) %>
2 |
--------------------------------------------------------------------------------
/layout/tag.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/archive', {pagination: config.tag}) %>
--------------------------------------------------------------------------------
/layout/tags.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('casper/tags', {pagination: config.tags}) %>
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tkl-revision",
3 | "version": "1.0.0",
4 | "description": "TKL-REVISION is a responsive design theme for Hexo. It's was based on TKL and reference some Next features.(It's still not good for other to use it, if u don't mind it, u can try to use this theme)",
5 | "main": "index.js",
6 | "scripts": {
7 | "dev": "webpack --profile --display-error-details --colors --watch",
8 | "build": "export NODE_ENV=prod&&webpack --profile --display-error-details --colors",
9 | "test": "echo \"Error: no test specified\" && exit 1"
10 | },
11 | "repository": {
12 | "type": "git",
13 | "url": "git+https://github.com/yangzj1992/TKL-REVISION.git"
14 | },
15 | "author": "yangzj1992",
16 | "license": "MIT",
17 | "bugs": {
18 | "url": "https://github.com/yangzj1992/TKL-REVISION/issues"
19 | },
20 | "homepage": "https://github.com/yangzj1992/TKL-REVISION#readme",
21 | "devDependencies": {
22 | "babel-core": "^6.23.1",
23 | "babel-loader": "^6.3.2",
24 | "babel-plugin-syntax-dynamic-import": "^6.18.0",
25 | "babel-plugin-transform-object-rest-spread": "^6.23.0",
26 | "babel-plugin-transform-runtime": "^6.23.0",
27 | "babel-preset-es2015": "^6.22.0",
28 | "clean-webpack-plugin": "^1.0.0",
29 | "css-loader": "^0.26.1",
30 | "cz-conventional-changelog": "^1.1.6",
31 | "ejs-compiled-loader": "^1.1.0",
32 | "ejs-loader": "^0.3.0",
33 | "ejs-render-loader": "^1.0.0",
34 | "eslint": "^2.9.0",
35 | "eslint-config-airbnb": "^8.0.0",
36 | "eslint-plugin-import": "^1.6.1",
37 | "eslint-plugin-jsx-a11y": "^1.0.4",
38 | "eslint-plugin-react": "^5.0.1",
39 | "extract-text-webpack-plugin": "^2.0.0-rc.3",
40 | "file-loader": "^0.10.0",
41 | "html-webpack-plugin": "^2.28.0",
42 | "image-loader": "0.0.1",
43 | "node-sass": "^4.5.0",
44 | "raw-loader": "^0.5.1",
45 | "sass-loader": "^6.0.2",
46 | "style-loader": "^0.13.1",
47 | "stylus-loader": "^2.5.0",
48 | "url-loader": "^0.5.7",
49 | "webpack": "^2.2.1"
50 | },
51 | "config": {
52 | "commitizen": {
53 | "path": "./node_modules/cz-conventional-changelog"
54 | }
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/source/css/all.styl:
--------------------------------------------------------------------------------
1 | @import 'bootstrap.min.css'
2 | @import 'slidebars.min.css'
3 |
4 | @import 'syntax'
5 | @import 'NVicons.css'
6 | @import 'font-awesome.min.css'
7 |
--------------------------------------------------------------------------------
/source/css/animate.css:
--------------------------------------------------------------------------------
1 | /*
2 | Animate.css - http://daneden.me/animate
3 | LICENSED UNDER THE MIT LICENSE (MIT)
4 |
5 | Copyright (c) 2011 Dan Eden
6 |
7 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
8 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
10 | */
11 |
12 | /* NOTES from ThemesCollective
13 | *
14 | * Custom build of the necessary animations needed for franco html template.
15 | * The full range of animations can be found in the 'animations' folder in your template package.
16 | *
17 | */
18 |
19 | /* ThemesCollective Note: CURRENT ANIMATIONS
20 | * We have only included the four animations we have used here, (fadeInUp, fadeInRight, fadeInLeft & fadeInLeftBig), instead of the whole library for better page-load times. Add more to this file if you need require other animation types. The full library is included in your template package, in the 'libs' folder. You can also visit the plugin authors' site, http://daneden.me/animate for more options.
21 | */
22 |
23 | .animated {
24 | -webkit-animation-duration: 1s;
25 | -moz-animation-duration: 1s;
26 | -ms-animation-duration: 1s;
27 | -o-animation-duration: 1s;
28 | animation-duration: 1s;
29 | -webkit-animation-fill-mode: both;
30 | -moz-animation-fill-mode: both;
31 | -ms-animation-fill-mode: both;
32 | -o-animation-fill-mode: both;
33 | animation-fill-mode: both;
34 | }
35 |
36 | /* fadeInUp */
37 |
38 | @-webkit-keyframes fadeInUp {
39 | 0% {
40 | opacity: 0;
41 | -webkit-transform: translateY(20px);
42 | }
43 |
44 | 100% {
45 | opacity: 1;
46 | -webkit-transform: translateY(0);
47 | }
48 | }
49 |
50 | @-moz-keyframes fadeInUp {
51 | 0% {
52 | opacity: 0;
53 | -moz-transform: translateY(20px);
54 | }
55 |
56 | 100% {
57 | opacity: 1;
58 | -moz-transform: translateY(0);
59 | }
60 | }
61 |
62 | @-ms-keyframes fadeInUp {
63 | 0% {
64 | opacity: 0;
65 | -ms-transform: translateY(20px);
66 | }
67 |
68 | 100% {
69 | opacity: 1;
70 | -ms-transform: translateY(0);
71 | }
72 | }
73 |
74 | @-o-keyframes fadeInUp {
75 | 0% {
76 | opacity: 0;
77 | -o-transform: translateY(20px);
78 | }
79 |
80 | 100% {
81 | opacity: 1;
82 | -o-transform: translateY(0);
83 | }
84 | }
85 |
86 | @keyframes fadeInUp {
87 | 0% {
88 | opacity: 0;
89 | transform: translateY(20px);
90 | }
91 |
92 | 100% {
93 | opacity: 1;
94 | transform: translateY(0);
95 | }
96 | }
97 |
98 | .fadeInUp {
99 | -webkit-animation-name: fadeInUp;
100 | -moz-animation-name: fadeInUp;
101 | -ms-animation-name: fadeInUp;
102 | -o-animation-name: fadeInUp;
103 | animation-name: fadeInUp;
104 | }
105 |
106 | /* fadeInRight */
107 |
108 | @-webkit-keyframes fadeInRight {
109 | 0% {
110 | opacity: 0;
111 | -webkit-transform: translateX(20px);
112 | }
113 |
114 | 100% {
115 | opacity: 1;
116 | -webkit-transform: translateX(0);
117 | }
118 | }
119 |
120 | @-moz-keyframes fadeInRight {
121 | 0% {
122 | opacity: 0;
123 | -moz-transform: translateX(20px);
124 | }
125 |
126 | 100% {
127 | opacity: 1;
128 | -moz-transform: translateX(0);
129 | }
130 | }
131 |
132 | @-ms-keyframes fadeInRight {
133 | 0% {
134 | opacity: 0;
135 | -ms-transform: translateX(20px);
136 | }
137 |
138 | 100% {
139 | opacity: 1;
140 | -ms-transform: translateX(0);
141 | }
142 | }
143 |
144 | @-o-keyframes fadeInRight {
145 | 0% {
146 | opacity: 0;
147 | -o-transform: translateX(20px);
148 | }
149 |
150 | 100% {
151 | opacity: 1;
152 | -o-transform: translateX(0);
153 | }
154 | }
155 |
156 | @keyframes fadeInRight {
157 | 0% {
158 | opacity: 0;
159 | transform: translateX(20px);
160 | }
161 |
162 | 100% {
163 | opacity: 1;
164 | transform: translateX(0);
165 | }
166 | }
167 |
168 | .fadeInRight {
169 | -webkit-animation-name: fadeInRight;
170 | -moz-animation-name: fadeInRight;
171 | -ms-animation-name: fadeInRight;
172 | -o-animation-name: fadeInRight;
173 | animation-name: fadeInRight;
174 | }
175 |
176 | /* fadeInLeft */
177 |
178 | @-webkit-keyframes fadeInLeft {
179 | 0% {
180 | opacity: 0;
181 | -webkit-transform: translateX(-20px);
182 | transform: translateX(-20px);
183 | }
184 |
185 | 100% {
186 | opacity: 1;
187 | -webkit-transform: translateX(0);
188 | transform: translateX(0);
189 | }
190 | }
191 |
192 | @keyframes fadeInLeft {
193 | 0% {
194 | opacity: 0;
195 | -webkit-transform: translateX(-20px);
196 | -ms-transform: translateX(-20px);
197 | transform: translateX(-20px);
198 | }
199 |
200 | 100% {
201 | opacity: 1;
202 | -webkit-transform: translateX(0);
203 | -ms-transform: translateX(0);
204 | transform: translateX(0);
205 | }
206 | }
207 |
208 | .fadeInLeft {
209 | -webkit-animation-name: fadeInLeft;
210 | animation-name: fadeInLeft;
211 | }
212 |
213 | /* fadeInLeftBig */
214 |
215 | @-webkit-keyframes fadeInLeftBig {
216 | 0% {
217 | opacity: 0;
218 | -webkit-transform: translate3d(-2000px, 0, 0);
219 | transform: translate3d(-2000px, 0, 0);
220 | }
221 |
222 | 100% {
223 | opacity: 1;
224 | -webkit-transform: none;
225 | transform: none;
226 | }
227 | }
228 |
229 | @keyframes fadeInLeftBig {
230 | 0% {
231 | opacity: 0;
232 | -webkit-transform: translate3d(-2000px, 0, 0);
233 | -ms-transform: translate3d(-2000px, 0, 0);
234 | transform: translate3d(-2000px, 0, 0);
235 | }
236 |
237 | 100% {
238 | opacity: 1;
239 | -webkit-transform: none;
240 | -ms-transform: none;
241 | transform: none;
242 | }
243 | }
244 |
245 | .fadeInLeftBig {
246 | -webkit-animation-name: fadeInLeftBig;
247 | animation-name: fadeInLeftBig;
248 | }
249 |
--------------------------------------------------------------------------------
/source/css/ie8.css:
--------------------------------------------------------------------------------
1 | /* IE8 Template Styles & Fixes */
2 |
3 | /* Polyfill for full-scale background images in IE */
4 | #hero,
5 | #fallback,
6 | .element-img,
7 | #featured .featured-item,
8 | .overview-img,
9 | #page-header {
10 | background-size: cover;
11 | -ms-behavior: url(includes/backgroundsize.min.htc);
12 | behavior: url(includes/backgroundsize.min.htc);
13 | }
14 | .wow {
15 | visibility: visible !important;
16 | }
17 |
18 | #page-header {
19 | width: 100%
20 | }
21 |
22 | html.sb-init.sb-active.sb-active-right,
23 | html.sb-init.sb-active.sb-active-right #featured a,
24 | html.sb-init.sb-active.sb-active-right ul.filters li p,
25 | html.sb-init.sb-active.sb-active-right #projects .projects .label-text h3 a {
26 | cursor: default;
27 | }
28 | /* For further info on how to select rgba compatible values for IE8, see > http://css-tricks.com/rgba-browser-support/ */
29 | .navbar-inner.lightnav-alt,
30 | #blog-post .navbar-inner {
31 | background:transparent;
32 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
33 | zoom: 1;
34 | }
35 | #featured a.meta {
36 | background:transparent;
37 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
38 | zoom: 1;
39 | position: absolute;
40 | top: 0;
41 | bottom: 0;
42 | left: 0;
43 | right: 0;
44 | }
45 | #featured a.meta:hover {
46 | background:transparent;
47 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
48 | zoom: 1;
49 | }
50 | .map-cover {
51 | background:transparent;
52 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3131313,endColorstr=#B3131313);
53 | zoom: 1;
54 | }
--------------------------------------------------------------------------------
/source/css/slidebars.min.css:
--------------------------------------------------------------------------------
1 | // /* Slidebars 0.10.2 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
2 | #sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right}.sb-hide{display:none}
3 |
--------------------------------------------------------------------------------
/source/css/syntax.styl:
--------------------------------------------------------------------------------
1 | .entry
2 | .gist
3 | background #eee
4 | border 1px solid color-border
5 | margin-top 15px
6 | padding 7px 15px
7 | border-radius 2px
8 | text-shadow 0 0 1px #fff
9 | line-height 1.6
10 | overflow auto
11 | color #666
12 | .gist-file
13 | border none
14 | font-family inherit
15 | margin 0
16 | font-size 0.9em
17 | .gist-data
18 | background none
19 | border-bottom none
20 | pre
21 | padding 0 !important
22 | font-family font-mono
23 |
24 | .gist-meta
25 | background none
26 | color color-meta
27 | margin-top 5px
28 | padding 0
29 | text-shadow 0 0 1px #fff
30 | font-size 100%
31 | a
32 | color color-link
33 | &:visited
34 | color color-link
35 |
36 | figure.highlight
37 | background #f5f5f5
38 | border 1px solid color-border
39 | margin-top 15px
40 | //padding 7px 15px
41 | padding 7px 15px 7px 10px
42 | border-radius 2px
43 | text-shadow 0 0 1px #fff
44 | line-height 1.6
45 | overflow auto
46 | position relative
47 | //font-size 0.9em
48 | font-size 1.0em
49 | font-family font-mono
50 | figcaption
51 | color color-meta
52 | margin-bottom 5px
53 | text-shadow 0 0 1px #fff
54 | a
55 | position absolute
56 | right 15px
57 |
58 | pre
59 | border none
60 | padding 0
61 | margin 0
62 |
63 | table
64 | margin-top 0
65 | border-spacing 0
66 |
67 | .gutter
68 | color color-meta
69 | //padding-right 15px
70 | padding-right 8px
71 | border-right 1px solid color-border
72 | text-align right
73 |
74 | .code
75 | //padding-left 15px
76 | padding-left 8px
77 | border-left 1px solid #fff
78 | color #666
79 |
80 | pre
81 | // Theme: Solarized - Light
82 | // More theme here: http://softwaremaniacs.org/media/soft/highlight/test.html
83 | .comment
84 | .template_comment
85 | .diff .header
86 | .doctype
87 | .pi
88 | .lisp .string
89 | .javadoc
90 | color #93a1a1
91 | font-style italic
92 |
93 | .keyword
94 | .winutils
95 | .method
96 | .addition
97 | .css .tag
98 | .request
99 | .status
100 | .nginx .title
101 | color #859900
102 |
103 | .number
104 | .command
105 | .string
106 | .tag .value
107 | .phpdoc
108 | .tex .formula
109 | .regexp
110 | .hexcolor
111 | color #2aa198
112 |
113 | .title
114 | .localvars
115 | .chunk
116 | .decorator
117 | .built_in
118 | .identifier
119 | .vhdl
120 | .literal
121 | .id
122 | color #268bd2
123 |
124 | .attribute
125 | .variable
126 | .lisp .body
127 | .smalltalk .number
128 | .constant
129 | .class .title
130 | .parent
131 | .haskell .type
132 | color #b58900
133 |
134 | .preprocessor
135 | .preprocessor .keyword
136 | .shebang
137 | .symbol
138 | .symbol .string
139 | .diff .change
140 | .special
141 | .attr_selector
142 | .important
143 | .subst
144 | .cdata
145 | .clojure .title
146 | color #cb4b16
147 |
148 | .deletion
149 | color #dc322f
--------------------------------------------------------------------------------
/source/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/source/fonts/NViconsLib2.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/NViconsLib2.eot
--------------------------------------------------------------------------------
/source/fonts/NViconsLib2.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/NViconsLib2.ttf
--------------------------------------------------------------------------------
/source/fonts/NViconsLib2.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/NViconsLib2.woff
--------------------------------------------------------------------------------
/source/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/source/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/source/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/source/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/source/highlightjs/arta.css:
--------------------------------------------------------------------------------
1 | /*
2 | Date: 17.V.2011
3 | Author: pumbur
4 | */
5 |
6 | pre code
7 | {
8 | display: block; padding: 0.5em;
9 | background: #222;
10 | }
11 |
12 | pre .profile .header *,
13 | pre .ini .title,
14 | pre .nginx .title
15 | {
16 | color: #fff;
17 | }
18 |
19 | pre .comment,
20 | pre .javadoc,
21 | pre .preprocessor,
22 | pre .preprocessor .title,
23 | pre .shebang,
24 | pre .profile .summary,
25 | pre .diff,
26 | pre .pi,
27 | pre .doctype,
28 | pre .tag,
29 | pre .template_comment,
30 | pre .css .rules,
31 | pre .tex .special
32 | {
33 | color: #444;
34 | }
35 |
36 | pre .string,
37 | pre .symbol,
38 | pre .diff .change,
39 | pre .regexp,
40 | pre .xml .attribute,
41 | pre .smalltalk .char,
42 | pre .xml .value,
43 | pre .ini .value,
44 | pre .clojure .attribute,
45 | pre .coffeescript .attribute
46 | {
47 | color: #ffcc33;
48 | }
49 |
50 | pre .number,
51 | pre .addition
52 | {
53 | color: #00cc66;
54 | }
55 |
56 | pre .built_in,
57 | pre .literal,
58 | pre .vhdl .typename,
59 | pre .go .constant,
60 | pre .go .typename,
61 | pre .ini .keyword,
62 | pre .lua .title,
63 | pre .perl .variable,
64 | pre .php .variable,
65 | pre .mel .variable,
66 | pre .django .variable,
67 | pre .css .funtion,
68 | pre .smalltalk .method,
69 | pre .hexcolor,
70 | pre .important,
71 | pre .flow,
72 | pre .inheritance,
73 | pre .parser3 .variable
74 | {
75 | color: #32AAEE;
76 | }
77 |
78 | pre .keyword,
79 | pre .tag .title,
80 | pre .css .tag,
81 | pre .css .class,
82 | pre .css .id,
83 | pre .css .pseudo,
84 | pre .css .attr_selector,
85 | pre .lisp .title,
86 | pre .clojure .built_in,
87 | pre .winutils,
88 | pre .tex .command,
89 | pre .request,
90 | pre .status
91 | {
92 | color: #6644aa;
93 | }
94 |
95 | pre .title,
96 | pre .ruby .constant,
97 | pre .vala .constant,
98 | pre .parent,
99 | pre .deletion,
100 | pre .template_tag,
101 | pre .css .keyword,
102 | pre .objectivec .class .id,
103 | pre .smalltalk .class,
104 | pre .lisp .keyword,
105 | pre .apache .tag,
106 | pre .nginx .variable,
107 | pre .envvar,
108 | pre .bash .variable,
109 | pre .go .built_in,
110 | pre .vbscript .built_in,
111 | pre .lua .built_in,
112 | pre .rsl .built_in,
113 | pre .tail,
114 | pre .avrasm .label,
115 | pre .tex .formula,
116 | pre .tex .formula *
117 | {
118 | color: #bb1166;
119 | }
120 |
121 | pre .yardoctag,
122 | pre .phpdoc,
123 | pre .profile .header,
124 | pre .ini .title,
125 | pre .apache .tag,
126 | pre .parser3 .title
127 | {
128 | font-weight: bold;
129 | }
130 |
131 | pre .coffeescript .javascript,
132 | pre .javascript .xml,
133 | pre .tex .formula,
134 | pre .xml .javascript,
135 | pre .xml .vbscript,
136 | pre .xml .css,
137 | pre .xml .cdata
138 | {
139 | opacity: 0.6;
140 | }
141 |
142 | pre code,
143 | pre .javascript,
144 | pre .css,
145 | pre .xml,
146 | pre .subst,
147 | pre .diff .chunk,
148 | pre .css .value,
149 | pre .css .attribute,
150 | pre .lisp .string,
151 | pre .lisp .number,
152 | pre .tail .params,
153 | pre .container,
154 | pre .haskell *,
155 | pre .erlang *,
156 | pre .erlang_repl *
157 | {
158 | color: #aaa;
159 | }
160 |
--------------------------------------------------------------------------------
/source/highlightjs/ascetic.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: white; color: black;
10 | }
11 |
12 | pre .string,
13 | pre .tag .value,
14 | pre .filter .argument,
15 | pre .addition,
16 | pre .change,
17 | pre .apache .tag,
18 | pre .apache .cbracket,
19 | pre .nginx .built_in,
20 | pre .tex .formula {
21 | color: #888;
22 | }
23 |
24 | pre .comment,
25 | pre .template_comment,
26 | pre .shebang,
27 | pre .doctype,
28 | pre .pi,
29 | pre .javadoc,
30 | pre .deletion,
31 | pre .apache .sqbracket {
32 | color: #CCC;
33 | }
34 |
35 | pre .keyword,
36 | pre .tag .title,
37 | pre .ini .title,
38 | pre .lisp .title,
39 | pre .clojure .title,
40 | pre .http .title,
41 | pre .nginx .title,
42 | pre .css .tag,
43 | pre .winutils,
44 | pre .flow,
45 | pre .apache .tag,
46 | pre .tex .command,
47 | pre .request,
48 | pre .status {
49 | font-weight: bold;
50 | }
51 |
--------------------------------------------------------------------------------
/source/highlightjs/brown_paper.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Brown Paper style from goldblog.com.ua (c) Zaripov Yura
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background:#b7a68e url(./brown_papersq.png);
10 | }
11 |
12 | pre .keyword,
13 | pre .literal,
14 | pre .change,
15 | pre .winutils,
16 | pre .flow,
17 | pre .lisp .title,
18 | pre .clojure .built_in,
19 | pre .nginx .title,
20 | pre .tex .special,
21 | pre .request,
22 | pre .status {
23 | color:#005599;
24 | font-weight:bold;
25 | }
26 |
27 | pre code,
28 | pre .subst,
29 | pre .tag .keyword {
30 | color: #363C69;
31 | }
32 |
33 | pre .string,
34 | pre .title,
35 | pre .haskell .type,
36 | pre .tag .value,
37 | pre .css .rules .value,
38 | pre .preprocessor,
39 | pre .ruby .symbol,
40 | pre .ruby .symbol .string,
41 | pre .ruby .class .parent,
42 | pre .built_in,
43 | pre .sql .aggregate,
44 | pre .django .template_tag,
45 | pre .django .variable,
46 | pre .smalltalk .class,
47 | pre .javadoc,
48 | pre .ruby .string,
49 | pre .django .filter .argument,
50 | pre .smalltalk .localvars,
51 | pre .smalltalk .array,
52 | pre .attr_selector,
53 | pre .pseudo,
54 | pre .addition,
55 | pre .stream,
56 | pre .envvar,
57 | pre .apache .tag,
58 | pre .apache .cbracket,
59 | pre .tex .number {
60 | color: #2C009F;
61 | }
62 |
63 | pre .comment,
64 | pre .java .annotation,
65 | pre .python .decorator,
66 | pre .template_comment,
67 | pre .pi,
68 | pre .doctype,
69 | pre .deletion,
70 | pre .shebang,
71 | pre .apache .sqbracket,
72 | pre .nginx .built_in,
73 | pre .tex .formula {
74 | color: #802022;
75 | }
76 |
77 | pre .keyword,
78 | pre .literal,
79 | pre .css .id,
80 | pre .phpdoc,
81 | pre .title,
82 | pre .haskell .type,
83 | pre .vbscript .built_in,
84 | pre .sql .aggregate,
85 | pre .rsl .built_in,
86 | pre .smalltalk .class,
87 | pre .diff .header,
88 | pre .chunk,
89 | pre .winutils,
90 | pre .bash .variable,
91 | pre .apache .tag,
92 | pre .tex .command {
93 | font-weight: bold;
94 | }
95 |
96 | pre .coffeescript .javascript,
97 | pre .javascript .xml,
98 | pre .tex .formula,
99 | pre .xml .javascript,
100 | pre .xml .vbscript,
101 | pre .xml .css,
102 | pre .xml .cdata {
103 | opacity: 0.8;
104 | }
105 |
--------------------------------------------------------------------------------
/source/highlightjs/brown_papersq.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/highlightjs/brown_papersq.png
--------------------------------------------------------------------------------
/source/highlightjs/dark.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Dark style from softwaremaniacs.org (c) Ivan Sagalaev
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #444;
10 | }
11 |
12 | pre .keyword,
13 | pre .literal,
14 | pre .change,
15 | pre .winutils,
16 | pre .flow,
17 | pre .lisp .title,
18 | pre .clojure .built_in,
19 | pre .nginx .title,
20 | pre .tex .special {
21 | color: white;
22 | }
23 |
24 | pre code,
25 | pre .subst {
26 | color: #DDD;
27 | }
28 |
29 | pre .string,
30 | pre .title,
31 | pre .haskell .type,
32 | pre .ini .title,
33 | pre .tag .value,
34 | pre .css .rules .value,
35 | pre .preprocessor,
36 | pre .ruby .symbol,
37 | pre .ruby .symbol .string,
38 | pre .ruby .class .parent,
39 | pre .built_in,
40 | pre .sql .aggregate,
41 | pre .django .template_tag,
42 | pre .django .variable,
43 | pre .smalltalk .class,
44 | pre .javadoc,
45 | pre .ruby .string,
46 | pre .django .filter .argument,
47 | pre .smalltalk .localvars,
48 | pre .smalltalk .array,
49 | pre .attr_selector,
50 | pre .pseudo,
51 | pre .addition,
52 | pre .stream,
53 | pre .envvar,
54 | pre .apache .tag,
55 | pre .apache .cbracket,
56 | pre .tex .command,
57 | pre .prompt,
58 | pre .coffeescript .attribute {
59 | color: #D88;
60 | }
61 |
62 | pre .comment,
63 | pre .java .annotation,
64 | pre .python .decorator,
65 | pre .template_comment,
66 | pre .pi,
67 | pre .doctype,
68 | pre .deletion,
69 | pre .shebang,
70 | pre .apache .sqbracket,
71 | pre .tex .formula {
72 | color: #777;
73 | }
74 |
75 | pre .keyword,
76 | pre .literal,
77 | pre .title,
78 | pre .css .id,
79 | pre .phpdoc,
80 | pre .haskell .type,
81 | pre .vbscript .built_in,
82 | pre .sql .aggregate,
83 | pre .rsl .built_in,
84 | pre .smalltalk .class,
85 | pre .diff .header,
86 | pre .chunk,
87 | pre .winutils,
88 | pre .bash .variable,
89 | pre .apache .tag,
90 | pre .tex .special,
91 | pre .request,
92 | pre .status {
93 | font-weight: bold;
94 | }
95 |
96 | pre .coffeescript .javascript,
97 | pre .javascript .xml,
98 | pre .tex .formula,
99 | pre .xml .javascript,
100 | pre .xml .vbscript,
101 | pre .xml .css,
102 | pre .xml .cdata {
103 | opacity: 0.5;
104 | }
105 |
--------------------------------------------------------------------------------
/source/highlightjs/default.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #F0F0F0;
10 | }
11 |
12 | pre code,
13 | pre .subst,
14 | pre .tag .title,
15 | pre .lisp .title,
16 | pre .clojure .built_in,
17 | pre .nginx .title {
18 | color: black;
19 | }
20 |
21 | pre .string,
22 | pre .title,
23 | pre .constant,
24 | pre .parent,
25 | pre .tag .value,
26 | pre .rules .value,
27 | pre .rules .value .number,
28 | pre .preprocessor,
29 | pre .haml .symbol,
30 | pre .ruby .symbol,
31 | pre .ruby .symbol .string,
32 | pre .aggregate,
33 | pre .template_tag,
34 | pre .django .variable,
35 | pre .smalltalk .class,
36 | pre .addition,
37 | pre .flow,
38 | pre .stream,
39 | pre .bash .variable,
40 | pre .apache .tag,
41 | pre .apache .cbracket,
42 | pre .tex .command,
43 | pre .tex .special,
44 | pre .erlang_repl .function_or_atom,
45 | pre .asciidoc .header,
46 | pre .markdown .header,
47 | pre .coffeescript .attribute {
48 | color: #800;
49 | }
50 |
51 | pre .comment,
52 | pre .annotation,
53 | pre .template_comment,
54 | pre .diff .header,
55 | pre .chunk,
56 | pre .asciidoc .blockquote,
57 | pre .markdown .blockquote {
58 | color: #888;
59 | }
60 |
61 | pre .number,
62 | pre .date,
63 | pre .regexp,
64 | pre .literal,
65 | pre .hexcolor,
66 | pre .smalltalk .symbol,
67 | pre .smalltalk .char,
68 | pre .go .constant,
69 | pre .change,
70 | pre .lasso .variable,
71 | pre .asciidoc .bullet,
72 | pre .markdown .bullet,
73 | pre .asciidoc .link_url,
74 | pre .markdown .link_url {
75 | color: #080;
76 | }
77 |
78 | pre .label,
79 | pre .javadoc,
80 | pre .ruby .string,
81 | pre .decorator,
82 | pre .filter .argument,
83 | pre .localvars,
84 | pre .array,
85 | pre .attr_selector,
86 | pre .important,
87 | pre .pseudo,
88 | pre .pi,
89 | pre .haml .bullet,
90 | pre .doctype,
91 | pre .deletion,
92 | pre .envvar,
93 | pre .shebang,
94 | pre .apache .sqbracket,
95 | pre .nginx .built_in,
96 | pre .tex .formula,
97 | pre .erlang_repl .reserved,
98 | pre .prompt,
99 | pre .asciidoc .link_label,
100 | pre .markdown .link_label,
101 | pre .vhdl .attribute,
102 | pre .clojure .attribute,
103 | pre .asciidoc .attribute,
104 | pre .lasso .attribute,
105 | pre .coffeescript .property {
106 | color: #88F
107 | }
108 |
109 | pre .keyword,
110 | pre .id,
111 | pre .title,
112 | pre .built_in,
113 | pre .aggregate,
114 | pre .css .tag,
115 | pre .javadoctag,
116 | pre .phpdoc,
117 | pre .yardoctag,
118 | pre .smalltalk .class,
119 | pre .winutils,
120 | pre .bash .variable,
121 | pre .apache .tag,
122 | pre .go .typename,
123 | pre .tex .command,
124 | pre .asciidoc .strong,
125 | pre .markdown .strong,
126 | pre .request,
127 | pre .status {
128 | font-weight: bold;
129 | }
130 |
131 | pre .asciidoc .emphasis,
132 | pre .markdown .emphasis {
133 | font-style: italic;
134 | }
135 |
136 | pre .nginx .built_in {
137 | font-weight: normal;
138 | }
139 |
140 | pre .coffeescript .javascript,
141 | pre .javascript .xml,
142 | pre .lasso .markup,
143 | pre .tex .formula,
144 | pre .xml .javascript,
145 | pre .xml .vbscript,
146 | pre .xml .css,
147 | pre .xml .cdata {
148 | opacity: 0.5;
149 | }
150 |
--------------------------------------------------------------------------------
/source/highlightjs/docco.css:
--------------------------------------------------------------------------------
1 | /*
2 | Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
3 | */
4 |
5 | pre code {
6 | display: block; padding: 0.5em;
7 | color: #000;
8 | background: #f8f8ff
9 | }
10 |
11 | pre .comment,
12 | pre .template_comment,
13 | pre .diff .header,
14 | pre .javadoc {
15 | color: #408080;
16 | font-style: italic
17 | }
18 |
19 | pre .keyword,
20 | pre .assignment,
21 | pre .literal,
22 | pre .css .rule .keyword,
23 | pre .winutils,
24 | pre .javascript .title,
25 | pre .lisp .title,
26 | pre .subst {
27 | color: #954121;
28 | }
29 |
30 | pre .number,
31 | pre .hexcolor {
32 | color: #40a070
33 | }
34 |
35 | pre .string,
36 | pre .tag .value,
37 | pre .phpdoc,
38 | pre .tex .formula {
39 | color: #219161;
40 | }
41 |
42 | pre .title,
43 | pre .id {
44 | color: #19469D;
45 | }
46 | pre .params {
47 | color: #00F;
48 | }
49 |
50 | pre .javascript .title,
51 | pre .lisp .title,
52 | pre .subst {
53 | font-weight: normal
54 | }
55 |
56 | pre .class .title,
57 | pre .haskell .label,
58 | pre .tex .command {
59 | color: #458;
60 | font-weight: bold
61 | }
62 |
63 | pre .tag,
64 | pre .tag .title,
65 | pre .rules .property,
66 | pre .django .tag .keyword {
67 | color: #000080;
68 | font-weight: normal
69 | }
70 |
71 | pre .attribute,
72 | pre .variable,
73 | pre .instancevar,
74 | pre .lisp .body {
75 | color: #008080
76 | }
77 |
78 | pre .regexp {
79 | color: #B68
80 | }
81 |
82 | pre .class {
83 | color: #458;
84 | font-weight: bold
85 | }
86 |
87 | pre .symbol,
88 | pre .ruby .symbol .string,
89 | pre .ruby .symbol .keyword,
90 | pre .ruby .symbol .keymethods,
91 | pre .lisp .keyword,
92 | pre .tex .special,
93 | pre .input_number {
94 | color: #990073
95 | }
96 |
97 | pre .builtin,
98 | pre .constructor,
99 | pre .built_in,
100 | pre .lisp .title {
101 | color: #0086b3
102 | }
103 |
104 | pre .preprocessor,
105 | pre .pi,
106 | pre .doctype,
107 | pre .shebang,
108 | pre .cdata {
109 | color: #999;
110 | font-weight: bold
111 | }
112 |
113 | pre .deletion {
114 | background: #fdd
115 | }
116 |
117 | pre .addition {
118 | background: #dfd
119 | }
120 |
121 | pre .diff .change {
122 | background: #0086b3
123 | }
124 |
125 | pre .chunk {
126 | color: #aaa
127 | }
128 |
129 | pre .tex .formula {
130 | opacity: 0.5;
131 | }
132 |
--------------------------------------------------------------------------------
/source/highlightjs/far.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | FAR Style (c) MajestiC
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #000080;
10 | }
11 |
12 | pre code,
13 | pre .subst {
14 | color: #0FF;
15 | }
16 |
17 | pre .string,
18 | pre .ruby .string,
19 | pre .haskell .type,
20 | pre .tag .value,
21 | pre .css .rules .value,
22 | pre .css .rules .value .number,
23 | pre .preprocessor,
24 | pre .ruby .symbol,
25 | pre .ruby .symbol .string,
26 | pre .built_in,
27 | pre .sql .aggregate,
28 | pre .django .template_tag,
29 | pre .django .variable,
30 | pre .smalltalk .class,
31 | pre .addition,
32 | pre .apache .tag,
33 | pre .apache .cbracket,
34 | pre .tex .command,
35 | pre .clojure .title,
36 | pre .coffeescript .attribute {
37 | color: #FF0;
38 | }
39 |
40 | pre .keyword,
41 | pre .css .id,
42 | pre .title,
43 | pre .haskell .type,
44 | pre .vbscript .built_in,
45 | pre .sql .aggregate,
46 | pre .rsl .built_in,
47 | pre .smalltalk .class,
48 | pre .xml .tag .title,
49 | pre .winutils,
50 | pre .flow,
51 | pre .change,
52 | pre .envvar,
53 | pre .bash .variable,
54 | pre .tex .special,
55 | pre .clojure .built_in {
56 | color: #FFF;
57 | }
58 |
59 | pre .comment,
60 | pre .phpdoc,
61 | pre .javadoc,
62 | pre .java .annotation,
63 | pre .template_comment,
64 | pre .deletion,
65 | pre .apache .sqbracket,
66 | pre .tex .formula {
67 | color: #888;
68 | }
69 |
70 | pre .number,
71 | pre .date,
72 | pre .regexp,
73 | pre .literal,
74 | pre .smalltalk .symbol,
75 | pre .smalltalk .char,
76 | pre .clojure .attribute {
77 | color: #0F0;
78 | }
79 |
80 | pre .python .decorator,
81 | pre .django .filter .argument,
82 | pre .smalltalk .localvars,
83 | pre .smalltalk .array,
84 | pre .attr_selector,
85 | pre .pseudo,
86 | pre .xml .pi,
87 | pre .diff .header,
88 | pre .chunk,
89 | pre .shebang,
90 | pre .nginx .built_in,
91 | pre .prompt {
92 | color: #008080;
93 | }
94 |
95 | pre .keyword,
96 | pre .css .id,
97 | pre .title,
98 | pre .haskell .type,
99 | pre .vbscript .built_in,
100 | pre .sql .aggregate,
101 | pre .rsl .built_in,
102 | pre .smalltalk .class,
103 | pre .winutils,
104 | pre .flow,
105 | pre .apache .tag,
106 | pre .nginx .built_in,
107 | pre .tex .command,
108 | pre .tex .special,
109 | pre .request,
110 | pre .status {
111 | font-weight: bold;
112 | }
113 |
--------------------------------------------------------------------------------
/source/highlightjs/foundation.css:
--------------------------------------------------------------------------------
1 | /*
2 | Description: Foundation 4 docs style for highlight.js
3 | Author: Dan Allen
4 | Website: http://foundation.zurb.com/docs/
5 | Version: 1.0
6 | Date: 2013-04-02
7 | */
8 |
9 | pre code {
10 | display: block; padding: 0.5em;
11 | background: #eee;
12 | }
13 |
14 | pre .decorator,
15 | pre .annotation {
16 | color: #000077;
17 | }
18 |
19 | pre .attribute {
20 | color: #070;
21 | }
22 |
23 | pre .value,
24 | pre .string,
25 | pre .scss .value .string {
26 | color: #d14;
27 | }
28 |
29 | pre .comment {
30 | color: #998;
31 | font-style: italic;
32 | }
33 |
34 | pre .function .title {
35 | color: #900;
36 | }
37 |
38 | pre .class {
39 | color: #458;
40 | }
41 |
42 | pre .id,
43 | pre .pseudo,
44 | pre .constant,
45 | pre .hexcolor {
46 | color: teal;
47 | }
48 |
49 | pre .variable {
50 | color: #336699;
51 | }
52 |
53 | pre .javadoc {
54 | color: #997700;
55 | }
56 |
57 | pre .pi,
58 | pre .doctype {
59 | color: #3344bb;
60 | }
61 |
62 | pre .number {
63 | color: #099;
64 | }
65 |
66 | pre .important {
67 | color: #f00;
68 | }
69 |
70 | pre .label {
71 | color: #970;
72 | }
73 |
74 | pre .preprocessor {
75 | color: #579;
76 | }
77 |
78 | pre .reserved,
79 | pre .keyword,
80 | pre .scss .value {
81 | color: #000;
82 | }
83 |
84 | pre .regexp {
85 | background-color: #fff0ff;
86 | color: #880088;
87 | }
88 |
89 | pre .symbol {
90 | color: #990073;
91 | }
92 |
93 | pre .symbol .string {
94 | color: #a60;
95 | }
96 |
97 | pre .tag {
98 | color: #007700;
99 | }
100 |
101 | pre .at_rule,
102 | pre .at_rule .keyword {
103 | color: #088;
104 | }
105 |
106 | pre .at_rule .preprocessor {
107 | color: #808;
108 | }
109 |
110 | pre .scss .tag,
111 | pre .scss .attribute {
112 | color: #339;
113 | }
114 |
--------------------------------------------------------------------------------
/source/highlightjs/github.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | github.com style (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | color: #333;
10 | background: #f8f8ff
11 | }
12 |
13 | pre .comment,
14 | pre .template_comment,
15 | pre .diff .header,
16 | pre .javadoc {
17 | color: #998;
18 | font-style: italic
19 | }
20 |
21 | pre .keyword,
22 | pre .css .rule .keyword,
23 | pre .winutils,
24 | pre .javascript .title,
25 | pre .nginx .title,
26 | pre .subst,
27 | pre .request,
28 | pre .status {
29 | color: #333;
30 | font-weight: bold
31 | }
32 |
33 | pre .number,
34 | pre .hexcolor,
35 | pre .ruby .constant {
36 | color: #099;
37 | }
38 |
39 | pre .string,
40 | pre .tag .value,
41 | pre .phpdoc,
42 | pre .tex .formula {
43 | color: #d14
44 | }
45 |
46 | pre .title,
47 | pre .id,
48 | pre .coffeescript .params,
49 | pre .scss .preprocessor {
50 | color: #900;
51 | font-weight: bold
52 | }
53 |
54 | pre .javascript .title,
55 | pre .lisp .title,
56 | pre .clojure .title,
57 | pre .subst {
58 | font-weight: normal
59 | }
60 |
61 | pre .class .title,
62 | pre .haskell .type,
63 | pre .vhdl .literal,
64 | pre .tex .command {
65 | color: #458;
66 | font-weight: bold
67 | }
68 |
69 | pre .tag,
70 | pre .tag .title,
71 | pre .rules .property,
72 | pre .django .tag .keyword {
73 | color: #000080;
74 | font-weight: normal
75 | }
76 |
77 | pre .attribute,
78 | pre .variable,
79 | pre .lisp .body {
80 | color: #008080
81 | }
82 |
83 | pre .regexp {
84 | color: #009926
85 | }
86 |
87 | pre .class {
88 | color: #458;
89 | font-weight: bold
90 | }
91 |
92 | pre .symbol,
93 | pre .ruby .symbol .string,
94 | pre .lisp .keyword,
95 | pre .tex .special,
96 | pre .prompt {
97 | color: #990073
98 | }
99 |
100 | pre .built_in,
101 | pre .lisp .title,
102 | pre .clojure .built_in {
103 | color: #0086b3
104 | }
105 |
106 | pre .preprocessor,
107 | pre .pi,
108 | pre .doctype,
109 | pre .shebang,
110 | pre .cdata {
111 | color: #999;
112 | font-weight: bold
113 | }
114 |
115 | pre .deletion {
116 | background: #fdd
117 | }
118 |
119 | pre .addition {
120 | background: #dfd
121 | }
122 |
123 | pre .diff .change {
124 | background: #0086b3
125 | }
126 |
127 | pre .chunk {
128 | color: #aaa
129 | }
130 |
--------------------------------------------------------------------------------
/source/highlightjs/googlecode.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Google Code style (c) Aahan Krish
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: white; color: black;
10 | }
11 |
12 | pre .comment,
13 | pre .template_comment,
14 | pre .javadoc,
15 | pre .comment * {
16 | color: #800;
17 | }
18 |
19 | pre .keyword,
20 | pre .method,
21 | pre .list .title,
22 | pre .clojure .built_in,
23 | pre .nginx .title,
24 | pre .tag .title,
25 | pre .setting .value,
26 | pre .winutils,
27 | pre .tex .command,
28 | pre .http .title,
29 | pre .request,
30 | pre .status {
31 | color: #008;
32 | }
33 |
34 | pre .envvar,
35 | pre .tex .special {
36 | color: #660;
37 | }
38 |
39 | pre .string,
40 | pre .tag .value,
41 | pre .cdata,
42 | pre .filter .argument,
43 | pre .attr_selector,
44 | pre .apache .cbracket,
45 | pre .date,
46 | pre .regexp,
47 | pre .coffeescript .attribute {
48 | color: #080;
49 | }
50 |
51 | pre .sub .identifier,
52 | pre .pi,
53 | pre .tag,
54 | pre .tag .keyword,
55 | pre .decorator,
56 | pre .ini .title,
57 | pre .shebang,
58 | pre .prompt,
59 | pre .hexcolor,
60 | pre .rules .value,
61 | pre .css .value .number,
62 | pre .literal,
63 | pre .symbol,
64 | pre .ruby .symbol .string,
65 | pre .number,
66 | pre .css .function,
67 | pre .clojure .attribute {
68 | color: #066;
69 | }
70 |
71 | pre .class .title,
72 | pre .haskell .type,
73 | pre .smalltalk .class,
74 | pre .javadoctag,
75 | pre .yardoctag,
76 | pre .phpdoc,
77 | pre .typename,
78 | pre .tag .attribute,
79 | pre .doctype,
80 | pre .class .id,
81 | pre .built_in,
82 | pre .setting,
83 | pre .params,
84 | pre .variable,
85 | pre .clojure .title {
86 | color: #606;
87 | }
88 |
89 | pre .css .tag,
90 | pre .rules .property,
91 | pre .pseudo,
92 | pre .subst {
93 | color: #000;
94 | }
95 |
96 | pre .css .class, pre .css .id {
97 | color: #9B703F;
98 | }
99 |
100 | pre .value .important {
101 | color: #ff7700;
102 | font-weight: bold;
103 | }
104 |
105 | pre .rules .keyword {
106 | color: #C5AF75;
107 | }
108 |
109 | pre .annotation,
110 | pre .apache .sqbracket,
111 | pre .nginx .built_in {
112 | color: #9B859D;
113 | }
114 |
115 | pre .preprocessor,
116 | pre .preprocessor * {
117 | color: #444;
118 | }
119 |
120 | pre .tex .formula {
121 | background-color: #EEE;
122 | font-style: italic;
123 | }
124 |
125 | pre .diff .header,
126 | pre .chunk {
127 | color: #808080;
128 | font-weight: bold;
129 | }
130 |
131 | pre .diff .change {
132 | background-color: #BCCFF9;
133 | }
134 |
135 | pre .addition {
136 | background-color: #BAEEBA;
137 | }
138 |
139 | pre .deletion {
140 | background-color: #FFC8BD;
141 | }
142 |
143 | pre .comment .yardoctag {
144 | font-weight: bold;
145 | }
146 |
--------------------------------------------------------------------------------
/source/highlightjs/idea.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Intellij Idea-like styling (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | color: #000;
10 | background: #fff;
11 | }
12 |
13 | pre .subst,
14 | pre .title {
15 | font-weight: normal;
16 | color: #000;
17 | }
18 |
19 | pre .comment,
20 | pre .template_comment,
21 | pre .javadoc,
22 | pre .diff .header {
23 | color: #808080;
24 | font-style: italic;
25 | }
26 |
27 | pre .annotation,
28 | pre .decorator,
29 | pre .preprocessor,
30 | pre .doctype,
31 | pre .pi,
32 | pre .chunk,
33 | pre .shebang,
34 | pre .apache .cbracket,
35 | pre .prompt,
36 | pre .http .title {
37 | color: #808000;
38 | }
39 |
40 | pre .tag,
41 | pre .pi {
42 | background: #efefef;
43 | }
44 |
45 | pre .tag .title,
46 | pre .id,
47 | pre .attr_selector,
48 | pre .pseudo,
49 | pre .literal,
50 | pre .keyword,
51 | pre .hexcolor,
52 | pre .css .function,
53 | pre .ini .title,
54 | pre .css .class,
55 | pre .list .title,
56 | pre .clojure .title,
57 | pre .nginx .title,
58 | pre .tex .command,
59 | pre .request,
60 | pre .status {
61 | font-weight: bold;
62 | color: #000080;
63 | }
64 |
65 | pre .attribute,
66 | pre .rules .keyword,
67 | pre .number,
68 | pre .date,
69 | pre .regexp,
70 | pre .tex .special {
71 | font-weight: bold;
72 | color: #0000ff;
73 | }
74 |
75 | pre .number,
76 | pre .regexp {
77 | font-weight: normal;
78 | }
79 |
80 | pre .string,
81 | pre .value,
82 | pre .filter .argument,
83 | pre .css .function .params,
84 | pre .apache .tag {
85 | color: #008000;
86 | font-weight: bold;
87 | }
88 |
89 | pre .symbol,
90 | pre .ruby .symbol .string,
91 | pre .char,
92 | pre .tex .formula {
93 | color: #000;
94 | background: #d0eded;
95 | font-style: italic;
96 | }
97 |
98 | pre .phpdoc,
99 | pre .yardoctag,
100 | pre .javadoctag {
101 | text-decoration: underline;
102 | }
103 |
104 | pre .variable,
105 | pre .envvar,
106 | pre .apache .sqbracket,
107 | pre .nginx .built_in {
108 | color: #660e7a;
109 | }
110 |
111 | pre .addition {
112 | background: #baeeba;
113 | }
114 |
115 | pre .deletion {
116 | background: #ffc8bd;
117 | }
118 |
119 | pre .diff .change {
120 | background: #bccff9;
121 | }
122 |
--------------------------------------------------------------------------------
/source/highlightjs/ir_black.css:
--------------------------------------------------------------------------------
1 | /*
2 | IR_Black style (c) Vasily Mikhailitchenko
3 | */
4 |
5 | pre code {
6 | display: block; padding: 0.5em;
7 | background: #000; color: #f8f8f8;
8 | }
9 |
10 | pre .shebang,
11 | pre .comment,
12 | pre .template_comment,
13 | pre .javadoc {
14 | color: #7c7c7c;
15 | }
16 |
17 | pre .keyword,
18 | pre .tag,
19 | pre .tex .command,
20 | pre .request,
21 | pre .status,
22 | pre .clojure .attribute {
23 | color: #96CBFE;
24 | }
25 |
26 | pre .sub .keyword,
27 | pre .method,
28 | pre .list .title,
29 | pre .nginx .title {
30 | color: #FFFFB6;
31 | }
32 |
33 | pre .string,
34 | pre .tag .value,
35 | pre .cdata,
36 | pre .filter .argument,
37 | pre .attr_selector,
38 | pre .apache .cbracket,
39 | pre .date,
40 | pre .coffeescript .attribute {
41 | color: #A8FF60;
42 | }
43 |
44 | pre .subst {
45 | color: #DAEFA3;
46 | }
47 |
48 | pre .regexp {
49 | color: #E9C062;
50 | }
51 |
52 | pre .title,
53 | pre .sub .identifier,
54 | pre .pi,
55 | pre .decorator,
56 | pre .tex .special,
57 | pre .haskell .type,
58 | pre .constant,
59 | pre .smalltalk .class,
60 | pre .javadoctag,
61 | pre .yardoctag,
62 | pre .phpdoc,
63 | pre .nginx .built_in {
64 | color: #FFFFB6;
65 | }
66 |
67 | pre .symbol,
68 | pre .ruby .symbol .string,
69 | pre .number,
70 | pre .variable,
71 | pre .vbscript,
72 | pre .literal {
73 | color: #C6C5FE;
74 | }
75 |
76 | pre .css .tag {
77 | color: #96CBFE;
78 | }
79 |
80 | pre .css .rules .property,
81 | pre .css .id {
82 | color: #FFFFB6;
83 | }
84 |
85 | pre .css .class {
86 | color: #FFF;
87 | }
88 |
89 | pre .hexcolor {
90 | color: #C6C5FE;
91 | }
92 |
93 | pre .number {
94 | color:#FF73FD;
95 | }
96 |
97 | pre .coffeescript .javascript,
98 | pre .javascript .xml,
99 | pre .tex .formula,
100 | pre .xml .javascript,
101 | pre .xml .vbscript,
102 | pre .xml .css,
103 | pre .xml .cdata {
104 | opacity: 0.7;
105 | }
106 |
--------------------------------------------------------------------------------
/source/highlightjs/magula.css:
--------------------------------------------------------------------------------
1 | /*
2 | Description: Magula style for highligh.js
3 | Author: Ruslan Keba
4 | Website: http://rukeba.com/
5 | Version: 1.0
6 | Date: 2009-01-03
7 | Music: Aphex Twin / Xtal
8 | */
9 |
10 | pre code {
11 | display: block; padding: 0.5em;
12 | background-color: #f4f4f4;
13 | }
14 |
15 | pre code,
16 | pre .subst,
17 | pre .lisp .title,
18 | pre .clojure .built_in {
19 | color: black;
20 | }
21 |
22 | pre .string,
23 | pre .title,
24 | pre .parent,
25 | pre .tag .value,
26 | pre .rules .value,
27 | pre .rules .value .number,
28 | pre .preprocessor,
29 | pre .ruby .symbol,
30 | pre .ruby .symbol .string,
31 | pre .aggregate,
32 | pre .template_tag,
33 | pre .django .variable,
34 | pre .smalltalk .class,
35 | pre .addition,
36 | pre .flow,
37 | pre .stream,
38 | pre .bash .variable,
39 | pre .apache .cbracket,
40 | pre .coffeescript .attribute {
41 | color: #050;
42 | }
43 |
44 | pre .comment,
45 | pre .annotation,
46 | pre .template_comment,
47 | pre .diff .header,
48 | pre .chunk {
49 | color: #777;
50 | }
51 |
52 | pre .number,
53 | pre .date,
54 | pre .regexp,
55 | pre .literal,
56 | pre .smalltalk .symbol,
57 | pre .smalltalk .char,
58 | pre .change,
59 | pre .tex .special {
60 | color: #800;
61 | }
62 |
63 | pre .label,
64 | pre .javadoc,
65 | pre .ruby .string,
66 | pre .decorator,
67 | pre .filter .argument,
68 | pre .localvars,
69 | pre .array,
70 | pre .attr_selector,
71 | pre .pseudo,
72 | pre .pi,
73 | pre .doctype,
74 | pre .deletion,
75 | pre .envvar,
76 | pre .shebang,
77 | pre .apache .sqbracket,
78 | pre .nginx .built_in,
79 | pre .tex .formula,
80 | pre .prompt,
81 | pre .clojure .attribute {
82 | color: #00e;
83 | }
84 |
85 | pre .keyword,
86 | pre .id,
87 | pre .phpdoc,
88 | pre .title,
89 | pre .built_in,
90 | pre .aggregate,
91 | pre .smalltalk .class,
92 | pre .winutils,
93 | pre .bash .variable,
94 | pre .apache .tag,
95 | pre .xml .tag,
96 | pre .tex .command,
97 | pre .request,
98 | pre .status {
99 | font-weight: bold;
100 | color: navy;
101 | }
102 |
103 | pre .nginx .built_in {
104 | font-weight: normal;
105 | }
106 |
107 | pre .coffeescript .javascript,
108 | pre .javascript .xml,
109 | pre .tex .formula,
110 | pre .xml .javascript,
111 | pre .xml .vbscript,
112 | pre .xml .css,
113 | pre .xml .cdata {
114 | opacity: 0.5;
115 | }
116 |
117 | /* --- */
118 | pre .apache .tag {
119 | font-weight: bold;
120 | color: blue;
121 | }
122 |
123 |
--------------------------------------------------------------------------------
/source/highlightjs/mono-blue.css:
--------------------------------------------------------------------------------
1 | /*
2 | Five-color theme from a single blue hue.
3 | */
4 | pre code {
5 | display: block; padding: 0.5em;
6 | background: #EAEEF3; color: #00193A;
7 | }
8 |
9 | pre .keyword,
10 | pre .title,
11 | pre .important,
12 | pre .request,
13 | pre .header {
14 | font-weight: bold;
15 | }
16 |
17 | pre .comment,
18 | pre .chunk,
19 | pre .template_comment {
20 | color: #738191;
21 | }
22 |
23 | pre .string,
24 | pre .title,
25 | pre .parent,
26 | pre .built_in,
27 | pre .literal,
28 | pre .filename,
29 | pre .value,
30 | pre .addition,
31 | pre .tag,
32 | pre .argument,
33 | pre .link_label,
34 | pre .blockquote,
35 | pre .header {
36 | color: #0048AB;
37 | }
38 |
39 | pre .decorator,
40 | pre .prompt,
41 | pre .yardoctag,
42 | pre .subst,
43 | pre .symbol,
44 | pre .doctype,
45 | pre .regexp,
46 | pre .preprocessor,
47 | pre .pi,
48 | pre .attribute,
49 | pre .attr_selector,
50 | pre .javadoc,
51 | pre .xmlDocTag,
52 | pre .deletion,
53 | pre .shebang,
54 | pre .string .variable,
55 | pre .link_url,
56 | pre .bullet {
57 | color: #4C81C9;
58 | }
59 |
--------------------------------------------------------------------------------
/source/highlightjs/monokai.css:
--------------------------------------------------------------------------------
1 | /*
2 | Monokai style - ported by Luigi Maselli - http://grigio.org
3 | */
4 |
5 | pre code {
6 | display: block; padding: 0.5em;
7 | background: #272822;
8 | }
9 |
10 | pre .tag,
11 | pre .tag .title,
12 | pre .keyword,
13 | pre .literal,
14 | pre .strong,
15 | pre .change,
16 | pre .winutils,
17 | pre .flow,
18 | pre .lisp .title,
19 | pre .clojure .built_in,
20 | pre .nginx .title,
21 | pre .tex .special {
22 | color: #F92672;
23 | }
24 |
25 | pre code {
26 | color: #DDD;
27 | }
28 |
29 | pre code .constant {
30 | color: #66D9EF;
31 | }
32 |
33 | pre .code,
34 | pre .class .title,
35 | pre .header {
36 | color: white;
37 | }
38 |
39 | pre .link_label,
40 | pre .attribute,
41 | pre .symbol,
42 | pre .symbol .string,
43 | pre .value,
44 | pre .regexp {
45 | color: #BF79DB;
46 | }
47 |
48 | pre .link_url,
49 | pre .tag .value,
50 | pre .string,
51 | pre .bullet,
52 | pre .subst,
53 | pre .title,
54 | pre .emphasis,
55 | pre .haskell .type,
56 | pre .preprocessor,
57 | pre .ruby .class .parent,
58 | pre .built_in,
59 | pre .sql .aggregate,
60 | pre .django .template_tag,
61 | pre .django .variable,
62 | pre .smalltalk .class,
63 | pre .javadoc,
64 | pre .django .filter .argument,
65 | pre .smalltalk .localvars,
66 | pre .smalltalk .array,
67 | pre .attr_selector,
68 | pre .pseudo,
69 | pre .addition,
70 | pre .stream,
71 | pre .envvar,
72 | pre .apache .tag,
73 | pre .apache .cbracket,
74 | pre .tex .command,
75 | pre .prompt {
76 | color: #A6E22E;
77 | }
78 |
79 | pre .comment,
80 | pre .java .annotation,
81 | pre .blockquote,
82 | pre .horizontal_rule,
83 | pre .python .decorator,
84 | pre .template_comment,
85 | pre .pi,
86 | pre .doctype,
87 | pre .deletion,
88 | pre .shebang,
89 | pre .apache .sqbracket,
90 | pre .tex .formula {
91 | color: #75715E;
92 | }
93 |
94 | pre .keyword,
95 | pre .literal,
96 | pre .css .id,
97 | pre .phpdoc,
98 | pre .title,
99 | pre .header,
100 | pre .haskell .type,
101 | pre .vbscript .built_in,
102 | pre .sql .aggregate,
103 | pre .rsl .built_in,
104 | pre .smalltalk .class,
105 | pre .diff .header,
106 | pre .chunk,
107 | pre .winutils,
108 | pre .bash .variable,
109 | pre .apache .tag,
110 | pre .tex .special,
111 | pre .request,
112 | pre .status {
113 | font-weight: bold;
114 | }
115 |
116 | pre .coffeescript .javascript,
117 | pre .javascript .xml,
118 | pre .tex .formula,
119 | pre .xml .javascript,
120 | pre .xml .vbscript,
121 | pre .xml .css,
122 | pre .xml .cdata {
123 | opacity: 0.5;
124 | }
125 |
--------------------------------------------------------------------------------
/source/highlightjs/monokai_sublime.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
4 |
5 | */
6 |
7 | pre code {
8 | display: block;
9 | padding: 0.5em;
10 | background: #23241f;
11 | }
12 | pre .tag,
13 | pre code {
14 | color: #f8f8f2;
15 | }
16 | pre .keyword,
17 | pre .function,
18 | pre .literal,
19 | pre .change,
20 | pre .winutils,
21 | pre .flow,
22 | pre .lisp .title,
23 | pre .clojure .built_in,
24 | pre .nginx .title,
25 | pre .tex .special {
26 | color: #66d9ef;
27 | }
28 | pre .variable,
29 | pre .params {
30 | color: #fd9720;
31 | }
32 | pre .constant {
33 | color: #66d9ef;
34 | }
35 | pre .title,
36 | pre .class .title,
37 | pre .css .class {
38 | color: #a6e22e;
39 | }
40 | pre .attribute,
41 | pre .symbol,
42 | pre .symbol .string,
43 | pre .tag .title,
44 | pre .value,
45 | pre .css .tag {
46 | color: #f92672;
47 | }
48 | pre .number,
49 | pre .preprocessor,
50 | pre .regexp {
51 | color: #ae81ff;
52 | }
53 | pre .tag .value,
54 | pre .string,
55 | pre .css .id,
56 | pre .subst,
57 | pre .haskell .type,
58 | pre .ruby .class .parent,
59 | pre .built_in,
60 | pre .sql .aggregate,
61 | pre .django .template_tag,
62 | pre .django .variable,
63 | pre .smalltalk .class,
64 | pre .django .filter .argument,
65 | pre .smalltalk .localvars,
66 | pre .smalltalk .array,
67 | pre .attr_selector,
68 | pre .pseudo,
69 | pre .addition,
70 | pre .stream,
71 | pre .envvar,
72 | pre .apache .tag,
73 | pre .apache .cbracket,
74 | pre .tex .command,
75 | pre .prompt {
76 | color: #e6db74;
77 | }
78 | pre .comment,
79 | pre .javadoc,
80 | pre .java .annotation,
81 | pre .python .decorator,
82 | pre .template_comment,
83 | pre .pi,
84 | pre .doctype,
85 | pre .deletion,
86 | pre .shebang,
87 | pre .apache .sqbracket,
88 | pre .tex .formula {
89 | color: #75715e;
90 | }
91 | pre .coffeescript .javascript,
92 | pre .javascript .xml,
93 | pre .tex .formula {
94 | opacity: 0.5;
95 | }
96 | pre .xml .javascript,
97 | pre .xml .vbscript,
98 | pre .xml .css,
99 | pre .xml .cdata {
100 | opacity: 0.5;
101 | }
102 |
--------------------------------------------------------------------------------
/source/highlightjs/obsidian.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Obsidian style
3 | * ported by Alexander Marenin (http://github.com/ioncreature)
4 | */
5 |
6 | pre code {
7 | display: block; padding: 0.5em;
8 | background: #282B2E;
9 | }
10 |
11 | pre .keyword,
12 | pre .literal,
13 | pre .change,
14 | pre .winutils,
15 | pre .flow,
16 | pre .lisp .title,
17 | pre .clojure .built_in,
18 | pre .nginx .title,
19 | pre .css .id,
20 | pre .tex .special {
21 | color: #93C763;
22 | }
23 |
24 | pre .number {
25 | color: #FFCD22;
26 | }
27 |
28 | pre code {
29 | color: #E0E2E4;
30 | }
31 |
32 | pre .css .tag,
33 | pre .css .pseudo {
34 | color: #D0D2B5;
35 | }
36 |
37 | pre .attribute,
38 | pre code .constant {
39 | color: #668BB0;
40 | }
41 |
42 | pre .xml .attribute {
43 | color: #B3B689;
44 | }
45 |
46 | pre .xml .tag .value {
47 | color: #E8E2B7;
48 | }
49 |
50 | pre .code,
51 | pre .class .title,
52 | pre .header {
53 | color: white;
54 | }
55 |
56 | pre .class,
57 | pre .hexcolor {
58 | color: #93C763;
59 | }
60 |
61 | pre .regexp {
62 | color: #D39745;
63 | }
64 |
65 | pre .at_rule,
66 | pre .at_rule .keyword {
67 | color: #A082BD;
68 | }
69 |
70 | pre .doctype {
71 | color: #557182;
72 | }
73 |
74 | pre .link_url,
75 | pre .tag,
76 | pre .tag .title,
77 | pre .bullet,
78 | pre .subst,
79 | pre .emphasis,
80 | pre .haskell .type,
81 | pre .preprocessor,
82 | pre .ruby .class .parent,
83 | pre .built_in,
84 | pre .sql .aggregate,
85 | pre .django .template_tag,
86 | pre .django .variable,
87 | pre .smalltalk .class,
88 | pre .javadoc,
89 | pre .django .filter .argument,
90 | pre .smalltalk .localvars,
91 | pre .smalltalk .array,
92 | pre .attr_selector,
93 | pre .pseudo,
94 | pre .addition,
95 | pre .stream,
96 | pre .envvar,
97 | pre .apache .tag,
98 | pre .apache .cbracket,
99 | pre .tex .command,
100 | pre .prompt {
101 | color: #8CBBAD;
102 | }
103 |
104 | pre .string {
105 | color: #EC7600;
106 | }
107 |
108 | pre .comment,
109 | pre .java .annotation,
110 | pre .blockquote,
111 | pre .horizontal_rule,
112 | pre .python .decorator,
113 | pre .template_comment,
114 | pre .pi,
115 | pre .deletion,
116 | pre .shebang,
117 | pre .apache .sqbracket,
118 | pre .tex .formula {
119 | color: #818E96;
120 | }
121 |
122 | pre .keyword,
123 | pre .literal,
124 | pre .css .id,
125 | pre .phpdoc,
126 | pre .title,
127 | pre .header,
128 | pre .haskell .type,
129 | pre .vbscript .built_in,
130 | pre .sql .aggregate,
131 | pre .rsl .built_in,
132 | pre .smalltalk .class,
133 | pre .diff .header,
134 | pre .chunk,
135 | pre .winutils,
136 | pre .bash .variable,
137 | pre .apache .tag,
138 | pre .tex .special,
139 | pre .request,
140 | pre .at_rule .keyword,
141 | pre .status {
142 | font-weight: bold;
143 | }
144 |
145 | pre .coffeescript .javascript,
146 | pre .javascript .xml,
147 | pre .tex .formula,
148 | pre .xml .javascript,
149 | pre .xml .vbscript,
150 | pre .xml .css,
151 | pre .xml .cdata {
152 | opacity: 0.5;
153 | }
154 |
--------------------------------------------------------------------------------
/source/highlightjs/pojoaque.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Pojoaque Style by Jason Tate
4 | http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
5 | Based on Solarized Style from http://ethanschoonover.com/solarized
6 |
7 | */
8 |
9 | pre code {
10 | display: block; padding: 0.5em;
11 | color: #DCCF8F;
12 | background: url(./pojoaque.jpg) repeat scroll left top #181914;
13 | }
14 |
15 | pre .comment,
16 | pre .template_comment,
17 | pre .diff .header,
18 | pre .doctype,
19 | pre .lisp .string,
20 | pre .javadoc {
21 | color: #586e75;
22 | font-style: italic;
23 | }
24 |
25 | pre .keyword,
26 | pre .css .rule .keyword,
27 | pre .winutils,
28 | pre .javascript .title,
29 | pre .method,
30 | pre .addition,
31 | pre .css .tag,
32 | pre .clojure .title,
33 | pre .nginx .title {
34 | color: #B64926;
35 | }
36 |
37 | pre .number,
38 | pre .command,
39 | pre .string,
40 | pre .tag .value,
41 | pre .phpdoc,
42 | pre .tex .formula,
43 | pre .regexp,
44 | pre .hexcolor {
45 | color: #468966;
46 | }
47 |
48 | pre .title,
49 | pre .localvars,
50 | pre .function .title,
51 | pre .chunk,
52 | pre .decorator,
53 | pre .built_in,
54 | pre .lisp .title,
55 | pre .clojure .built_in,
56 | pre .identifier,
57 | pre .id {
58 | color: #FFB03B;
59 | }
60 |
61 | pre .attribute,
62 | pre .variable,
63 | pre .lisp .body,
64 | pre .smalltalk .number,
65 | pre .constant,
66 | pre .class .title,
67 | pre .parent,
68 | pre .haskell .type {
69 | color: #b58900;
70 | }
71 |
72 | pre .css .attribute {
73 | color: #b89859;
74 | }
75 |
76 | pre .css .number,pre .css .hexcolor{
77 | color: #DCCF8F;
78 | }
79 |
80 | pre .css .class {
81 | color: #d3a60c;
82 | }
83 |
84 | pre .preprocessor,
85 | pre .pi,
86 | pre .shebang,
87 | pre .symbol,
88 | pre .symbol .string,
89 | pre .diff .change,
90 | pre .special,
91 | pre .attr_selector,
92 | pre .important,
93 | pre .subst,
94 | pre .cdata {
95 | color: #cb4b16;
96 | }
97 |
98 | pre .deletion {
99 | color: #dc322f;
100 | }
101 |
102 | pre .tex .formula {
103 | background: #073642;
104 | }
105 |
--------------------------------------------------------------------------------
/source/highlightjs/pojoaque.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/highlightjs/pojoaque.jpg
--------------------------------------------------------------------------------
/source/highlightjs/railscasts.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Railscasts-like style (c) Visoft, Inc. (Damien White)
4 |
5 | */
6 |
7 | pre code {
8 | display: block;
9 | padding: 0.5em;
10 | background: #232323;
11 | color: #E6E1DC;
12 | }
13 |
14 | pre .comment,
15 | pre .template_comment,
16 | pre .javadoc,
17 | pre .shebang {
18 | color: #BC9458;
19 | font-style: italic;
20 | }
21 |
22 | pre .keyword,
23 | pre .ruby .function .keyword,
24 | pre .request,
25 | pre .status,
26 | pre .nginx .title,
27 | pre .method,
28 | pre .list .title {
29 | color: #C26230;
30 | }
31 |
32 | pre .string,
33 | pre .number,
34 | pre .regexp,
35 | pre .tag .value,
36 | pre .cdata,
37 | pre .filter .argument,
38 | pre .attr_selector,
39 | pre .apache .cbracket,
40 | pre .date,
41 | pre .tex .command,
42 | pre .markdown .link_label {
43 | color: #A5C261;
44 | }
45 |
46 | pre .subst {
47 | color: #519F50;
48 | }
49 |
50 | pre .tag,
51 | pre .tag .keyword,
52 | pre .tag .title,
53 | pre .doctype,
54 | pre .sub .identifier,
55 | pre .pi,
56 | pre .input_number {
57 | color: #E8BF6A;
58 | }
59 |
60 | pre .identifier {
61 | color: #D0D0FF;
62 | }
63 |
64 | pre .class .title,
65 | pre .haskell .type,
66 | pre .smalltalk .class,
67 | pre .javadoctag,
68 | pre .yardoctag,
69 | pre .phpdoc {
70 | text-decoration: none;
71 | }
72 |
73 | pre .constant {
74 | color: #DA4939;
75 | }
76 |
77 |
78 | pre .symbol,
79 | pre .built_in,
80 | pre .ruby .symbol .string,
81 | pre .ruby .symbol .identifier,
82 | pre .markdown .link_url,
83 | pre .attribute {
84 | color: #6D9CBE;
85 | }
86 |
87 | pre .markdown .link_url {
88 | text-decoration: underline;
89 | }
90 |
91 |
92 |
93 | pre .params,
94 | pre .variable,
95 | pre .clojure .attribute {
96 | color: #D0D0FF;
97 | }
98 |
99 | pre .css .tag,
100 | pre .rules .property,
101 | pre .pseudo,
102 | pre .tex .special {
103 | color: #CDA869;
104 | }
105 |
106 | pre .css .class {
107 | color: #9B703F;
108 | }
109 |
110 | pre .rules .keyword {
111 | color: #C5AF75;
112 | }
113 |
114 | pre .rules .value {
115 | color: #CF6A4C;
116 | }
117 |
118 | pre .css .id {
119 | color: #8B98AB;
120 | }
121 |
122 | pre .annotation,
123 | pre .apache .sqbracket,
124 | pre .nginx .built_in {
125 | color: #9B859D;
126 | }
127 |
128 | pre .preprocessor,
129 | pre .preprocessor *{
130 | color: #8996A8 !important;
131 | }
132 |
133 | pre .hexcolor,
134 | pre .css .value .number {
135 | color: #A5C261;
136 | }
137 |
138 | pre .title,
139 | pre .decorator,
140 | pre .css .function {
141 | color: #FFC66D;
142 | }
143 |
144 | pre .diff .header,
145 | pre .chunk {
146 | background-color: #2F33AB;
147 | color: #E6E1DC;
148 | display: inline-block;
149 | width: 100%;
150 | }
151 |
152 | pre .diff .change {
153 | background-color: #4A410D;
154 | color: #F8F8F8;
155 | display: inline-block;
156 | width: 100%;
157 | }
158 |
159 | pre .addition {
160 | background-color: #144212;
161 | color: #E6E1DC;
162 | display: inline-block;
163 | width: 100%;
164 | }
165 |
166 | pre .deletion {
167 | background-color: #600;
168 | color: #E6E1DC;
169 | display: inline-block;
170 | width: 100%;
171 | }
172 |
173 | pre .coffeescript .javascript,
174 | pre .javascript .xml,
175 | pre .tex .formula,
176 | pre .xml .javascript,
177 | pre .xml .vbscript,
178 | pre .xml .css,
179 | pre .xml .cdata {
180 | opacity: 0.7;
181 | }
182 |
--------------------------------------------------------------------------------
/source/highlightjs/rainbow.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Style with support for rainbow parens
4 |
5 | */
6 |
7 | pre ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
8 | pre ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
9 |
10 | pre code {
11 | display: block; padding: 0.5em;
12 | background: #474949; color: #D1D9E1;
13 | }
14 |
15 |
16 | pre .body,
17 | pre .collection {
18 | color: #D1D9E1;
19 | }
20 |
21 | pre .comment,
22 | pre .template_comment,
23 | pre .diff .header,
24 | pre .doctype,
25 | pre .lisp .string,
26 | pre .javadoc {
27 | color: #969896;
28 | font-style: italic;
29 | }
30 |
31 | pre .keyword,
32 | pre .clojure .attribute,
33 | pre .winutils,
34 | pre .javascript .title,
35 | pre .addition,
36 | pre .css .tag {
37 | color: #cc99cc;
38 | }
39 |
40 | pre .number { color: #f99157; }
41 |
42 | pre .command,
43 | pre .string,
44 | pre .tag .value,
45 | pre .phpdoc,
46 | pre .tex .formula,
47 | pre .regexp,
48 | pre .hexcolor {
49 | color: #8abeb7;
50 | }
51 |
52 | pre .title,
53 | pre .localvars,
54 | pre .function .title,
55 | pre .chunk,
56 | pre .decorator,
57 | pre .built_in,
58 | pre .lisp .title,
59 | pre .identifier
60 | {
61 | color: #b5bd68;
62 | }
63 |
64 | pre .class .keyword
65 | {
66 | color: #f2777a;
67 | }
68 |
69 | pre .variable,
70 | pre .lisp .body,
71 | pre .smalltalk .number,
72 | pre .constant,
73 | pre .class .title,
74 | pre .parent,
75 | pre .haskell .label,
76 | pre .id,
77 | pre .lisp .title,
78 | pre .clojure .title .built_in {
79 | color: #ffcc66;
80 | }
81 |
82 | pre .tag .title,
83 | pre .rules .property,
84 | pre .django .tag .keyword,
85 | pre .clojure .title .built_in {
86 | font-weight: bold;
87 | }
88 |
89 | pre .attribute,
90 | pre .clojure .title {
91 | color: #81a2be;
92 | }
93 |
94 | pre .preprocessor,
95 | pre .pi,
96 | pre .shebang,
97 | pre .symbol,
98 | pre .symbol .string,
99 | pre .diff .change,
100 | pre .special,
101 | pre .attr_selector,
102 | pre .important,
103 | pre .subst,
104 | pre .cdata {
105 | color: #f99157;
106 | }
107 |
108 | pre .deletion {
109 | color: #dc322f;
110 | }
111 |
112 | pre .tex .formula {
113 | background: #eee8d5;
114 | }
115 |
--------------------------------------------------------------------------------
/source/highlightjs/school_book.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | School Book style from goldblog.com.ua (c) Zaripov Yura
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 15px 0.5em 0.5em 30px;
9 | font-size: 11px !important;
10 | line-height:16px !important;
11 | }
12 |
13 | pre{
14 | background:#f6f6ae url(./school_book.png);
15 | border-top: solid 2px #d2e8b9;
16 | border-bottom: solid 1px #d2e8b9;
17 | }
18 |
19 | pre .keyword,
20 | pre .literal,
21 | pre .change,
22 | pre .winutils,
23 | pre .flow,
24 | pre .lisp .title,
25 | pre .clojure .built_in,
26 | pre .nginx .title,
27 | pre .tex .special {
28 | color:#005599;
29 | font-weight:bold;
30 | }
31 |
32 | pre code,
33 | pre .subst,
34 | pre .tag .keyword {
35 | color: #3E5915;
36 | }
37 |
38 | pre .string,
39 | pre .title,
40 | pre .haskell .type,
41 | pre .tag .value,
42 | pre .css .rules .value,
43 | pre .preprocessor,
44 | pre .ruby .symbol,
45 | pre .ruby .symbol .string,
46 | pre .ruby .class .parent,
47 | pre .built_in,
48 | pre .sql .aggregate,
49 | pre .django .template_tag,
50 | pre .django .variable,
51 | pre .smalltalk .class,
52 | pre .javadoc,
53 | pre .ruby .string,
54 | pre .django .filter .argument,
55 | pre .smalltalk .localvars,
56 | pre .smalltalk .array,
57 | pre .attr_selector,
58 | pre .pseudo,
59 | pre .addition,
60 | pre .stream,
61 | pre .envvar,
62 | pre .apache .tag,
63 | pre .apache .cbracket,
64 | pre .nginx .built_in,
65 | pre .tex .command,
66 | pre .coffeescript .attribute {
67 | color: #2C009F;
68 | }
69 |
70 | pre .comment,
71 | pre .java .annotation,
72 | pre .python .decorator,
73 | pre .template_comment,
74 | pre .pi,
75 | pre .doctype,
76 | pre .deletion,
77 | pre .shebang,
78 | pre .apache .sqbracket {
79 | color: #E60415;
80 | }
81 |
82 | pre .keyword,
83 | pre .literal,
84 | pre .css .id,
85 | pre .phpdoc,
86 | pre .title,
87 | pre .haskell .type,
88 | pre .vbscript .built_in,
89 | pre .sql .aggregate,
90 | pre .rsl .built_in,
91 | pre .smalltalk .class,
92 | pre .xml .tag .title,
93 | pre .diff .header,
94 | pre .chunk,
95 | pre .winutils,
96 | pre .bash .variable,
97 | pre .apache .tag,
98 | pre .tex .command,
99 | pre .request,
100 | pre .status {
101 | font-weight: bold;
102 | }
103 |
104 | pre .coffeescript .javascript,
105 | pre .javascript .xml,
106 | pre .tex .formula,
107 | pre .xml .javascript,
108 | pre .xml .vbscript,
109 | pre .xml .css,
110 | pre .xml .cdata {
111 | opacity: 0.5;
112 | }
113 |
--------------------------------------------------------------------------------
/source/highlightjs/school_book.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/highlightjs/school_book.png
--------------------------------------------------------------------------------
/source/highlightjs/solarized_dark.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #002b36; color: #839496;
10 | }
11 |
12 | pre .comment,
13 | pre .template_comment,
14 | pre .diff .header,
15 | pre .doctype,
16 | pre .pi,
17 | pre .lisp .string,
18 | pre .javadoc {
19 | color: #586e75;
20 | font-style: italic;
21 | }
22 |
23 | pre .keyword,
24 | pre .winutils,
25 | pre .method,
26 | pre .addition,
27 | pre .css .tag,
28 | pre .request,
29 | pre .status,
30 | pre .nginx .title {
31 | color: #859900;
32 | }
33 |
34 | pre .number,
35 | pre .command,
36 | pre .string,
37 | pre .tag .value,
38 | pre .rules .value,
39 | pre .phpdoc,
40 | pre .tex .formula,
41 | pre .regexp,
42 | pre .hexcolor {
43 | color: #2aa198;
44 | }
45 |
46 | pre .title,
47 | pre .localvars,
48 | pre .chunk,
49 | pre .decorator,
50 | pre .built_in,
51 | pre .identifier,
52 | pre .vhdl .literal,
53 | pre .id,
54 | pre .css .function {
55 | color: #268bd2;
56 | }
57 |
58 | pre .attribute,
59 | pre .variable,
60 | pre .lisp .body,
61 | pre .smalltalk .number,
62 | pre .constant,
63 | pre .class .title,
64 | pre .parent,
65 | pre .haskell .type {
66 | color: #b58900;
67 | }
68 |
69 | pre .preprocessor,
70 | pre .preprocessor .keyword,
71 | pre .shebang,
72 | pre .symbol,
73 | pre .symbol .string,
74 | pre .diff .change,
75 | pre .special,
76 | pre .attr_selector,
77 | pre .important,
78 | pre .subst,
79 | pre .cdata,
80 | pre .clojure .title,
81 | pre .css .pseudo {
82 | color: #cb4b16;
83 | }
84 |
85 | pre .deletion {
86 | color: #dc322f;
87 | }
88 |
89 | pre .tex .formula {
90 | background: #073642;
91 | }
92 |
--------------------------------------------------------------------------------
/source/highlightjs/solarized_light.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #fdf6e3; color: #657b83;
10 | }
11 |
12 | pre .comment,
13 | pre .template_comment,
14 | pre .diff .header,
15 | pre .doctype,
16 | pre .pi,
17 | pre .lisp .string,
18 | pre .javadoc {
19 | color: #93a1a1;
20 | font-style: italic;
21 | }
22 |
23 | pre .keyword,
24 | pre .winutils,
25 | pre .method,
26 | pre .addition,
27 | pre .css .tag,
28 | pre .request,
29 | pre .status,
30 | pre .nginx .title {
31 | color: #859900;
32 | }
33 |
34 | pre .number,
35 | pre .command,
36 | pre .string,
37 | pre .tag .value,
38 | pre .rules .value,
39 | pre .phpdoc,
40 | pre .tex .formula,
41 | pre .regexp,
42 | pre .hexcolor {
43 | color: #2aa198;
44 | }
45 |
46 | pre .title,
47 | pre .localvars,
48 | pre .chunk,
49 | pre .decorator,
50 | pre .built_in,
51 | pre .identifier,
52 | pre .vhdl .literal,
53 | pre .id,
54 | pre .css .function {
55 | color: #268bd2;
56 | }
57 |
58 | pre .attribute,
59 | pre .variable,
60 | pre .lisp .body,
61 | pre .smalltalk .number,
62 | pre .constant,
63 | pre .class .title,
64 | pre .parent,
65 | pre .haskell .type {
66 | color: #b58900;
67 | }
68 |
69 | pre .preprocessor,
70 | pre .preprocessor .keyword,
71 | pre .shebang,
72 | pre .symbol,
73 | pre .symbol .string,
74 | pre .diff .change,
75 | pre .special,
76 | pre .attr_selector,
77 | pre .important,
78 | pre .subst,
79 | pre .cdata,
80 | pre .clojure .title,
81 | pre .css .pseudo {
82 | color: #cb4b16;
83 | }
84 |
85 | pre .deletion {
86 | color: #dc322f;
87 | }
88 |
89 | pre .tex .formula {
90 | background: #eee8d5;
91 | }
92 |
--------------------------------------------------------------------------------
/source/highlightjs/sunburst.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Sunburst-like style (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #000; color: #f8f8f8;
10 | }
11 |
12 | pre .comment,
13 | pre .template_comment,
14 | pre .javadoc {
15 | color: #aeaeae;
16 | font-style: italic;
17 | }
18 |
19 | pre .keyword,
20 | pre .ruby .function .keyword,
21 | pre .request,
22 | pre .status,
23 | pre .nginx .title {
24 | color: #E28964;
25 | }
26 |
27 | pre .function .keyword,
28 | pre .sub .keyword,
29 | pre .method,
30 | pre .list .title {
31 | color: #99CF50;
32 | }
33 |
34 | pre .string,
35 | pre .tag .value,
36 | pre .cdata,
37 | pre .filter .argument,
38 | pre .attr_selector,
39 | pre .apache .cbracket,
40 | pre .date,
41 | pre .tex .command,
42 | pre .coffeescript .attribute {
43 | color: #65B042;
44 | }
45 |
46 | pre .subst {
47 | color: #DAEFA3;
48 | }
49 |
50 | pre .regexp {
51 | color: #E9C062;
52 | }
53 |
54 | pre .title,
55 | pre .sub .identifier,
56 | pre .pi,
57 | pre .tag,
58 | pre .tag .keyword,
59 | pre .decorator,
60 | pre .shebang,
61 | pre .prompt {
62 | color: #89BDFF;
63 | }
64 |
65 | pre .class .title,
66 | pre .haskell .type,
67 | pre .smalltalk .class,
68 | pre .javadoctag,
69 | pre .yardoctag,
70 | pre .phpdoc {
71 | text-decoration: underline;
72 | }
73 |
74 | pre .symbol,
75 | pre .ruby .symbol .string,
76 | pre .number {
77 | color: #3387CC;
78 | }
79 |
80 | pre .params,
81 | pre .variable,
82 | pre .clojure .attribute {
83 | color: #3E87E3;
84 | }
85 |
86 | pre .css .tag,
87 | pre .rules .property,
88 | pre .pseudo,
89 | pre .tex .special {
90 | color: #CDA869;
91 | }
92 |
93 | pre .css .class {
94 | color: #9B703F;
95 | }
96 |
97 | pre .rules .keyword {
98 | color: #C5AF75;
99 | }
100 |
101 | pre .rules .value {
102 | color: #CF6A4C;
103 | }
104 |
105 | pre .css .id {
106 | color: #8B98AB;
107 | }
108 |
109 | pre .annotation,
110 | pre .apache .sqbracket,
111 | pre .nginx .built_in {
112 | color: #9B859D;
113 | }
114 |
115 | pre .preprocessor {
116 | color: #8996A8;
117 | }
118 |
119 | pre .hexcolor,
120 | pre .css .value .number {
121 | color: #DD7B3B;
122 | }
123 |
124 | pre .css .function {
125 | color: #DAD085;
126 | }
127 |
128 | pre .diff .header,
129 | pre .chunk,
130 | pre .tex .formula {
131 | background-color: #0E2231;
132 | color: #F8F8F8;
133 | font-style: italic;
134 | }
135 |
136 | pre .diff .change {
137 | background-color: #4A410D;
138 | color: #F8F8F8;
139 | }
140 |
141 | pre .addition {
142 | background-color: #253B22;
143 | color: #F8F8F8;
144 | }
145 |
146 | pre .deletion {
147 | background-color: #420E09;
148 | color: #F8F8F8;
149 | }
150 |
151 | pre .coffeescript .javascript,
152 | pre .javascript .xml,
153 | pre .tex .formula,
154 | pre .xml .javascript,
155 | pre .xml .vbscript,
156 | pre .xml .css,
157 | pre .xml .cdata {
158 | opacity: 0.5;
159 | }
160 |
--------------------------------------------------------------------------------
/source/highlightjs/tomorrow-night-blue.css:
--------------------------------------------------------------------------------
1 | /* Tomorrow Night Blue Theme */
2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
5 | .tomorrow-comment, pre .comment, pre .title {
6 | color: #7285b7;
7 | }
8 |
9 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
10 | color: #ff9da4;
11 | }
12 |
13 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
14 | color: #ffc58f;
15 | }
16 |
17 | .tomorrow-yellow, pre .ruby .class .title, pre .css .rules .attribute {
18 | color: #ffeead;
19 | }
20 |
21 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
22 | color: #d1f1a9;
23 | }
24 |
25 | .tomorrow-aqua, pre .css .hexcolor {
26 | color: #99ffff;
27 | }
28 |
29 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
30 | color: #bbdaff;
31 | }
32 |
33 | .tomorrow-purple, pre .keyword, pre .javascript .function {
34 | color: #ebbbff;
35 | }
36 |
37 | pre code {
38 | display: block;
39 | background: #002451;
40 | color: white;
41 | padding: 0.5em;
42 | }
43 |
44 | pre .coffeescript .javascript,
45 | pre .javascript .xml,
46 | pre .tex .formula,
47 | pre .xml .javascript,
48 | pre .xml .vbscript,
49 | pre .xml .css,
50 | pre .xml .cdata {
51 | opacity: 0.5;
52 | }
53 |
--------------------------------------------------------------------------------
/source/highlightjs/tomorrow-night-bright.css:
--------------------------------------------------------------------------------
1 | /* Tomorrow Night Bright Theme */
2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
4 | .tomorrow-comment, pre .comment, pre .title {
5 | color: #969896;
6 | }
7 |
8 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
9 | color: #d54e53;
10 | }
11 |
12 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
13 | color: #e78c45;
14 | }
15 |
16 | .tomorrow-yellow, pre .ruby .class .title, pre .css .rules .attribute {
17 | color: #e7c547;
18 | }
19 |
20 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
21 | color: #b9ca4a;
22 | }
23 |
24 | .tomorrow-aqua, pre .css .hexcolor {
25 | color: #70c0b1;
26 | }
27 |
28 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
29 | color: #7aa6da;
30 | }
31 |
32 | .tomorrow-purple, pre .keyword, pre .javascript .function {
33 | color: #c397d8;
34 | }
35 |
36 | pre code {
37 | display: block;
38 | background: black;
39 | color: #eaeaea;
40 | padding: 0.5em;
41 | }
42 |
43 | pre .coffeescript .javascript,
44 | pre .javascript .xml,
45 | pre .tex .formula,
46 | pre .xml .javascript,
47 | pre .xml .vbscript,
48 | pre .xml .css,
49 | pre .xml .cdata {
50 | opacity: 0.5;
51 | }
52 |
--------------------------------------------------------------------------------
/source/highlightjs/tomorrow-night-eighties.css:
--------------------------------------------------------------------------------
1 | /* Tomorrow Night Eighties Theme */
2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
4 | .tomorrow-comment, pre .comment, pre .title {
5 | color: #999999;
6 | }
7 |
8 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
9 | color: #f2777a;
10 | }
11 |
12 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
13 | color: #f99157;
14 | }
15 |
16 | .tomorrow-yellow, pre .ruby .class .title, pre .css .rules .attribute {
17 | color: #ffcc66;
18 | }
19 |
20 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
21 | color: #99cc99;
22 | }
23 |
24 | .tomorrow-aqua, pre .css .hexcolor {
25 | color: #66cccc;
26 | }
27 |
28 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
29 | color: #6699cc;
30 | }
31 |
32 | .tomorrow-purple, pre .keyword, pre .javascript .function {
33 | color: #cc99cc;
34 | }
35 |
36 | pre code {
37 | display: block;
38 | background: #2d2d2d;
39 | color: #cccccc;
40 | padding: 0.5em;
41 | }
42 |
43 | pre .coffeescript .javascript,
44 | pre .javascript .xml,
45 | pre .tex .formula,
46 | pre .xml .javascript,
47 | pre .xml .vbscript,
48 | pre .xml .css,
49 | pre .xml .cdata {
50 | opacity: 0.5;
51 | }
52 |
--------------------------------------------------------------------------------
/source/highlightjs/tomorrow-night.css:
--------------------------------------------------------------------------------
1 | /* Tomorrow Night Theme */
2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
5 | .tomorrow-comment, pre .comment, pre .title {
6 | color: #969896;
7 | }
8 |
9 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
10 | color: #cc6666;
11 | }
12 |
13 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
14 | color: #de935f;
15 | }
16 |
17 | .tomorrow-yellow, pre .ruby .class .title, pre .css .rules .attribute {
18 | color: #f0c674;
19 | }
20 |
21 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
22 | color: #b5bd68;
23 | }
24 |
25 | .tomorrow-aqua, pre .css .hexcolor {
26 | color: #8abeb7;
27 | }
28 |
29 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
30 | color: #81a2be;
31 | }
32 |
33 | .tomorrow-purple, pre .keyword, pre .javascript .function {
34 | color: #b294bb;
35 | }
36 |
37 | pre code {
38 | display: block;
39 | background: #1d1f21;
40 | color: #c5c8c6;
41 | padding: 0.5em;
42 | }
43 |
44 | pre .coffeescript .javascript,
45 | pre .javascript .xml,
46 | pre .tex .formula,
47 | pre .xml .javascript,
48 | pre .xml .vbscript,
49 | pre .xml .css,
50 | pre .xml .cdata {
51 | opacity: 0.5;
52 | }
53 |
--------------------------------------------------------------------------------
/source/highlightjs/tomorrow.css:
--------------------------------------------------------------------------------
1 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
2 | .tomorrow-comment, pre .comment, pre .title {
3 | color: #8e908c;
4 | }
5 |
6 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
7 | color: #c82829;
8 | }
9 |
10 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
11 | color: #f5871f;
12 | }
13 |
14 | .tomorrow-yellow, pre .ruby .class .title, pre .css .rules .attribute {
15 | color: #eab700;
16 | }
17 |
18 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
19 | color: #718c00;
20 | }
21 |
22 | .tomorrow-aqua, pre .css .hexcolor {
23 | color: #3e999f;
24 | }
25 |
26 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
27 | color: #4271ae;
28 | }
29 |
30 | .tomorrow-purple, pre .keyword, pre .javascript .function {
31 | color: #8959a8;
32 | }
33 |
34 | pre code {
35 | display: block;
36 | background: white;
37 | color: #4d4d4c;
38 | padding: 0.5em;
39 | }
40 |
41 | pre .coffeescript .javascript,
42 | pre .javascript .xml,
43 | pre .tex .formula,
44 | pre .xml .javascript,
45 | pre .xml .vbscript,
46 | pre .xml .css,
47 | pre .xml .cdata {
48 | opacity: 0.5;
49 | }
50 |
--------------------------------------------------------------------------------
/source/highlightjs/vs.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Visual Studio-like style based on original C# coloring by Jason Diamond
4 |
5 | */
6 | pre code {
7 | display: block; padding: 0.5em;
8 | }
9 |
10 | pre .comment,
11 | pre .annotation,
12 | pre .template_comment,
13 | pre .diff .header,
14 | pre .chunk,
15 | pre .apache .cbracket {
16 | color: rgb(0, 128, 0);
17 | }
18 |
19 | pre .keyword,
20 | pre .id,
21 | pre .built_in,
22 | pre .smalltalk .class,
23 | pre .winutils,
24 | pre .bash .variable,
25 | pre .tex .command,
26 | pre .request,
27 | pre .status,
28 | pre .nginx .title,
29 | pre .xml .tag,
30 | pre .xml .tag .value {
31 | color: rgb(0, 0, 255);
32 | }
33 |
34 | pre .string,
35 | pre .title,
36 | pre .parent,
37 | pre .tag .value,
38 | pre .rules .value,
39 | pre .rules .value .number,
40 | pre .ruby .symbol,
41 | pre .ruby .symbol .string,
42 | pre .aggregate,
43 | pre .template_tag,
44 | pre .django .variable,
45 | pre .addition,
46 | pre .flow,
47 | pre .stream,
48 | pre .apache .tag,
49 | pre .date,
50 | pre .tex .formula,
51 | pre .coffeescript .attribute {
52 | color: rgb(163, 21, 21);
53 | }
54 |
55 | pre .ruby .string,
56 | pre .decorator,
57 | pre .filter .argument,
58 | pre .localvars,
59 | pre .array,
60 | pre .attr_selector,
61 | pre .pseudo,
62 | pre .pi,
63 | pre .doctype,
64 | pre .deletion,
65 | pre .envvar,
66 | pre .shebang,
67 | pre .preprocessor,
68 | pre .userType,
69 | pre .apache .sqbracket,
70 | pre .nginx .built_in,
71 | pre .tex .special,
72 | pre .prompt {
73 | color: rgb(43, 145, 175);
74 | }
75 |
76 | pre .phpdoc,
77 | pre .javadoc,
78 | pre .xmlDocTag {
79 | color: rgb(128, 128, 128);
80 | }
81 |
82 | pre .vhdl .typename { font-weight: bold; }
83 | pre .vhdl .string { color: #666666; }
84 | pre .vhdl .literal { color: rgb(163, 21, 21); }
85 | pre .vhdl .attribute { color: #00B0E8; }
86 |
87 | pre .xml .attribute { color: rgb(255, 0, 0); }
88 |
--------------------------------------------------------------------------------
/source/highlightjs/xcode.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | XCode style (c) Angel Garcia
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | background: #fff; color: black;
10 | }
11 |
12 | pre .comment,
13 | pre .template_comment,
14 | pre .javadoc,
15 | pre .comment * {
16 | color: rgb(0,106,0);
17 | }
18 |
19 | pre .keyword,
20 | pre .literal,
21 | pre .nginx .title {
22 | color: rgb(170,13,145);
23 | }
24 | pre .method,
25 | pre .list .title,
26 | pre .tag .title,
27 | pre .setting .value,
28 | pre .winutils,
29 | pre .tex .command,
30 | pre .http .title,
31 | pre .request,
32 | pre .status {
33 | color: #008;
34 | }
35 |
36 | pre .envvar,
37 | pre .tex .special {
38 | color: #660;
39 | }
40 |
41 | pre .string {
42 | color: rgb(196,26,22);
43 | }
44 | pre .tag .value,
45 | pre .cdata,
46 | pre .filter .argument,
47 | pre .attr_selector,
48 | pre .apache .cbracket,
49 | pre .date,
50 | pre .regexp {
51 | color: #080;
52 | }
53 |
54 | pre .sub .identifier,
55 | pre .pi,
56 | pre .tag,
57 | pre .tag .keyword,
58 | pre .decorator,
59 | pre .ini .title,
60 | pre .shebang,
61 | pre .prompt,
62 | pre .hexcolor,
63 | pre .rules .value,
64 | pre .css .value .number,
65 | pre .symbol,
66 | pre .symbol .string,
67 | pre .number,
68 | pre .css .function,
69 | pre .clojure .title,
70 | pre .clojure .built_in,
71 | pre .function .title,
72 | pre .coffeescript .attribute {
73 | color: rgb(28,0,207);
74 | }
75 |
76 | pre .class .title,
77 | pre .haskell .type,
78 | pre .smalltalk .class,
79 | pre .javadoctag,
80 | pre .yardoctag,
81 | pre .phpdoc,
82 | pre .typename,
83 | pre .tag .attribute,
84 | pre .doctype,
85 | pre .class .id,
86 | pre .built_in,
87 | pre .setting,
88 | pre .params,
89 | pre .clojure .attribute {
90 | color: rgb(92,38,153);
91 | }
92 |
93 | pre .variable {
94 | color: rgb(63,110,116);
95 | }
96 | pre .css .tag,
97 | pre .rules .property,
98 | pre .pseudo,
99 | pre .subst {
100 | color: #000;
101 | }
102 |
103 | pre .css .class, pre .css .id {
104 | color: #9B703F;
105 | }
106 |
107 | pre .value .important {
108 | color: #ff7700;
109 | font-weight: bold;
110 | }
111 |
112 | pre .rules .keyword {
113 | color: #C5AF75;
114 | }
115 |
116 | pre .annotation,
117 | pre .apache .sqbracket,
118 | pre .nginx .built_in {
119 | color: #9B859D;
120 | }
121 |
122 | pre .preprocessor,
123 | pre .preprocessor * {
124 | color: rgb(100,56,32);
125 | }
126 |
127 | pre .tex .formula {
128 | background-color: #EEE;
129 | font-style: italic;
130 | }
131 |
132 | pre .diff .header,
133 | pre .chunk {
134 | color: #808080;
135 | font-weight: bold;
136 | }
137 |
138 | pre .diff .change {
139 | background-color: #BCCFF9;
140 | }
141 |
142 | pre .addition {
143 | background-color: #BAEEBA;
144 | }
145 |
146 | pre .deletion {
147 | background-color: #FFC8BD;
148 | }
149 |
150 | pre .comment .yardoctag {
151 | font-weight: bold;
152 | }
153 |
154 | pre .method .id {
155 | color: #000;
156 | }
157 |
--------------------------------------------------------------------------------
/source/highlightjs/zenburn.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov
4 | based on dark.css by Ivan Sagalaev
5 |
6 | */
7 |
8 | pre code {
9 | display: block; padding: 0.5em;
10 | background: #3F3F3F;
11 | color: #DCDCDC;
12 | }
13 |
14 | pre .keyword,
15 | pre .tag,
16 | pre .css .class,
17 | pre .css .id,
18 | pre .lisp .title,
19 | pre .nginx .title,
20 | pre .request,
21 | pre .status,
22 | pre .clojure .attribute {
23 | color: #E3CEAB;
24 | }
25 |
26 | pre .django .template_tag,
27 | pre .django .variable,
28 | pre .django .filter .argument {
29 | color: #DCDCDC;
30 | }
31 |
32 | pre .number,
33 | pre .date {
34 | color: #8CD0D3;
35 | }
36 |
37 | pre .dos .envvar,
38 | pre .dos .stream,
39 | pre .variable,
40 | pre .apache .sqbracket {
41 | color: #EFDCBC;
42 | }
43 |
44 | pre .dos .flow,
45 | pre .diff .change,
46 | pre .python .exception,
47 | pre .python .built_in,
48 | pre .literal,
49 | pre .tex .special {
50 | color: #EFEFAF;
51 | }
52 |
53 | pre .diff .chunk,
54 | pre .subst {
55 | color: #8F8F8F;
56 | }
57 |
58 | pre .dos .keyword,
59 | pre .python .decorator,
60 | pre .title,
61 | pre .haskell .type,
62 | pre .diff .header,
63 | pre .ruby .class .parent,
64 | pre .apache .tag,
65 | pre .nginx .built_in,
66 | pre .tex .command,
67 | pre .prompt {
68 | color: #efef8f;
69 | }
70 |
71 | pre .dos .winutils,
72 | pre .ruby .symbol,
73 | pre .ruby .symbol .string,
74 | pre .ruby .string {
75 | color: #DCA3A3;
76 | }
77 |
78 | pre .diff .deletion,
79 | pre .string,
80 | pre .tag .value,
81 | pre .preprocessor,
82 | pre .built_in,
83 | pre .sql .aggregate,
84 | pre .javadoc,
85 | pre .smalltalk .class,
86 | pre .smalltalk .localvars,
87 | pre .smalltalk .array,
88 | pre .css .rules .value,
89 | pre .attr_selector,
90 | pre .pseudo,
91 | pre .apache .cbracket,
92 | pre .tex .formula,
93 | pre .coffeescript .attribute {
94 | color: #CC9393;
95 | }
96 |
97 | pre .shebang,
98 | pre .diff .addition,
99 | pre .comment,
100 | pre .java .annotation,
101 | pre .template_comment,
102 | pre .pi,
103 | pre .doctype {
104 | color: #7F9F7F;
105 | }
106 |
107 | pre .coffeescript .javascript,
108 | pre .javascript .xml,
109 | pre .tex .formula,
110 | pre .xml .javascript,
111 | pre .xml .vbscript,
112 | pre .xml .css,
113 | pre .xml .cdata {
114 | opacity: 0.5;
115 | }
116 |
117 |
--------------------------------------------------------------------------------
/source/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yangzj1992/TKL-REVISION/196b2cad9378cd44b5ef901a9cc0bffe65788048/source/img/favicon.ico
--------------------------------------------------------------------------------
/source/js/config.js:
--------------------------------------------------------------------------------
1 | var Config = {
2 | keyValue: {
3 | '/?': 191,
4 | 'g': 71,
5 | 'a': 65,
6 | 'c': 67,
7 | 't': 84,
8 | 's': 83
9 | },
10 | consoleInfo: {
11 | info: '%c卧槽,你居然敢点开控制台看我的代码,这下我的屎代码无所遁形了 T _ T',
12 | logo: ' _.-. \n' + ' ,\'/ //\\ \n' + ' /// // /)\n' + ' /// // //|\n' + ' /// // /// \n' + ' /// // /// \n' + ' (`: // /// \n' + ' `;`: /// \n' + ' / / `\' \n' + ' / /\n' + ' (_/ \n'
13 | },
14 | niceScroll: {
15 | smoothscroll: true, // scroll with ease movement
16 | autohidemode: true,
17 | zindex: '100', // change z-index for scrollbar div
18 | scrollspeed: 60, // scrolling speed
19 | mousescrollstep: 40, // mouse scrolling speed
20 | gesturezoom: false, // 上缩放框激活时,间距输出/输入
21 | horizrailenabled: false, // 管理水平滚动
22 | cursorcolor: '#151515',
23 | boxzoom: false, // enable zoom for box content
24 | cursorborder: '0px solid #202020',
25 | cursorborderradius: '8px',
26 | cursorwidth: 4, // 9
27 | enablemousewheel: true,
28 | background: 'rgba(255,255,255,0.7)'
29 | },
30 | snow: {
31 | el: 'slide-canvas',
32 | width: 320,
33 | height: $(window).height(),
34 | cell: 90,
35 | maxCell: 1000,
36 | line: [
37 | // {baseX: '50%',from: {X: -950,Y: 56},to: {X: -878,Y: 62}},
38 | // {baseX: '50%',from: {X: -878,Y: 62},to: {X: -835,Y: 55}},
39 | // {baseX: '50%',from: {X: -835,Y: 55},to: {X: -820,Y: 53}},
40 | // {baseX: '50%',from: {X: -820,Y: 53},to: {X: -789,Y: 70},cubicBezier: [0,.27,.06,.97]},
41 | // {baseX: '50%',from: {X: -789,Y: 70},to: {X: -722,Y: 63}},
42 | // {baseX: '50%',from: {X: -722,Y: 63},to: {X: -668,Y: 66}},
43 | // {baseX: '50%',from: {X: -668,Y: 66},to: {X: -643,Y: 62}},
44 | // {baseX: '50%',from: {X: -643,Y: 62},to: {X: -615,Y: 56}},
45 | // {baseX: '50%',from: {X: -615,Y: 56},to: {X: -599,Y: 54}},
46 | // {baseX: '50%',from: {X: -599,Y: 54},to: {X: -579,Y: 57}},
47 | // {baseX: '50%',from: {X: -579,Y: 57},to: {X: -463,Y: 59}},
48 | // {baseX: '50%',from: {X: -463,Y: 59},to: {X: -445,Y: 55}},
49 | // {baseX: '50%',from: {X: -445,Y: 55},to: {X: -384,Y: 56}},
50 | // {baseX: '50%',from: {X: -384,Y: 56},to: {X: -380,Y: 53}},
51 | // {baseX: '50%',from: {X: -380,Y: 53},to: {X: -348,Y: 55}},
52 | // {baseX: '50%',from: {X: -348,Y: 55},to: {X: -246,Y: 64}},
53 | // {baseX: '50%',from: {X: -246,Y: 64},to: {X: -158,Y: 57}},
54 | // {baseX: '50%',from: {X: -158,Y: 57},to: {X: -109,Y: 58}},
55 | // {baseX: '50%',from: {X: -109,Y: 58},to: {X: -43,Y: 55},},
56 | // {baseX: '50%',from: {X: -43,Y: 55},to: {X: 0,Y: 59},cubicBezier: [.05,.35,.25,1]},
57 | // {baseX: '50%',from: {X: 0,Y: 59},to: {X: 49,Y: 57},cubicBezier: [.46, 0, .09, .85]},
58 | // {baseX: '50%',from: {X: 49,Y: 57},to: {X: 71,Y: 60}},
59 | // {baseX: '50%',from: {X: 71,Y: 60},to: {X: 100,Y: 56}},
60 | // {baseX: '50%',from: {X: 100,Y: 56},to: {X: 108,Y: 58}},
61 | // {baseX: '50%',from: {X: 108,Y: 58},to: {X: 125,Y: 55}},
62 | // {baseX: '50%',from: {X: 125,Y: 55},to: {X: 165,Y: 70},cubicBezier: [.08,.36,.33,.77]},
63 | // {baseX: '50%',from: {X: 165,Y: 70},to: {X: 357,Y: 58}},
64 | // {baseX: '50%',from: {X: 357,Y: 58},to: {X: 505,Y: 64}},
65 | // {baseX: '50%',from: {X: 505,Y: 64},to: {X: 687,Y: 53}},
66 | // {baseX: '50%',from: {X: 687,Y: 53},to: {X: 705,Y: 57}},
67 | // {baseX: '50%',from: {X: 705,Y: 57},to: {X: 754,Y: 53}},
68 | // {baseX: '50%',from: {X: 754,Y: 53},to: {X: 861,Y: 80},cubicBezier: [0,.2,.34,.86]},
69 | // {baseX: '50%',from: {X: 861,Y: 80},to: {X: 950,Y: 58},cubicBezier: [.4,.13,.88,.36]}
70 | ]
71 | },
72 | }
73 |
74 | export {
75 | Config
76 | }
--------------------------------------------------------------------------------
/source/js/layer.js:
--------------------------------------------------------------------------------
1 | var Layer = {
2 | eggFun: function() {
3 | if (windowWidth < miniDeviceWidth) {
4 | return false;
5 | }
6 | layer.open({
7 | type: 1,
8 | title: false,
9 | skin: 'layui-layer-demo', // 样式类名
10 | closeBtn: false, // 不显示关闭按钮
11 | shift: 5,
12 | shadeClose: true, // 开启遮罩关闭
13 | area: [windowWidth, windowHeight],
14 | content: ' | 快捷方式说明 |
---|
? | 打开彩蛋说明 |
gs | 定焦到搜索框 |
ga | 打开归档页 |
gc | 打开目录页 |
gt | 打开标签页 |
'
15 | });
16 | },
17 | imgZoom: function(e) {
18 | let imgSrc = $(e.target).attr('data-src');
19 | layer.open({
20 | type: 1,
21 | title: false,
22 | // skin: 'layui-layer-demo', // 样式类名
23 | closeBtn: false, // 不显示关闭按钮
24 | shadeClose: true, // 开启遮罩关闭
25 | area: [windowWidth, windowHeight],
26 | content: '
'
27 | });
28 | },
29 | rewardLayer: function() {
30 | layer.open({
31 | type: 1,
32 | title: false,
33 | skin: 'layui-layer-demo', // 样式类名
34 | closeBtn: false, // 不显示关闭按钮
35 | shift: 2,
36 | shadeClose: true, // 开启遮罩关闭
37 | area: [windowWidth, windowHeight],
38 | content: '
'
39 | });
40 | },
41 | wechatLayer: function() {
42 | layer.open({
43 | type: 1,
44 | title: false,
45 | skin: 'layui-layer-demo', // 样式类名
46 | closeBtn: false, // 不显示关闭按钮
47 | shift: 2,
48 | shadeClose: true, // 开启遮罩关闭
49 | area: [windowWidth, windowHeight],
50 | content: '
'
51 | });
52 | }
53 | }
54 |
55 | export {
56 | Layer
57 | }
--------------------------------------------------------------------------------
/source/js/lib/html5shiv.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
3 | */
4 | !function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.2",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b)}(this,document);
--------------------------------------------------------------------------------
/source/js/lib/respond.min.js:
--------------------------------------------------------------------------------
1 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl
2 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
3 | * */
4 |
5 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b {
30 | return cache.addAll(offlineResources);
31 | })
32 | .then(() = > {
33 | log('installation complete!');
34 | });
35 | }
36 |
37 | ////////
38 | // Fetch
39 | ////////
40 | function onFetch(event) {
41 | const request = event.request;
42 |
43 | if (shouldAlwaysFetch(request)) {
44 | event.respondWith(networkedOrOffline(request));
45 | return;
46 | }
47 |
48 | if (shouldFetchAndCache(request)) {
49 | event.respondWith(networkedOrCached(request));
50 | return;
51 | }
52 |
53 | event.respondWith(cachedOrNetworked(request));
54 | }
55 |
56 | function networkedOrCached(request) {
57 | return networkedAndCache(request)
58 | .
59 | catch (() = > {
60 | return cachedOrOffline(request)
61 | });
62 | }
63 |
64 | // Stash response in cache as side-effect of network request
65 | function networkedAndCache(request) {
66 | return fetch(request)
67 | .then((response) = > {
68 | var copy = response.clone();
69 | caches.open(cacheKey('resources'))
70 | .then((cache) = > {
71 | cache.put(request, copy);
72 | });
73 |
74 | log("(network: cache write)", request.method, request.url);
75 | return response;
76 | });
77 | }
78 |
79 | function cachedOrNetworked(request) {
80 | return caches.match(request)
81 | .then((response) = > {
82 | log(response ? '(cached)' : '(network: cache miss)', request.method, request.url);
83 | return response || networkedAndCache(request)
84 | .
85 | catch (() = > {
86 | return offlineResponse(request)
87 | });
88 | });
89 | }
90 |
91 | function networkedOrOffline(request) {
92 | return fetch(request)
93 | .then((response) = > {
94 | log('(network)', request.method, request.url);
95 | return response;
96 | })
97 | .
98 | catch (() = > {
99 | return offlineResponse(request);
100 | });
101 | }
102 |
103 | function cachedOrOffline(request) {
104 | return caches.match(request)
105 | .then((response) = > {
106 | return response || offlineResponse(request);
107 | });
108 | }
109 |
110 | function offlineResponse(request) {
111 | log('(offline)', request.method, request.url);
112 | if (request.url.match(/\.(jpg|png|gif|svg|jpeg)(\?.*)?$/)) {
113 | return caches.match('/offline.svg');
114 | } else {
115 | return caches.match('/offline.html');
116 | }
117 | }
118 |
119 | ///////////
120 | // Activate
121 | ///////////
122 | function onActivate(event) {
123 | log('activate event in progress.');
124 | event.waitUntil(removeOldCache());
125 | }
126 |
127 | function removeOldCache() {
128 | return caches.keys()
129 | .then((keys) = > {
130 | return Promise.all( // We return a promise that settles when all outdated caches are deleted.
131 | keys.filter((key) = > {
132 | return !key.startsWith(version); // Filter by keys that don't start with the latest version prefix.
133 | })
134 | .map((key) = > {
135 | return caches.delete(key); // Return a promise that's fulfilled when each outdated cache is deleted.
136 | }));
137 | })
138 | .then(() = > {
139 | log('removeOldCache completed.');
140 | });
141 | }
142 |
143 | function cacheKey() {
144 | return [version, ...arguments].join(':');
145 | }
146 |
147 | function log() {
148 | if (developmentMode()) {
149 | console.log("SW:", ...arguments);
150 | }
151 | }
152 |
153 | function shouldAlwaysFetch(request) {
154 | return __DEVELOPMENT__ || request.method !== 'GET' || ignoreFetch.some(regex = > request.url.match(regex));
155 | }
156 |
157 | function shouldFetchAndCache(request) {
158 | return~request.headers.get('Accept').indexOf('text/html');
159 | }
160 |
161 | function developmentMode() {
162 | return __DEVELOPMENT__ || __DEBUG__;
163 | }
164 |
165 | log("Hello from ServiceWorker land!", version);
166 |
167 | self.addEventListener('install', onInstall);
168 |
169 | self.addEventListener('fetch', onFetch);
170 |
171 | self.addEventListener("activate", onActivate);
172 |
--------------------------------------------------------------------------------
/source/js/snow.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Snowy Fun
3 | * @param {
4 | * el => 'String'
5 | * width => 100% or 1280
6 | * height => 100% or 800
7 | * cell => Number
8 | * maxCell => Number
9 | * line => Array
10 | * }
11 | * @return {init}
12 | */
13 | function Snowy(options) {
14 | function Snow(x, y, radius, fn) {
15 | this.x = x;
16 | this.y = y;
17 | this.r = radius;
18 | this.fn = fn;
19 | this.move = true;
20 | }
21 | Snow.prototype.refresh = function(toUpper) {
22 | let H = docEl.height - 2,
23 | prevReachX = ~~(this.x),
24 | nextReachX = ~~(this.x) + 1,
25 | thisReach = snowList.widthReach[prevReachX] || 0,
26 | useReachX,
27 | useReach;
28 |
29 | if (!this.move) {
30 | return;
31 | }
32 | if (snowList.widthReach[prevReachX] <= snowList.widthReach[nextReachX]) {
33 | useReachX = prevReachX;
34 | } else {
35 | useReachX = nextReachX;
36 | }
37 | useReach = snowList.widthReach[useReachX] || 0;
38 | if (this.y > H - thisReach - 2 && this.y < H - thisReach + 3) {
39 | if (toUpper) {
40 | this.y = H - thisReach;
41 | if (useReach < thisReach) {
42 | this.x = useReachX;
43 | thisReach = useReach;
44 | } else {
45 | useReachX = ~~this.x
46 | }
47 | if (H - this.y + ~~(this.r / 6) >= thisReach) {
48 | snowList.widthReach[useReachX] = H - this.y + ~~(this.r / 6);
49 | }
50 | this.move = false;
51 | } else {
52 | this.x = getRandom('x');
53 | this.y = 0;
54 | }
55 | } else if (this.y > docEl.height) {
56 | if (toUpper) {
57 | snowList.widthReach[useReachX] = H - this.y + ~~(this.r / 3);
58 | this.move = false;
59 | } else {
60 | this.x = getRandom('x');
61 | this.y = 0;
62 | }
63 | } else {
64 | this.x = this.fn.x(this.x, this.y);
65 | this.y = this.fn.y(this.y, this.y);
66 | }
67 | }
68 |
69 | function UnitBezier(p1x, p1y, p2x, p2y) {
70 | // pre-calculate the polynomial coefficients
71 | // First and last control points are implied to be (0,0) and (1.0, 1.0)
72 | this.cx = 3.0 * p1x;
73 | this.bx = 3.0 * (p2x - p1x) - this.cx;
74 | this.ax = 1.0 - this.cx - this.bx;
75 |
76 | this.cy = 3.0 * p1y;
77 | this.by = 3.0 * (p2y - p1y) - this.cy;
78 | this.ay = 1.0 - this.cy - this.by;
79 | }
80 | UnitBezier.prototype = {
81 | epsilon: 1e-3, // Precision
82 | sampleCurveX: function(t) {
83 | return ((this.ax * t + this.bx) * t + this.cx) * t;
84 | },
85 | sampleCurveY: function(t) {
86 | return ((this.ay * t + this.by) * t + this.cy) * t;
87 | },
88 | sampleCurveDerivativeX: function(t) {
89 | return (3.0 * this.ax * t + 2.0 * this.bx) * t + this.cx;
90 | },
91 | solveCurveX: function(x, epsilon) {
92 | let t0, t1, t2, x2, d2, i;
93 | // First try a few iterations of Newton's method -- normally very fast.
94 | for (t2 = x, i = 0; i < 8; i++) {
95 | x2 = this.sampleCurveX(t2) - x;
96 | if (Math.abs(x2) < epsilon)
97 | return t2;
98 | d2 = this.sampleCurveDerivativeX(t2);
99 | if (Math.abs(d2) < epsilon)
100 | break;
101 | t2 = t2 - x2 / d2;
102 | }
103 |
104 | // No solution found - use bi-section
105 | t0 = 0.0;
106 | t1 = 1.0;
107 | t2 = x;
108 |
109 | if (t2 < t0) return t0;
110 | if (t2 > t1) return t1;
111 |
112 | while (t0 < t1) {
113 | x2 = this.sampleCurveX(t2);
114 | if (Math.abs(x2 - x) < epsilon)
115 | return t2;
116 | if (x > x2) t0 = t2;
117 | else t1 = t2;
118 |
119 | t2 = (t1 - t0) * .5 + t0;
120 | }
121 | return t2;
122 | },
123 |
124 | // Find new function of Y along curve X
125 | solve: function(x, epsilon) {
126 | return this.sampleCurveY(this.solveCurveX(x, epsilon));
127 | }
128 | }
129 |
130 | function listInit(o, that) {
131 | let base = getDistance(o.baseX),
132 | bezier,
133 | cubic,
134 | len,
135 | per,
136 | i;
137 | if (o.cubicBezier) {
138 | bezier = o.cubicBezier;
139 | cubic = new UnitBezier(bezier[0], bezier[1], bezier[2], bezier[3]);
140 | }
141 | for (i = 0, len = o.to.X - o.from.X; i < len; i++) {
142 | per = (i + 1) / len;
143 | if (cubic) {
144 | per = cubic.solve(per, 1e-3);
145 | }
146 | that.widthReach[~~(base + o.from.X) + i] = (o.to.Y - o.from.Y) * per + o.from.Y;
147 | }
148 | }
149 |
150 | function SnowList() {
151 | let len = options.line.length,
152 | i = 0;
153 | this.list = [];
154 | this.widthReach = [];
155 | for (; i < len; i++) {
156 | listInit(options.line[i], this);
157 | }
158 | }
159 | SnowList.prototype.refresh = function() {
160 | let lenNoMove = 0,
161 | i = 0,
162 | len = this.list.length;
163 | for (; i < len; i++) {
164 | if (this.list[i].move === false) {
165 | lenNoMove++;
166 | }
167 | if (len >= options.maxCell) {
168 | this.list[i].refresh(false);
169 | } else
170 | this.list[i].refresh(true);
171 | }
172 | /*clearInterval(interval);*/
173 | // if (len >= options.maxCell) return;
174 | if (len < options.maxCell) {
175 | for (i = 0, len = options.cell - (len - lenNoMove); i < len; i++) {
176 | !(function() {
177 | let snow, randomX, randomY, randomR, randomFnx, randomFny;
178 | randomX = getRandom('x');
179 | randomY = getRandom('y');
180 | randomR = getRandom('r');
181 | randomFnx = getRandom('fnx');
182 | randomFny = getRandom('fny');
183 |
184 | snow = new Snow(randomX, randomY, randomR, {
185 | x: randomFnx,
186 | y: randomFny
187 | });
188 | snow.draw(cxt);
189 | snowList.push(snow);
190 | })();
191 | }
192 | }
193 | }
194 |
195 | SnowList.prototype.push = function(snow) {
196 | this.list.push(snow);
197 | }
198 |
199 | SnowList.prototype.draw = function(cxt) {
200 | for (let i = 0, len = this.list.length; i < len; i++) {
201 | this.list[i].draw(cxt);
202 | }
203 | /*cxt.clearRect(300 - 6, docEl.height - 200, 200 + 12, 4);*/
204 | }
205 | SnowList.prototype.get = function(i) {
206 | return this.list[i];
207 | }
208 | SnowList.prototype.size = function() {
209 | return this.list.length;
210 | }
211 | Snow.prototype.draw = function(cxt) {
212 | let grd = cxt.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.r);
213 | grd.addColorStop(0, 'rgba(255, 255, 255, ' + ((this.r) / 6 * 1) + ')');
214 | grd.addColorStop(.5, 'rgba(255, 255, 255, ' + ((this.r) / 6 * .5) + ')');
215 | grd.addColorStop(1, 'rgba(255, 255, 255, 0)');
216 | cxt.fillStyle = grd;
217 | cxt.fillRect(this.x - this.r, this.y - this.r, this.r * 2, this.r * 2);
218 | }
219 |
220 | /**
221 | * Generate random x-pos, y-pos or fn functions
222 | * @param {string} option x|y|fnx|fny
223 | * @return {int|Function}
224 | */
225 | function getRandom(option) {
226 | let ret, random;
227 | switch (option) {
228 | case 'x':
229 | ret = Math.random() * docEl.width;
230 | break;
231 | case 'y':
232 | ret = (Math.random() - 1) * docEl.height;
233 | break;
234 | case 'r':
235 | ret = 2 + (Math.random() * 4);
236 | break;
237 | case 'fnx': // x axis offset
238 | random = 27 + Math.random() * 100;
239 | ret = function(x, y) {
240 | return x + 0.5 * Math.sin(y / random);
241 | };
242 | break;
243 | case 'fny': // y axis offset
244 | random = 0.4 + Math.random() * 1.4;
245 | ret = function(x, y) {
246 | return y + random;
247 | };
248 | break;
249 | }
250 | return ret;
251 | }
252 |
253 | function newSnow() {
254 | let snow, randomX, randomY, randomR, randomFnx, randomFny;
255 | for (let i = 0; i < options.cell; i++) {
256 | randomX = getRandom('x');
257 | randomY = getRandom('y');
258 | randomR = getRandom('r');
259 | randomFnx = getRandom('fnx');
260 | randomFny = getRandom('fny');
261 | snow = new Snow(randomX, randomY, randomR, {
262 | x: randomFnx,
263 | y: randomFny
264 | });
265 | snow.draw(cxt);
266 | snowList.push(snow);
267 | }
268 | }
269 |
270 | function getDistance(n) {
271 | if (n.toString().indexOf('%') !== -1) {
272 | n = n.split('%')[0] / 100 * el.offsetWidth;
273 | }
274 | return n;
275 | }
276 |
277 |
278 | // Start paint
279 | let el = document.getElementById(options.el) || document.getElementsByTagName('body')[0],
280 | docEl = {
281 | width: getDistance(options.width),
282 | height: getDistance(options.height)
283 | },
284 | canvas = document.createElement('canvas'),
285 | cxt, interval;
286 | el.innerHTML = '';
287 | el.appendChild(canvas);
288 | cxt = canvas.getContext('2d');
289 | // Create snow objects
290 | let snowList = new SnowList();
291 |
292 | function init() {
293 | canvas.height = docEl.height;
294 | canvas.width = docEl.width;
295 | snowList = new SnowList();
296 | newSnow();
297 | }
298 | init();
299 |
300 | // Refresh snow position data, and redraw them in each frame
301 | interval = setInterval(function() {
302 | cxt.clearRect(0, 0, canvas.width, canvas.height);
303 | snowList.refresh();
304 | snowList.draw(cxt);
305 | }, 13);
306 |
307 | return {
308 | init: init
309 | }
310 | }
311 |
312 | export {
313 | Snowy
314 | }
--------------------------------------------------------------------------------
/source/scss/_basic-color.scss:
--------------------------------------------------------------------------------
1 | $Grey: #eee; //浅灰
2 | $DarkGrey: #666; //深灰
3 | $NormalGrey:#999; // 灰
4 | $NormalBlack: #151515; //中黑
5 | $SoilGrey: #646464; // 土灰
6 | $DeepGreen:#008e59; //深绿
7 | $BlackGreen:#004229; //黑绿
8 | $WeixinGreen:#51c332; //微信绿
9 | $WeiboRed:#e72c40; //微博红
10 | $QzoneYellow:#fcb920; //空间黄
11 | $TwitterBlue:#55acee; //推特蓝
12 | $FacebookPurple:#415d98; //脸书紫
13 | $GoogleRed:#dc5046; //谷歌红
14 | $ZhihuBlue:#0d78e9; //知乎蓝
15 | $LightPink :#FFB6C1; //浅粉红
16 | $Pink :#FFC0CB; //粉红
17 | $Crimson :#DC143C; //深红(猩红)
18 | $LavenderBlush :#FFF0F5; //淡紫红
19 | $PaleVioletRed :#DB7093; //弱紫罗兰红
20 | $HotPink :#FF69B4; //热情的粉红
21 | $DeepPink :#FF1493; //深粉红
22 | $MediumVioletRed :#C71585; //中紫罗兰红
23 | $Orchid :#DA70D6; //暗紫色(兰花紫)
24 | $Thistle :#D8BFD8; //蓟色
25 | $Plum :#DDA0DD; //洋李色(李子紫)
26 | $Violet :#EE82EE; //紫罗兰
27 | $Magenta :#FF00FF; //洋红(玫瑰红)
28 | $Fuchsia :#FF00FF; //紫红(灯笼海棠)
29 | $DarkMagenta :#8B008B; //深洋红
30 | $Purple :#800080; //紫色
31 | $MediumOrchid :#BA55D3; //中兰花紫
32 | $DarkViolet :#9400D3; //暗紫罗兰
33 | $DarkOrchid :#9932CC; //暗兰花紫
34 | $Indigo :#4B0082; //靛青/紫兰色
35 | $BlueViolet :#8A2BE2; //蓝紫罗兰
36 | $MediumPurple :#9370DB; //中紫色
37 | $MediumSlateBlue :#7B68EE; //中暗蓝色(中板岩蓝)
38 | $SlateBlue :#6A5ACD; //石蓝色(板岩蓝)
39 | $DarkSlateBlue :#483D8B; //暗灰蓝色(暗板岩蓝)
40 | $Lavender :#E6E6FA; //淡紫色(熏衣草淡紫)
41 | $GhostWhite :#F8F8FF; //幽灵白
42 | $Blue :#0000FF; //纯蓝
43 | $MediumBlue :#0000CD; //中蓝色
44 | $MidnightBlue :#191970; //午夜蓝
45 | $DarkBlue :#00008B; //暗蓝色
46 | $Navy :#000080; //海军蓝
47 | $RoyalBlue :#4169E1; //皇家蓝/宝蓝
48 | $CornflowerBlue :#6495ED; //矢车菊蓝
49 | $LightSteelBlue :#B0C4DE; //亮钢蓝
50 | $LightSlateGray :#778899; //亮蓝灰(亮石板灰)
51 | $SlateGray :#708090; //灰石色(石板灰)
52 | $DodgerBlue :#1E90FF; //闪兰色(道奇蓝)
53 | $AliceBlue :#F0F8FF; //爱丽丝蓝
54 | $SteelBlue :#4682B4; //钢蓝/铁青
55 | $LightSkyBlue :#87CEFA; //亮天蓝色
56 | $SkyBlue :#87CEEB; //天蓝色
57 | $DeepSkyBlue :#00BFFF; //深天蓝
58 | $LightBlue :#ADD8E6; //亮蓝
59 | $PowderBlue :#B0E0E6; //粉蓝色(火药青)
60 | $CadetBlue :#5F9EA0; //军兰色(军服蓝)
61 | $Azure :#F0FFFF; //蔚蓝色
62 | $LightCyan :#E0FFFF; //淡青色
63 | $PaleTurquoise :#AFEEEE; //弱绿宝石
64 | $Cyan :#00FFFF; //青色
65 | $Aqua :#00FFFF; //浅绿色(水色)
66 | $DarkTurquoise :#00CED1; //暗绿宝石
67 | $DarkSlateGray :#2F4F4F; //暗瓦灰色(暗石板灰)
68 | $DarkCyan :#008B8B; //暗青色
69 | $Teal :#008080; //水鸭色
70 | $MediumTurquoise :#48D1CC; //中绿宝石
71 | $LightSeaGreen :#20B2AA; //浅海洋绿
72 | $Turquoise :#40E0D0; //绿宝石
73 | $Aquamarine :#7FFFD4; //宝石碧绿
74 | $MediumAquamarine :#66CDAA; //中宝石碧绿
75 | $MediumSpringGreen :#00FA9A; //中春绿色
76 | $MintCream :#F5FFFA; //薄荷奶油
77 | $SpringGreen :#00FF7F; //春绿色
78 | $MediumSeaGreen :#3CB371; //中海洋绿
79 | $SeaGreen :#2E8B57; //海洋绿
80 | $Honeydew :#F0FFF0; //蜜色(蜜瓜色)
81 | $LightGreen :#90EE90; //淡绿色
82 | $PaleGreen :#98FB98; //弱绿色
83 | $DarkSeaGreen :#8FBC8F; //暗海洋绿
84 | $LimeGreen :#32CD32; //闪光深绿
85 | $Lime :#00FF00; //闪光绿
86 | $ForestGreen :#228B22; //森林绿
87 | $Green :#008000; //纯绿
88 | $DarkGreen :#006400; //暗绿色
89 | $Chartreuse :#7FFF00; //黄绿色(查特酒绿)
90 | $LawnGreen :#7CFC00; //草绿色(草坪绿)
91 | $GreenYellow :#ADFF2F; //绿黄色
92 | $DarkOliveGreen :#556B2F; //暗橄榄绿
93 | $YellowGreen :#9ACD32; //黄绿色
94 | $OliveDrab :#6B8E23; //橄榄褐色
95 | $Beige :#F5F5DC; //米色/灰棕色
96 | $LightGoldenrodYellow :#FAFAD2; //亮菊黄
97 | $Ivory :#FFFFF0; //象牙色
98 | $LightYellow :#FFFFE0; //浅黄色
99 | $Yellow :#FFFF00; //纯黄
100 | $Olive :#808000; //橄榄
101 | $DarkKhaki :#BDB76B; //暗黄褐色(深卡叽布)
102 | $LemonChiffon :#FFFACD; //柠檬绸
103 | $PaleGoldenrod :#EEE8AA; //灰菊黄(苍麒麟色)
104 | $Khaki :#F0E68C; //黄褐色(卡叽布)
105 | $Gold :#FFD700; //金色
106 | $Cornsilk :#FFF8DC; //玉米丝色
107 | $Goldenrod :#DAA520; //金菊黄
108 | $DarkGoldenrod :#B8860B; //暗金菊黄
109 | $FloralWhite :#FFFAF0; //花的白色
110 | $OldLace :#FDF5E6; //老花色(旧蕾丝)
111 | $Wheat :#F5DEB3; //浅黄色(小麦色)
112 | $Moccasin :#FFE4B5; //鹿皮色(鹿皮靴)
113 | $Orange :#FFA500; //橙色
114 | $PapayaWhip :#FFEFD5; //番木色(番木瓜)
115 | $BlanchedAlmond :#FFEBCD; //白杏色
116 | $NavajoWhite :#FFDEAD; //纳瓦白(土著白)
117 | $AntiqueWhite :#FAEBD7; //古董白
118 | $Tan :#D2B48C; //茶色
119 | $BurlyWood :#DEB887; //硬木色
120 | $Bisque :#FFE4C4; //陶坯黄
121 | $DarkOrange :#FF8C00; //深橙色
122 | $Linen :#FAF0E6; //亚麻布
123 | $Peru :#CD853F; //秘鲁色
124 | $PeachPuff :#FFDAB9; //桃肉色
125 | $SandyBrown :#F4A460; //沙棕色
126 | $Chocolate :#D2691E; //巧克力色
127 | $SaddleBrown :#8B4513; //重褐色(马鞍棕色)
128 | $Seashell :#FFF5EE; //海贝壳
129 | $Sienna :#A0522D; //黄土赭色
130 | $LightSalmon :#FFA07A; //浅鲑鱼肉色
131 | $Coral :#FF7F50; //珊瑚
132 | $OrangeRed :#FF4500; //橙红色
133 | $DarkSalmon :#E9967A; //深鲜肉/鲑鱼色
134 | $Tomato :#FF6347; //番茄红
135 | $MistyRose :#FFE4E1; //浅玫瑰色(薄雾玫瑰)
136 | $Salmon :#FA8072; //鲜肉/鲑鱼色
137 | $Snow :#FFFAFA; //雪白色
138 | $LightCoral :#F08080; //淡珊瑚色
139 | $RosyBrown :#BC8F8F; //玫瑰棕色
140 | $IndianRed :#CD5C5C; //印度红
141 | $Red :#FF0000; //纯红
142 | $Brown :#A52A2A; //棕色
143 | $FireBrick :#B22222; //火砖色(耐火砖)
144 | $DarkRed :#8B0000; //深红色
145 | $Maroon :#800000; //栗色
146 | $White :#FFFFFF; //纯白
147 | $WhiteSmoke :#F5F5F5; //白烟
148 | $Gainsboro :#DCDCDC; //淡灰色(庚斯博罗灰)
149 | $LightGrey :#D3D3D3; //浅灰色
150 | $Silver :#C0C0C0; //银灰色
151 | $DarkGray :#A9A9A9; //深灰色
152 | $Gray :#808080; //灰色
153 | $DimGray :#696969; //暗淡的灰色
154 | $Black :#000000; //纯黑
155 | $GithubBlue: #4078c0; // Github蓝
--------------------------------------------------------------------------------
/source/scss/archive.scss:
--------------------------------------------------------------------------------
1 | .archive-list,
2 | .category-list,
3 | .tag-list {
4 | line-height: 25px;
5 | }
6 |
7 | .archive-list-count,
8 | .category-list-count,
9 | .tag-list-count {
10 | margin-left: 10px;
11 | }
12 |
13 | .article-list {
14 | background-color: $White;
15 | .boxes {
16 | padding-top: 50px;
17 | .col-md-3,
18 | .col-md-6 {
19 | padding: 15px;
20 | }
21 | .i {
22 | font-size: 80px;
23 | }
24 | }
25 | }
26 |
27 | @media (max-width: $screen-sm-max) {
28 | .article-list {
29 | .category_index {
30 | padding: 15px 0 0 15px;
31 | .category-list,
32 | .tag-list,
33 | .archive-list {
34 | -webkit-padding-start: 10px;
35 | }
36 | .category-list-item,
37 | .tag-list-item,
38 | .archive-list-item {
39 | display: inline-block;
40 | border-radius: 999em;
41 | padding: 0 10px;
42 | margin: 0 2px;
43 | margin-bottom: 8px;
44 | line-height: 28px;
45 | background-color: $DeepGreen;
46 | .category-list-link,
47 | .tag-list-link,
48 | .archive-list-link {
49 | color: $White;
50 | }
51 | .category-list-count,
52 | .tag-list-count,
53 | .archive-list-count {
54 | display: none;
55 | }
56 | }
57 | }
58 | }
59 | }
60 |
61 | @media (max-width: $screen-sm) {
62 | .article-list {
63 | .boxes {
64 | padding-top: 0;
65 | }
66 | }
67 | }
--------------------------------------------------------------------------------
/source/scss/footer.scss:
--------------------------------------------------------------------------------
1 | footer {
2 | padding: 1% 0;
3 | background: $NormalBlack;
4 | z-index: 9;
5 | position: relative;
6 | .footer {
7 | width: 95%;
8 | margin: 0 auto;
9 | padding-top: 10px;
10 | .wrapper {
11 | margin: 0;
12 | }
13 | }
14 | .copy {
15 | float: left;
16 | margin-top: 5px;
17 | p {
18 | font-size: 12px;
19 | color: #767d84;
20 | margin: 0;
21 | }
22 | a {
23 | color: #767d84;
24 | &:hover {
25 | color: $White;
26 | }
27 | }
28 | }
29 | .social {
30 | float: right;
31 | margin-top: 5px;
32 | ul {
33 | margin: 0;
34 | padding: 0;
35 | }
36 | li {
37 | background: none;
38 | display: inline-block;
39 | a i {
40 | font-size: 20px;
41 | color: #ccc;
42 | margin-right: 4px;
43 | }
44 | }
45 | .searchform {
46 | margin-top: 20px;
47 | .fa-search {
48 | position: absolute;
49 | color: #ccc;
50 | margin-top: 8px;
51 | }
52 | .searchbox {
53 | height: 30px;
54 | background-color: $NormalBlack;
55 | border: 1px solid $NormalBlack;
56 | padding: 0 10px 0 18px;
57 | border-bottom: 1px solid gray;
58 | }
59 | }
60 | }
61 | }
62 |
63 | .control-panel {
64 | position: fixed;
65 | z-index: 10;
66 | bottom: 132px;
67 | right: 20px;
68 | display: none;
69 | ul {
70 | li {
71 | list-style: none;
72 | i {
73 | cursor: pointer;
74 | }
75 | }
76 | }
77 | }
78 |
79 | @media (max-width: $screen-sm) {
80 | .social {
81 | width: 100%;
82 | ul {
83 | float: right;
84 | }
85 | .search {
86 | float: left;
87 | width: 36%;
88 | position: absolute;
89 | bottom: 10px;
90 | .searchform {
91 | margin-top: 0 !important;
92 | }
93 | .searchbox {
94 | width: 100%;
95 | }
96 | }
97 | }
98 | }
--------------------------------------------------------------------------------
/source/scss/header.scss:
--------------------------------------------------------------------------------
1 | .navbar {
2 | position: fixed;
3 | top: 0;
4 | .nav {
5 | width: 100%;
6 | text-align: center;
7 | height: 50px;
8 | .welcome {
9 | cursor: pointer;
10 | }
11 | >li {
12 | display: inline-block;
13 | >span {
14 | font-family: $font-family-georgia;
15 | font-style: italic;
16 | margin-left: 4px;
17 | margin-right: 3px;
18 | text-transform: none;
19 | position: relative;
20 | top: -1px;
21 | }
22 | >a {
23 | display: block;
24 | }
25 | >span,
26 | >a>i {
27 | font-size: 12px;
28 | }
29 | a:hover,
30 | a:focus {
31 | background-color: transparent;
32 | }
33 | &:last-child>a,
34 | &:last-child {
35 | border-right: none;
36 | }
37 | }
38 | }
39 | .nav>li>a,
40 | .navbar .nav li.nolink {
41 | padding: 0 10px;
42 | margin: 16px 0;
43 | color: $NormalBlack;
44 | font: 400 12px/14px 'Montserrat', "Open Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "WenQuanYi Micro Hei", Arial, sans-serif;
45 | text-transform: uppercase;
46 | letter-spacing: 1px;
47 | text-shadow: none;
48 | border-right: 1px solid #aaa;
49 | }
50 | }
51 |
52 | .navbar-inner {
53 | background-color: transparent;
54 | -webkit-transition: background-color 400ms linear;
55 | -moz-transition: background-color 400ms linear;
56 | -o-transition: background-color 400ms linear;
57 | -ms-transition: background-color 400ms linear;
58 | transition: background-color 400ms linear;
59 | z-index: 10;
60 | border: none;
61 | }
62 |
63 | .lightnav .navbar-inner.lightnav-alt .nav>li>a {
64 | color: $NormalBlack;
65 | }
66 |
67 |
68 | /* Changes nav background color to white on scroll */
69 |
70 | .navbar-inner.lightnav-alt {
71 | background-color: rgba(255, 255, 255, .9);
72 | }
73 |
74 | @media (max-width: $screen-sm-max) {
75 | .navbar-inner.lightnav-alt {
76 | border-bottom: none;
77 | }
78 | .navbar-inner {
79 | border-bottom: none !important;
80 | padding: 0 !important;
81 | height: 60px;
82 | }
83 | .navbar .nav {
84 | .mobile-li {
85 | display: inline-block;
86 | }
87 | >li {
88 | display: none;
89 | }
90 | }
91 | }
--------------------------------------------------------------------------------
/source/scss/homepage.scss:
--------------------------------------------------------------------------------
1 | .index-context {
2 | .index-title {
3 | font-size: 26px;
4 | line-height: 32px;
5 | }
6 | .title {
7 | color: #4a4a4a;
8 | }
9 | h3:hover {
10 | .title {
11 | color: $NormalBlack;
12 | }
13 | }
14 | }
15 |
16 | .readMore a {
17 | font-size: 12px;
18 | padding: 2px 10px;
19 | border: 1px solid $Gray;
20 | border-radius: 20px;
21 | color: $DarkGrey !important;
22 | &:hover {
23 | background-color: $Gray;
24 | color: $White !important;
25 | text-decoration: none !important;
26 | }
27 | }
28 |
29 | .center-text {
30 | .home-header {
31 | -webkit-transition: color 1s ease;
32 | -moz-transition: color 1s ease;
33 | transition: color 1s ease;
34 | position: relative;
35 | opacity: 0.6;
36 | &:after {
37 | content: '';
38 | background-color: #151515;
39 | width: 3px;
40 | height: 3px;
41 | right: 0;
42 | bottom: 0;
43 | }
44 | &:hover {
45 | opacity: 1;
46 | -webkit-transition: all 1s ease;
47 | -moz-transition: all 1s ease;
48 | transition: all 1s ease;
49 | }
50 | &:hover:after {
51 | width: 100%;
52 | position: absolute;
53 | -webkit-transition: all 1s ease;
54 | -moz-transition: all 1s ease;
55 | transition: all 1s ease;
56 | }
57 | }
58 | .home-text {
59 | opacity: 0.6;
60 | &:hover {
61 | opacity: 1;
62 | -webkit-transition: all 0.5s ease;
63 | -moz-transition: all 0.5s ease;
64 | transition: all 0.5s ease;
65 | }
66 | }
67 | }
--------------------------------------------------------------------------------
/source/scss/index.scss:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | @import "_basic-color.scss";
3 | @import "variable.scss";
4 | @import "global.scss";
5 | @import "header.scss";
6 | @import "slidebar.scss";
7 | @import "footer.scss";
8 | @import "toc.scss";
9 | @import "homepage.scss";
10 | @import "post.scss";
11 | @import "archive.scss";
12 | @import "projects.scss";
--------------------------------------------------------------------------------
/source/scss/post.scss:
--------------------------------------------------------------------------------
1 | .post-content {
2 | h1,
3 | h2,
4 | h3,
5 | h4,
6 | h5,
7 | h6 {
8 | margin-top: 20px;
9 | font-family: $font-family-open-sans;
10 | color: $NormalBlack;
11 | }
12 | h1 {
13 | font-size: $font-size-h2;
14 | font-weight: 700;
15 | text-align: center;
16 | }
17 | h2 {
18 | font-size: $font-size-h3;
19 | line-height: 24px;
20 | padding-left: 10px;
21 | border-left: 4px solid $DeepGreen;
22 | margin-top: 10px;
23 | }
24 | h3 {
25 | line-height: 21px;
26 | font-size: $font-size-h4;
27 | margin-top: 14px;
28 | }
29 | h4 {
30 | font-size: $font-size-h5;
31 | color: $NormalBlack;
32 | }
33 | .post-tags {
34 | color: $White;
35 | background-color: $Gray;
36 | padding: 2px 6px;
37 | font-size: 12px;
38 | margin-right: 4px;
39 | }
40 | .post-time,
41 | .post-copyright {
42 | color: $NormalGrey;
43 | display: block;
44 | font-size: 13px;
45 | text-align: center;
46 | }
47 | .duoshuo,
48 | .pagination {
49 | width: 66%;
50 | position: relative;
51 | text-align: center;
52 | left: 8.5%;
53 | }
54 | .nogutter {
55 | padding: 10px 0;
56 | }
57 | .share-icon {
58 | padding: 0 .2em;
59 | }
60 | .qrcode {
61 | position: absolute;
62 | z-index: 55;
63 | bottom: 30px;
64 | right: 80px;
65 | height: 108px;
66 | border: 1px solid #ebebeb;
67 | padding: 5px;
68 | text-align: center;
69 | border-radius: $border-radius-base;
70 | box-shadow: 1px 1px 2px #969696;
71 | background-color: $White;
72 | }
73 | .post-article {
74 | img {
75 | position: relative;
76 | left: 50%;
77 | transform: translateX(-50%);
78 | display: block;
79 | }
80 | ol,
81 | ul {
82 | padding-left: 18px;
83 | }
84 | }
85 | }
86 |
87 | .duoshuo,
88 | .pagination,
89 | .nogutter {
90 | width: 64%;
91 | text-align: left;
92 | margin: 0 auto;
93 | }
94 |
95 | .nogutter {
96 | width: 100%;
97 | }
98 |
99 | .summary,
100 | .post-content .nogutter {
101 | width: 100%;
102 | margin: auto;
103 | }
104 |
105 | .summary {
106 | padding-bottom: 6px;
107 | .share-box {
108 | float: right;
109 | position: relative;
110 | }
111 | .qrcode {
112 | display: none;
113 | }
114 | .reward {
115 | cursor: pointer;
116 | }
117 | }
--------------------------------------------------------------------------------
/source/scss/projects.scss:
--------------------------------------------------------------------------------
1 | .projects {
2 | width: 100%;
3 | padding: 0 20px;
4 | text-align: center;
5 | // display: flex;
6 | display: -webkit-box;
7 | flex-wrap: wrap;
8 | justify-content: center;
9 | .p-item {
10 | display: inline-block;
11 | width: 250px;
12 | margin: 0 10px 35px;
13 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
14 | .p-header {
15 | padding: 10px 20px;
16 | border-top-left-radius: 3px;
17 | border-top-right-radius: 3px;
18 | color: #333;
19 | border-bottom: 1px solid #ddd;
20 | background-color: #F5F8FA;
21 | a h3 {
22 | font-size: 22px;
23 | margin: 10px 0;
24 | }
25 | }
26 | .p-body {
27 | height: 60px;
28 | overflow: hidden;
29 | text-overflow: ellipsis;
30 | display: -webkit-box;
31 | -webkit-box-orient: vertical;
32 | position: relative;
33 | margin-bottom: 10px;
34 | p {
35 | position: relative;
36 | top: 50%;
37 | -webkit-transform: translateY(-50%);
38 | -moz-transform: translateY(-50%);
39 | -ms-transform: translateY(-50%);
40 | -o-transform: translateY(-50%);
41 | transform: translateY(-50%);
42 | }
43 | }
44 | .p-footer {
45 | padding: 0 20px 10px;
46 | overflow-x: auto;
47 | color: #959595;
48 | font-size: 12px;
49 | margin: 14px 0 5px;
50 | span {
51 | padding: 0 10px;
52 | & i {
53 | font-style: normal;
54 | font-size: 10px
55 | }
56 | }
57 | }
58 | }
59 | }
--------------------------------------------------------------------------------
/source/scss/slidebar.scss:
--------------------------------------------------------------------------------
1 | .sb-close img,
2 | .menu-icon {
3 | -webkit-transition: all ease 0.3s;
4 | -moz-transition: all ease .3s;
5 | -o-transition: all ease .3s;
6 | -ms-transition: all ease .3s;
7 | transition: all ease .3s;
8 | }
9 |
10 | button.menu-icon {
11 | position: fixed;
12 | right: 30px;
13 | top: 14px;
14 | margin-top: 0;
15 | z-index: 2050;
16 | padding: 0;
17 | background: none;
18 | outline: none;
19 | display: block;
20 | cursor: pointer;
21 | }
22 |
23 | button.navbar-toggle {
24 | -webkit-border-radius: 0;
25 | -moz-border-radius: 0;
26 | border-radius: 0;
27 | margin-bottom: 0;
28 | margin-right: 0;
29 | .icon-bar {
30 | -webkit-border-radius: 0;
31 | -moz-border-radius: 0;
32 | border-radius: 0;
33 | background-color: $NormalBlack;
34 | -webkit-transition: all ease 0.2s;
35 | -moz-transition: all ease .2s;
36 | -o-transition: all ease .2s;
37 | transition: all ease .2s;
38 | }
39 | }
40 |
41 | .menu-icon .before,
42 | .menu-icon .main,
43 | .menu-icon .after {
44 | display: block;
45 | width: 25px;
46 | height: 2px;
47 | }
48 |
49 |
50 | /* sb Button Hover */
51 |
52 | .menu-icon:hover .before,
53 | html.sb-init.sb-active.sb-active-right .menu-icon .before {
54 | -webkit-transform: translateY(-2px);
55 | -moz-transform: translateY(-2px);
56 | -ms-transform: translateY(-2px);
57 | -o-transform: translateY(-2px);
58 | transform: translateY(-2px);
59 | }
60 |
61 | .menu-icon:hover .after,
62 | html.sb-init.sb-active.sb-active-right .menu-icon .after {
63 | -webkit-transform: translateY(2px);
64 | -moz-transform: translateY(2px);
65 | -ms-transform: translateY(2px);
66 | -o-transform: translateY(2px);
67 | transform: translateY(2px);
68 | }
69 |
70 | .sb-close {
71 | text-align: right;
72 | cursor: pointer;
73 | float: right;
74 | .fa-close {
75 | color: #fff;
76 | padding: 10px 20px;
77 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
78 | -khtml-opacity: .6;
79 | -moz-opacity: .6;
80 | opacity: .6;
81 | &:hover {
82 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
83 | -khtml-opacity: 1;
84 | -moz-opacity: 1;
85 | opacity: 1;
86 | }
87 | }
88 | }
89 |
90 | .sb-slidebar {
91 | background-color: $NormalBlack;
92 | color: $DarkGrey;
93 | font-weight: 700;
94 | cursor: default;
95 | right: -3px;
96 | overflow: hidden;
97 | text-align: center;
98 | font-size: 16px;
99 | .slide-wrapper {
100 | position: relative;
101 | a {
102 | color: $DarkGrey;
103 | text-decoration: none;
104 | font-weight: 700;
105 | text-transform: uppercase;
106 | font-size: 13px;
107 | &:hover {
108 | color: $White;
109 | }
110 | }
111 | .slide-content {
112 | z-index: 10001;
113 | position: relative;
114 | .sb-links {
115 | color: #999;
116 | padding: 20px 10px;
117 | .links-title {
118 | font-size: 14px;
119 | }
120 | a {
121 | display: inline-block;
122 | margin: 0 10px 0 0;
123 | vertical-align: middle;
124 | }
125 | a:before {
126 | display: inline-block;
127 | position: relative;
128 | top: -1px;
129 | vertical-align: middle;
130 | margin-right: 3px;
131 | content: "";
132 | width: 4px;
133 | height: 4px;
134 | border-radius: 50%;
135 | background-color: #bd0926;
136 | }
137 | }
138 | .site-author {
139 | margin: 5px 0 10px;
140 | line-height: 1.8;
141 | .site-author-img {
142 | border: 2px solid #333;
143 | padding: 2px;
144 | }
145 | }
146 | .sb-item {
147 | display: inline-block;
148 | padding: 0 15px;
149 | border-left: 1px solid #333;
150 | text-align: center;
151 | &:first-child {
152 | border: 0;
153 | }
154 | }
155 | .sb-item-count {
156 | display: block;
157 | text-align: center;
158 | font-size: 18px;
159 | }
160 | .sb-item-name {
161 | display: block;
162 | font-size: 13px;
163 | }
164 | .sb-rss {
165 | a {
166 | display: inline-block;
167 | padding: 0 15px;
168 | color: #fc6423;
169 | border: 1px solid #fc6423;
170 | border-radius: $border-radius-base;
171 | line-height: 1.8;
172 | font-size: 16px;
173 | margin-top: 20px;
174 | }
175 | a:hover {
176 | color: $White;
177 | background-color: #fc6423;
178 | }
179 | }
180 | .slider-action {
181 | position: relative;
182 | .action-go {
183 | display: inline-block;
184 | position: relative;
185 | &:hover {
186 | color: #fff;
187 | cursor: pointer;
188 | }
189 | }
190 | .shake {
191 | animation: faceshake 0.3s;
192 | -webkit-animation: faceshake 0.3s;
193 | }
194 | }
195 | }
196 | #slide-canvas {
197 | position: absolute;
198 | height: 100%;
199 | width: 100%;
200 | top: 0;
201 | z-index: 10000;
202 | }
203 | }
204 | }
205 |
206 | @media (min-width: $screen-sm) {
207 | .sb-slidebar {
208 | width: 320px;
209 | }
210 | }
211 |
212 | @media (max-width: $screen-sm) {
213 | .sb-slidebar {
214 | max-width: 320px;
215 | .action-go {
216 | display: none!important;
217 | }
218 | }
219 | }
220 |
221 | @keyframes faceshake {
222 | 0% {
223 | transform: scale(1);
224 | }
225 | 25% {
226 | transform: scale(1.05) rotate(5deg);
227 | }
228 | 50% {
229 | transform: scale(1.1) rotate(0deg)
230 | }
231 | 75% {
232 | transform: scale(1.05) rotate(-5deg)
233 | }
234 | 100% {
235 | transform: scale(1);
236 | }
237 | }
238 |
239 | @-webkit-keyframes faceshake {
240 | 0% {
241 | -webkit-transform: scale(1);
242 | }
243 | 25% {
244 | transform: scale(1.05) rotate(5deg);
245 | }
246 | 50% {
247 | transform: scale(1.1) rotate(0deg)
248 | }
249 | 75% {
250 | transform: scale(1.05) rotate(-5deg)
251 | }
252 | 100% {
253 | -webkit-transform: scale(1);
254 | }
255 | }
--------------------------------------------------------------------------------
/source/scss/toc.scss:
--------------------------------------------------------------------------------
1 | .toc-article {
2 | position: fixed;
3 | top: 50px;
4 | left: 0;
5 | max-height: 90%;
6 | overflow: scroll;
7 | overflow-x: hidden;
8 | margin: 0 0 20px 2%;
9 | padding: 1em;
10 | line-height: 1.5em;
11 | .toc {
12 | margin-top: 10px;
13 | padding: 0;
14 | .toc-child {
15 | padding-left: 20px;
16 | }
17 | }
18 | .toc-link {
19 | color: #888 !important;
20 | }
21 | .toc-active {
22 | color: #111;
23 | font-weight: bolder;
24 | }
25 | li {
26 | list-style-type: none;
27 | }
28 | }
29 |
30 | @media (max-width: $screen-sm-max) {
31 | .toc-article {
32 | display: none !important;
33 | }
34 | }
--------------------------------------------------------------------------------
/source/scss/variable.scss:
--------------------------------------------------------------------------------
1 | @import "_basic-color.scss";
2 | //== Typography
3 | //Font, line-height, and color for body text, headings, and more.
4 | $font-family-open-sans: "Open Sans",
5 | "Helvetica Neue",
6 | "Helvetica",
7 | "Hiragino Sans GB",
8 | "Microsoft YaHei",
9 | "Source Han Sans CN",
10 | "WenQuanYi Micro Hei",
11 | Arial,
12 | sans-serif;
13 | $font-basic-open-sans: 14px/30px "Open Sans",
14 | "Helvetica Neue",
15 | "Helvetica",
16 | "Hiragino Sans GB",
17 | "Microsoft YaHei",
18 | "Source Han Sans CN",
19 | "WenQuanYi Micro Hei",
20 | Arial,
21 | sans-serif;
22 | $font-family-georgia: 'Georgia',
23 | "Open Sans",
24 | "Helvetica Neue",
25 | "Helvetica",
26 | "Hiragino Sans GB",
27 | "Microsoft YaHei",
28 | "Source Han Sans CN",
29 | "WenQuanYi Micro Hei",
30 | Arial,
31 | sans-serif;
32 | $font-size-base: 16px;
33 | $font-size-large: $font-size-base * 1.25; //20
34 | $font-size-medium: $font-size-base * 1.125; // 18
35 | $font-size-small: $font-size-base * 0.875; //14
36 | $font-size-h1: $font-size-base * 2; //32
37 | $font-size-h2: $font-size-base * 1.5; //24
38 | $font-size-h3: $font-size-base * 1.25; //20
39 | $font-size-h4: $font-size-base * 1.125; //18
40 | $font-size-h5: $font-size-base;
41 | $font-size-h6: $font-size-base * 0.875;
42 | //== Media queries breakpoints
43 | // --------------------------------------------------
44 | // Small screen / tablet
45 | $screen-sm: 768px;
46 | $screen-sm-min: $screen-sm;
47 | $screen-tablet: $screen-sm-min;
48 | // Medium screen / desktop
49 | $screen-md: 992px;
50 | $screen-md-min: $screen-md;
51 | $screen-desktop: $screen-md-min;
52 | // Large screen / wide desktop
53 | $screen-lg: 1200px;
54 | $screen-lg-min: $screen-lg;
55 | $screen-lg-desktop: $screen-lg-min;
56 | // So media queries don't overlap when required, provide a maximum
57 | $screen-xs-max: ($screen-sm-min - 1);
58 | $screen-sm-max: ($screen-md-min - 1);
59 | $screen-md-max: ($screen-lg-min - 1);
60 | //== Components
61 | //
62 | // Define common padding and border radius sizes and more.
63 | // Values based on 14px text and 1.428 line-height (~20px to start).
64 | $padding-base-vertical: 6px;
65 | $padding-base-horizontal: 12px;
66 | $padding-large-vertical: 10px;
67 | $padding-large-horizontal: 16px;
68 | $padding-huge-vertical: 14px;
69 | $padding-huge-horizontal: 20px;
70 | $padding-small-vertical: 5px;
71 | $padding-small-horizontal: 10px;
72 | $padding-xs-vertical: 1px;
73 | $padding-xs-horizontal: 5px;
74 | $padding-container-vertical: 30px;
75 | $line-height-large: 1.33;
76 | $line-height-small: 1.5;
77 | $border-radius-base: 4px;
78 | $border-radius-large: 6px;
79 | $border-radius-small: 3px;
80 | $border-radius-huge: 10px;
81 | $border-radius-circle: 100%;
82 | $border-divide: 2px solid $DarkGrey;
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var ExtractTextPlugin = require('extract-text-webpack-plugin');
2 | var HtmlWebpackPlugin = require('html-webpack-plugin');
3 | var CleanWebpackPlugin = require('clean-webpack-plugin');
4 | var webpack = require('webpack');
5 | var debug = process.env.NODE_ENV !== 'prod';
6 | var RootDir = process.cwd();
7 |
8 | var config = {
9 | entry: {
10 | bundle: './source/js/scripts.js'
11 | },
12 | output: {
13 | path: __dirname + (debug?'/source/build/dev':'/source/build/public'), // 指定某些loader 的输出路径(js/img)
14 | filename: debug?'js/[name].js':'js/[name].[chunkhash:8].min.js',
15 | publicPath: debug?'/build/dev/':'/build/public/', // generate URL
16 | chunkFilename: 'chunks/[name].chunk[chunkhash:8].js'
17 | },
18 | resolve: {
19 | alias: {
20 | 'jquery': RootDir + './source/js/jquery-1.11.1.min.js',
21 | 'root': RootDir
22 | },
23 | // 自动扩展的文件名后缀
24 | extensions: ['.js', '.css', '.scss', '.png', '.jpg']
25 | },
26 | module: {
27 | rules: [
28 | { // use bable-loader for *.js files
29 | test: /\.js$/,
30 | loader: 'babel-loader',
31 | query: {
32 | compact: false,
33 | plugins: ['syntax-dynamic-import','transform-runtime','transform-object-rest-spread'],
34 | presets: ['es2015']
35 | },
36 | exclude: /node_modules/ // regex
37 | },
38 | {
39 | test: /\.(png|jpe?g|gif|svg)$/,
40 | loaders: [
41 | 'url?limit=10000&name=img/[hash:8].[name].[ext]'
42 | ]
43 | },
44 | {
45 | test: /\.scss$/,
46 | exclude: /node_modules/,
47 | use: ExtractTextPlugin.extract({
48 | // use style-loader in development
49 | fallback: 'style-loader',
50 | //resolve-url-loader may be chained before sass-loader if necessary
51 | use: ['css-loader', 'sass-loader']
52 | })
53 | },
54 | {
55 | test: /\.ejs$/,
56 | loader: ['ejs-loader?variable=data']
57 | },
58 | {
59 | test: /\.txt$/,
60 | use: 'raw-loader'
61 | }
62 | ],
63 | },
64 | externals: {
65 | jquery: 'jQuery',
66 | partial: "partial"
67 | },
68 | plugins: debug ? [
69 | new ExtractTextPlugin({filename: 'css/[name].css', allChunks: true}),
70 | new webpack.ProvidePlugin({
71 | $: "jquery",
72 | jQuery: "jquery",
73 | }),
74 | new HtmlWebpackPlugin({
75 | template: '!!raw-loader!./layout/casper/layout.txt',
76 | filename: './../../../layout/layout.ejs',
77 | }),
78 | ] : [
79 | new ExtractTextPlugin({filename: 'css/[name].[contenthash:8].min.css', allChunks: true}),
80 | new webpack.ProvidePlugin({
81 | $: "jquery",
82 | jQuery: "jquery"
83 | }),
84 | new HtmlWebpackPlugin({
85 | template: '!!raw-loader!./layout/casper/layout.txt',
86 | filename: './../../../layout/layout.ejs',
87 | }),
88 | ]
89 | }
90 | if (!debug) {
91 | //生产模式标识
92 | config.plugins.push(
93 | new webpack.DefinePlugin({
94 | 'process.env':{
95 | 'NODE_ENV': JSON.stringify('production')
96 | }
97 | })
98 | );
99 | //压缩
100 | config.plugins.push(
101 | new webpack.optimize.UglifyJsPlugin({compress:{warnings:false}})
102 | );
103 | //清空文件夹
104 | config.plugins.push(
105 | new CleanWebpackPlugin(['public', 'dev'], {
106 | root: RootDir + '/source/build', // 根路径(绝对路径)
107 | verbose: true, // 控制台打印日志
108 | dry: false // 不清空任何文件,用于测试
109 | })
110 | );
111 | config.output.sourceMapFilename = '[file].map';
112 | config.devtool = 'source-map';
113 | }
114 |
115 | module.exports = config;
116 |
--------------------------------------------------------------------------------