Bladeren bron

Create gh-pages branch via GitHub

Fredrik Haikarainen 8 jaren geleden
bovenliggende
commit
6808edd6cb
5 gewijzigde bestanden met toevoegingen van 537 en 72 verwijderingen
  1. 65
    71
      index.html
  2. 17
    0
      javascripts/scale.fix.js
  3. 7
    1
      params.json
  4. 124
    0
      stylesheets/github-light.css
  5. 324
    0
      stylesheets/styles.css

+ 65
- 71
index.html Bestand weergeven

@@ -1,62 +1,59 @@
1
-<!DOCTYPE html>
1
+<!doctype html>
2 2
 <html>
3
-
4 3
   <head>
5
-    <meta charset='utf-8' />
6
-    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
7
-    <meta name="description" content="Light : GNU/Linux application to control backlights" />
8
-
9
-    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
10
-
11
-    <title>Light</title>
4
+    <meta charset="utf-8">
5
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
6
+    <title>Light by haikarainen</title>
7
+
8
+    <link rel="stylesheet" href="stylesheets/styles.css">
9
+    <link rel="stylesheet" href="stylesheets/github-light.css">
10
+    <meta name="viewport" content="width=device-width">
11
+    <!--[if lt IE 9]>
12
+    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13
+    <![endif]-->
12 14
   </head>
13
-
14 15
   <body>
16
+    <div class="wrapper">
17
+      <header>
18
+        <h1>Light</h1>
19
+        <p>GNU/Linux application to control backlights</p>
15 20
 
16
-    <!-- HEADER -->
17
-    <div id="header_wrap" class="outer">
18
-        <header class="inner">
19
-          <a id="forkme_banner" href="https://github.com/haikarainen/light">View on GitHub</a>
21
+        <p class="view"><a href="https://github.com/haikarainen/light">View the Project on GitHub <small>haikarainen/light</small></a></p>
20 22
 
21
-          <h1 id="project_title">Light</h1>
22
-          <h2 id="project_tagline">GNU/Linux application to control backlights</h2>
23 23
 
24
-            <section id="downloads">
25
-              <a class="zip_download_link" href="https://github.com/haikarainen/light/zipball/master">Download this project as a .zip file</a>
26
-              <a class="tar_download_link" href="https://github.com/haikarainen/light/tarball/master">Download this project as a tar.gz file</a>
27
-            </section>
28
-        </header>
29
-    </div>
30
-
31
-    <!-- MAIN CONTENT -->
32
-    <div id="main_content_wrap" class="outer">
33
-      <section id="main_content" class="inner">
24
+        <ul>
25
+          <li><a href="https://github.com/haikarainen/light/zipball/master">Download <strong>ZIP File</strong></a></li>
26
+          <li><a href="https://github.com/haikarainen/light/tarball/master">Download <strong>TAR Ball</strong></a></li>
27
+          <li><a href="https://github.com/haikarainen/light">View On <strong>GitHub</strong></a></li>
28
+        </ul>
29
+      </header>
30
+      <section>
34 31
         <h1>
35
-<a name="light" class="anchor" href="#light"><span class="octicon octicon-link"></span></a>Light</h1>
32
+<a id="light" class="anchor" href="#light" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Light</h1>
36 33
 
37 34
 <p>Copyright (C) 2012 - 2014, Fredrik Haikarainen
38 35
 This is free software, see the source for copying conditions.  There is NO
39 36
 warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE</p>
40 37
 
41 38
 <h2>
42
-<a name="description" class="anchor" href="#description"><span class="octicon octicon-link"></span></a>Description</h2>
39
+<a id="description" class="anchor" href="#description" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Description</h2>
43 40
 
44
-<p>"Light"  is  a program  to control backlight controllers  under GNU/Linux,
45
-it is the successor of lightscript, which was a bash script with the  same
46
-purpose, and tries to maintain the same functionality.</p>
41
+<p>Light is a program to control backlight controllers under GNU/Linux, it is the successor of lightscript, which was a bash script with the same purpose, and tries to maintain the same functionality.</p>
47 42
 
48 43
 <h2>
49
-<a name="features" class="anchor" href="#features"><span class="octicon octicon-link"></span></a>Features</h2>
44
+<a id="features" class="anchor" href="#features" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features</h2>
50 45
 
51 46
 <ul>
