Install 'typing' theme
|
@ -0,0 +1,71 @@
|
|||
# Changelog
|
||||
|
||||
## [Unreleased]
|
||||
|
||||
|
||||
|
||||
## [Released]
|
||||
|
||||
## [1.5.1] - 2018-03-14
|
||||
|
||||
- fix mobile menu style
|
||||
|
||||
## [1.5.0] - 2018-03-14
|
||||
|
||||
- add mobile menu
|
||||
- add nav left style in desktop view
|
||||
|
||||
## [1.4.0] - 2017-11-27
|
||||
|
||||
- add donate section
|
||||
|
||||
## [1.3.3] - 2017-11-27
|
||||
|
||||
- add max-width for content
|
||||
- fix responsive width
|
||||
- change fonts
|
||||
|
||||
## [1.2.3] - 2017-09-15
|
||||
|
||||
- fix extra links in archive page
|
||||
- switch the order of comments section
|
||||
|
||||
|
||||
## [1.2.2] - 2017-09-10
|
||||
|
||||
- fix #7
|
||||
- fix #10
|
||||
|
||||
### Added
|
||||
|
||||
- Add en.yml to languages to fix unstable english behaviour #8
|
||||
- Add instruction about language Setting #9
|
||||
- Add optional icons system #12,#13
|
||||
- Add gitment comment system #14
|
||||
|
||||
|
||||
## [1.1.1] - 2017-03-14
|
||||
|
||||
### Fixed
|
||||
|
||||
- fix #1
|
||||
|
||||
### Added
|
||||
|
||||
- add dark mode
|
||||
|
||||
|
||||
## [1.0.1] - 2016-09-06
|
||||
|
||||
### Fixed
|
||||
|
||||
- fix category and tag page style
|
||||
|
||||
### Added
|
||||
|
||||
- make it responsive
|
||||
|
||||
|
||||
## [1.0.0] - 2016-08-04
|
||||
|
||||
Release the first version.
|
|
@ -0,0 +1,21 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2016 GeekPlux geekplux@gmail.com
|
||||
|
||||
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:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
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.
|
|
@ -0,0 +1,164 @@
|
|||
# Typing
|
||||
|
||||
> A pure and fresh Hexo theme.
|
||||
|
||||
* Minimal And Clean Design
|
||||
* Dark And Light Modes
|
||||
* Optional Fontawesome Icons
|
||||
|
||||
## Preview
|
||||
|
||||
- [My blog](http://geekplux.com)
|
||||
- [Online Demo](http://geekplux.github.io/hexo-theme-typing/)
|
||||
|
||||
![](preview/preview.png)
|
||||
|
||||
##### Dark mode
|
||||
|
||||
![](preview/preview-dark-mode.png)
|
||||
|
||||
Other preview images in `preview` folder.
|
||||
|
||||
## Installation
|
||||
|
||||
### Install
|
||||
|
||||
```shell
|
||||
cd your-blog
|
||||
git clone https://github.com/geekplux/hexo-theme-typing themes/typing
|
||||
```
|
||||
|
||||
**Typing requires Hexo 2.4 and above.**
|
||||
|
||||
### Enable
|
||||
|
||||
Modify `theme` setting in `_config.yml` to `typing`.
|
||||
|
||||
Also if your website language is English make sure to explicitly specify it: `language: "en"`
|
||||
|
||||
### Update
|
||||
|
||||
``` bash
|
||||
cd themes/typing
|
||||
git pull
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
``` yml
|
||||
# Dark Mode
|
||||
dark: false // whether to open dark mode
|
||||
|
||||
# Header
|
||||
menu:
|
||||
Home: /
|
||||
Archives: /archives
|
||||
|
||||
# Your Feed Location
|
||||
#rss: /atom.xml
|
||||
|
||||
# Content
|
||||
fancybox: true
|
||||
|
||||
# Miscellaneous
|
||||
google_analytics:
|
||||
favicon: /favicon.png
|
||||
twitter:
|
||||
google_plus:
|
||||
|
||||
# Profile
|
||||
nickname: NickName
|
||||
description: Lorem ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac* nisi.
|
||||
|
||||
# Load fontawesome icons? Also see the links option
|
||||
icons: true
|
||||
|
||||
# Footer area links
|
||||
# NOTICE) If you set "icons: false" link names will be clear text
|
||||
# If "icons: true" link names will interpreted as fontawesome icon names
|
||||
# NOTICE) Use the fontawesome icon names (http://fontawesome.io/cheatsheet/) without the fa- prefix
|
||||
links:
|
||||
twitter: https://twitter.com/
|
||||
github-alt: https://github.com/
|
||||
# ...
|
||||
|
||||
# nav position (top, left. top is default)
|
||||
nav: top
|
||||
|
||||
# Info
|
||||
archive_footer_content: Lorem ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac* nisi.
|
||||
post_footer_content: ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac* nisi.
|
||||
|
||||
# Gitment
|
||||
gitment:
|
||||
owner:
|
||||
repo:
|
||||
client:
|
||||
id:
|
||||
secret:
|
||||
|
||||
# Donate
|
||||
donate:
|
||||
github:
|
||||
paypal:
|
||||
bitcoin:
|
||||
BTCQR:
|
||||
AliPayQR:
|
||||
WeChatQR:
|
||||
```
|
||||
|
||||
- **menu** - Navigation menu
|
||||
- **nickname** - Your nickname
|
||||
- **description** - Description below the name
|
||||
- **icons** - Load [fontawesome](http://fontawesome.io/) icons?
|
||||
- **links** - Footer area links. Text links if `icons: false` and icons if `icons: true`
|
||||
- **archive_footer_content**: - Content in your archives page footer(Markdown supported)
|
||||
- **post_footer_content**: - Content in your posts and pages footer(Markdown supported)
|
||||
- **fancybox** - Enable [Fancybox]
|
||||
- **google_analytics** - Google Analytics ID
|
||||
- **favicon** - Favicon path
|
||||
- **twitter** - Twitter ID
|
||||
- **google_plus** - Google+ ID
|
||||
- **gitment** - [Gitment](https://github.com/imsun/gitment) Options
|
||||
- **donate** - Donate Options
|
||||
|
||||
|
||||
## ChangeLog
|
||||
|
||||
- [CHANGELOG](CHANGELOG.md)
|
||||
|
||||
## Development
|
||||
|
||||
Anyone is welcome to contribute!
|
||||
|
||||
```shell
|
||||
mkdir typing_dev && cd typing_dev
|
||||
git clone https://github.com/hexojs/hexo-theme-unit-test.git
|
||||
```
|
||||
[Fork and clone](https://help.github.com/articles/fork-a-repo/) `https://github.com/geekplux/hexo-theme-typing.git`
|
||||
```shell
|
||||
cd hexo-theme-unit-test && npm install
|
||||
cd ../hexo-theme-typing && npm install
|
||||
```
|
||||
To test your changes to the theme, modify the `theme` setting in the
|
||||
`/hexo-theme-unit-test/_config.yml` file to `typing` and
|
||||
execute these commands in the `hexo-theme-typing` folder:
|
||||
```shell
|
||||
make all
|
||||
cd ../hexo-theme-unit-test
|
||||
hexo server
|
||||
```
|
||||
Now you can browse it at [127.0.0.1:4000](http://127.0.0.1:4000/)
|
||||
|
||||
|
||||
### LICENSE
|
||||
|
||||
Typing © [@geekplux](https://github.com/geekplux), Released under the [MIT](LICENSE) License.
|
||||
|
||||
Authored and maintained by [@geekplux](https://github.com/geekplux) with help from contributors ([list](https://github.com/geekplux/hexo-theme-typing/graphs/contributors)).
|
||||
|
||||
---
|
||||
|
||||
> Blog [geekplux.com](http://geekplux.com) ·
|
||||
> GitHub [@geekplux](https://github.com/geekplux) ·
|
||||
> Twitter [@geekplux](https://twitter.com/geekplux)
|
|
@ -0,0 +1,93 @@
|
|||
# Lang
|
||||
language: en
|
||||
|
||||
# Dark Mode
|
||||
dark: false
|
||||
|
||||
# Header
|
||||
menu:
|
||||
Home: /
|
||||
Archives: /archives
|
||||
About: /about
|
||||
|
||||
# Your Feed Location
|
||||
#rss: /atom.xml
|
||||
|
||||
# Content
|
||||
fancybox: true
|
||||
|
||||
|
||||
# Miscellaneous
|
||||
google_analytics:
|
||||
favicon: /favicon.ico
|
||||
twitter:
|
||||
google_plus:
|
||||
fb_admins:
|
||||
fb_app_id:
|
||||
|
||||
|
||||
# Profile
|
||||
nickname: NickName
|
||||
description: Lorem ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac nisi. In nec ligula lacus. Cum sociis natoque* penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu cursus erat, ut dapibus quam. Aliquam eleifend dolor vitae [libero pharetra](http://hexo.io) adipiscing. Etiam adipiscing dolor a quam tempor, eu convallis nulla varius. Aliquam sollicitudin risus a porta aliquam.
|
||||
|
||||
# Load fontawesome icons? Also see the links option
|
||||
icons: false
|
||||
|
||||
# Footer area links
|
||||
# NOTICE) If you set "icons: false" link names will be clear text
|
||||
# If "icons: true" link names will interpreted as fontawesome icon names
|
||||
# NOTICE) Use the fontawesome icon names without the fa- prefix (http://fontawesome.io/cheatsheet/)
|
||||
links:
|
||||
book: /archives/
|
||||
globe: https://github.com/geekplux/hexo-theme-typing
|
||||
twitter: https://twitter.com/
|
||||
github-alt: https://github.com/
|
||||
youtube-play: https://www.youtube.com/
|
||||
stack-overflow: https://stackoverflow.com/
|
||||
google-plus: https://plus.google.com/
|
||||
rss: /atom.xml
|
||||
|
||||
# nav position (top, left. top is default)
|
||||
nav: left
|
||||
|
||||
# Info
|
||||
archive_footer_content: Lorem ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac nisi. In nec ligula lacus. Cum sociis natoque* penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu cursus erat, ut dapibus quam. Archive
|
||||
post_footer_content: ipsum dolor sit amet, **consectetur adipiscing elit.** Fusce eget urna vitae velit *eleifend interdum at ac nisi. In nec ligula lacus. Cum sociis natoque* penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu cursus erat, ut dapibus quam. Post
|
||||
|
||||
# Gitment
|
||||
gitment:
|
||||
owner:
|
||||
repo:
|
||||
client:
|
||||
id:
|
||||
secret:
|
||||
|
||||
# Utterances
|
||||
# NOTICE) make sure the app is installed on the repo before using this commit system
|
||||
# see https://utteranc.es/ for more
|
||||
utterances:
|
||||
enable: false
|
||||
repo: # your repo in this format: 'username/reponame', note that there is no '.git' suffix
|
||||
|
||||
# If you want to use valine,you should get the appId and appKey form https://leancloud.cn ,more setting please see https://valine.js.org
|
||||
valine:
|
||||
enable: false # !!if you want use valine comment system,please set enable: true
|
||||
appId: #your leancloud appId
|
||||
appKey: #your leancloud appKey
|
||||
guest_info: nick,mail,link #valine comment header info
|
||||
placeholder: Just go go # valine comment input placeholder(like: Please leave your footprints )
|
||||
avatar: mm # gravatar style https://valine.js.org/avatar
|
||||
pageSize: 10 # comment list page size
|
||||
verify: false # valine verify code (true/false)
|
||||
notify: false # valine mail notify (true/false)
|
||||
lang: zh-cn
|
||||
|
||||
# Donate
|
||||
donate:
|
||||
enable: false
|
||||
github: https://github.com/geekplux
|
||||
paypal: https://www.paypal.me/geekplux
|
||||
bitcoin: 1AVngxh56oLvAzXsEFnzccUohZdHswjC7j
|
||||
BTCQR: http://7b1evr.com1.z0.glb.clouddn.com/donate/bitcoin.png
|
||||
AliPayQR: http://7b1evr.com1.z0.glb.clouddn.com/donate/alipayQR.jpg
|
||||
WeChatQR: http://7b1evr.com1.z0.glb.clouddn.com/donate/wechatQR.jpg
|
|
@ -0,0 +1,20 @@
|
|||
categories: Categories
|
||||
search: Search
|
||||
tags: Tags
|
||||
tagcloud: Tag Cloud
|
||||
tweets: Tweets
|
||||
prev: Prev
|
||||
next: Next
|
||||
comment: Comments
|
||||
archive_a: Archives
|
||||
archive_b: "Archives: %s"
|
||||
page: Page %d
|
||||
recent_posts: Recent Posts
|
||||
newer: Newer
|
||||
older: Older
|
||||
share: Share
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Category
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Categories
|
||||
search: Search
|
||||
tags: Tags
|
||||
tagcloud: Tag Cloud
|
||||
tweets: Tweets
|
||||
prev: Prev
|
||||
next: Next
|
||||
comment: Comments
|
||||
archive_a: Archives
|
||||
archive_b: "Archives: %s"
|
||||
page: Page %d
|
||||
recent_posts: Recent Posts
|
||||
newer: Newer
|
||||
older: Older
|
||||
share: Share
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Category
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Categorías
|
||||
search: Buscar
|
||||
tags: Tags
|
||||
tagcloud: Nube de Tags
|
||||
tweets: Tweets
|
||||
prev: Previo
|
||||
next: Siguiente
|
||||
comment: Comentarios
|
||||
archive_a: Archivos
|
||||
archive_b: "Archivos: %s"
|
||||
page: Página %d
|
||||
recent_posts: Posts recientes
|
||||
newer: Nuevo
|
||||
older: Viejo
|
||||
share: Compartir
|
||||
powered_by: Construido por
|
||||
rss_feed: RSS
|
||||
category: Categoría
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Catégories
|
||||
search: Rechercher
|
||||
tags: Mot-clés
|
||||
tagcloud: Nuage de mot-clés
|
||||
tweets: Tweets
|
||||
prev: Précédent
|
||||
next: Suivant
|
||||
comment: Commentaires
|
||||
archive_a: Archives
|
||||
archive_b: "Archives: %s"
|
||||
page: Page %d
|
||||
recent_posts: Articles récents
|
||||
newer: Récent
|
||||
older: Ancien
|
||||
share: Partager
|
||||
powered_by: Propulsé by
|
||||
rss_feed: Flux RSS
|
||||
category: Catégorie
|
||||
tag: Mot-clé
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Categorieën
|
||||
search: Zoeken
|
||||
tags: Labels
|
||||
tagcloud: Tag Cloud
|
||||
tweets: Tweets
|
||||
prev: Vorige
|
||||
next: Volgende
|
||||
comment: Commentaren
|
||||
archive_a: Archieven
|
||||
archive_b: "Archieven: %s"
|
||||
page: Pagina %d
|
||||
recent_posts: Recente berichten
|
||||
newer: Nieuwer
|
||||
older: Ouder
|
||||
share: Delen
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Categorie
|
||||
tag: Label
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Kategorier
|
||||
search: Søk
|
||||
tags: Tags
|
||||
tagcloud: Tag Cloud
|
||||
tweets: Tweets
|
||||
prev: Forrige
|
||||
next: Neste
|
||||
comment: Kommentarer
|
||||
archive_a: Arkiv
|
||||
archive_b: "Arkiv: %s"
|
||||
page: Side %d
|
||||
recent_posts: Siste innlegg
|
||||
newer: Newer
|
||||
older: Older
|
||||
share: Share
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Category
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: Категории
|
||||
search: Поиск
|
||||
tags: Метки
|
||||
tagcloud: Облако меток
|
||||
tweets: Твиты
|
||||
prev: Назад
|
||||
next: Вперед
|
||||
comment: Комментарии
|
||||
archive_a: Архив
|
||||
archive_b: "Архив: %s"
|
||||
page: Страница %d
|
||||
recent_posts: Недавние записи
|
||||
newer: Следующий
|
||||
older: Предыдущий
|
||||
share: Поделиться
|
||||
powered_by: Создано с помощью
|
||||
rss_feed: RSS-каналы
|
||||
category: Категория
|
||||
tag: Метка
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: 分类
|
||||
search: 搜索
|
||||
tags: 标签
|
||||
tagcloud: 标签云
|
||||
tweets: 推文
|
||||
prev: 上一页
|
||||
next: 下一页
|
||||
comment: 留言
|
||||
archive_a: 归档
|
||||
archive_b: 归档:%s
|
||||
page: 第 %d 页
|
||||
recent_posts: 最新文章
|
||||
newer: Newer
|
||||
older: Older
|
||||
share: Share
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Category
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,20 @@
|
|||
categories: 分類
|
||||
search: 搜尋
|
||||
tags: 標籤
|
||||
tagcloud: 標籤雲
|
||||
tweets: 推文
|
||||
prev: 上一頁
|
||||
next: 下一頁
|
||||
comment: 留言
|
||||
archive_a: 彙整
|
||||
archive_b: 彙整:%s
|
||||
page: 第 %d 頁
|
||||
recent_posts: 最新文章
|
||||
newer: Newer
|
||||
older: Older
|
||||
share: Share
|
||||
powered_by: Powered by
|
||||
rss_feed: RSS Feed
|
||||
category: Category
|
||||
tag: Tag
|
||||
date_published: Published Date
|
|
@ -0,0 +1,87 @@
|
|||
<% if (config.disqus_shortname && !is_home() && !is_archive()) { %>
|
||||
<script>
|
||||
var disqus_shortname = '<%= config.disqus_shortname %>';
|
||||
<% if (page.permalink){ %>
|
||||
var disqus_url = '<%= page.permalink %>';
|
||||
<% } %>
|
||||
(function(){
|
||||
var dsq = document.createElement('script');
|
||||
dsq.type = 'text/javascript';
|
||||
dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments) { %>embed.js<% } else { %>count.js<% } %>';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<% } %>
|
||||
|
||||
<% if (theme.gitment.owner && theme.gitment.repo && theme.gitment.client.id && theme.gitment.client.secret && !is_home() && !is_archive()) { %>
|
||||
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
|
||||
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
|
||||
<script>
|
||||
var gitment = new Gitment({
|
||||
owner: '<%= theme.gitment.owner %>',
|
||||
repo: '<%= theme.gitment.repo %>',
|
||||
oauth: {
|
||||
client_id: '<%= theme.gitment.client.id %>',
|
||||
client_secret: '<%= theme.gitment.client.secret %>'
|
||||
}
|
||||
})
|
||||
gitment.render('gitment_container')
|
||||
</script>
|
||||
<% } %>
|
||||
|
||||
<% if (theme.utterances.enable && theme.utterances.repo){ %>
|
||||
<script>
|
||||
(function() {
|
||||
var utterances = document.createElement('script');
|
||||
var utterances_container = document.getElementById('utterances_container');
|
||||
utterances.src='https://utteranc.es/client.js'
|
||||
utterances.setAttribute('repo', '<%= theme.utterances.repo %>');
|
||||
utterances.setAttribute('issue-term', 'title');
|
||||
utterances.setAttribute('crossorigin', 'anonymous');
|
||||
utterances.setAttribute('async', true);
|
||||
if (utterances_container){
|
||||
utterances_container.appendChild(utterances);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<% } %>
|
||||
|
||||
<% if (theme.valine.enable && theme.valine.appId && theme.valine.appKey){ %>
|
||||
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
|
||||
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
|
||||
<script>
|
||||
var GUEST_INFO = ['nick','mail','link'];
|
||||
var guest_info = '<%= theme.valine.guest_info %>'.split(',').filter(function(item){
|
||||
return GUEST_INFO.indexOf(item) > -1
|
||||
});
|
||||
var notify = '<%= theme.valine.notify %>' == true;
|
||||
var verify = '<%= theme.valine.verify %>' == true;
|
||||
var valine = new Valine();
|
||||
valine.init({
|
||||
el: '#valine_container',
|
||||
notify: notify,
|
||||
verify: verify,
|
||||
appId: "<%= theme.valine.appId %>",
|
||||
appKey: "<%= theme.valine.appKey %>",
|
||||
placeholder: "<%= theme.valine.placeholder %>",
|
||||
pageSize:'<%= theme.valine.pageSize %>',
|
||||
avatar:'<%= theme.valine.avatar %>',
|
||||
lang:'<%= theme.valine.lang %>'
|
||||
})
|
||||
</script>
|
||||
<% } %>
|
||||
|
||||
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
|
||||
|
||||
<% if (theme.fancybox){ %>
|
||||
<%- css('fancybox/jquery.fancybox') %>
|
||||
<%- js('fancybox/jquery.fancybox.pack') %>
|
||||
<% } %>
|
||||
|
||||
<%- js('js/typing') %>
|
||||
<!--[if lt IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
|
||||
<%- partial('baidu_tongji') %>
|
||||
<%- partial('google-analytics') %>
|
||||
<%- partial('gauges-analytics') %>
|
|
@ -0,0 +1,8 @@
|
|||
<article class="archive-article archive-type-<%= post.layout %>">
|
||||
<div class="archive-article-inner">
|
||||
<header class="archive-article-header">
|
||||
<%- partial('post/date', {class_name: 'archive-article-date', date_format: 'MMM D YYYY'}) %>
|
||||
<%- partial('post/title', {class_name: 'archive-article-title'}) %>
|
||||
</header>
|
||||
</div>
|
||||
</article>
|
|
@ -0,0 +1,31 @@
|
|||
<% if (pagination == 2){ %>
|
||||
<% page.posts.each(function(post){ %>
|
||||
<%- partial('article', {post: post, index: true}) %>
|
||||
<% }) %>
|
||||
<% } else { %>
|
||||
<% var last; %>
|
||||
<% page.posts.each(function(post, i){ %>
|
||||
<% var year = post.date.year(); %>
|
||||
<% if (last != year){ %>
|
||||
<% if (last != null){ %>
|
||||
</div></section>
|
||||
<% } %>
|
||||
<% last = year; %>
|
||||
<section class="archives-wrap">
|
||||
<div class="archives">
|
||||
<% } %>
|
||||
<%- partial('archive-post', {post: post, even: i % 2 == 0}) %>
|
||||
<% }) %>
|
||||
<% if (page.posts.length){ %>
|
||||
</div></section>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (page.total > 1){ %>
|
||||
<nav id="page-nav" class="page-nav">
|
||||
<% var prev_text = "« " + __('prev');var next_text = __('next') + " »"%>
|
||||
<%- paginator({
|
||||
prev_text: prev_text,
|
||||
next_text: next_text
|
||||
}) %>
|
||||
</nav>
|
||||
<% } %>
|
|
@ -0,0 +1,93 @@
|
|||
<article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %>" itemscope itemprop="blogPost">
|
||||
<%- partial('_partial/header') %>
|
||||
<hr/>
|
||||
<div class="article-inner">
|
||||
<%- partial('post/gallery') %>
|
||||
<% if (post.link || post.title){ %>
|
||||
<header class="article-header">
|
||||
<%- partial('post/title', {class_name: 'article-title'}) %>
|
||||
</header>
|
||||
<% } %>
|
||||
<div class="article-entry typo" itemprop="articleBody">
|
||||
<% if (post.excerpt && index){ %>
|
||||
<%- post.excerpt %>
|
||||
<% if (theme.excerpt_link){ %>
|
||||
<p class="article-more-link">
|
||||
<a href="<%- url_for(post.path) %>#more"><%= theme.excerpt_link %></a>
|
||||
</p>
|
||||
<% } %>
|
||||
<% } else { %>
|
||||
<%- post.content %>
|
||||
<% } %>
|
||||
<% if (theme.donate.enable){ %>
|
||||
<div id="donate" class="donate">
|
||||
<a id="github" href="<%= theme.donate.github %>" target="_blank" class="pos-f tr3" title="Github"></a>
|
||||
<div id="DonateText" class="tr3">Donate</div>
|
||||
<ul id="donateBox" class="list pos-f tr3">
|
||||
<li id="PayPal"><a href="<%= theme.donate.paypal %>" target="_blank">PayPal</a></li>
|
||||
<li id="BTC" data-footnote="Copy addres and show QRCode"><button id="BTCBn" data-clipboard-target="#btc-key" alt="Copy to clipboard">Bitcoin</button></li>
|
||||
<li id="AliPay">AliPay</li>
|
||||
<li id="WeChat">WeChat</li>
|
||||
</ul>
|
||||
<div id="QRBox" class="pos-f left-100">
|
||||
<div id="BTCQR" class="MainBox" style="background-image: url(<%= theme.donate.BTCQR %>)"></div>
|
||||
<div id="AliPayQR" class="MainBox" style="background-image: url(<%= theme.donate.AliPayQR %>)"></div>
|
||||
<div id="WeChatQR" class="MainBox" style="background-image: url(<%= theme.donate.WeChatQR %>)"></div>
|
||||
</div>
|
||||
<!-- Bitcoin 账号 -->
|
||||
<input id="btc-key" type="text" value="<%= theme.donate.bitcoin %>" readonly="readonly">
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
<footer class="article-footer">
|
||||
<ul class="article-meta">
|
||||
<li>
|
||||
<span class="label"><%= __('date_published') %>:</span>
|
||||
<%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
|
||||
</li>
|
||||
<% if (post.categories && post.categories.length) { %>
|
||||
<li>
|
||||
<span class="label"><%= __('category') %>:</span>
|
||||
<%- partial('post/category') %>
|
||||
</li>
|
||||
<% } %>
|
||||
<% if (post.tags && post.tags.length){ %>
|
||||
<li>
|
||||
<span class="label"><%= __('tag') %>:</span>
|
||||
<%- partial('post/tag') %>
|
||||
</li>
|
||||
<% } %>
|
||||
<hr/>
|
||||
</ul>
|
||||
</footer>
|
||||
</div>
|
||||
<% if (!index){ %>
|
||||
<%- partial('post/nav') %>
|
||||
<% } %>
|
||||
</article>
|
||||
|
||||
<% if (!index && post.comments && theme.gitment.owner && theme.gitment.repo && theme.gitment.client.id && theme.gitment.client.secret){ %>
|
||||
<section id="comments" class="comments">
|
||||
<div id="gitment_container"></div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<% if(!index && post.comments && theme.utterances.enable && theme.utterances.repo){ %>
|
||||
<section id="comments" class="comments">
|
||||
<div id="utterances_container"></div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<% if (!index && post.comments && config.disqus_shortname){ %>
|
||||
<section id="comments" class="comments">
|
||||
<div id="disqus_thread">
|
||||
<noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
</div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<% if(!index && post.comments && theme.valine.enable && theme.valine.appId && theme.valine.appKey){ %>
|
||||
<section id="comments" class="comments">
|
||||
<div id="valine_container"></div>
|
||||
</section>
|
||||
<% } %>
|
|
@ -0,0 +1,11 @@
|
|||
<% if (theme.baidu_tongji) { %>
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "//hm.baidu.com/hm.js?f3122f4261e8b3074f848be04f62f0c0";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<% } %>
|
|
@ -0,0 +1,31 @@
|
|||
<% if (is_home()) { %>
|
||||
<footer id="footer" class="home-footer footer">
|
||||
<div id="copyright" class="copyright">
|
||||
© <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %> <%= __('powered_by') %> <a href="http://hexo.io/" target="_blank">Hexo</a> Theme © <a href="https://github.com/geekplux" target="_blank">GeekPlux</a>
|
||||
<% } else if (is_archive()) { %>
|
||||
<footer id="footer" class="archive-footer footer">
|
||||
<% if (theme.icons){ %>
|
||||
<ul class="footer-links">
|
||||
<% for (var key in theme.links) { %>
|
||||
<li><a href="<%= theme.links[key] %>"><span class="fa fa-<%= key %>"></span></a></li>
|
||||
<% } %>
|
||||
</ul>
|
||||
<% } %>
|
||||
<hr/>
|
||||
<div id="footerContent" class="footer-content">
|
||||
<%- markdown(theme.archive_footer_content) %>
|
||||
<% } else {%>
|
||||
<footer id="footer" class="post-footer footer">
|
||||
<% if (theme.icons){ %>
|
||||
<ul class="footer-links">
|
||||
<% for (var key in theme.links) { %>
|
||||
<li><a href="<%= theme.links[key] %>"><span class="fa fa-<%= key %>"></span></a></li>
|
||||
<% } %>
|
||||
</ul>
|
||||
<% } %>
|
||||
<hr/>
|
||||
<div id="footerContent" class="footer-content">
|
||||
<%- markdown(theme.post_footer_content) %>
|
||||
<% } %>
|
||||
</div>
|
||||
</footer>
|
|
@ -0,0 +1,18 @@
|
|||
<% if (theme.gauges_analytics){ %>
|
||||
<!-- Gaug.es Analytics -->
|
||||
<script type="text/javascript">
|
||||
var _gauges = _gauges || [];
|
||||
(function() {
|
||||
var t = document.createElement('script');
|
||||
t.type = 'text/javascript';
|
||||
t.async = true;
|
||||
t.id = 'gauges-tracker';
|
||||
t.setAttribute('data-site-id', '<%= theme.gauges_analytics %>');
|
||||
t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');
|
||||
t.src = 'https://d36ee2fcip1434.cloudfront.net/track.js';
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(t, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Gaug.es Analytics -->
|
||||
<% } %>
|
|
@ -0,0 +1,14 @@
|
|||
<% if (theme.google_analytics){ %>
|
||||
<!-- Google Analytics -->
|
||||
<script type="text/javascript">
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '<%= theme.google_analytics %>', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
<!-- End Google Analytics -->
|
||||
<% } %>
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="<%= theme.language %>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<%
|
||||
var title = page.title;
|
||||
|
||||
if (is_archive()){
|
||||
title = __('archive_a');
|
||||
|
||||
if (is_month()){
|
||||
title += ': ' + page.year + '/' + page.month;
|
||||
} else if (is_year()){
|
||||
title += ': ' + page.year;
|
||||
}
|
||||
} else if (is_category()){
|
||||
title = __('category') + ': ' + page.category;
|
||||
} else if (is_tag()){
|
||||
title = __('tag') + ': ' + page.tag;
|
||||
}
|
||||
%>
|
||||
<title><% if (title){ %><%= title %> | <% } %><%= config.title %></title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<%- open_graph({twitter_id: theme.twitter, google_plus: theme.google_plus, fb_admins: theme.fb_admins, fb_app_id: theme.fb_app_id}) %>
|
||||
<% if (theme.rss){ %>
|
||||
<link rel="alternate" href="<%- theme.rss %>" title="<%= config.title %>" type="application/atom+xml">
|
||||
<% } %>
|
||||
<% if (theme.favicon){ %>
|
||||
<link rel="icon" href="<%- theme.favicon %>">
|
||||
<% } %>
|
||||
<%- css('css/typing') %>
|
||||
<%- css('css/donate') %>
|
||||
<% if (theme.icons){ %>
|
||||
<%- css('css/font-awesome.min.css') %>
|
||||
<% } %>
|
||||
</head>
|
|
@ -0,0 +1,17 @@
|
|||
<header id="header" class="header">
|
||||
<div class="mobile-nav">
|
||||
<h1 class="nickname"><%= theme.nickname %></h1>
|
||||
<a id="menu">
|
||||
☰ Menu
|
||||
</a>
|
||||
</div>
|
||||
<% if (theme.nav === 'left') { %>
|
||||
<nav id="main-nav" class="main-nav nav-left">
|
||||
<% } else { %>
|
||||
<nav id="main-nav" class="main-nav">
|
||||
<% } %>
|
||||
<% for (var i in theme.menu){ %>
|
||||
<a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
|
||||
<% } %>
|
||||
</nav>
|
||||
</header>
|
|
@ -0,0 +1,10 @@
|
|||
<% if (post.categories && post.categories.length){ %>
|
||||
<div class="article-category">
|
||||
<%- list_categories(post.categories, {
|
||||
show_count: false,
|
||||
class: 'article-category',
|
||||
style: 'none',
|
||||
separator: '/'
|
||||
}) %>
|
||||
</div>
|
||||
<% } %>
|
|
@ -0,0 +1,3 @@
|
|||
<a href="<%- url_for(post.path) %>" class="<%= class_name %>">
|
||||
<time datetime="<%= date_xml(post.date) %>" itemprop="datePublished"><%= date(post.date, date_format) %></time>
|
||||
</a>
|
|
@ -0,0 +1,11 @@
|
|||
<% if (post.photos && post.photos.length){ %>
|
||||
<div class="article-gallery">
|
||||
<div class="article-gallery-photos">
|
||||
<% post.photos.forEach(function(photo, i){ %>
|
||||
<a class="article-gallery-img fancybox" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
|
||||
<img src="<%- url_for(photo) %>" itemprop="image">
|
||||
</a>
|
||||
<% }) %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
|
@ -0,0 +1,26 @@
|
|||
<% if (post.prev || post.next){ %>
|
||||
<nav id="article-nav" class="article-nav">
|
||||
<% if (post.prev){ %>
|
||||
<a href="<%- url_for(post.prev.path) %>" id="article-nav-newer" class="article-nav-link-wrap newer">
|
||||
<strong class="article-nav-caption"><%= __('newer') %></strong>
|
||||
<div class="article-nav-title">
|
||||
<% if (post.prev.title){ %>
|
||||
<%= post.prev.title %>
|
||||
<% } else { %>
|
||||
(no title)
|
||||
<% } %>
|
||||
</div>
|
||||
</a>
|
||||
<% } else { %>
|
||||
<span id="article-nav-newer" class="article-nav-link-wrap newer"></span>
|
||||
<% } %>
|
||||
<% if (post.next){ %>
|
||||
<a href="<%- url_for(post.next.path) %>" id="article-nav-older" class="article-nav-link-wrap older">
|
||||
<strong class="article-nav-caption"><%= __('older') %></strong>
|
||||
<div class="article-nav-title"><%= post.next.title %></div>
|
||||
</a>
|
||||
<% } else { %>
|
||||
<span id="article-nav-older" class="article-nav-link-wrap older"></span>
|
||||
<% } %>
|
||||
</nav>
|
||||
<% } %>
|
|
@ -0,0 +1,6 @@
|
|||
<% if (post.tags && post.tags.length){ %>
|
||||
<%- list_tags(post.tags, {
|
||||
show_count: false,
|
||||
class: 'article-tag'
|
||||
}) %>
|
||||
<% } %>
|
|
@ -0,0 +1,15 @@
|
|||
<% if (post.link){ %>
|
||||
<h1 itemprop="name">
|
||||
<a class="<%= class_name %>" href="<%- url_for(post.link) %>" target="_blank" itemprop="url"><%= post.title %></a>
|
||||
</h1>
|
||||
<% } else if (post.title){ %>
|
||||
<% if (index){ %>
|
||||
<h1 itemprop="name">
|
||||
<a class="<%= class_name %>" href="<%- url_for(post.path) %>"><%= post.title %></a>
|
||||
</h1>
|
||||
<% } else { %>
|
||||
<h1 class="<%= class_name %>" itemprop="name">
|
||||
<%= post.title %>
|
||||
</h1>
|
||||
<% } %>
|
||||
<% } %>
|
|
@ -0,0 +1,9 @@
|
|||
<div class="archive-container">
|
||||
<%- partial('_partial/header') %>
|
||||
<% if (theme.nav === 'left'){ %>
|
||||
<hr class="header-hr header-hr-left"/>
|
||||
<% } else { %>
|
||||
<hr class="header-hr"/>
|
||||
<% } %>
|
||||
<%- partial('_partial/archive', {pagination: config.archive, index: true}) %>
|
||||
</div>
|
|
@ -0,0 +1,5 @@
|
|||
<div class="category-container">
|
||||
<%- partial('_partial/header') %>
|
||||
<hr/>
|
||||
<%- partial('_partial/archive', {pagination: config.category, index: true}) %>
|
||||
</div>
|
|
@ -0,0 +1,22 @@
|
|||
<div class="home">
|
||||
<div class="content">
|
||||
<div class="profile">
|
||||
<h1 class="nickname"><%= theme.nickname %></h1>
|
||||
<div class="description">
|
||||
<p><%- markdown(theme.description) %></p>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="footer-links">
|
||||
<% for (var key in theme.links) { %>
|
||||
<li>
|
||||
<% if (theme.icons){ %>
|
||||
<a href="<%= theme.links[key] %>"><span class="fa fa-<%= key %>"></span></a>
|
||||
<% } else { %>
|
||||
<a href="<%= theme.links[key] %>"><%= key %></a>
|
||||
<% } %>
|
||||
</li>
|
||||
<% } %>
|
||||
</ul>
|
|
@ -0,0 +1,22 @@
|
|||
<%- partial('_partial/head') %>
|
||||
<% if (is_home()) { %>
|
||||
<% if (theme.dark) { %>
|
||||
<body class="home-body dark">
|
||||
<% } else { %>
|
||||
<body class="home-body">
|
||||
<% } %>
|
||||
<% } else {%>
|
||||
<% if (theme.dark) { %>
|
||||
<body class="dark">
|
||||
<% } else { %>
|
||||
<body>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<div id="container" class="container">
|
||||
<%- body %>
|
||||
</div>
|
||||
<%- partial('_partial/footer') %>
|
||||
<%- partial('_partial/after-footer') %>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1 @@
|
|||
<%- partial('_partial/article', {post: page, index: false}) %>
|
|
@ -0,0 +1 @@
|
|||
<%- partial('_partial/article', {post: page, index: false}) %>
|
|
@ -0,0 +1,5 @@
|
|||
<div class="category-container">
|
||||
<%- partial('_partial/header') %>
|
||||
<hr/>
|
||||
<%- partial('_partial/archive', {pagination: config.tag, index: true}) %>
|
||||
</div>
|
|
@ -0,0 +1,17 @@
|
|||
.PHONY: css
|
||||
css:
|
||||
./node_modules/.bin/postcss --use postcss-import --use precss --use autoprefixer --use cssnano source/css/source.css --output source/css/typing.css
|
||||
|
||||
.PHONY: copy
|
||||
copy:
|
||||
mkdir -p ../hexo-theme-unit-test/themes/typing
|
||||
cp -r ./layout ../hexo-theme-unit-test/themes/typing/
|
||||
cp -r ./source ../hexo-theme-unit-test/themes/typing/
|
||||
cp -r ./languages ../hexo-theme-unit-test/themes/typing/
|
||||
cp -r ./_config.yml ../hexo-theme-unit-test/themes/typing/
|
||||
|
||||
|
||||
.PHONY: all
|
||||
all:
|
||||
make css
|
||||
make copy
|
|
@ -0,0 +1,31 @@
|
|||
{
|
||||
"name": "hexo-theme-typing",
|
||||
"description": "a pure and fresh Hexo theme.",
|
||||
"version": "1.5.1",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "test"
|
||||
},
|
||||
"keywords": [
|
||||
"hexo",
|
||||
"theme",
|
||||
"typing"
|
||||
],
|
||||
"author": {
|
||||
"name": "geekplux",
|
||||
"email": "geekplux@gmail.com",
|
||||
"url": "github.com/geekplux"
|
||||
},
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"gitment": "^0.0.3",
|
||||
"normalize.css": "^4.2.0",
|
||||
"typo.css": "^2.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"cssnano": "^3.7.3",
|
||||
"postcss-cli": "^2.5.2",
|
||||
"postcss-import": "^8.1.2",
|
||||
"precss": "^1.4.0"
|
||||
}
|
||||
}
|
After Width: | Height: | Size: 291 KiB |
After Width: | Height: | Size: 92 KiB |
|
@ -0,0 +1,274 @@
|
|||
#donate {
|
||||
font-weight: 900;
|
||||
line-height: 1.8em;
|
||||
text-shadow: 0 0 1px rgba(255,255,255,0.1);
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 70px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#donate img {border-width: 0px;}
|
||||
#donate a{
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
outline:none;
|
||||
border:none;
|
||||
}
|
||||
#donate .list,
|
||||
#donate .list li,
|
||||
#donate .list-left li {
|
||||
list-style: none;
|
||||
list-style-type: none;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
#donate .pos-f {
|
||||
position: absolute;
|
||||
}
|
||||
#donate .left-100 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#donate .blur {
|
||||
-webkit-filter: blur(3px);
|
||||
filter: blur(3px);
|
||||
}
|
||||
#donate .tr3 {
|
||||
transition: all .3s;
|
||||
}
|
||||
#DonateText {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
color: #fff;
|
||||
background: #ffd886 url(../images/like.svg) no-repeat center 10px;
|
||||
background-size: 20px;
|
||||
border-radius: 35px;
|
||||
text-align: center;
|
||||
left: calc(50% - 120px);
|
||||
top: calc(50% - 60px);
|
||||
z-index: -1;
|
||||
transform: rotatez(-15deg );
|
||||
}
|
||||
#donateBox {
|
||||
left: calc(50% - 150px);
|
||||
top: calc(50% - 15px);
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 6px;
|
||||
width: 299px;
|
||||
height: 28px;
|
||||
float: left;
|
||||
z-index: 1;
|
||||
}
|
||||
#donateBox li {
|
||||
width: 74px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
border-left: 1px solid #ddd;
|
||||
background: no-repeat center center;
|
||||
background-color: rgba(204, 217, 220,0.1);
|
||||
background-size: 45px;
|
||||
transition: all .3s;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
line-height: 600px;
|
||||
height: 28px;
|
||||
-webkit-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
#donateBox li:hover {
|
||||
background-color: rgba(204, 217, 220,0.3);
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
opacity: 1;
|
||||
}
|
||||
#donateBox>li:first-child {
|
||||
border-width: 0;
|
||||
}
|
||||
#donateBox a {
|
||||
display: block;
|
||||
}
|
||||
#donateBox #PayPal {
|
||||
background-image: url(../images/paypal.svg);
|
||||
}
|
||||
#donateBox>#BTC {
|
||||
background-image: url(../images/bitcoin.svg);
|
||||
line-height: 28px;
|
||||
}
|
||||
#donateBox>#BTC:hover {
|
||||
overflow: visible;
|
||||
}
|
||||
#BTC>button {
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
#donateBox #AliPay {
|
||||
background-image: url(../images/alipay.svg);
|
||||
}
|
||||
#donateBox #WeChat {
|
||||
background-image: url(../images/wechat.svg);
|
||||
}
|
||||
#QRBox {
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
display: none;
|
||||
perspective: 400px;
|
||||
}
|
||||
#donate .MainBox {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
left: calc(50% - 100px);
|
||||
top: calc(50% - 100px);
|
||||
background: #fff no-repeat center center;
|
||||
background-size: 190px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
|
||||
opacity: 0;
|
||||
transition: all 1s ease-in-out;
|
||||
transform-style: preserve-3d;
|
||||
transform-origin: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
#donate #btc-key {
|
||||
opacity: 0;
|
||||
width: 2px;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
left: -2px;
|
||||
top: -8px;
|
||||
}
|
||||
#donate #github {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
left: calc(50% + 135px);
|
||||
top: calc(50% - 30px);
|
||||
background: no-repeat center center url(../images/github.svg);
|
||||
background-size: contain;
|
||||
opacity: 0.3;
|
||||
transform: rotatez(15deg );
|
||||
}
|
||||
#donate [data-footnote] {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
#donate [data-footnote]:hover {
|
||||
overflow: visible;
|
||||
}
|
||||
#donate [data-footnote]::before,
|
||||
#donate [data-footnote]::after {
|
||||
position: absolute;
|
||||
transition: all .3s;
|
||||
transform: translate3d(-50%,0,0);
|
||||
opacity: 0;
|
||||
left: 37px;
|
||||
z-index: 10;
|
||||
}
|
||||
#donate [data-footnote]::before {
|
||||
content: attr(data-footnote);
|
||||
border-radius: 6px;
|
||||
background-color: rgba(100,100,100,0.8);
|
||||
color: #fff;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
top: -24px;
|
||||
left: 37px;
|
||||
}
|
||||
#donate [data-footnote]::after {
|
||||
content: '';
|
||||
border: 5px solid #333;
|
||||
border-color: rgba(100,100,100,0.8) transparent transparent transparent;
|
||||
top: 0;
|
||||
left: 37px;
|
||||
}
|
||||
#donate [data-footnote]:hover::before,
|
||||
#donate [data-footnote]:hover::after {
|
||||
opacity: 1;
|
||||
}
|
||||
#donate [data-footnote]:hover::before,
|
||||
#donate [data-footnote]:hover::after {
|
||||
transform: translate3d(-50%,-7px,0);
|
||||
}
|
||||
|
||||
#donate .MainBox.showQR {
|
||||
opacity: 1;
|
||||
animation-name: showQR;
|
||||
animation-duration:3s;
|
||||
animation-timing-function:ease-in-out;
|
||||
animation-iteration-count:1;
|
||||
animation-fill-mode:forwards;
|
||||
-webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;
|
||||
}
|
||||
@keyframes showQR {
|
||||
from {
|
||||
transform: rotateX(90deg);
|
||||
}
|
||||
8% {
|
||||
opacity: 1;
|
||||
transform: rotateX(-60deg);
|
||||
}
|
||||
18% {
|
||||
opacity: 1;
|
||||
transform: rotateX(40deg);
|
||||
}
|
||||
34% {
|
||||
opacity: 1;
|
||||
transform: rotateX(-28deg);
|
||||
}
|
||||
44% {
|
||||
opacity: 1;
|
||||
transform: rotateX(18deg);
|
||||
}
|
||||
58% {
|
||||
opacity: 1;
|
||||
transform: rotateX(-12deg);
|
||||
}
|
||||
72% {
|
||||
opacity: 1;
|
||||
transform: rotateX(9deg);
|
||||
}
|
||||
88% {
|
||||
opacity: 1;
|
||||
transform: rotateX(-5deg);
|
||||
}
|
||||
96% {
|
||||
opacity: 1;
|
||||
transform: rotateX(2deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#donate .MainBox.hideQR {
|
||||
opacity: 1;
|
||||
animation-name: hideQR;
|
||||
animation-duration:0.5s;
|
||||
animation-timing-function:ease-in-out;
|
||||
animation-iteration-count:1;
|
||||
animation-fill-mode:forwards;
|
||||
-webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;
|
||||
}
|
||||
@keyframes hideQR {
|
||||
from {
|
||||
}
|
||||
20%,50% {
|
||||
transform: scale(1.08,1.08);
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: rotateZ(40deg) scale(0.6,0.6);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,894 @@
|
|||
@import 'typo.css';
|
||||
@import 'normalize.css';
|
||||
|
||||
|
||||
$black-normal: #505050;
|
||||
$black-bold: $111;
|
||||
$black-light: #222;
|
||||
$grey: #aeb4b9;
|
||||
$grey-bold: #777;
|
||||
$grey-light: #cacdd0;
|
||||
$scooter: #22C5E5;
|
||||
$content-width: 60%;
|
||||
$content-max-width: 700px;
|
||||
$mobile-content-width: 80%;
|
||||
|
||||
|
||||
@define-extend a-hover {
|
||||
color: $scooter;
|
||||
border-bottom: solid 1px RGBA(34, 197, 229, .2);
|
||||
transition: color 100ms linear
|
||||
}
|
||||
|
||||
@define-extend hr-base {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-image: -webkit-linear-gradient(0deg, transparent, #d5d5d5, transparent);
|
||||
}
|
||||
|
||||
@define-extend nav-link-base {
|
||||
margin-right: 10px;
|
||||
color: $grey-bold;
|
||||
padding-bottom: 5px;
|
||||
display: inline-block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
color: $black-light;
|
||||
}
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6 {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-moz-font-feature-settings: "liga" on;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $black-light;
|
||||
/* font-weight: 200; */
|
||||
text-decoration: none;
|
||||
transition: color 250ms linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
@extend a-hover;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color: #666;
|
||||
border-left: 2px solid #666;
|
||||
padding-left: 1em;
|
||||
margin: 1em 3em 1em -1em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.home-footer {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.archive-footer, .post-footer {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 50px 0;
|
||||
hr {
|
||||
@extend hr-base;
|
||||
}
|
||||
color: $grey-light;
|
||||
a, b, strong {
|
||||
color: $grey;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.copyright, .footer-content, .footer-links {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-size: 90%;
|
||||
color: $grey-light;
|
||||
/* opacity: .6; */
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $grey-bold;
|
||||
}
|
||||
a:hover {
|
||||
color: $scooter;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-footer, .post-footer {
|
||||
width: $content-width;
|
||||
max-width: $content-max-width;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
font-size: 100%;
|
||||
padding: 0;
|
||||
li {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.home-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.home {
|
||||
font-weight: lighter;
|
||||
line-height: 1.4;
|
||||
color: $black-normal;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
border-bottom: solid 1px #eee;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: $content-width;
|
||||
max-width: 500px;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
strong {
|
||||
color: $black-light;
|
||||
}
|
||||
|
||||
hr {
|
||||
@extend hr-base;
|
||||
width: 80%;
|
||||
max-width: 300px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.profile {
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.main-nav-link {
|
||||
@extend nav-link-base;
|
||||
}
|
||||
.nav-left {
|
||||
position: absolute;
|
||||
left: -130px;
|
||||
text-align: right;
|
||||
.main-nav-link {
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.header-hr-left {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.archive-container,
|
||||
.category-container,
|
||||
.tag-container {
|
||||
width: $content-width;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
padding-top: 50px;
|
||||
max-width: $content-max-width;
|
||||
|
||||
article {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
border: 0;
|
||||
}
|
||||
a:hover {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.archive-article-header {
|
||||
> a, > h1 {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
> a {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
width: calc(100% - 120px);
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 60%;
|
||||
margin: 20px 0 40px 0;
|
||||
@extend hr-base;
|
||||
background-image: -webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent);
|
||||
}
|
||||
|
||||
|
||||
.archive-article-date {
|
||||
font-size: 80%;
|
||||
color: $grey-light;
|
||||
}
|
||||
.archive-article-title {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.archive-year-wrap {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.page-nav {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
color: $grey;
|
||||
a {
|
||||
color: $grey-bold;
|
||||
}
|
||||
}
|
||||
|
||||
.page-number,
|
||||
.extend {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.article {
|
||||
width: $content-width;
|
||||
max-width: $content-max-width;
|
||||
|
||||
margin: 0 auto;
|
||||
/* font-size: 16px; */
|
||||
|
||||
.header {
|
||||
font-size: 18px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.main-nav-link:hover {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
position: relative;
|
||||
left: initial;
|
||||
text-align: initial;
|
||||
.main-nav-link {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.header-hr-left {
|
||||
display: block;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 60%;
|
||||
margin: 20px 0 40px 0;
|
||||
@extend hr-base;
|
||||
background-image: -webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
a.fancybox,
|
||||
a.fancybox-item {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.caption {
|
||||
color: $grey;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.article-entry {
|
||||
word-break: break-word;
|
||||
img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
footer {
|
||||
text-align: center;
|
||||
font-size: 80%;
|
||||
color: $grey;
|
||||
cite {
|
||||
font-style: italic;
|
||||
&:before {
|
||||
content: "—";
|
||||
padding: 0px 0.5em;
|
||||
}
|
||||
a {
|
||||
color: $grey;
|
||||
border-bottom: 1px solid #eee;
|
||||
transition: color 250ms linear;
|
||||
&:hover {
|
||||
@extend a-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
strong {
|
||||
color: $grey-bold;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td,
|
||||
th,
|
||||
table caption,
|
||||
table td,
|
||||
table th {
|
||||
word-break: initial;
|
||||
}
|
||||
|
||||
.pullquote {
|
||||
width: 45%;
|
||||
border: 0;
|
||||
}
|
||||
.pullquote.left {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.pullquote.right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.video-container {
|
||||
position: relative;
|
||||
padding-top: 56.25%;
|
||||
margin-bottom: 30px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-nav {
|
||||
max-width: 100%;
|
||||
margin-top: 50px;
|
||||
font-size: 80%;
|
||||
}
|
||||
.article-nav-link-wrap {
|
||||
display: inline-block;
|
||||
color: $grey;
|
||||
padding: 0 10px;
|
||||
width: 49%;
|
||||
box-sizing: border-box;
|
||||
vertical-align: top;
|
||||
border: 0;
|
||||
&:hover {
|
||||
@extend a-hover;
|
||||
border-bottom: 0;
|
||||
}
|
||||
strong {
|
||||
color: $grey-bold;
|
||||
}
|
||||
}
|
||||
.article-nav-link-wrap.newer {
|
||||
text-align: right;
|
||||
}
|
||||
.article-nav-link-wrap.older {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.article-footer {
|
||||
margin-top: 50px;
|
||||
hr {
|
||||
margin-top: 50px;
|
||||
@extend hr-base;
|
||||
}
|
||||
}
|
||||
|
||||
.article-meta {
|
||||
font-size: 80%;
|
||||
color: $grey;
|
||||
a {
|
||||
color: $grey-bold;
|
||||
}
|
||||
.label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.article-tag-list, .article-category {
|
||||
display: inline-block;
|
||||
}
|
||||
.article-tag-list-item {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
&:before {
|
||||
content: '#';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-gallery {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.article-type-page {
|
||||
.article-footer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.comments {
|
||||
width: $content-width;
|
||||
max-width: $content-max-width;
|
||||
margin: 50px auto 0 auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/************ dark mode ***********/
|
||||
$dark-bg: #3f3f3f;
|
||||
$dark-code-bg: #333;
|
||||
$dark-code-marked-bg: #444;
|
||||
$dark-color: #d8d8d8;
|
||||
$dark-grey: #aaa;
|
||||
$dark-grey-bold: #bbb;
|
||||
$dark-white: #ddd;
|
||||
$dark-white-light: #fff;
|
||||
|
||||
.dark {
|
||||
background-color: $dark-bg;
|
||||
color: $dark-color;
|
||||
.container,
|
||||
.footer {
|
||||
background-color: $dark-bg;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $dark-white;
|
||||
}
|
||||
a:hover {
|
||||
@extend a-hover;
|
||||
color: $dark-white-light;
|
||||
}
|
||||
|
||||
.home {
|
||||
color: $dark-color;
|
||||
h1,
|
||||
strong {
|
||||
color: $dark-white;
|
||||
}
|
||||
a {
|
||||
border-bottom: solid 1px #ddd;
|
||||
}
|
||||
a:hover {
|
||||
border-bottom: solid 1px $dark-white-light;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-container,
|
||||
.category-container,
|
||||
.tag-container,
|
||||
.article {
|
||||
.header {
|
||||
.main-nav-link {
|
||||
color: $dark-grey;
|
||||
}
|
||||
.main-nav-link:hover {
|
||||
color: $dark-white-light;
|
||||
}
|
||||
}
|
||||
.page-nav,
|
||||
.article-nav {
|
||||
color: $dark-grey;
|
||||
a {
|
||||
color: $dark-grey-bold;
|
||||
}
|
||||
a:hover {
|
||||
color: $dark-white-light;
|
||||
}
|
||||
}
|
||||
.article-entry blockquote footer strong,
|
||||
.article-meta a {
|
||||
color: $dark-grey-bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* cover typo.css */
|
||||
blockquote {
|
||||
color: $dark-grey;
|
||||
}
|
||||
strong, b {
|
||||
color: $dark-white;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $dark-white;
|
||||
}
|
||||
.typo-em, .typo em, legend, caption {
|
||||
color: $dark-grey-bold;
|
||||
}
|
||||
.typo table td,
|
||||
.typo-table td,
|
||||
.typo table caption {
|
||||
border: 1px solid #ddd;
|
||||
color: $dark-grey;
|
||||
}
|
||||
/* cover end */
|
||||
|
||||
|
||||
.article-entry {
|
||||
pre {
|
||||
color: $dark-color;
|
||||
background-color: $dark-code-bg;
|
||||
}
|
||||
.highlight {
|
||||
color: $dark-color;
|
||||
background-color: $dark-code-bg;
|
||||
table td,
|
||||
td,
|
||||
table caption {
|
||||
border: 0;
|
||||
}
|
||||
.line.marked {
|
||||
background: $dark-code-marked-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/************ dark mode end ************/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* code highlight */
|
||||
$code-background: #f3f5f6;
|
||||
$code-font-size: 14px;
|
||||
$code-line-height: 1.8;
|
||||
|
||||
|
||||
$highlight-background: #ffffff;
|
||||
$highlight-current-line: #efefef;
|
||||
$highlight-selection: #e6e6e6;
|
||||
$highlight-foreground: #4d4d4c;
|
||||
$highlight-comment: #8e908c;
|
||||
$highlight-red: #c82829;
|
||||
$highlight-orange: #f5871f;
|
||||
$highlight-yellow: #eab700;
|
||||
$highlight-green: #718c00;
|
||||
$highlight-aqua: #3e999f;
|
||||
$highlight-blue: #4271ae;
|
||||
$highlight-purple: #8959a8;
|
||||
|
||||
|
||||
|
||||
@define-extend code-block {
|
||||
padding: 20px;
|
||||
background: $code-background;
|
||||
color: $highlight-foreground;
|
||||
font-size: $code-font-size;
|
||||
overflow: auto;
|
||||
line-height: $code-line-height;
|
||||
}
|
||||
|
||||
@define-extend line-numbers {
|
||||
color: $grey;
|
||||
font-size: $code-font-size;
|
||||
}
|
||||
|
||||
.article-entry {
|
||||
figure.highlight {
|
||||
margin: 0;
|
||||
}
|
||||
pre {
|
||||
@extend code-block;
|
||||
code {
|
||||
background: none;
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.highlight {
|
||||
@extend code-block;
|
||||
pre {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
table {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
td {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
figcaption {
|
||||
color: $highlight-comment;
|
||||
a {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.gutter pre {
|
||||
@extend line-numbers;
|
||||
}
|
||||
.line {
|
||||
height: 25px;
|
||||
}
|
||||
.line.marked {
|
||||
background: $highlight-selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
.comment,
|
||||
.title {
|
||||
color: $highlight-comment;
|
||||
}
|
||||
.variable,
|
||||
.attribute,
|
||||
.tag,
|
||||
.regexp,
|
||||
.ruby .constant,
|
||||
.xml .tag .title,
|
||||
.xml .pi,
|
||||
.xml .doctype,
|
||||
.html .doctype,
|
||||
.css .id,
|
||||
.css .class,
|
||||
.css .pseudo {
|
||||
color: $highlight-red;
|
||||
}
|
||||
.number,
|
||||
.preprocessor,
|
||||
.built_in,
|
||||
.literal,
|
||||
.params,
|
||||
.constant {
|
||||
color: $highlight-orange;
|
||||
}
|
||||
.class,
|
||||
.ruby .class .title,
|
||||
.css .rules .attribute {
|
||||
color: $highlight-green;
|
||||
}
|
||||
.string,
|
||||
.value,
|
||||
.inheritance,
|
||||
.header,
|
||||
.ruby .symbol,
|
||||
.xml .cdata {
|
||||
color: $highlight-green;
|
||||
}
|
||||
.css .hexcolor {
|
||||
color: $highlight-aqua;
|
||||
}
|
||||
.function,
|
||||
.python .decorator,
|
||||
.python .title,
|
||||
.ruby .function .title,
|
||||
.ruby .title .keyword,
|
||||
.perl .sub,
|
||||
.javascript .title,
|
||||
.coffeescript .title {
|
||||
color: $highlight-blue;
|
||||
}
|
||||
.keyword,
|
||||
.javascript .function {
|
||||
color: $highlight-purple;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* tablet */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.archive-footer, .post-footer {
|
||||
width: $mobile-content-width;
|
||||
}
|
||||
|
||||
.home {
|
||||
.content {
|
||||
width: $mobile-content-width;
|
||||
}
|
||||
|
||||
}
|
||||
.archive-container {
|
||||
width: $mobile-content-width;
|
||||
}
|
||||
.article {
|
||||
width: $mobile-content-width;
|
||||
}
|
||||
.article-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.comments {
|
||||
width: $mobile-content-width;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
position: relative;
|
||||
left: initial;
|
||||
text-align: initial;
|
||||
.main-nav-link {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.header-hr-left {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* mobile */
|
||||
|
||||
@media (max-width: 468px) {
|
||||
$mobile-content-width: 80%;
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.home {
|
||||
color: $black-light;
|
||||
a {
|
||||
color: $black-bold;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-container {
|
||||
.archive-footer, .post-footer {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.archive-article-header {
|
||||
> a, > h1 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.main-nav {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
width: 50%;
|
||||
padding: 20px;
|
||||
border: 2px solid #777;
|
||||
box-shadow: 5px 5px 5px #777;
|
||||
|
||||
.main-nav-link {
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.article .nav-left {
|
||||
position: absolute;
|
||||
.main-nav-link {
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 320px) {
|
||||
body {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.article {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.archive-container {
|
||||
.archive-footer, .post-footer {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer,
|
||||
.footer-content {
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
After Width: | Height: | Size: 43 B |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 1003 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1,97 @@
|
|||
#fancybox-buttons {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-buttons.top {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons.bottom {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul {
|
||||
display: block;
|
||||
width: 166px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border: 1px solid #111;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
background: rgb(50,50,50);
|
||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
||||
}
|
||||
|
||||
#fancybox-buttons ul li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -9999px;
|
||||
background-color: transparent;
|
||||
background-image: url('fancybox_buttons.png');
|
||||
background-repeat: no-repeat;
|
||||
outline: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#fancybox-buttons a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPrev {
|
||||
background-position: 5px 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnNext {
|
||||
background-position: -33px 0;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlay {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlayOn {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggle {
|
||||
background-position: 3px -60px;
|
||||
border-left: 1px solid #111;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
width: 35px
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggleOn {
|
||||
background-position: -27px -60px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnClose {
|
||||
border-left: 1px solid #111;
|
||||
width: 35px;
|
||||
background-position: -56px 0px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnDisabled {
|
||||
opacity : 0.4;
|
||||
cursor: default;
|
||||
}
|
|
@ -0,0 +1,122 @@
|
|||
/*!
|
||||
* Buttons helper for fancyBox
|
||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* buttons: {
|
||||
* position : 'top'
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.buttons = {
|
||||
defaults : {
|
||||
skipSingle : false, // disables if gallery contains single image
|
||||
position : 'top', // 'top' or 'bottom'
|
||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
|
||||
},
|
||||
|
||||
list : null,
|
||||
buttons: null,
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
|
||||
if (opts.skipSingle && obj.group.length < 2) {
|
||||
obj.helpers.buttons = false;
|
||||
obj.closeBtn = true;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase top margin to give space for buttons
|
||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
||||
},
|
||||
|
||||
onPlayStart: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
onPlayEnd: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
var buttons = this.buttons;
|
||||
|
||||
if (!buttons) {
|
||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
||||
|
||||
buttons = {
|
||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
||||
next : this.list.find('.btnNext').click( F.next ),
|
||||
play : this.list.find('.btnPlay').click( F.play ),
|
||||
toggle : this.list.find('.btnToggle').click( F.toggle ),
|
||||
close : this.list.find('.btnClose').click( F.close )
|
||||
}
|
||||
}
|
||||
|
||||
//Prev
|
||||
if (obj.index > 0 || obj.loop) {
|
||||
buttons.prev.removeClass('btnDisabled');
|
||||
} else {
|
||||
buttons.prev.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
//Next / Play
|
||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
||||
buttons.next.removeClass('btnDisabled');
|
||||
buttons.play.removeClass('btnDisabled');
|
||||
|
||||
} else {
|
||||
buttons.next.addClass('btnDisabled');
|
||||
buttons.play.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
this.buttons = buttons;
|
||||
|
||||
this.onUpdate(opts, obj);
|
||||
},
|
||||
|
||||
onUpdate: function (opts, obj) {
|
||||
var toggle;
|
||||
|
||||
if (!this.buttons) {
|
||||
return;
|
||||
}
|
||||
|
||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
||||
|
||||
//Size toggle button
|
||||
if (obj.canShrink) {
|
||||
toggle.addClass('btnToggleOn');
|
||||
|
||||
} else if (!obj.canExpand) {
|
||||
toggle.addClass('btnDisabled');
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.list) {
|
||||
this.list.remove();
|
||||
}
|
||||
|
||||
this.list = null;
|
||||
this.buttons = null;
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
|
@ -0,0 +1,199 @@
|
|||
/*!
|
||||
* Media helper for fancyBox
|
||||
* version: 1.0.6 (Fri, 14 Jun 2013)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: true
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Set custom URL parameters:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: {
|
||||
* youtube : {
|
||||
* params : {
|
||||
* autoplay : 0
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Or:
|
||||
* $(".fancybox").fancybox({,
|
||||
* helpers : {
|
||||
* media: true
|
||||
* },
|
||||
* youtube : {
|
||||
* autoplay: 0
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Supports:
|
||||
*
|
||||
* Youtube
|
||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
||||
* http://www.youtube.com/embed/opj24KnzrWo
|
||||
* http://youtu.be/opj24KnzrWo
|
||||
* http://www.youtube-nocookie.com/embed/opj24KnzrWo
|
||||
* Vimeo
|
||||
* http://vimeo.com/40648169
|
||||
* http://vimeo.com/channels/staffpicks/38843628
|
||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
||||
* http://player.vimeo.com/video/45074303
|
||||
* Metacafe
|
||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
||||
* http://www.metacafe.com/watch/7635964/
|
||||
* Dailymotion
|
||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
||||
* Twitvid
|
||||
* http://twitvid.com/QY7MD
|
||||
* Twitpic
|
||||
* http://twitpic.com/7p93st
|
||||
* Instagram
|
||||
* http://instagr.am/p/IejkuUGxQn/
|
||||
* http://instagram.com/p/IejkuUGxQn/
|
||||
* Google maps
|
||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
||||
*/
|
||||
;(function ($) {
|
||||
"use strict";
|
||||
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox,
|
||||
format = function( url, rez, params ) {
|
||||
params = params || '';
|
||||
|
||||
if ( $.type( params ) === "object" ) {
|
||||
params = $.param(params, true);
|
||||
}
|
||||
|
||||
$.each(rez, function(key, value) {
|
||||
url = url.replace( '$' + key, value || '' );
|
||||
});
|
||||
|
||||
if (params.length) {
|
||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
||||
}
|
||||
|
||||
return url;
|
||||
};
|
||||
|
||||
//Add helper object
|
||||
F.helpers.media = {
|
||||
defaults : {
|
||||
youtube : {
|
||||
matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
autohide : 1,
|
||||
fs : 1,
|
||||
rel : 0,
|
||||
hd : 1,
|
||||
wmode : 'opaque',
|
||||
enablejsapi : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.youtube.com/embed/$3'
|
||||
},
|
||||
vimeo : {
|
||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
hd : 1,
|
||||
show_title : 1,
|
||||
show_byline : 1,
|
||||
show_portrait : 0,
|
||||
fullscreen : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//player.vimeo.com/video/$1'
|
||||
},
|
||||
metacafe : {
|
||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
||||
params : {
|
||||
autoPlay : 'yes'
|
||||
},
|
||||
type : 'swf',
|
||||
url : function( rez, params, obj ) {
|
||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
||||
|
||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
||||
}
|
||||
},
|
||||
dailymotion : {
|
||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
||||
params : {
|
||||
additionalInfos : 0,
|
||||
autoStart : 1
|
||||
},
|
||||
type : 'swf',
|
||||
url : '//www.dailymotion.com/swf/video/$1'
|
||||
},
|
||||
twitvid : {
|
||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
||||
params : {
|
||||
autoplay : 0
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
||||
},
|
||||
twitpic : {
|
||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
||||
type : 'image',
|
||||
url : '//twitpic.com/show/full/$1/'
|
||||
},
|
||||
instagram : {
|
||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
||||
type : 'image',
|
||||
url : '//$1/p/$2/media/?size=l'
|
||||
},
|
||||
google_maps : {
|
||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
||||
type : 'iframe',
|
||||
url : function( rez ) {
|
||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad : function(opts, obj) {
|
||||
var url = obj.href || '',
|
||||
type = false,
|
||||
what,
|
||||
item,
|
||||
rez,
|
||||
params;
|
||||
|
||||
for (what in opts) {
|
||||
if (opts.hasOwnProperty(what)) {
|
||||
item = opts[ what ];
|
||||
rez = url.match( item.matcher );
|
||||
|
||||
if (rez) {
|
||||
type = item.type;
|
||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
||||
|
||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (type) {
|
||||
obj.href = url;
|
||||
obj.type = type;
|
||||
|
||||
obj.autoHeight = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
|
@ -0,0 +1,55 @@
|
|||
#fancybox-thumbs {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.bottom {
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.top {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li {
|
||||
float: left;
|
||||
padding: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li.active {
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #111;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li img {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
max-width: none;
|
||||
}
|
|
@ -0,0 +1,165 @@
|
|||
/*!
|
||||
* Thumbnail helper for fancyBox
|
||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* thumbs: {
|
||||
* width : 50,
|
||||
* height : 50
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.thumbs = {
|
||||
defaults : {
|
||||
width : 50, // thumbnail width
|
||||
height : 50, // thumbnail height
|
||||
position : 'bottom', // 'top' or 'bottom'
|
||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
||||
var href;
|
||||
|
||||
if (item.element) {
|
||||
href = $(item.element).find('img').attr('src');
|
||||
}
|
||||
|
||||
if (!href && item.type === 'image' && item.href) {
|
||||
href = item.href;
|
||||
}
|
||||
|
||||
return href;
|
||||
}
|
||||
},
|
||||
|
||||
wrap : null,
|
||||
list : null,
|
||||
width : 0,
|
||||
|
||||
init: function (opts, obj) {
|
||||
var that = this,
|
||||
list,
|
||||
thumbWidth = opts.width,
|
||||
thumbHeight = opts.height,
|
||||
thumbSource = opts.source;
|
||||
|
||||
//Build list structure
|
||||
list = '';
|
||||
|
||||
for (var n = 0; n < obj.group.length; n++) {
|
||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
||||
}
|
||||
|
||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
||||
|
||||
//Load each thumbnail
|
||||
$.each(obj.group, function (i) {
|
||||
var el = obj.group[ i ],
|
||||
href = thumbSource( el );
|
||||
|
||||
if (!href) {
|
||||
return;
|
||||
}
|
||||
|
||||
$("<img />").load(function () {
|
||||
var width = this.width,
|
||||
height = this.height,
|
||||
widthRatio, heightRatio, parent;
|
||||
|
||||
if (!that.list || !width || !height) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Calculate thumbnail width/height and center it
|
||||
widthRatio = width / thumbWidth;
|
||||
heightRatio = height / thumbHeight;
|
||||
|
||||
parent = that.list.children().eq(i).find('a');
|
||||
|
||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
||||
if (widthRatio > heightRatio) {
|
||||
width = Math.floor(width / heightRatio);
|
||||
height = thumbHeight;
|
||||
|
||||
} else {
|
||||
width = thumbWidth;
|
||||
height = Math.floor(height / widthRatio);
|
||||
}
|
||||
}
|
||||
|
||||
$(this).css({
|
||||
width : width,
|
||||
height : height,
|
||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
||||
});
|
||||
|
||||
parent.width(thumbWidth).height(thumbHeight);
|
||||
|
||||
$(this).hide().appendTo(parent).fadeIn(300);
|
||||
|
||||
})
|
||||
.attr('src', href)
|
||||
.attr('title', el.title);
|
||||
});
|
||||
|
||||
//Set initial width
|
||||
this.width = this.list.children().eq(0).outerWidth(true);
|
||||
|
||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
||||
},
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (obj.group.length < 2) {
|
||||
obj.helpers.thumbs = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase bottom margin to give space for thumbs
|
||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
//Check if exists and create or update list
|
||||
if (this.list) {
|
||||
this.onUpdate(opts, obj);
|
||||
|
||||
} else {
|
||||
this.init(opts, obj);
|
||||
}
|
||||
|
||||
//Set active element
|
||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
||||
},
|
||||
|
||||
//Center list
|
||||
onUpdate: function (opts, obj) {
|
||||
if (this.list) {
|
||||
this.list.stop(true).animate({
|
||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
||||
}, 150);
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.wrap) {
|
||||
this.wrap.remove();
|
||||
}
|
||||
|
||||
this.wrap = null;
|
||||
this.list = null;
|
||||
this.width = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}(jQuery));
|
|
@ -0,0 +1,273 @@
|
|||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite.png);
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url(fancybox_loading.gif) center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url(blank.gif); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: visible !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url(fancybox_overlay.png);
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/*Retina graphics!*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5){
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite@2x.png);
|
||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
background-image: url(fancybox_loading@2x.gif);
|
||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
|
@ -0,0 +1,46 @@
|
|||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
(function(s,H,f,w){var K=f("html"),q=f(s),p=f(H),b=f.fancybox=function(){b.open.apply(this,arguments)},J=navigator.userAgent.match(/msie/i),C=null,t=H.createTouch!==w,u=function(a){return a&&a.hasOwnProperty&&a instanceof f},r=function(a){return a&&"string"===f.type(a)},F=function(a){return r(a)&&0<a.indexOf("%")},m=function(a,d){var e=parseInt(a,10)||0;d&&F(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},x=function(a,b){return m(a,b)+"px"};f.extend(b,{version:"2.1.5",defaults:{padding:15,margin:20,
|
||||
width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,pixelRatio:1,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!t,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},
|
||||
keys:{next:{13:"left",34:"up",39:"left",40:"up"},prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
|
||||
(J?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,
|
||||
openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,
|
||||
isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=u(a)?f(a).get():[a]),f.each(a,function(e,c){var l={},g,h,k,n,m;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),u(c)?(l={href:c.data("fancybox-href")||c.attr("href"),title:f("<div/>").text(c.data("fancybox-title")||c.attr("title")).html(),isDom:!0,element:c},
|
||||
f.metadata&&f.extend(!0,l,c.metadata())):l=c);g=d.href||l.href||(r(c)?c:null);h=d.title!==w?d.title:l.title||"";n=(k=d.content||l.content)?"html":d.type||l.type;!n&&l.isDom&&(n=c.data("fancybox-type"),n||(n=(n=c.prop("class").match(/fancybox\.(\w+)/))?n[1]:null));r(g)&&(n||(b.isImage(g)?n="image":b.isSWF(g)?n="swf":"#"===g.charAt(0)?n="inline":r(c)&&(n="html",k=c)),"ajax"===n&&(m=g.split(/\s+/,2),g=m.shift(),m=m.shift()));k||("inline"===n?g?k=f(r(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):l.isDom&&(k=c):
|
||||
"html"===n?k=g:n||g||!l.isDom||(n="inline",k=c));f.extend(l,{href:g,type:n,content:k,title:h,selector:m});a[e]=l}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==w&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1===b.trigger("onCancel")||(b.hideLoading(),a&&(b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),
|
||||
b.coming=null,b.current||b._afterZoomOut(a)))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(b.isOpen&&!0!==a?(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]()):(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&
|
||||
(b.player.timer=setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};!0===a||!b.player.isActive&&!1!==a?b.current&&(b.current.loop||b.current.index<b.group.length-1)&&(b.player.isActive=!0,p.bind({"onCancel.player beforeClose.player":c,"onUpdate.player":e,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")):c()},next:function(a){var d=b.current;d&&(r(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},prev:function(a){var d=
|
||||
b.current;d&&(r(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=m(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==w&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,l;c&&(l=b._getPosition(d),a&&"scroll"===a.type?(delete l.position,c.stop(!0,!0).animate(l,200)):(c.css(l),e.pos=f.extend({},e.dim,l)))},
|
||||
update:function(a){var d=a&&a.originalEvent&&a.originalEvent.type,e=!d||"orientationchange"===d;e&&(clearTimeout(C),C=null);b.isOpen&&!C&&(C=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),C=null)},e&&!t?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,t&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),
|
||||
b.trigger("onUpdate")),b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){27===(a.which||a.keyCode)&&(a.preventDefault(),b.cancel())});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}));b.trigger("onLoading")},getViewport:function(){var a=b.current&&
|
||||
b.current.locked||!1,d={x:q.scrollLeft(),y:q.scrollTop()};a&&a.length?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=t&&s.innerWidth?s.innerWidth:q.width(),d.h=t&&s.innerHeight?s.innerHeight:q.height());return d},unbindEvents:function(){b.wrap&&u(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");q.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(q.bind("orientationchange.fb"+(t?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=
|
||||
e.which||e.keyCode,l=e.target||e.srcElement;if(27===c&&b.coming)return!1;e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||l&&(l.type||f(l).is("[contenteditable]"))||f.each(d,function(d,l){if(1<a.group.length&&l[c]!==w)return b[d](l[c]),e.preventDefault(),!1;if(-1<f.inArray(c,l))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,l,g){for(var h=f(d.target||null),k=!1;h.length&&!(k||h.is(".fancybox-skin")||h.is(".fancybox-wrap"));)k=h[0]&&!(h[0].style.overflow&&
|
||||
"hidden"===h[0].style.overflow)&&(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();0!==c&&!k&&1<b.group.length&&!a.canShrink&&(0<g||0<l?b.prev(0<g?"down":"left"):(0>g||0>l)&&b.next(0>g?"up":"right"),d.preventDefault())}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&
|
||||
b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0,{},b.helpers[d].defaults,e),c)})}p.trigger(a)},isImage:function(a){return r(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return r(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=m(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,
|
||||
c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===
|
||||
c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=!0);"iframe"===c&&t&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(t?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,x(d.padding[a]))});b.trigger("onReady");
|
||||
if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=
|
||||
this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload=this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,
|
||||
d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",t?"auto":a.iframe.scrolling).attr("src",a.href);f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);t||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||
|
||||
b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,l,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());
|
||||
b.unbindEvents();e=a.content;c=a.type;l=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):u(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",
|
||||
!1)}));break;case "image":e=a.tpl.image.replace(/\{href\}/g,g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}u(e)&&e.parent().is(a.inner)||a.inner.append(e);b.trigger("beforeShow");
|
||||
a.inner.css("overflow","yes"===l?"scroll":"no"===l?"hidden":l);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(!b.isOpened)f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();else if(d.prevMethod)b.transitions[d.prevMethod]();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,l=b.skin,g=b.inner,h=b.current,c=h.width,k=h.height,n=h.minWidth,v=h.minHeight,p=h.maxWidth,
|
||||
q=h.maxHeight,t=h.scrolling,r=h.scrollOutside?h.scrollbarWidth:0,y=h.margin,z=m(y[1]+y[3]),s=m(y[0]+y[2]),w,A,u,D,B,G,C,E,I;e.add(l).add(g).width("auto").height("auto").removeClass("fancybox-tmp");y=m(l.outerWidth(!0)-l.width());w=m(l.outerHeight(!0)-l.height());A=z+y;u=s+w;D=F(c)?(a.w-A)*m(c)/100:c;B=F(k)?(a.h-u)*m(k)/100:k;if("iframe"===h.type){if(I=h.content,h.autoHeight&&1===I.data("ready"))try{I[0].contentWindow.document.location&&(g.width(D).height(9999),G=I.contents().find("body"),r&&G.css("overflow-x",
|
||||
"hidden"),B=G.outerHeight(!0))}catch(H){}}else if(h.autoWidth||h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(D),h.autoHeight||g.height(B),h.autoWidth&&(D=g.width()),h.autoHeight&&(B=g.height()),g.removeClass("fancybox-tmp");c=m(D);k=m(B);E=D/B;n=m(F(n)?m(n,"w")-A:n);p=m(F(p)?m(p,"w")-A:p);v=m(F(v)?m(v,"h")-u:v);q=m(F(q)?m(q,"h")-u:q);G=p;C=q;h.fitToView&&(p=Math.min(a.w-A,p),q=Math.min(a.h-u,q));A=a.w-z;s=a.h-s;h.aspectRatio?(c>p&&(c=p,k=m(c/E)),k>q&&(k=q,c=m(k*E)),c<n&&(c=n,k=m(c/
|
||||
E)),k<v&&(k=v,c=m(k*E))):(c=Math.max(n,Math.min(c,p)),h.autoHeight&&"iframe"!==h.type&&(g.width(c),k=g.height()),k=Math.max(v,Math.min(k,q)));if(h.fitToView)if(g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height(),h.aspectRatio)for(;(a>A||z>s)&&c>n&&k>v&&!(19<d++);)k=Math.max(v,Math.min(q,k-10)),c=m(k*E),c<n&&(c=n,k=m(c/E)),c>p&&(c=p,k=m(c/E)),g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height();else c=Math.max(n,Math.min(c,c-(a-A))),k=Math.max(v,Math.min(k,k-(z-s)));r&&"auto"===t&&k<B&&
|
||||
c+y+r<A&&(c+=r);g.width(c).height(k);e.width(c+y);a=e.width();z=e.height();e=(a>A||z>s)&&c>n&&k>v;c=h.aspectRatio?c<G&&k<C&&c<D&&k<B:(c<G||k<C)&&(c<D||k<B);f.extend(h,{dim:{width:x(a),height:x(z)},origWidth:D,origHeight:B,canShrink:e,canExpand:c,wPadding:y,hPadding:w,wrapSpace:z-l.outerHeight(!0),skinSpace:l.height()-k});!I&&h.autoHeight&&k>v&&k<q&&!c&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",
|
||||
top:c[0],left:c[3]};d.autoCenter&&d.fixed&&!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=x(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=x(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&((b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){f(d.target).is("a")||f(d.target).parent().is("a")||
|
||||
(d.preventDefault(),b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind("click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),a.loop||a.index!==a.group.length-1)?b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=!1,b.play(!0)):b.play(!1))},
|
||||
_afterZoomOut:function(a){a=a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,k=a.wPadding,n=b.getViewport();!e&&a.isDom&&d.is(":visible")&&(e=d.find("img:first"),e.length||(e=d));u(e)?(c=e.offset(),e.is("img")&&
|
||||
(f=e.outerWidth(),g=e.outerHeight())):(c.top=n.y+(n.h-g)*a.topRatio,c.left=n.x+(n.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=n.y,c.left-=n.x;return c={top:x(c.top-h*a.topRatio),left:x(c.left-k*a.leftRatio),width:x(f+k),height:x(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](m("width"===
|
||||
f?c:c-g*e)),b.inner[f](m("width"===f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,l=f.extend({opacity:1},d);delete l.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(l,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&
|
||||
(c.opacity=0.1));b.wrap.animate(c,{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=x(m(e[g])-200),c[g]="+=200px"):(e[g]=x(m(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:b._afterZoomIn})},
|
||||
changeOut:function(){var a=b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!t,fixed:!0},overlay:null,fixed:!1,el:f("html"),create:function(a){var d;a=f.extend({},this.defaults,a);this.overlay&&
|
||||
this.close();d=b.coming?b.coming.parent:a.parent;this.overlay=f('<div class="fancybox-overlay"></div>').appendTo(d&&d.lenth?d:"body");this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(q.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",
|
||||
function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive?b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){q.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),this.el.removeClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");
|
||||
J?(b=Math.max(H.documentElement.offsetWidth,H.body.offsetWidth),p.width()>b&&(a=p.width())):p.width()>q.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&this.fixed&&b.fixed&&(b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){b.locked&&!this.el.hasClass("fancybox-lock")&&(!1!==this.fixPosition&&f("*").filter(function(){return"fixed"===
|
||||
f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin"),this.scrollV=q.scrollTop(),this.scrollH=q.scrollLeft(),this.el.addClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",
|
||||
position:"bottom"},beforeShow:function(a){var d=b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(r(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),J&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(m(d.css("margin-bottom")))}d["top"===a.position?"prependTo":
|
||||
"appendTo"](c)}}};f.fn.fancybox=function(a){var d,e=f(this),c=this.selector||"",l=function(g){var h=f(this).blur(),k=d,l,m;g.ctrlKey||g.altKey||g.shiftKey||g.metaKey||h.is(".fancybox-wrap")||(l=a.groupAttr||"data-fancybox-group",m=h.attr(l),m||(l="rel",m=h.get(0)[l]),m&&""!==m&&"nofollow"!==m&&(h=c.length?f(c):e,h=h.filter("["+l+'="'+m+'"]'),k=h.index(this)),a.index=k,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;c&&!1!==a.live?p.undelegate(c,"click.fb-start").delegate(c+":not('.fancybox-item, .fancybox-nav')",
|
||||
"click.fb-start",l):e.unbind("click.fb-start").bind("click.fb-start",l);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===w&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});f.support.fixedPosition===w&&(f.support.fixedPosition=function(){var a=f('<div style="position:fixed;top:20px;"></div>').appendTo("body"),
|
||||
b=20===a[0].offsetTop||15===a[0].offsetTop;a.remove();return b}());f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(s).width();K.addClass("fancybox-lock-test");d=f(s).width();K.removeClass("fancybox-lock-test");f("<style type='text/css'>.fancybox-margin{margin-right:"+(d-a)+"px;}</style>").appendTo("head")})})(window,document,jQuery);
|
After Width: | Height: | Size: 434 KiB |
|
@ -0,0 +1,46 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
|
||||
<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
|
||||
<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
|
||||
<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
|
||||
<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
|
||||
<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
|
||||
<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
|
||||
<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
|
||||
<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
|
||||
]>
|
||||
<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="448.5px" height="145.5px"
|
||||
viewBox="0 0 448.5 145.5" enable-background="new 0 0 448.5 145.5" xml:space="preserve">
|
||||
<switch>
|
||||
<g i:extraneous="self">
|
||||
<g id="椭圆_2_1_" enable-background="new ">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#074098" d="M105.611,0.046h-23.82v18.673H33.767v9.824h48.024v18.012
|
||||
H48.086v11.107H115.5c0,0-0.001,15.927-20.25,37.588c-20.249,21.661-27.836,24.915-37.5,27.75c-9.664,2.835-26.037,2.38-31.5-1.5
|
||||
c-5.463-3.88-11.751-8.9-11.25-18c0.501-9.1,11.884-19.412,18.877-20.523c0,0-20.044-2.206-24.544,18.106
|
||||
c-3.455,15.596,6.602,23.258,12.417,27.167s18.19,8.475,26.336,9c8.146,0.525,25.84-0.552,42.664-12.75
|
||||
c16.823-12.198,37.282-36.662,43.5-51.75c6.218-15.088,8.91-21.331,9.75-26.195h-38.389V28.543h50.234v-9.824h-50.234V0.046"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#074098" d="M186,0.046c0,0-2.498,21.476-33.75,44.954l3.595,5.25
|
||||
c0,0,13.926-5.466,17.401-8.25v80.25h24.732V25.5c0,0,12.021-12.461,12.022-25.454H186z"/>
|
||||
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#074098" points="245.961,0.046 245.961,27.004 202.485,27.004
|
||||
202.485,36.082 245.961,36.082 245.961,121.5 270.083,121.5 270.083,36.082 281.338,36.082 281.338,27.004 270.083,27.004
|
||||
270.083,0.046 "/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#074098" d="M364.452,0.046v11.216h46.508v7.456
|
||||
c0,22.097-14.212,24.825-14.212,24.825h-32.296v19.421h32.296v9.786h-32.296v45.75H339.75V72.75h-34.568v-9.786h34.568V43.543
|
||||
h-49.471V8.289h23.06v2.973h26.412V0.046H364.452z M313.338,21.521V34.53h77.412V21.521H313.338z"/>
|
||||
</g>
|
||||
<g id="椭圆_1_1_" enable-background="new ">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ED6C1F" d="M44.099,136.744c0,0-22.471-3.673-32.099-20.494
|
||||
C8.33,109.839,7.958,97,18,88.5c8.357-7.074,19.518-6.553,33.75-3c14.232,3.553,24.419,8.078,42.75,17.25
|
||||
c18.486,9.25,44.916,22.501,78.656,29.647c33.741,7.146,52.273,9.357,72.805,10.853c35.377,2.577,149.409-2.407,164.998-6
|
||||
l37.541-39c0,0-112.934,17.355-183.75,18c-70.816,0.645-78.784-3.66-95.25-6.75c-16.466-3.09-59.859-17.214-72.75-22.5
|
||||
c-6.296-2.582-41.73-16.265-62.983-14.25S1.155,83.992,0.75,98.25S5.809,132.166,44.099,136.744z"/>
|
||||
|
||||
<rect x="206.624" y="46.661" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 421.6157 -51.5838)" fill-rule="evenodd" clip-rule="evenodd" fill="#ED6C1F" width="29.734" height="29.734"/>
|
||||
|
||||
<rect x="378.414" y="78.855" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 727.0344 -122.4926)" fill-rule="evenodd" clip-rule="evenodd" fill="#ED6C1F" width="20.945" height="20.945"/>
|
||||
</g>
|
||||
</g>
|
||||
</switch>
|
||||
</svg>
|
After Width: | Height: | Size: 3.5 KiB |
|
@ -0,0 +1,135 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="190"
|
||||
height="40"
|
||||
id="svg7723"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.3.1 r9886"
|
||||
sodipodi:docname="Bitcoin_logo.svg">
|
||||
<defs
|
||||
id="defs7725">
|
||||
<inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
id="perspective7731" />
|
||||
<inkscape:perspective
|
||||
id="perspective7704"
|
||||
inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
|
||||
inkscape:vp_z="1 : 0.5 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 0.5 : 1"
|
||||
sodipodi:type="inkscape:persp3d" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="2.8"
|
||||
inkscape:cx="99.532722"
|
||||
inkscape:cy="-10.892329"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="884"
|
||||
inkscape:window-height="608"
|
||||
inkscape:window-x="1864"
|
||||
inkscape:window-y="220"
|
||||
inkscape:window-maximized="0" />
|
||||
<metadata
|
||||
id="metadata7728">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-289.60744,-341.50536)">
|
||||
<g
|
||||
transform="matrix(0.61129216,0,0,0.61129216,170.80346,315.53734)"
|
||||
id="g97">
|
||||
<g
|
||||
id="g99">
|
||||
<g
|
||||
id="g101">
|
||||
<path
|
||||
d="m 258.845,82.989 c -4.274,17.143 -21.637,27.576 -38.782,23.301 -17.138,-4.274 -27.571,-21.638 -23.295,-38.78 4.272,-17.145 21.635,-27.579 38.775,-23.305 17.144,4.274 27.576,21.64 23.302,38.784 z"
|
||||
id="path103"
|
||||
style="fill:#f7931a"
|
||||
inkscape:connector-curvature="0" />
|
||||
<g
|
||||
id="g105">
|
||||
<g
|
||||
id="g107">
|
||||
<path
|
||||
d="m 241.91,70.689 c 0.637,-4.258 -2.605,-6.547 -7.038,-8.074 l 1.438,-5.768 -3.511,-0.875 -1.4,5.616 c -0.923,-0.23 -1.871,-0.447 -2.813,-0.662 l 1.41,-5.653 -3.509,-0.875 -1.439,5.766 c -0.764,-0.174 -1.514,-0.346 -2.242,-0.527 l 0.004,-0.018 -4.842,-1.209 -0.934,3.75 c 0,0 2.605,0.597 2.55,0.634 1.422,0.355 1.679,1.296 1.636,2.042 l -1.638,6.571 c 0.098,0.025 0.225,0.061 0.365,0.117 -0.117,-0.029 -0.242,-0.061 -0.371,-0.092 l -2.296,9.205 c -0.174,0.432 -0.615,1.08 -1.609,0.834 0.035,0.051 -2.552,-0.637 -2.552,-0.637 l -1.743,4.019 4.569,1.139 c 0.85,0.213 1.683,0.436 2.503,0.646 l -1.453,5.834 3.507,0.875 1.439,-5.772 c 0.958,0.26 1.888,0.5 2.798,0.726 l -1.434,5.745 3.511,0.875 1.453,-5.823 c 5.987,1.133 10.489,0.676 12.384,-4.739 1.527,-4.36 -0.076,-6.875 -3.226,-8.515 2.294,-0.529 4.022,-2.038 4.483,-5.155 z m -8.022,11.249 c -1.085,4.36 -8.426,2.003 -10.806,1.412 l 1.928,-7.729 c 2.38,0.594 10.012,1.77 8.878,6.317 z m 1.086,-11.312 c -0.99,3.966 -7.1,1.951 -9.082,1.457 l 1.748,-7.01 c 1.982,0.494 8.365,1.416 7.334,5.553 z"
|
||||
id="path109"
|
||||
style="fill:#ffffff"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="g111">
|
||||
<path
|
||||
d="m 289.581,62.613 c 2.595,0 4.837,0.465 6.721,1.378 1.893,0.922 3.455,2.164 4.708,3.726 1.236,1.57 2.156,3.405 2.75,5.508 0.59,2.109 0.886,4.376 0.886,6.803 0,3.728 -0.683,7.25 -2.062,10.57 -1.379,3.325 -3.25,6.209 -5.63,8.669 -2.378,2.457 -5.186,4.394 -8.424,5.825 -3.233,1.432 -6.748,2.148 -10.522,2.148 -0.488,0 -1.346,-0.014 -2.558,-0.039 -1.212,-0.025 -2.605,-0.15 -4.165,-0.361 -1.57,-0.219 -3.23,-0.543 -4.983,-0.977 -1.752,-0.426 -3.416,-1.023 -4.983,-1.781 l 14.012,-58.876 12.55,-1.945 -5.017,20.893 c 1.074,-0.484 2.156,-0.859 3.236,-1.132 1.081,-0.269 2.241,-0.409 3.481,-0.409 z m -10.527,34.671 c 1.89,0 3.671,-0.465 5.344,-1.378 1.678,-0.914 3.126,-2.148 4.339,-3.685 1.213,-1.544 2.173,-3.283 2.873,-5.226 0.7,-1.943 1.054,-3.97 1.054,-6.079 0,-2.591 -0.433,-4.612 -1.296,-6.073 -0.863,-1.455 -2.46,-2.187 -4.779,-2.187 -0.76,0 -1.739,0.145 -2.953,0.404 -1.218,0.275 -2.308,0.846 -3.285,1.705 l -5.342,22.188 c 0.322,0.057 0.607,0.111 0.85,0.162 0.238,0.055 0.501,0.094 0.763,0.121 0.277,0.031 0.594,0.047 0.977,0.047 0.383,0 0.862,0.001 1.455,0.001 z"
|
||||
id="path113"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="M 317.664,106.108 H 305.677 L 315.8,63.511 h 12.069 l -10.205,42.597 z m 5.833,-47.787 c -1.673,0 -3.19,-0.498 -4.536,-1.496 -1.357,-0.992 -2.029,-2.519 -2.029,-4.577 0,-1.132 0.23,-2.194 0.686,-3.196 0.463,-1 1.068,-1.861 1.826,-2.593 0.757,-0.726 1.634,-1.306 2.63,-1.743 1.002,-0.43 2.068,-0.645 3.204,-0.645 1.672,0 3.181,0.498 4.532,1.496 1.346,1.003 2.023,2.53 2.023,4.577 0,1.136 -0.229,2.202 -0.689,3.202 -0.457,1 -1.062,1.861 -1.82,2.593 -0.751,0.727 -1.636,1.305 -2.63,1.738 -1.003,0.437 -2.065,0.644 -3.197,0.644 z"
|
||||
id="path115"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 338.372,52.9 12.555,-1.945 -3.083,12.556 h 13.446 l -2.428,9.878 h -13.365 l -3.56,14.9 c -0.328,1.242 -0.514,2.402 -0.566,3.48 -0.059,1.083 0.078,2.013 0.402,2.796 0.322,0.785 0.901,1.39 1.741,1.818 0.836,0.435 2.033,0.654 3.603,0.654 1.293,0 2.553,-0.123 3.771,-0.367 1.211,-0.24 2.438,-0.574 3.68,-1.011 l 0.894,9.236 c -1.62,0.594 -3.374,1.105 -5.264,1.535 -1.893,0.436 -4.134,0.646 -6.724,0.646 -3.724,0 -6.611,-0.553 -8.668,-1.654 -2.054,-1.109 -3.506,-2.624 -4.375,-4.542 -0.857,-1.911 -1.24,-4.114 -1.133,-6.596 0.111,-2.488 0.486,-5.103 1.133,-7.857 L 338.372,52.9 z"
|
||||
id="path117"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 360.761,89.103 c 0,-3.669 0.594,-7.129 1.781,-10.368 1.185,-3.242 2.892,-6.077 5.107,-8.51 2.207,-2.421 4.896,-4.339 8.061,-5.747 3.15,-1.4 6.677,-2.106 10.564,-2.106 2.433,0 4.606,0.23 6.518,0.691 1.92,0.465 3.657,1.066 5.228,1.82 l -4.134,9.4 c -1.08,-0.438 -2.201,-0.824 -3.36,-1.174 -1.16,-0.357 -2.576,-0.529 -4.251,-0.529 -4.001,0 -7.164,1.379 -9.518,4.128 -2.345,2.751 -3.526,6.454 -3.526,11.099 0,2.753 0.594,4.979 1.786,6.682 1.186,1.703 3.377,2.55 6.558,2.55 1.57,0 3.085,-0.164 4.536,-0.484 1.462,-0.324 2.753,-0.732 3.89,-1.214 l 0.895,9.636 c -1.516,0.588 -3.188,1.119 -5.022,1.584 -1.838,0.449 -4.026,0.682 -6.563,0.682 -3.349,0 -6.184,-0.49 -8.503,-1.455 -2.32,-0.98 -4.237,-2.281 -5.747,-3.929 -1.518,-1.652 -2.608,-3.581 -3.282,-5.795 -0.674,-2.212 -1.018,-4.536 -1.018,-6.961 z"
|
||||
id="path119"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 414.009,107.241 c -2.861,0 -5.346,-0.436 -7.454,-1.299 -2.102,-0.863 -3.843,-2.074 -5.22,-3.644 -1.379,-1.562 -2.411,-3.413 -3.118,-5.546 -0.707,-2.132 -1.047,-4.493 -1.047,-7.08 0,-3.245 0.521,-6.489 1.574,-9.724 1.048,-3.242 2.603,-6.155 4.661,-8.744 2.042,-2.593 4.561,-4.713 7.527,-6.366 2.963,-1.642 6.371,-2.468 10.199,-2.468 2.809,0 5.281,0.437 7.418,1.3 2.127,0.861 3.879,2.082 5.264,3.644 1.37,1.57 2.411,3.413 3.111,5.549 0.705,2.128 1.053,4.495 1.053,7.084 0,3.235 -0.514,6.479 -1.534,9.724 -1.021,3.229 -2.536,6.149 -4.536,8.744 -1.996,2.589 -4.492,4.708 -7.49,6.354 -2.994,1.646 -6.466,2.472 -10.408,2.472 z M 420,72.579 c -1.777,0 -3.348,0.516 -4.693,1.535 -1.35,1.031 -2.484,2.327 -3.398,3.89 -0.924,1.57 -1.609,3.282 -2.072,5.143 -0.459,1.865 -0.684,3.628 -0.684,5.303 0,2.703 0.436,4.808 1.293,6.323 0.869,1.507 2.43,2.265 4.699,2.265 1.783,0 3.346,-0.512 4.699,-1.542 1.342,-1.023 2.477,-2.32 3.398,-3.886 0.918,-1.562 1.609,-3.279 2.072,-5.143 0.453,-1.859 0.684,-3.632 0.684,-5.304 0,-2.696 -0.434,-4.806 -1.299,-6.319 -0.864,-1.507 -2.432,-2.265 -4.699,-2.265 z"
|
||||
id="path121"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 451.043,106.108 h -11.997 l 10.123,-42.597 h 12.075 l -10.201,42.597 z m 5.824,-47.787 c -1.672,0 -3.188,-0.498 -4.532,-1.496 -1.35,-0.992 -2.028,-2.519 -2.028,-4.577 0,-1.132 0.233,-2.194 0.69,-3.196 0.457,-1 1.066,-1.861 1.824,-2.593 0.753,-0.726 1.638,-1.306 2.632,-1.743 0.996,-0.43 2.062,-0.645 3.194,-0.645 1.676,0 3.19,0.498 4.538,1.496 1.349,1.003 2.03,2.53 2.03,4.577 0,1.136 -0.242,2.202 -0.695,3.202 -0.453,1 -1.062,1.861 -1.817,2.593 -0.76,0.727 -1.634,1.305 -2.63,1.738 -1.004,0.437 -2.068,0.644 -3.206,0.644 z"
|
||||
id="path123"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 469.878,65.452 c 0.91,-0.266 1.926,-0.586 3.031,-0.934 1.109,-0.348 2.348,-0.672 3.732,-0.964 1.369,-0.301 2.914,-0.545 4.613,-0.734 1.699,-0.193 3.635,-0.287 5.786,-0.287 6.322,0 10.68,1.841 13.086,5.512 2.404,3.671 2.82,8.695 1.26,15.063 l -5.514,23 h -12.066 l 5.344,-22.516 c 0.326,-1.406 0.582,-2.765 0.771,-4.093 0.191,-1.316 0.18,-2.476 -0.043,-3.48 -0.213,-0.992 -0.715,-1.804 -1.494,-2.433 -0.791,-0.619 -1.986,-0.93 -3.607,-0.93 -1.563,0 -3.153,0.168 -4.776,0.492 l -7.857,32.959 h -12.071 l 9.805,-40.655 z"
|
||||
id="path125"
|
||||
style="fill:#4d4d4d"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 9.8 KiB |
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><svg baseProfile="tiny" height="24px" id="Layer_1" version="1.2" viewBox="0 0 24 24" width="24px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M14.435,12.973c0.269,0,0.492,0.133,0.686,0.396c0.192,0.265,0.294,0.588,0.294,0.975c0,0.385-0.102,0.711-0.294,0.973 c-0.193,0.265-0.417,0.396-0.686,0.396c-0.278,0-0.522-0.131-0.715-0.396c-0.192-0.262-0.294-0.588-0.294-0.973 c0-0.387,0.102-0.71,0.294-0.975C13.912,13.105,14.156,12.973,14.435,12.973 M17.875,9.414C18.621,10.225,19,11.209,19,12.367 c0,0.748-0.086,1.423-0.259,2.023c-0.175,0.597-0.394,1.084-0.654,1.459c-0.264,0.376-0.588,0.705-0.974,0.989 c-0.386,0.286-0.741,0.492-1.065,0.623c-0.325,0.132-0.695,0.233-1.111,0.306c-0.417,0.071-0.726,0.111-0.943,0.123 c-0.213,0.009-0.438,0.014-0.685,0.014c-0.055,0-0.243,0.004-0.547,0.015c-0.301,0.013-0.56,0.016-0.762,0.016 s-0.461-0.003-0.762-0.016c-0.304-0.011-0.492-0.015-0.547-0.015c-0.246,0-0.472-0.005-0.685-0.014 c-0.218-0.012-0.526-0.052-0.943-0.123c-0.423-0.072-0.786-0.174-1.111-0.306c-0.324-0.131-0.68-0.337-1.064-0.623 c-0.387-0.284-0.711-0.613-0.975-0.989c-0.261-0.375-0.479-0.862-0.654-1.459C5.086,13.79,5,13.115,5,12.367 c0-1.158,0.379-2.143,1.125-2.953C6.043,9.373,6.04,8.967,6.117,8.197C6.18,7.426,6.344,6.715,6.612,6.065 c0.934,0.099,2.09,0.629,3.471,1.581C10.549,7.527,11.184,7.463,12,7.463c0.852,0,1.491,0.064,1.918,0.184 c0.629-0.425,1.23-0.771,1.805-1.034c0.584-0.261,1.005-0.416,1.269-0.457l0.396-0.09c0.27,0.649,0.434,1.36,0.496,2.132 C17.96,8.967,17.957,9.373,17.875,9.414 M12.03,17.234c1.688,0,2.954-0.202,3.821-0.607c0.855-0.404,1.292-1.238,1.292-2.496 c0-0.73-0.273-1.34-0.822-1.828c-0.278-0.263-0.613-0.425-0.989-0.486c-0.375-0.061-0.949-0.061-1.72,0 c-0.769,0.062-1.298,0.09-1.582,0.09c-0.385,0-0.8-0.018-1.319-0.059c-0.52-0.04-0.928-0.065-1.223-0.078 c-0.294-0.009-0.609,0.027-0.958,0.108c-0.345,0.082-0.629,0.224-0.853,0.425c-0.521,0.469-0.79,1.077-0.79,1.828 c0,1.258,0.426,2.092,1.28,2.496c0.85,0.405,2.113,0.607,3.802,0.607H12.03 M9.596,12.973c0.268,0,0.492,0.133,0.685,0.396 c0.192,0.265,0.294,0.588,0.294,0.975c0,0.385-0.102,0.711-0.294,0.973c-0.192,0.265-0.417,0.396-0.685,0.396 c-0.279,0-0.522-0.131-0.716-0.396c-0.192-0.262-0.294-0.588-0.294-0.973c0-0.387,0.102-0.71,0.294-0.975 C9.073,13.105,9.316,12.973,9.596,12.973"/></g></g></svg>
|
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 29 KiB |
|
@ -0,0 +1,63 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="PayPal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="512px" height="145px" viewBox="0 0 512 145" enable-background="new 0 0 512 145" xml:space="preserve">
|
||||
<path fill="#0C3259" d="M49.547,72.931c-3.65,0-7.301-0.016-10.951,0.007c-1.788,0.011-3.097,0.74-3.625,2.582
|
||||
c-1.201,4.186-6.298,22.926-7.633,28.113c-0.694,2.698-2.09,3.819-4.862,3.835c-5.743,0.033-11.487,0.043-17.231,0.045
|
||||
c-3.073,0.001-4.373-1.366-3.916-4.441c0.389-2.62,15.447-67.17,22.343-96.861C24.577,2.318,26.227,0.991,30.245,1
|
||||
c10.683,0.024,43.444,0.181,49.142,0.21c14.295,0.073,26.12,11.513,26.603,25.768c0.326,9.621-1.534,18.702-6.928,26.833
|
||||
C93.796,61.749,86.222,66.59,77.341,69.54C68.322,72.536,58.996,73.397,49.547,72.931z M50.223,53.014
|
||||
c2.552-0.188,4.689-0.261,6.804-0.517c5.331-0.644,10.445-1.982,14.799-5.323c5.004-3.841,6.742-8.958,5.697-15.106
|
||||
c-0.947-5.57-4.604-8.625-9.665-10.296c-5.231-1.728-10.639-1.787-16.051-1.346c-2.725,0.222-4.501,1.749-5.167,4.512
|
||||
c-0.633,2.623-1.472,5.198-2.071,7.828c-1.104,4.848-2.171,9.706-3.11,14.588c-0.6,3.119,0.483,4.668,3.522,5.191
|
||||
C46.838,52.864,48.746,52.89,50.223,53.014z"/>
|
||||
<path fill="#0C3259" d="M203.026,143.597c3.084,0,6.171-0.076,9.251,0.027c1.983,0.066,3.529-0.54,4.651-2.176
|
||||
c1.905-2.778,63.362-102.943,68.534-111.735c1.307-2.222,0.547-3.968-1.895-4.002c-6.733-0.095-13.469-0.015-20.203,0.078
|
||||
c-1.742,0.024-3.026,0.874-4.015,2.475c-4.787,7.751-24.336,39.177-29.274,47.169c-0.291,0.47-1.07,1.02-1.497,0.931
|
||||
c-0.561-0.117-1.05-0.788-1.464-1.306c-0.215-0.269-0.221-0.716-0.287-1.089c-0.68-3.829-5.321-32.093-7.035-42.385
|
||||
c-0.727-4.369-2.895-6.147-7.314-6.112c-4.604,0.037-9.206,0.177-13.81,0.268c-3.56,0.071-5.597,2.416-5.095,5.929
|
||||
c0.275,1.924,12.385,66.749,14.477,77.448c0.09,0.458,0.197,0.99,0.053,1.402c-0.48,1.371-0.891,2.815-1.648,4.033
|
||||
c-4.68,7.538-9.451,15.021-14.179,22.529c-0.428,0.679-0.935,1.374-1.117,2.131c-0.611,2.542-0.787,4.229,2.893,4.152
|
||||
C197.043,143.302,203.026,143.515,203.026,143.597z"/>
|
||||
<path fill="#0C3259" d="M149.829,99.17c-1.597,0.868-2.763,1.489-3.917,2.131c-2.859,1.59-5.746,3.134-8.563,4.797
|
||||
c-5.363,3.166-11.266,3.855-17.294,3.676c-3.057-0.091-6.178-0.412-9.129-1.176c-7.723-1.999-12.314-7.012-13.231-15.055
|
||||
c-0.757-6.641-0.084-13.096,3.281-19.026c3.783-6.667,9.877-10.282,16.931-12.611c6.344-2.094,12.897-2.561,19.508-2.699
|
||||
c5.218-0.108,10.435-0.284,15.652-0.438c0.615-0.018,1.23-0.158,1.841-0.133c2.506,0.101,3.606-1.467,4.013-3.578
|
||||
c0.337-1.746,0.619-3.583,0.445-5.332c-0.351-3.529-2.253-5.65-5.766-6.032c-4.271-0.464-8.603-0.707-12.894-0.57
|
||||
c-6.259,0.2-12.473,1.048-18.524,2.777c-0.949,0.271-1.845,0.728-2.761,1.111c-2.413,1.009-4.603-0.165-4.41-2.714
|
||||
c0.311-4.097,0.828-8.21,1.694-12.222c0.475-2.205,2.358-3.578,4.71-4.05c7.832-1.571,15.736-2.443,23.722-2.652
|
||||
c6.47-0.169,12.897,0.05,19.242,1.478c5.784,1.302,10.621,4.252,14.699,8.477c4.423,4.582,5.913,10.201,4.786,16.3
|
||||
c-2.092,11.323-9.353,45.539-10.68,51.361c-0.65,2.854-2.328,4.356-5.279,4.459c-5.499,0.192-11.005,0.235-16.508,0.281
|
||||
c-1.636,0.014-2.069-0.553-1.974-2.225C149.536,103.538,149.674,101.571,149.829,99.17z M147.735,70.138
|
||||
c-0.001,0.038-0.001,0.076-0.002,0.114c-2.46,0.154-4.924,0.26-7.379,0.472c-4.079,0.351-8.087,1.069-11.809,2.874
|
||||
c-4.945,2.399-6.933,5.838-6.616,11.298c0.286,4.927,3.266,8.061,8.162,8.667c3.957,0.49,7.866,0.1,11.733-0.667
|
||||
c3.086-0.612,5.865-1.956,7.896-4.459c3.802-4.684,4.976-10.229,5.012-16.086c0.009-1.387-0.875-2.135-2.308-2.198
|
||||
C150.864,70.085,149.298,70.138,147.735,70.138z"/>
|
||||
<path fill="#285D8B" d="M325.85,72.931c-3.65,0-7.301-0.016-10.951,0.007c-1.788,0.011-3.097,0.74-3.625,2.582
|
||||
c-1.201,4.186-6.298,22.926-7.633,28.113c-0.694,2.698-2.09,3.819-4.862,3.835c-5.743,0.033-11.487,0.043-17.231,0.045
|
||||
c-3.073,0.001-4.373-1.366-3.916-4.441c0.389-2.62,15.447-67.17,22.343-96.861c0.905-3.894,2.554-5.221,6.573-5.212
|
||||
c10.683,0.024,43.444,0.181,49.142,0.21c14.295,0.073,26.12,11.513,26.603,25.768c0.326,9.621-1.534,18.702-6.928,26.833
|
||||
c-5.266,7.938-12.841,12.779-21.721,15.729C344.625,72.536,335.3,73.397,325.85,72.931z M326.526,53.014
|
||||
c2.552-0.188,4.689-0.261,6.804-0.517c5.331-0.644,10.445-1.982,14.799-5.323c5.004-3.841,6.742-8.958,5.697-15.106
|
||||
c-0.947-5.57-4.604-8.625-9.665-10.296c-5.23-1.728-10.639-1.787-16.051-1.346c-2.725,0.222-4.501,1.749-5.167,4.512
|
||||
c-0.633,2.623-1.472,5.198-2.071,7.828c-1.104,4.848-2.171,9.706-3.11,14.588c-0.6,3.119,0.483,4.668,3.522,5.191
|
||||
C323.141,52.864,325.05,52.89,326.526,53.014z"/>
|
||||
<path fill="#285D8B" d="M425.541,99.205c-1.006,0.416-1.625,0.618-2.194,0.917c-4.532,2.382-9.061,4.772-13.579,7.18
|
||||
c-4.39,2.34-9.196,2.551-13.98,2.564c-4.031,0.011-8.03-0.504-11.816-2.116c-6.589-2.805-9.953-7.853-10.652-14.881
|
||||
c-0.491-4.936-0.086-9.773,1.584-14.436c2.845-7.945,8.773-12.722,16.44-15.655c6.88-2.632,14.045-3.366,21.343-3.452
|
||||
c5.644-0.067,11.287-0.314,16.929-0.512c3.453-0.121,4.345-0.743,5.116-4.089c0.387-1.681,0.528-3.492,0.375-5.207
|
||||
c-0.284-3.18-2.334-5.425-5.655-5.871c-3.692-0.496-7.452-0.801-11.171-0.713c-6.971,0.165-13.886,1.015-20.627,2.928
|
||||
c-0.812,0.23-1.582,0.621-2.354,0.976c-2.612,1.201-4.753-0.017-4.532-2.84c0.298-3.812,0.766-7.63,1.478-11.385
|
||||
c0.428-2.258,2.034-3.934,4.4-4.342c4.8-0.828,9.609-1.762,14.455-2.138c6.138-0.476,12.324-0.729,18.474-0.554
|
||||
c7.958,0.227,15.635,1.745,22.072,7.027c3.893,3.195,6.89,6.932,7.761,12.033c0.616,3.607,0.198,7.197-0.545,10.735
|
||||
c-3.259,15.513-6.559,31.018-9.857,46.523c-0.882,4.146-2.266,5.395-6.447,5.53c-5.074,0.165-10.152,0.202-15.229,0.253
|
||||
c-1.826,0.019-2.181-0.367-2.119-2.177C425.279,103.53,425.415,101.558,425.541,99.205z M425.847,70.052
|
||||
c-3.22,0.199-6.735,0.294-10.221,0.663c-3.963,0.42-7.87,1.201-11.445,3.109c-3.276,1.749-5.598,4.271-6.034,8.089
|
||||
c-0.608,5.331,1.225,10.949,8.357,11.736c4.253,0.469,8.421,0.07,12.54-0.92c3.833-0.922,6.754-3.162,8.712-6.588
|
||||
c2.285-3.998,3.185-8.393,3.418-12.926c0.118-2.291-0.862-3.138-3.192-3.161C427.365,70.047,426.748,70.052,425.847,70.052z"/>
|
||||
<path fill="#285D8B" d="M484.382,107.385c2.299-0.057,2.81-0.5,3.289-2.535c2.061-8.748,17.549-74.116,23.208-98.057
|
||||
c0.62-2.621-1.217-4.912-3.951-4.933c-5.411-0.042-10.821-0.065-16.232-0.068c-3.282-0.002-4.876,1.234-5.649,4.43
|
||||
c-1.168,4.828-20.743,93.859-21.324,98.024c-0.281,2.016,0.842,2.944,2.869,2.93C469.487,107.154,482.864,107.423,484.382,107.385z"
|
||||
/>
|
||||
</svg>
|
After Width: | Height: | Size: 6.4 KiB |
|
@ -0,0 +1,49 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="-31 340.2 531.2 161.7" style="enable-background:new -31 340.2 531.2 161.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#64AB23;}
|
||||
.st1{fill:#A8A8A8;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M37.6,340.2c-37.5-0.6-68.6,27-68.6,59.5c0,18.8,8.8,35,25.9,47c0,0-6.3,20.7-6.2,21.1c0.1,0.4,1.5,1.2,1.9,1
|
||||
s22.6-13.5,22.6-13.5c17,5.8,26.9,3.9,27.4,3.9c-1.7-5-2.8-12.7-1.5-20c6.6-38.1,45.6-50,67-47.9
|
||||
C100.2,363.6,74.6,340.7,37.6,340.2z M11.5,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S16.4,389.3,11.5,389.3z
|
||||
M65.4,389.3c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9s8.9,4,8.9,8.9S70.4,389.3,65.4,389.3z"/>
|
||||
<path class="st1" d="M161,444.9c0-27.8-26.9-49.2-58.1-49.2c-33.1,0-59.4,21.8-59.4,49.6c0,27.9,25.1,51,59.5,51.2
|
||||
c6.9,0,17.2-1.7,24.2-4.6c0,0,16.6,10.1,17.5,10c0.9-0.1,1.4-0.8,1.4-1.4c0-0.6-5.3-16.4-5.3-16.4C155,472.9,161,460.6,161,444.9z
|
||||
M81.1,434.6c-4.4,0-7.9-3.5-7.9-7.9s3.5-7.9,7.9-7.9s7.9,3.5,7.9,7.9S85.4,434.6,81.1,434.6z M123.2,434.6c-4.4,0-7.9-3.5-7.9-7.9
|
||||
s3.5-7.9,7.9-7.9c4.4,0,7.9,3.5,7.9,7.9S127.6,434.6,123.2,434.6z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<polygon class="st0" points="246.6,406.7 234.7,455.7 224.7,406.7 209.5,406.7 199.5,455.7 187.6,406.7 172.8,406.7 192.7,476.2
|
||||
206.2,476.2 217,423 227.8,476.2 241.4,476.2 261.3,406.7 "/>
|
||||
<path class="st0" d="M297.3,430c-4.3-4.7-10.3-7.1-18.2-7.1c-7.4,0-13.2,2.5-17.5,7.3c-4.3,4.9-6.4,11.5-6.4,19.9
|
||||
c0,8.6,2.2,15.3,6.5,20.3s10.2,7.5,17.6,7.5c6,0,11.1-1.5,15.3-4.6c4.2-3.1,7-7.3,8.4-12.7h-13.6c-0.9,1.9-2.1,3.4-3.6,4.1
|
||||
c-1.5,0.9-3.4,1.4-5.8,1.4c-3.4,0-5.9-1.1-7.7-3.1c-1.7-2-2.7-5.1-2.9-9.1h34.2c0-0.4,0.1-0.9,0.1-1.4s0-1.2,0-2.2
|
||||
C303.7,441.5,301.6,434.7,297.3,430z M269.4,445.1c0.3-3.4,1.3-6,3-7.9c1.7-1.8,4-2.7,7-2.7c3.2,0,5.7,0.9,7.4,2.7
|
||||
c1.8,1.8,2.7,4.4,2.8,7.9H269.4z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st1" d="M371.7,452.4L371.7,452.4C371.7,452.3,371.7,452.4,371.7,452.4L371.7,452.4z"/>
|
||||
<path class="st1" d="M352.4,461.9c-2.8,2.2-6.4,3.3-10.7,3.3c-6,0-10.6-2.1-13.9-6.2c-3.3-4.1-4.9-10-4.9-17.5
|
||||
c0-7.8,1.6-13.7,4.9-17.8c3.2-4.1,8-6.1,14.3-6.1c4.5,0,8,1,10.6,3.1c2.6,2.1,4.2,5.1,4.8,9h14.1c-0.5-7.9-3.4-14-8.5-18.3
|
||||
c-5.1-4.3-12.1-6.5-21-6.5c-10.9,0-19.3,3.1-25.1,9.4s-8.7,15.4-8.7,27.2c0,11.6,2.9,20.6,8.6,27c5.7,6.4,13.7,9.6,24,9.6
|
||||
c8.9,0,16.2-2.3,21.7-7c5.5-4.6,8.6-10.8,9.1-18.7h-13.9C357,456.5,355.2,459.7,352.4,461.9z"/>
|
||||
<path class="st1" d="M417.5,429.5c-1.5-1.9-3.5-3.4-5.9-4.4c-2.5-1.1-5.2-1.6-8.2-1.6c-3.2,0-6.1,0.6-8.6,1.8
|
||||
c-2.5,1.2-4.7,3-6.6,5.3v-23.9h-13.6V476h13.6v-30.4c0-3.3,0.9-6,2.8-7.9c1.9-1.9,4.5-2.9,7.7-2.9c3,0,5.2,0.7,6.3,2.4
|
||||
c1.1,1.7,1.7,5.7,1.7,12V476h13.6v-33.2v-0.9c0-3.7-0.2-6.3-0.6-8C419.3,432.3,418.5,430.8,417.5,429.5z"/>
|
||||
<path class="st1" d="M469.7,471.6c-0.5-1.1-0.7-2.7-0.7-4.8v-29.1c0-4.7-1.9-8.3-5.7-10.8s-9.3-3.7-16.5-3.7
|
||||
c-6.6,0-11.7,1.5-15.4,4.5s-5.6,7.1-5.6,12.4v0.9h12.8v-0.8c0-2,0.7-3.6,2.2-4.7c1.5-1.1,3.6-1.7,6.4-1.7c3.1,0,5.2,0.4,6.5,1.3
|
||||
c1.3,0.9,1.9,2.4,1.9,4.5c0,2.6-2.9,4.2-8.7,5c-2.3,0.3-4.2,0.6-5.6,0.8c-6.2,0.9-10.6,2.7-13.3,5.2c-2.7,2.6-4,6.3-4,11.1
|
||||
c0,5.2,1.3,9.3,4,12.1c2.7,2.8,6.5,4.2,11.5,4.2c3.7,0,7-0.7,9.8-2.1c2.8-1.4,5.1-3.4,6.8-6.1c0,1.2,0.2,2.4,0.4,3.6
|
||||
c0.3,1,0.6,2,1.1,2.9h14.3V474C470.9,473.4,470.1,472.7,469.7,471.6z M455.9,455.8c0,3.7-1.1,6.5-3.2,8.6c-2.1,2.1-5,3.1-8.7,3.1
|
||||
c-2.1,0-3.8-0.6-5-1.7c-1.2-1.1-1.8-2.6-1.8-4.5c0-1.8,0.4-3.3,1.4-4.3s2.7-1.9,5.1-2.6c0.1,0,1.6-0.4,4.5-1
|
||||
c2.9-0.6,5.5-1.5,7.7-2.5V455.8z"/>
|
||||
<path class="st1" d="M500.2,434.6V425h-7.9v-14h-13.6v14h-6.8v9.6h6.8v27.7c0,5.8,1,9.6,2.9,11.6c2,1.9,5.5,2.9,10.8,2.9
|
||||
c0.4,0,1.6,0,3.3-0.1c1.7-0.1,3.2-0.2,4.5-0.2h0v-10.2h-3.3c-1.9,0-3.1-0.2-3.7-0.6c-0.6-0.5-0.9-1.3-0.9-2.7v-28.4H500.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 3.8 KiB |
|
@ -0,0 +1,78 @@
|
|||
(function ($) {
|
||||
// Caption
|
||||
$('.article-entry').each(function (i) {
|
||||
$(this).find('img').each(function () {
|
||||
if ($(this).parent().hasClass('fancybox')) return
|
||||
|
||||
var alt = this.alt
|
||||
|
||||
if (alt) {
|
||||
$(this).after('<span class="caption">' + alt + '</span>')
|
||||
}
|
||||
|
||||
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>')
|
||||
})
|
||||
|
||||
$(this).find('.fancybox').each(function () {
|
||||
$(this).attr('rel', 'article' + i)
|
||||
})
|
||||
})
|
||||
|
||||
if ($.fancybox) {
|
||||
$('.fancybox').fancybox()
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
var QRBox = $('#QRBox');
|
||||
var MainBox = $('.MainBox');
|
||||
var BTCQR = $('#BTCQR');
|
||||
var AliPayQR = $('#AliPayQR');
|
||||
var WeChatQR = $('#WeChatQR');
|
||||
var currentQR;
|
||||
|
||||
function showQR(QR) {
|
||||
$('#DonateText,#donateBox,#github').addClass('blur');
|
||||
currentQR = QR;
|
||||
QRBox.fadeIn(300,function(argument) {
|
||||
QR.addClass('showQR');
|
||||
});
|
||||
}
|
||||
|
||||
$('#donateBox>li').click(function(event) {
|
||||
var thisID = $(this).attr('id');
|
||||
if (thisID === 'BTC') {
|
||||
showQR(BTCQR);
|
||||
new Clipboard('#BTCBn');
|
||||
} else if (thisID === 'AliPay') {
|
||||
showQR(AliPayQR);
|
||||
} else if (thisID === 'WeChat') {
|
||||
showQR(WeChatQR);
|
||||
}
|
||||
});
|
||||
|
||||
MainBox.click(function(event) {
|
||||
if (currentQR) currentQR.removeClass('showQR').addClass('hideQR');
|
||||
setTimeout (function(a) {
|
||||
QRBox.fadeOut(300,function(argument) {
|
||||
MainBox.removeClass('hideQR');
|
||||
});
|
||||
$('#DonateText,#donateBox,#github').removeClass('blur');
|
||||
},600);
|
||||
});
|
||||
|
||||
$('#menu').click(function (event) {
|
||||
var nav = $('#main-nav');
|
||||
nav.toggle('fast');
|
||||
});
|
||||
|
||||
$(window).resize(function () {
|
||||
var viewportWidth = $(window).width();
|
||||
if (viewportWidth > 468) {
|
||||
$('#main-nav').show('fast');
|
||||
} else {
|
||||
$('#main-nav').hide('fast');
|
||||
}
|
||||
});
|
||||
});
|
||||
})(jQuery)
|