netvor
/
light
mirror of https://github.com/haikarainen/light
Watch 1
Star 0
Fork 0
Code Issues 0 Releases 10 Wiki Activity
Browse Source

Create gh-pages branch via GitHub

Fredrik Haikarainen 8 years ago
parent
66c5db399b
commit
6808edd6cb
5 changed files with 537 additions and 72 deletions
Unified View Show Diff Stats
  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 View File

1 
-<!DOCTYPE html>
1 
+<!doctype html>
2 
 <html>
 2 
 <html>
3 
-
4 
   <head>
 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 
   </head>
 14 
   </head>
13 
-
14 
   <body>
 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 
         <h1>
 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 
 <p>Copyright (C) 2012 - 2014, Fredrik Haikarainen
 34 
 <p>Copyright (C) 2012 - 2014, Fredrik Haikarainen
38 
 This is free software, see the source for copying conditions.  There is NO
 35 
 This is free software, see the source for copying conditions.  There is NO
39 
 warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE</p>
 36 
 warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE</p>
40
37
41 
 <h2>
 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 
 <h2>
 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 
 <ul>
 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 
 <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>
 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 
 <h3>
 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 
 <p>If you run Arch Linux, there exists 2 packages;</p>
 58 
 <p>If you run Arch Linux, there exists 2 packages;</p>
62
59
65 
 <a href="https://aur.archlinux.org/packages/light-git">light-git</a> - For the absolutely latest version</li>
 62 
 <a href="https://aur.archlinux.org/packages/light-git">light-git</a> - For the absolutely latest version</li>
66 
 <li>
 63 
 <li>
67 
 <a href="https://aur.archlinux.org/packages/light">light</a> - For the latest tagged release</li>
 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 
 <h3>
 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 
 <p><code>make &amp;&amp; make install</code></p>
 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 
 <h2>
 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 
 <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>
 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 
 <li>1: Errors</li>
 89 
 <li>1: Errors</li>
99 
 <li>2: Errors, warnings</li>
 90 
 <li>2: Errors, warnings</li>
100 
 <li>3: Errors, warnings, notices</li>
 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 
 <p>The operation modes describe <strong>what</strong> you want to do.</p>
 97 
 <p>The operation modes describe <strong>what</strong> you want to do.</p>
105
98
111 
 <li>-O: Save the current brightness for later use (usually used on shutdown)</li>
 104 
 <li>-O: Save the current brightness for later use (usually used on shutdown)</li>
112 
 <li>-I: Restore the previously saved brightness (usually used on boot)</li>
 105 
 <li>-I: Restore the previously saved brightness (usually used on boot)</li>
113 
 <li>-L: List the available controllers</li>
 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 
 <h3>
 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 
 <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>
 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 
 <ul>
 116 
 <ul>
122 
 <li>-p: Percent</li>
 117 
 <li>-p: Percent</li>
123 
 <li>-r: Raw mode</li>
 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 
 <h3>
 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 
 <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>
 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 
 <li>-b: Current brightness of selected controller</li>
 129 
 <li>-b: Current brightness of selected controller</li>
133 
 <li>-m: Maximum brightness of selected controller</li>
 130 
 <li>-m: Maximum brightness of selected controller</li>
134 
 <li>-c: Minimum brightness (cap) of selected controller</li>
 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 
 <h3>
 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 
 <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>
 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 
 <h3>
 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 
 <p>Get the current brightness in percent</p>
 144 
 <p>Get the current brightness in percent</p>
146
145
154
153
155 
 <p><code>light -Scrs "acpi_video0" 2</code></p>
 154 
 <p><code>light -Scrs "acpi_video0" 2</code></p>
156 
       </section>
 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 
       </footer>
 159 
       </footer>
165 
     </div>
 160 
     </div>
166 
-
161 
+    <script src="javascripts/scale.fix.js"></script>
167
162
168 
-
169 
   </body>
 163 
   </body>
170 
 </html>
 164 
 </html>

+ 17
- 0
javascripts/scale.fix.js View File

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
File diff suppressed because it is too large
View File


+ 124
- 0
stylesheets/github-light.css View File

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 View File

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 
+}