52
-<li>Works excellent where other software has been proven to be unusable or problematic, thanks to how it operates internally and to the fact that it does not rely on xorg.</li>
53
-<li>Can automatically figure out the best controller to use, making full use of underlying hardware drivers.</li>
47
+<li>Works excellent where other software have been proven unusable or problematic, thanks to how it operates internally and the fact that it does not rely on X.</li>
48
+<li>Can automatically figure out the best controller to use, making full use of underlying hardware.</li>
54 49
 <li>Possibility to set a minimum brightness value, as some controllers set the screen to be pitch black at a vaĺue of 0 (or higher).</li>
55
-</ul><h2>
56
-<a name="installation" class="anchor" href="#installation"><span class="octicon octicon-link"></span></a>Installation</h2>
50
+</ul>
51
+
52
+<h2>
53
+<a id="installation" class="anchor" href="#installation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Installation</h2>
57 54
 
58 55
 <h3>
59
-<a name="arch-linux" class="anchor" href="#arch-linux"><span class="octicon octicon-link"></span></a>Arch Linux</h3>
56
+<a id="arch-linux" class="anchor" href="#arch-linux" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Arch Linux</h3>
60 57
 
61 58
 <p>If you run Arch Linux, there exists 2 packages;</p>
62 59
 
@@ -65,29 +62,23 @@ purpose, and tries to maintain the same functionality.</p>
65 62
 <a href="https://aur.archlinux.org/packages/light-git">light-git</a> - For the absolutely latest version</li>
66 63
 <li>
67 64
 <a href="https://aur.archlinux.org/packages/light">light</a> - For the latest tagged release</li>
68
-</ul><p>I recommend you go with light-git as you might miss important features and bugfixes if you do not.</p>
69
-
70
-<h3>
71
-<a name="debianubuntu-or-other-debian-based" class="anchor" href="#debianubuntu-or-other-debian-based"><span class="octicon octicon-link"></span></a>Debian/Ubuntu (Or other Debian-based)</h3>
72
-
73
-<p>There are 2 different versions of .deb packages available:</p>
74
-
75
-<ul>
76
-<li>
77
-<a href="http://haikarainen.1.ai/light/light_20140713-1_i386.deb">light_20140713-1_i386.deb</a> - Dated releases, for the absolutely latest version</li>
78
-<li>
79
-<a href="http://haikarainen.1.ai/light/light_0.9-1_i386.deb">light_0.9-1_i386.deb</a> - Tagged releases, for the latest versioned release</li>
80
-</ul><p>I recommend you go with the dated releases, as you might miss important features and bugfixes if you do not.</p>
65
+</ul>
81 66
 
82
-<p>For an archive, see: <a href="http://haikarainen.1.ai/light">http://haikarainen.1.ai/light/</a></p>
67
+<p>I recommend you go with light-git as you might miss important features and bugfixes if you do not.</p>
83 68
 
84 69
 <h3>
85
-<a name="manual" class="anchor" href="#manual"><span class="octicon octicon-link"></span></a>Manual</h3>
70
+<a id="manual" class="anchor" href="#manual" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Manual</h3>
86 71
 
87 72
 <p><code>make &amp;&amp; make install</code></p>
88 73
 
74
+<p><strong>Optional:</strong> If you want to use udev rules instead of suid to manage sysfs permissions, you may skip the <code>make install</code> step and instead add something like the following to <code>/etc/udev/rules.d/90-backlight.rules</code> after copying your binaries:</p>
75
+
76
+<pre><code>ACTION=="add", SUBSYSTEM=="backlight", RUN+="/bin/chgrp video /sys/class/backlight/%k/brightness"
77
+ACTION=="add", SUBSYSTEM=="backlight", RUN+="/bin/chmod g+w /sys/class/backlight/%k/brightness"
78
+</code></pre>
79
+
89 80
 <h2>
90
-<a name="usage" class="anchor" href="#usage"><span class="octicon octicon-link"></span></a>Usage</h2>
81
+<a id="usage" class="anchor" href="#usage" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Usage</h2>
91 82
 
92 83
 <p>This application usually has 4 different criteria on flags to use, which are operation modes, value mode, target and controller mode. Flags from these different modes can never be used in conjunction, but all of them do not always have to be specified (although it is recommended to do so for verbosity).</p>
93 84
 
@@ -98,8 +89,10 @@ purpose, and tries to maintain the same functionality.</p>
98 89
 <li>1: Errors</li>
