mirror of
https://github.com/pdf2htmlEX/pdf2htmlEX.git
synced 2024-12-22 13:00:08 +00:00
initial re-write of pdf2htmlEX github pages
This commit is contained in:
Stephen Gaito
parent
c9acdddbaa
commit
13f23c030b
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.jekyll-cache
|
||||||
|
_site
|
||||||
@ -1,8 +1,10 @@
|
|||||||
title: pdf2htmlEX
|
title: pdf2htmlEX
|
||||||
description: A PDF to HTML converter
|
description: "Publishing PDF Online"
|
||||||
|
sub_description: " A PDF to HTML converter"
|
||||||
google_analytics:
|
google_analytics:
|
||||||
show_downloads: true
|
show_downloads: true
|
||||||
theme: jekyll-theme-architect
|
theme: jekyll-theme-architect
|
||||||
|
show_downloads: false
|
||||||
|
|
||||||
gems:
|
gems:
|
||||||
- jekyll-mentions
|
- jekyll-mentions
|
||||||
|
|||||||
86
_layouts/default.html
Normal file
86
_layouts/default.html
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ site.lang | default: "en-US" }}">
|
||||||
|
<head>
|
||||||
|
<meta charset='utf-8'>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||||
|
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen" type="text/css">
|
||||||
|
<link rel="stylesheet" href="{{ '/assets/css/pdf2htmlexStyle.css?v=' | append: site.github.build_revision | relative_url }}" media="screen" type="text/css">
|
||||||
|
<link rel="stylesheet" href="{{ '/assets/css/print.css' | relative_url }}" media="print" type="text/css">
|
||||||
|
<link rel="stylesheet" href="{{ '/assets/css/pdf2htmlexPrint.css' | relative_url }}" media="print" type="text/css">
|
||||||
|
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
{% seo %}
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<a href="{{ '/' | absolute_url }}">
|
||||||
|
<h1>
|
||||||
|
<img src="images/pdf2htmlEX.svg" class="logo">{{ site.title | default: site.github.repository_name }}
|
||||||
|
</h1>
|
||||||
|
</a>
|
||||||
|
<h2>{{ site.description | default: site.github.project_tagline }}</h2>
|
||||||
|
<h3>{{ site.sub_description | default: "" }}</h3>
|
||||||
|
{% if site.github.is_project_page %}
|
||||||
|
<a href="{{ site.github.repository_url }}" class="button"><small>View project on</small> GitHub</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if site.github.is_user_page %}
|
||||||
|
<a href="{{ site.github.owner_url }}" class="button"><small>Follow me on</small> GitHub</a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div id="content-wrapper">
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<section id="main-content">
|
||||||
|
{{ content }}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<aside id="sidebar">
|
||||||
|
{% if page.sidebar %}
|
||||||
|
{{ page.sidebar | markdownify }}
|
||||||
|
<hr/>
|
||||||
|
{% endif %}
|
||||||
|
{% for aPage in site.pages %}
|
||||||
|
{% if aPage.name == "sidebar.md" %}
|
||||||
|
{{ aPage.content | markdownify }}
|
||||||
|
<hr/>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% if site.show_downloads %}
|
||||||
|
<a href="{{ site.github.zip_url }}" class="button">
|
||||||
|
<small>Download</small>
|
||||||
|
.zip file
|
||||||
|
</a>
|
||||||
|
<a href="{{ site.github.tar_url }}" class="button">
|
||||||
|
<small>Download</small>
|
||||||
|
.tar.gz file
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.github.is_project_page %}
|
||||||
|
<p class="repo-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</p>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if site.google_analytics %}
|
||||||
|
<script>
|
||||||
|
(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', '{{ site.google_analytics }}', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
</script>
|
||||||
|
{% endif %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
_layouts/empty.html
Normal file
1
_layouts/empty.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
{{ content }}
|
||||||
2
assets/css/pdf2htmlexPrint.css
Normal file
2
assets/css/pdf2htmlexPrint.css
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
/* Layers on top of jekyll-theme-architecture/assets/css/style.css */
|
||||||
|
|
||||||
34
assets/css/pdf2htmlexStyle.css
Normal file
34
assets/css/pdf2htmlexStyle.css
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0 | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Layers on top of jekyll-theme-architecture/assets/css/style.css */
|
||||||
|
|
||||||
|
/* Added by Wang Lu */
|
||||||
|
#socialbuttons { font-size:1px; }
|
||||||
|
|
||||||
|
#socialbuttons iframe { vertical-align:middle; }
|
||||||
|
|
||||||
|
#socialbuttons > div { margin:3px;height:20px; vertical-align:middle; }
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
width:1em;
|
||||||
|
height:1em;
|
||||||
|
position:relative;
|
||||||
|
top:.3em;
|
||||||
|
margin:.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Added by Stephen Gaito */
|
||||||
|
|
||||||
|
header h3 {
|
||||||
|
width: 540px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #9ddcff;
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
1553
demo/chn.html
1553
demo/chn.html
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
43
donate.html
43
donate.html
@ -1,43 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset='utf-8'>
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
|
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<title>pdf2htmlEX by coolwanglu</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class="inner">
|
|
||||||
<h1>pdf2htmlEX</h1>
|
|
||||||
<h2>A PDF to HTML converter</h2>
|
|
||||||
<a href="https://github.com/coolwanglu/pdf2htmlEX" class="button"><small>View project on</small>GitHub</a>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div id="content-wrapper">
|
|
||||||
<div class="inner clearfix">
|
|
||||||
<section id="main-content">
|
|
||||||
<h1>Thanks for helping pdf2html<strong>EX</strong></h1>
|
|
||||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="background-color:transparent;">
|
|
||||||
<input type="hidden" name="cmd" value="_s-xclick">
|
|
||||||
<input type="hidden" name="hosted_button_id" value="DMPH5HEXYUP32">
|
|
||||||
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">
|
|
||||||
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
130
index.md
130
index.md
@ -1,31 +1,68 @@
|
|||||||
# pdf2html**EX**
|
---
|
||||||
|
layout: default
|
||||||
|
title: pdf2htmlEX
|
||||||
|
sidebar: |
|
||||||
|
- [Introduction](#introduction)
|
||||||
|
- [Features](#features)
|
||||||
|
- [Get Started](#get-started)
|
||||||
|
- [Usage](#usage)
|
||||||
|
- [License](#license)
|
||||||
|
- [Credits](#credits)
|
||||||
|
|
||||||
|
- [Github](https://github.com/pdf2htmlEX/pdf2htmlEX)
|
||||||
|
- [Releases](https://github.com/pdf2htmlEX/pdf2htmlEX/releases)
|
||||||
|
- [Wiki](https://github.com/pdf2htmlEX/pdf2htmlEX/wiki)
|
||||||
|
- [Issues](https://github.com/pdf2htmlEX/pdf2htmlEX/issues)
|
||||||
|
|
||||||
|
- [WINDOWS XP USERS](#windows-xp-users)
|
||||||
|
|
||||||
|
---
|
||||||
A beautiful demo is worth a thousand words:
|
A beautiful demo is worth a thousand words:
|
||||||
|
|
||||||
[**Typography**](http://coolwanglu.github.com/pdf2htmlEX/demo/geneve.html) [Original](https://github.com/raphink/geneve_1564/raw/master/geneve_1564.pdf)
|
* [**Typography**](/demo/geneve.html)
|
||||||
|
[PDF](https://github.com/raphink/geneve_1564/releases/download/2016-06-08_02/geneve_1564.pdf)
|
||||||
|
(<a href="https://github.com/raphink/geneve_1564" target="_blank">Author</a>)
|
||||||
|
* [**Formulas**](/demo/cheat.html)
|
||||||
|
[PDF](http://www.tug.org/texshowcase/cheat.pdf)
|
||||||
|
(<a href="http://www.tug.org/texshowcase" target="_blank">Author</a>)
|
||||||
|
* [**Magazine**](/demo/issue65_en.html)
|
||||||
|
[PDF](http://dl.fullcirclemagazine.org/issue65_en.pdf)
|
||||||
|
(<a href="http://fullcirclemagazine.org" target="_blank">Author</a>)
|
||||||
|
* [**Scientific Paper**](/demo/demo.html)
|
||||||
|
[PDF](http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.148.349&rep=rep1&type=pdf)
|
||||||
|
(<a href="https://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.148.349" target="_blank">Author</a>)
|
||||||
|
|
||||||
[**Formulas**](http://coolwanglu.github.com/pdf2htmlEX/demo/cheat.html) [Original](http://www.tug.org/texshowcase/cheat.pdf)
|
* [**pdf2htmlEX Tugboat**](doc/tb108wang.html)
|
||||||
|
[PDF](doc/tb108wang.pdf)
|
||||||
|
(<a href="https://github.com/coolwanglu" target="_blank">Author</a>)
|
||||||
|
|
||||||
[**Scientific Paper**](http://coolwanglu.github.com/pdf2htmlEX/demo/demo.html) [Original](http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.148.349&rep=rep1&type=pdf)
|
## Introduction {#introduction}
|
||||||
|
|
||||||
[**Chinese**](http://coolwanglu.github.com/pdf2htmlEX/demo/chn.html) [Original](http://files.cnblogs.com/phphuaibei/git%E6%90%AD%E5%BB%BA.pdf)
|
pdf2htmlEX renders PDF files in HTML, utilizing modern Web technologies.
|
||||||
|
It aims to provide an accurate rendering, while being optimized for Web
|
||||||
|
display. Text, fonts and formats are natively preserved in HTML.
|
||||||
|
Mathematical formulas, figures and images are also supported.
|
||||||
|
|
||||||
|
pdf2htmlEX is also a publishing tool: almost 50 options make it flexible
|
||||||
|
for many different use cases: PDF preview, book/magazine publishing,
|
||||||
|
personal resume...
|
||||||
|
|
||||||
**WINDOWS XP USERS: Please make sure ClearType is turned on**
|
pdf2htmlEX is optimized for modern web browsers such as Mozilla Firefox & Google
|
||||||
|
Chrome.
|
||||||
|
|
||||||
(Control Panel -> Display -> Appearance -> Effects -> "Use the following method to smooth edges of screen fonts" -> ClearType)
|
### Why HTML?
|
||||||
|
|
||||||
## Introduction
|
This is an era of Web. HTML, together with CSS and JavaScript, provides
|
||||||
|
the flexibility allowing you to embed documents with beautiful themes,
|
||||||
|
consistent bahivours and useful features. User experience will also be
|
||||||
|
significantly improved, documents will be plugin-free and interactive,
|
||||||
|
users can read while downloading.
|
||||||
|
|
||||||
pdf2htmlEX renders PDF files in HTML, utilizing modern Web technologies, aims to provide an accuracy rendering, while keeping optimized for Web display.
|
## Features {#features}
|
||||||
|
|
||||||
It is optimized for modern web browsers such as Mozilla Firefox & Google Chrome.
|
|
||||||
|
|
||||||
This program is designed for scientific papers with complicate formulas and figures, so a precise rendering is also the #1 concern. But of course general PDF files are also supported.
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
* Single HTML file output
|
* Single HTML file output
|
||||||
|
* *or* one HTML file per page if that is what you want...
|
||||||
|
* Images
|
||||||
* Precise rendering
|
* Precise rendering
|
||||||
* Text Selection
|
* Text Selection
|
||||||
* Font embedding & reencoding for Web
|
* Font embedding & reencoding for Web
|
||||||
@ -38,44 +75,25 @@ This program is designed for scientific papers with complicate formulas and figu
|
|||||||
* Type 3 fonts
|
* Type 3 fonts
|
||||||
* Non-text object (Don't worry, they will be rendered as images)
|
* Non-text object (Don't worry, they will be rendered as images)
|
||||||
|
|
||||||
## Get started
|
## Get started {#get-started}
|
||||||
|
|
||||||
### Ubuntu
|
You can get pdf2htmlEX in a number of ways:
|
||||||
|
|
||||||
There is a Ubuntu PPA set up at [here](https://launchpad.net/~coolwanglu/+archive/pdf2htmlex).
|
* [**AppImage**]({{ site.github.releases_url }}) download, make executable, and "just run" (see
|
||||||
|
<a href="https://appimage.org/" target="_blank">AppImage.org</a>)
|
||||||
|
* [**pdf2htmlEX/pdf2htmlEX**](https://hub.docker.com/orgs/pdf2htmlex/) on
|
||||||
|
<a href="https://hub.docker.com/" target="_blank">Docker Hub</a>
|
||||||
|
* [**Debian Archive**]({{ site.github.releases_url }}) download, and apt install locally:
|
||||||
|
`sudo apt install ./<<DownloadedDebFile>>`
|
||||||
|
* [**Compile yourself**]({{ site.github.repository_url}}//tree/master/buildScripts)
|
||||||
|
|
||||||
### ArchLinux
|
## Usage {#usage}
|
||||||
|
|
||||||
Special thanks to Arthur Titeica for the [AUR Package](https://aur.archlinux.org/packages.php?ID=62426).
|
|
||||||
|
|
||||||
### Build from source
|
|
||||||
|
|
||||||
#### Dependency
|
|
||||||
|
|
||||||
* CMake, pkg-config
|
|
||||||
* compilers support C++11, for example
|
|
||||||
* GCC >= 4.4.6
|
|
||||||
* I heard about successful build with Clang
|
|
||||||
* libpoppler with xpdf header >= 0.20.0 (compile with --enable-xpdf-headers)
|
|
||||||
* Install libpng (and headers) BEFORE you compile libpoppler if you want background images generated
|
|
||||||
* Install poppler-data if your want CJK support
|
|
||||||
* fontforge (with header files)
|
|
||||||
|
|
||||||
**Build On Windows**
|
|
||||||
|
|
||||||
I've tested with CYGWIN without any problem, and I believe it also works on MinGW without many modifications.
|
|
||||||
|
|
||||||
#### Compiling
|
|
||||||
|
|
||||||
cmake . && make && sudo make install
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
pdf2htmlEX /path/to/foobar.pdf
|
pdf2htmlEX /path/to/foobar.pdf
|
||||||
|
|
||||||
pdf2htmlEX --help
|
pdf2htmlEX --help
|
||||||
|
|
||||||
## LICENSE
|
## LICENSE {#license}
|
||||||
|
|
||||||
GPLv2 & GPLv3 Dual licensed
|
GPLv2 & GPLv3 Dual licensed
|
||||||
|
|
||||||
@ -85,7 +103,7 @@ GPLv2 & GPLv3 Dual licensed
|
|||||||
|
|
||||||
**Font extraction, conversion or redistribution may be illegal, please check your local laws**
|
**Font extraction, conversion or redistribution may be illegal, please check your local laws**
|
||||||
|
|
||||||
## Credits
|
## Credits {#credits}
|
||||||
|
|
||||||
pdf2htmlEX is inspired by the following projects:
|
pdf2htmlEX is inspired by the following projects:
|
||||||
|
|
||||||
@ -95,15 +113,25 @@ pdf2htmlEX is inspired by the following projects:
|
|||||||
* Crocodoc
|
* Crocodoc
|
||||||
* Google Doc
|
* Google Doc
|
||||||
|
|
||||||
|
pdf2htmlEX uses the following projects:
|
||||||
|
|
||||||
|
* Poppler
|
||||||
|
* FontForge
|
||||||
|
|
||||||
|
Finally, many thanks are due to
|
||||||
|
|
||||||
|
* Lu Wang ([coolwanglu](https://github.com/coolwanglu))
|
||||||
|
|
||||||
|
for creating the [original project](https://github.com/coolwanglu/pdf2htmlEX)
|
||||||
|
|
||||||
## Contact
|
## Contact
|
||||||
|
|
||||||
Suggestions and questions are welcome.
|
Suggestions and questions are welcome.
|
||||||
|
|
||||||
Please read [FAQ](https://github.com/coolwanglu/pdf2htmlEX/wiki/FAQ) before sending an email to me. Or your message might be ignored.
|
Please read [FAQ]({{ site.github.repository_url}}/wiki/FAQ) before sending an email.
|
||||||
|
|
||||||
* Lu Wang <coolwanglu@gmail.com>
|
## Windows XP users {#windows-xp-users}
|
||||||
|
|
||||||
### Special Thanks
|
Please make sure ClearType is turned on
|
||||||
|
|
||||||
* Hongliang Tian <tatetian@gmail.com>
|
|
||||||
|
|
||||||
|
(Control Panel -> Display -> Appearance -> Effects -> "Use the following method to smooth edges of screen fonts" -> ClearType)
|
||||||
|
|||||||
@ -1 +0,0 @@
|
|||||||
console.log('This would be the main JS file.');
|
|
||||||
@ -1,226 +0,0 @@
|
|||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, embed,
|
|
||||||
figure, figcaption, footer, header, hgroup,
|
|
||||||
menu, nav, output, ruby, section, summary,
|
|
||||||
time, mark, audio, video {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
/* HTML5 display-role reset for older browsers */
|
|
||||||
article, aside, details, figcaption, figure,
|
|
||||||
footer, header, hgroup, menu, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
blockquote:before, blockquote:after,
|
|
||||||
q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.5;
|
|
||||||
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #d5000d;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding-top: 35px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h1 {
|
|
||||||
font-weight: bold;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
font-size: 48px;
|
|
||||||
color: #303030;
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h2 {
|
|
||||||
letter-spacing: -1px;
|
|
||||||
font-size: 24px;
|
|
||||||
color: #aaa;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
|
||||||
#downloads {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#main_content {
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, pre {
|
|
||||||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
|
|
||||||
color: #222;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
padding: 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
border: solid 1px #ddd;
|
|
||||||
padding: 20px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
pre code {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul, ol, dl {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* COMMON STYLES */
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
background: #f2f2f2;
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* GENERAL ELEMENT TYPE STYLES */
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #303030;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
color: #d5000d;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 16px;
|
|
||||||
color: #303030;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 1em;
|
|
||||||
color: #303030;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: .8em;
|
|
||||||
color: #303030;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-weight: 300;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p a {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
font-size: 1.6em;
|
|
||||||
border-left: 10px solid #e9e9e9;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding: 0 0 0 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
list-style: disc inside;
|
|
||||||
padding-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol li {
|
|
||||||
list-style: decimal inside;
|
|
||||||
padding-left: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
dl dd {
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
margin-top: 40px;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MISC */
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
content: '.';
|
|
||||||
display: block;
|
|
||||||
visibility: hidden;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix {display: inline-block;}
|
|
||||||
* html .clearfix {height: 1%;}
|
|
||||||
.clearfix {display: block;}
|
|
||||||
@ -1,69 +0,0 @@
|
|||||||
.highlight { background: #ffffff; }
|
|
||||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
|
||||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
|
||||||
.highlight .k { font-weight: bold } /* Keyword */
|
|
||||||
.highlight .o { font-weight: bold } /* Operator */
|
|
||||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
|
||||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
|
||||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
|
||||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
|
||||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
|
||||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
|
||||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
|
||||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
|
||||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
|
||||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
|
||||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
|
||||||
.highlight .go { color: #888888 } /* Generic.Output */
|
|
||||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
|
||||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
|
||||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
|
|
||||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
|
||||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
|
||||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
|
||||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
|
|
||||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
|
||||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
|
||||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
|
||||||
.highlight .m { color: #009999 } /* Literal.Number */
|
|
||||||
.highlight .s { color: #d14 } /* Literal.String */
|
|
||||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
|
||||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
|
||||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
|
||||||
.highlight .no { color: #008080 } /* Name.Constant */
|
|
||||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
|
||||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
|
||||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
|
||||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
|
||||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
|
||||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
|
||||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
|
||||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
|
||||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
|
||||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
|
||||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
|
||||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
|
||||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
|
||||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
|
||||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
|
||||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
|
||||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
|
||||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
|
||||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
|
||||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
|
||||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
|
||||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
|
||||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
|
||||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
|
||||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
|
||||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
|
||||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
|
||||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
|
||||||
|
|
||||||
.type-csharp .highlight .k { color: #0000FF }
|
|
||||||
.type-csharp .highlight .kt { color: #0000FF }
|
|
||||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
|
|
||||||
.type-csharp .highlight .nc { color: #2B91AF }
|
|
||||||
.type-csharp .highlight .nn { color: #000000 }
|
|
||||||
.type-csharp .highlight .s { color: #A31515 }
|
|
||||||
.type-csharp .highlight .sc { color: #A31515 }
|
|
||||||
@ -1,492 +0,0 @@
|
|||||||
/* http://meyerweb.com/eric/tools/css/reset/
|
|
||||||
v2.0 | 20110126
|
|
||||||
License: none (public domain)
|
|
||||||
*/
|
|
||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, embed,
|
|
||||||
figure, figcaption, footer, header, hgroup,
|
|
||||||
menu, nav, output, ruby, section, summary,
|
|
||||||
time, mark, audio, video {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
/* HTML5 display-role reset for older browsers */
|
|
||||||
article, aside, details, figcaption, figure,
|
|
||||||
footer, header, hgroup, menu, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
blockquote:before, blockquote:after,
|
|
||||||
q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LAYOUT STYLES */
|
|
||||||
body {
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 1.5;
|
|
||||||
background: #fafafa url(../images/body-bg.jpg) 0 0 repeat;
|
|
||||||
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #2879d0;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #2268b2;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
|
|
||||||
border-bottom: solid 1px #275da1;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h1 {
|
|
||||||
letter-spacing: -1px;
|
|
||||||
font-size: 72px;
|
|
||||||
color: #fff;
|
|
||||||
line-height: 1;
|
|
||||||
margin-bottom: 0.2em;
|
|
||||||
width: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h2 {
|
|
||||||
font-size: 26px;
|
|
||||||
color: #9ddcff;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1.3;
|
|
||||||
width: 540px;
|
|
||||||
letter-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inner {
|
|
||||||
position: relative;
|
|
||||||
width: 940px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content-wrapper {
|
|
||||||
border-top: solid 1px #fff;
|
|
||||||
padding-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content {
|
|
||||||
width: 690px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside#sidebar {
|
|
||||||
width: 200px;
|
|
||||||
padding-left: 20px;
|
|
||||||
min-height: 504px;
|
|
||||||
float: right;
|
|
||||||
background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside#sidebar p.repo-owner,
|
|
||||||
aside#sidebar p.repo-owner a {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#downloads {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.button {
|
|
||||||
width: 134px;
|
|
||||||
height: 58px;
|
|
||||||
line-height: 1.2;
|
|
||||||
font-size: 23px;
|
|
||||||
color: #fff;
|
|
||||||
padding-left: 68px;
|
|
||||||
padding-top: 22px;
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
}
|
|
||||||
a.button small {
|
|
||||||
display: block;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
header a.button {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
background: transparent url(../images/github-button.png) 0 0 no-repeat;
|
|
||||||
}
|
|
||||||
aside a.button {
|
|
||||||
width: 138px;
|
|
||||||
padding-left: 64px;
|
|
||||||
display: block;
|
|
||||||
background: transparent url(../images/download-button.png) 0 0 no-repeat;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, pre {
|
|
||||||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
|
|
||||||
color: #222;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background-color: #f2f8fc;
|
|
||||||
border: solid 1px #dbe7f3;
|
|
||||||
padding: 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding: 20px;
|
|
||||||
background: #fff;
|
|
||||||
text-shadow: none;
|
|
||||||
overflow: auto;
|
|
||||||
border: solid 1px #f2f2f2;
|
|
||||||
}
|
|
||||||
pre code {
|
|
||||||
color: #2879d0;
|
|
||||||
background-color: #fff;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul, ol, dl {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* COMMON STYLES */
|
|
||||||
|
|
||||||
hr {
|
|
||||||
height: 1px;
|
|
||||||
line-height: 1px;
|
|
||||||
margin-top: 1em;
|
|
||||||
padding-bottom: 1em;
|
|
||||||
border: none;
|
|
||||||
background: transparent url('../images/hr.png') 0 0 no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: auto;
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
border: 1px solid #ebebeb;
|
|
||||||
text-align: center;
|
|
||||||
font-weight:; 300;
|
|
||||||
padding:2px 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
background: #f2f2f2;
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* GENERAL ELEMENT TYPE STYLES */
|
|
||||||
|
|
||||||
#main-content h1 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: 2.8em;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h1:before {
|
|
||||||
content: "/";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h2 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
#main-content h2:before {
|
|
||||||
content: "//";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h3 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 24px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h3:before {
|
|
||||||
content: "///";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h4 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4:before {
|
|
||||||
content: "////";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -2.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h5 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
h5:before {
|
|
||||||
content: "/////";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -3.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content h6 {
|
|
||||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
|
|
||||||
font-size: .8em;
|
|
||||||
color: #474747;
|
|
||||||
}
|
|
||||||
h6:before {
|
|
||||||
content: "//////";
|
|
||||||
color: #9ddcff;
|
|
||||||
padding-right: 0.3em;
|
|
||||||
margin-left: -3.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p a {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
font-size: 1.6em;
|
|
||||||
border-left: 10px solid #e9e9e9;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding: 0 0 0 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
list-style: disc inside;
|
|
||||||
padding-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol li {
|
|
||||||
list-style: decimal inside;
|
|
||||||
padding-left: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
dl dd {
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
background: transparent url('../images/hr.png') 0 0 no-repeat;
|
|
||||||
margin-top: 40px;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
footer a:hover {
|
|
||||||
color: #444;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MISC */
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
content: '.';
|
|
||||||
display: block;
|
|
||||||
visibility: hidden;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix {display: inline-block;}
|
|
||||||
* html .clearfix {height: 1%;}
|
|
||||||
.clearfix {display: block;}
|
|
||||||
|
|
||||||
/* #Media Queries
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
/* Smaller than standard 960 (devices and browsers) */
|
|
||||||
@media only screen and (max-width: 959px) {}
|
|
||||||
|
|
||||||
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
|
||||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
|
||||||
.inner {
|
|
||||||
width: 740px;
|
|
||||||
}
|
|
||||||
header h1, header h2 {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
header h1 {
|
|
||||||
font-size: 60px;
|
|
||||||
}
|
|
||||||
header h2 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
#main-content {
|
|
||||||
width: 490px;
|
|
||||||
}
|
|
||||||
#main-content h1:before,
|
|
||||||
#main-content h2:before,
|
|
||||||
#main-content h3:before,
|
|
||||||
#main-content h4:before,
|
|
||||||
#main-content h5:before,
|
|
||||||
#main-content h6:before {
|
|
||||||
content: none;
|
|
||||||
padding-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* All Mobile Sizes (devices and browser) */
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.inner {
|
|
||||||
width: 93%;
|
|
||||||
}
|
|
||||||
header {
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
header .inner {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
header h1, header h2 {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
header h1 {
|
|
||||||
font-size: 48px;
|
|
||||||
}
|
|
||||||
header h2 {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
header a.button {
|
|
||||||
background-image: none;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
display: inline-block;
|
|
||||||
margin-top: 15px;
|
|
||||||
padding: 5px 10px;
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1;
|
|
||||||
background-color: #9ddcff;
|
|
||||||
color: #2879d0;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
header a.button small {
|
|
||||||
font-size: 13px;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
#main-content,
|
|
||||||
aside#sidebar {
|
|
||||||
float: none;
|
|
||||||
width: 100% ! important;
|
|
||||||
}
|
|
||||||
aside#sidebar {
|
|
||||||
background-image: none;
|
|
||||||
margin-top: 20px;
|
|
||||||
border-top: solid 1px #ddd;
|
|
||||||
padding: 20px 0;
|
|
||||||
min-height: 0;
|
|
||||||
}
|
|
||||||
aside#sidebar a.button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#main-content h1:before,
|
|
||||||
#main-content h2:before,
|
|
||||||
#main-content h3:before,
|
|
||||||
#main-content h4:before,
|
|
||||||
#main-content h5:before,
|
|
||||||
#main-content h6:before {
|
|
||||||
content: none;
|
|
||||||
padding-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
|
||||||
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
||||||
|
|
||||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
|
||||||
@media only screen and (max-width: 479px) {}
|
|
||||||
|
|
||||||
/* Added by Wang Lu */
|
|
||||||
#socialbuttons { font-size:1px; }
|
|
||||||
#socialbuttons iframe { vertical-align:middle; }
|
|
||||||
#socialbuttons > div { margin:3px;height:20px; vertical-align:middle; }
|
|
||||||
.logo{
|
|
||||||
width:1em;
|
|
||||||
height:1em;
|
|
||||||
position:relative;
|
|
||||||
top:.3em;
|
|
||||||
margin:.1em;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user