99 90
 <li>2: Errors, warnings</li>
100 91
 <li>3: Errors, warnings, notices</li>
101
-</ul><h3>
102
-<a name="operation-modes" class="anchor" href="#operation-modes"><span class="octicon octicon-link"></span></a>Operation modes</h3>
92
+</ul>
93
+
94
+<h3>
95
+<a id="operation-modes" class="anchor" href="#operation-modes" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Operation modes</h3>
103 96
 
104 97
 <p>The operation modes describe <strong>what</strong> you want to do.</p>
105 98
 
@@ -111,20 +104,24 @@ purpose, and tries to maintain the same functionality.</p>
111 104
 <li>-O: Save the current brightness for later use (usually used on shutdown)</li>
112 105
 <li>-I: Restore the previously saved brightness (usually used on boot)</li>
113 106
 <li>-L: List the available controllers</li>
114
-</ul><p>When used by themselves operate on the brightness of a controller that is selected automatically. S, A and U needs another argument -- except for the main 4 criteria -- which is the value to set/add/subtract.   This can be specified either in percent or in raw values, but remember to specify the value mode (read below) if you want to write raw values.</p>
107
+</ul>
108
+
109
+<p>When used by themselves operate on the brightness of a controller that is selected automatically. S, A and U needs another argument -- except for the main 4 criteria -- which is the value to set/add/subtract.   This can be specified either in percent or in raw values, but remember to specify the value mode (read below) if you want to write raw values.</p>
115 110
 
116 111
 <h3>
117
-<a name="value-modes" class="anchor" href="#value-modes"><span class="octicon octicon-link"></span></a>Value modes</h3>
112
+<a id="value-modes" class="anchor" href="#value-modes" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Value modes</h3>
118 113
 
119 114
 <p>The value mode specify in what unit you want to read or write values in. The default one (if not specified) is in percent, the other one is raw mode and should always be used when you need very precise values (or only have a controller with a very small amount of brightness levels).</p>
120 115
 
121 116
 <ul>
122 117
 <li>-p: Percent</li>
123 118
 <li>-r: Raw mode</li>
124
-</ul><p>Remember, this is the unit that will be used when you set, get, add or subtract brightness values.</p>
119
+</ul>
120
+
121
+<p>Remember, this is the unit that will be used when you set, get, add or subtract brightness values.</p>
125 122
 
126 123
 <h3>
127
-<a name="target" class="anchor" href="#target"><span class="octicon octicon-link"></span></a>Target</h3>
124
+<a id="target" class="anchor" href="#target" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Target</h3>
128 125
 
129 126
 <p>As you can not only handle the <strong>brightness</strong> of controllers, you may also specify a target to read/write from/to:</p>
130 127
 
@@ -132,15 +129,17 @@ purpose, and tries to maintain the same functionality.</p>
132 129
 <li>-b: Current brightness of selected controller</li>
133 130
 <li>-m: Maximum brightness of selected controller</li>
134 131
 <li>-c: Minimum brightness (cap) of selected controller</li>
135
-</ul><p>The minimum brightness is a feature implemented as some controllers make the screen go pitch black at 0%, if you have a controller like that, it is recommended to set this value (in either percent or in raw mode). These values will be saved in raw mode though, so if you specify it in percent it might not be too accurate depending on your controller.</p>
132
+</ul>
133
+
134
+<p>The minimum brightness is a feature implemented as some controllers make the screen go pitch black at 0%, if you have a controller like that, it is recommended to set this value (in either percent or in raw mode). These values will be saved in raw mode though, so if you specify it in percent it might not be too accurate depending on your controller.</p>
136 135
 
137 136
 <h3>
138
-<a name="controller-modes" class="anchor" href="#controller-modes"><span class="octicon octicon-link"></span></a>Controller modes</h3>
137
+<a id="controller-modes" class="anchor" href="#controller-modes" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Controller modes</h3>
139 138
 
140 139
 <p>Finally, you can either use the built-in controller selection to get the controller with the maximum precision, or you can specify one manually with the -s flag. The -a flag will force automatic mode and is default. Use -L to get a list of controllers to use with the -s flag (to specify which controller to use).</p>
141 140
 
142 141
 <h3>
143
-<a name="examples" class="anchor" href="#examples"><span class="octicon octicon-link"></span></a>Examples</h3>
142
+<a id="examples" class="anchor" href="#examples" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Examples</h3>
144 143
 
145 144
 <p>Get the current brightness in percent</p>
146 145
 
@@ -154,17 +153,12 @@ purpose, and tries to maintain the same functionality.</p>
154 153
 
155 154
 <p><code>light -Scrs "acpi_video0" 2</code></p>
156 155
       </section>
157
-    </div>
158
-
159
-    <!-- FOOTER  -->
160
-    <div id="footer_wrap" class="outer">
161
-      <footer class="inner">
162
-        <p class="copyright">Light maintained by <a href="https://github.com/haikarainen">haikarainen</a></p>
163
-        <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
156
+      <footer>
157
+        <p>This project is maintained by <a href="https://github.com/haikarainen">haikarainen</a></p>
158
+        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
164 159
       </footer>
165 160
     </div>
166
-
161
+    <script src="javascripts/scale.fix.js"></script>
167 162
     
168
-
169 163
   </body>
170 164
 </html>

+ 17
- 0
javascripts/scale.fix.js Bestand weergeven

@@ -0,0 +1,17 @@
1
+var metas = document.getElementsByTagName('meta');
2
+var i;
3
+if (navigator.userAgent.match(/iPhone/i)) {
4
+  for (i=0; i<metas.length; i++) {
5
+    if (metas[i].name == "viewport") {
6
+      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
7
+    }
8
+  }
9
+  document.addEventListener("gesturestart", gestureStart, false);
10
+}
11
+function gestureStart() {
12
+  for (i=0; i<metas.length; i++) {
13
+    if (metas[i].name == "viewport") {
14
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
15
+    }
16
+  }
17
+}

+ 7
- 1
params.json
Diff onderdrukt omdat het te groot bestand
Bestand weergeven


+ 124
- 0
stylesheets/github-light.css Bestand weergeven

@@ -0,0 +1,124 @@
1
+/*
2
+The MIT License (MIT)
3
+
4
+Copyright (c) 2015 GitHub, Inc.
5
+
6
+Permission is hereby granted, free of charge, to any person obtaining a copy
7
+of this software and associated documentation files (the "Software"), to deal
8
+in the Software without restriction, including without limitation the rights
9
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+copies of the Software, and to permit persons to whom the Software is
11
+furnished to do so, subject to the following conditions:
12
+
13
+The above copyright notice and this permission notice shall be included in all
14
+copies or substantial portions of the Software.
15
+
16
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+SOFTWARE.
23
+
24
+*/
25
+
26
+.pl-c /* comment */ {
27
+  color: #969896;
28
+}
29
+
30
+.pl-c1      /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
31
+.pl-s .pl-v /* string variable */ {
32
+  color: #0086b3;
33
+}
34
+
35
+.pl-e  /* entity */,
36
+.pl-en /* entity.name */ {
37
+  color: #795da3;
38
+}
39
+
40
+.pl-s .pl-s1 /* string source */,
41
+.pl-smi      /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
42
+  color: #333;
43
+}
44
+
45
+.pl-ent /* entity.name.tag */ {
46
+  color: #63a35c;
47
+}
48
+
49
+.pl-k /* keyword, storage, storage.type */ {
50
+  color: #a71d5d;
51
+}
52
+
53
+.pl-pds              /* punctuation.definition.string, string.regexp.character-class */,
54
+.pl-s                /* string */,
55
+.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
56
+.pl-sr               /* string.regexp */,
57
+.pl-sr .pl-cce       /* string.regexp constant.character.escape */,
58
+.pl-sr .pl-sra       /* string.regexp string.regexp.arbitrary-repitition */,
59
+.pl-sr .pl-sre       /* string.regexp source.ruby.embedded */ {
60
+  color: #183691;
61
+}
62
+
63
+.pl-v /* variable */ {
64
+  color: #ed6a43;
65
+}
66
+
67
+.pl-id /* invalid.deprecated */ {
68
+  color: #b52a1d;
69
+}
70
+
71
+.pl-ii /* invalid.illegal */ {
72
+  background-color: #b52a1d;
73
+  color: #f8f8f8;
74
+}
75
+
76
+.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
77
+  color: #63a35c;
78
+  font-weight: bold;
79
+}
80
+
81
+.pl-ml /* markup.list */ {
82
+  color: #693a17;
83
+}
84
+
85
+.pl-mh        /* markup.heading */,
86
+.pl-mh .pl-en /* markup.heading entity.name */,
87
+.pl-ms        /* meta.separator */ {
88
+  color: #1d3e81;
89
+  font-weight: bold;
90
+}
91
+
92
+.pl-mq /* markup.quote */ {
93
+  color: #008080;
94
+}
95
+
96
+.pl-mi /* markup.italic */ {
97
+  color: #333;
98
+  font-style: italic;
99
+}
100
+
101
+.pl-mb /* markup.bold */ {
102
+  color: #333;
103
+  font-weight: bold;
104
+}
105
+
106
+.pl-md /* markup.deleted, meta.diff.header.from-file */ {
107
+  background-color: #ffecec;
108
+  color: #bd2c00;
109
+}
110
+
111
+.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
112
+  background-color: #eaffea;
113
+  color: #55a532;
114
+}
115
+
116
+.pl-mdr /* meta.diff.range */ {
117
+  color: #795da3;
118
+  font-weight: bold;
119
+}
120
+
121
+.pl-mo /* meta.output */ {
122
+  color: #1d3e81;
123
+}
124
+

+ 324
- 0
stylesheets/styles.css Bestand weergeven

@@ -0,0 +1,324 @@
1
+@font-face {
2
+  font-family: 'Noto Sans';
3
+  font-weight: 400;
4
+  font-style: normal;
5
+  src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot');
6
+  src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
7
+       local('Noto Sans'),
8
+       local('Noto-Sans-regular'),
9
+       url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
10
+       url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
11
+       url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
12
+       url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
13
+}
14
+
15
+@font-face {
16
+  font-family: 'Noto Sans';
17
+  font-weight: 700;
18
+  font-style: normal;
19
+  src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot');
20
+  src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
21
+       local('Noto Sans Bold'),
22
+       local('Noto-Sans-700'),
23
+       url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
24
+       url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
25
+       url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
26
+       url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
27
+}
28
+
29
+@font-face {
30
+  font-family: 'Noto Sans';
31
+  font-weight: 400;
32
+  font-style: italic;
33
+  src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot');
34
+  src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'),
35
+       local('Noto Sans Italic'),
36
+       local('Noto-Sans-italic'),
37
+       url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'),
38
+       url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'),
39
+       url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'),
40
+       url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg');
41
+}
42
+
43
+@font-face {
44
+  font-family: 'Noto Sans';
45
+  font-weight: 700;
46
+  font-style: italic;
47
+  src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot');
48
+  src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'),
49
+       local('Noto Sans Bold Italic'),
50
+       local('Noto-Sans-700italic'),
51
+       url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'),
52
+       url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'),
53
+       url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'),
54
+       url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg');
55
+}
56
+
57
+body {
58
+  background-color: #fff;
59
+  padding:50px;
60
+  font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
61
+  color:#727272;
62
+  font-weight:400;
63
+}
64
+
65
+h1, h2, h3, h4, h5, h6 {
66
+  color:#222;
67
+  margin:0 0 20px;
68
+}
69
+
70
+p, ul, ol, table, pre, dl {
71
+  margin:0 0 20px;
72
+}
73
+
74
+h1, h2, h3 {
75
+  line-height:1.1;
76
+}
77
+
78
+h1 {
79
+  font-size:28px;
80
+}
81
+
82
+h2 {
83
+  color:#393939;
84
+}
85
+
86
+h3, h4, h5, h6 {
87
+  color:#494949;
88
+}
89
+
90
+a {
91
+  color:#39c;
92
+  text-decoration:none;
93
+}
94
+
95
+a:hover {
96
+  color:#069;
97
+}
98
+
99
+a small {
100
+  font-size:11px;
101
+  color:#777;
102
+  margin-top:-0.3em;
103
+  display:block;
104
+}
105
+
106
+a:hover small {
107
+  color:#777;
108
+}
109
+
110
+.wrapper {
111
+  width:860px;
112
+  margin:0 auto;
113
+}
114
+
115
+blockquote {
116
+  border-left:1px solid #e5e5e5;
117
+  margin:0;
118
+  padding:0 0 0 20px;
119
+  font-style:italic;
120
+}
121
+
122
+code, pre {
123
+  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
124
+  color:#333;
125
+  font-size:12px;
126
+}
127
+
128
+pre {
129
+  padding:8px 15px;
130
+  background: #f8f8f8;
131
+  border-radius:5px;
132
+  border:1px solid #e5e5e5;
133
+  overflow-x: auto;
134
+}
135
+
136
+table {
137
+  width:100%;
138
+  border-collapse:collapse;
139
+}
140
+
141
+th, td {
142
+  text-align:left;
143
+  padding:5px 10px;
144
+  border-bottom:1px solid #e5e5e5;
145
+}
146
+
147
+dt {
148
+  color:#444;
149
+  font-weight:700;
150
+}
151
+
152
+th {
153
+  color:#444;
154
+}
155
+
156
+img {
157
+  max-width:100%;
158
+}
159
+
160
+header {
161
+  width:270px;
162
+  float:left;
163
+  position:fixed;
164
+  -webkit-font-smoothing:subpixel-antialiased;
165
+}
166
+
167
+header ul {
168
+  list-style:none;
169
+  height:40px;
170
+  padding:0;
171
+  background: #f4f4f4;
172
+  border-radius:5px;
173
+  border:1px solid #e0e0e0;
174
+  width:270px;
175
+}
176
+
177
+header li {
178
+  width:89px;
179
+  float:left;
180
+  border-right:1px solid #e0e0e0;
181
+  height:40px;
182
+}
183
+
184
+header li:first-child a {
185
+  border-radius:5px 0 0 5px;
186
+}
187
+
188
+header li:last-child a {
189
+  border-radius:0 5px 5px 0;
190
+}
191
+
192
+header ul a {
193
+  line-height:1;
194
+  font-size:11px;
195
+  color:#999;
196
+  display:block;
197
+  text-align:center;
198
+  padding-top:6px;
199
+  height:34px;
200
+}
201
+
202
+header ul a:hover {
203
+  color:#999;
204
+}
205
+
206
+header ul a:active {
207
+  background-color:#f0f0f0;
208
+}
209
+
210
+strong {
211
+  color:#222;
212
+  font-weight:700;
213
+}
214
+
215
+header ul li + li + li {
216
+  border-right:none;
217
+  width:89px;
218
+}
219
+
220
+header ul a strong {
221
+  font-size:14px;
222
+  display:block;
223
+  color:#222;
224
+}
225
+
226
+section {
227
+  width:500px;
228
+  float:right;
229
+  padding-bottom:50px;
230
+}
231
+
232
+small {
233
+  font-size:11px;
234
+}
235
+
236
+hr {
237
+  border:0;
238
+  background:#e5e5e5;
239
+  height:1px;
240
+  margin:0 0 20px;
241
+}
242
+
243
+footer {
244
+  width:270px;
245
+  float:left;
246
+  position:fixed;
247
+  bottom:50px;
248
+  -webkit-font-smoothing:subpixel-antialiased;
249
+}
250
+
251
+@media print, screen and (max-width: 960px) {
252
+
253
+  div.wrapper {
254
+    width:auto;
255
+    margin:0;
256
+  }
257
+
258
+  header, section, footer {
259
+    float:none;
260
+    position:static;
261
+    width:auto;
262
+  }
263
+
264
+  header {
265
+    padding-right:320px;
266
+  }
267
+
268
+  section {
269
+    border:1px solid #e5e5e5;
270
+    border-width:1px 0;
271
+    padding:20px 0;
272
+    margin:0 0 20px;
273
+  }
274
+
275
+  header a small {
276
+    display:inline;
277
+  }
278
+
279
+  header ul {
280
+    position:absolute;
281
+    right:50px;
282
+    top:52px;
283
+  }
284
+}
285
+
286
+@media print, screen and (max-width: 720px) {
287
+  body {
288
+    word-wrap:break-word;
289
+  }
290
+
291
+  header {
292
+    padding:0;
293
+  }
294
+
295
+  header ul, header p.view {
296
+    position:static;
297
+  }
298
+
299
+  pre, code {
300
+    word-wrap:normal;
301
+  }
302
+}
303
+
304
+@media print, screen and (max-width: 480px) {
305
+  body {
306
+    padding:15px;
307
+  }
308
+
309
+  header ul {
310
+    width:99%;
311
+  }
312
+
313
+  header li, header ul li + li + li {
314
+    width:33%;
315
+  }
316
+}
317
+
318
+@media print {
319
+  body {
320
+    padding:0.4in;
321
+    font-size:12pt;
322
+    color:#444;
323
+  }
324
+}