Skip to content
Browse files

Created gh-pages branch via GitHub

  • Loading branch information...
0 parents commit 829debf69531a813183d41ebde76c7c49175af11 @kilianc committed Apr 3, 2012
Showing with 529 additions and 0 deletions.
  1. +188 −0 index.html
  2. +20 −0 javascripts/scale.fix.js
  3. +1 −0 params.json
  4. +69 −0 stylesheets/pygment_trac.css
  5. +251 −0 stylesheets/styles.css
188 index.html
@@ -0,0 +1,188 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="chrome=1">
+ <title>fnqueue by kilianc</title>
+
+ <link rel="stylesheet" href="stylesheets/styles.css">
+ <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+ <script src="javascripts/scale.fix.js"></script>
+ <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ </head>
+ <body>
+ <div class="wrapper">
+ <header>
+ <h1>fnqueue</h1>
+ <p>A nodejs powerful utility for function chaining</p>
+ <p class="view"><a href="https://github.com/kilianc/node-fnqueue">View the Project on GitHub <small>kilianc/node-fnqueue</small></a></p>
+ <ul>
+ <li><a href="https://github.com/kilianc/node-fnqueue/zipball/master">Download <strong>ZIP File</strong></a></li>
+ <li><a href="https://github.com/kilianc/node-fnqueue/tarball/master">Download <strong>TAR Ball</strong></a></li>
+ <li><a href="https://github.com/kilianc/node-fnqueue">Fork On <strong>GitHub</strong></a></li>
+ </ul>
+ </header>
+ <section>
+ <h1>fnqueue <img src="http://dl.dropbox.com/u/2208502/maintained.png" alt="project status">
+</h1>
+
+<p>A nodejs powerful utility for function chaining (inspired by <a href="https://github.com/caolan/async">async</a>).</p>
+
+<h2>Engine</h2>
+
+<ul>
+<li>nodejs v0.4.12+ (tested with v0.6.x)</li>
+</ul><h2>Installation with npm</h2>
+
+<pre><code>$ npm install fnqueue
+</code></pre>
+
+<h2>Syntax</h2>
+
+<div class="highlight">
+<pre><span class="k">new</span> <span class="nx">FnQueue</span><span class="p">(</span><span class="nx">functionsList</span><span class="p">[,</span> <span class="nx">callback</span><span class="p">,</span> <span class="nx">concurrencyLevel</span><span class="p">,</span> <span class="nx">isStopped</span><span class="p">]);</span>
+</pre>
+</div>
+
+
+<h2>Parameters</h2>
+
+<ol>
+<li>
+<code>functionsList</code> <strong>(Object)</strong> a list of Functions. Each function can declare implicit dependencies as arguments and assume you provide a single callback as the last argument.</li>
+<li>
+<code>callback</code> <strong>(Function(err, data))</strong> the complete callback in the conventional form of <code>function (err, data) { ... }</code>
+</li>
+<li>
+<code>concurrencyLevel</code> <strong>(Number/String: defaults to 'auto')</strong> the concurrency level of the chain execution, can be <code>'auto'</code> or <code>N* = { 1, 2, ... }</code>
+</li>
+<li>
+<code>isStopped</code> <strong>(Boolean: defaults to false)</strong> if true you must call the start method in order to execute the function list.</li>
+</ol><h2>Methods</h2>
+
+<ul>
+<li>
+<strong>start</strong>: will start the execution, used in combination with <code>isStopped = true</code> constructor parameter</li>
+</ul><h2>Attributes</h2>
+
+<ul>
+<li>
+<strong>isVerbose</strong> <em>(Boolean)</em>: will change the instance verbose mode</li>
+</ul><h2>Notes</h2>
+
+<p>FnQueue runs a list of functions, each passing their results to the dependent function in the list. However, if any of the functions pass an error to the callback, the next function is not executed and the main callback is immediately called with the error.</p>
+
+<p>Each dependency/argument must be named with the label of the dependent function in the <code>functionsList</code> (the first constructor argument).
+Each function with a dependency will be called with the result of the dependent function as expected. <strong>(Introspection by <a href="https://github.com/kilianc/introspect">introspect</a>)</strong></p>
+
+<p>The global callback is called once, on the first error or at the end of the execution. A data object will be provided with the indexed result of the functions.</p>
+
+<p>FnQueue magically resolves all dependencies and executes functions in the right order with the provided concurrency level.</p>
+
+<h2>Example</h2>
+
+<div class="highlight">
+<pre><span class="kd">var</span> <span class="nx">FnQueue</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fnqueue'</span><span class="p">);</span>
+</pre>
+</div>
+
+
+<p>or for a verbose mode:</p>
+
+<div class="highlight">
+<pre><span class="kd">var</span> <span class="nx">FnQueue</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fnqueue'</span><span class="p">).</span><span class="nx">verbose</span><span class="p">();</span>
+</pre>
+</div>
+
+
+<p>Example:</p>
+
+<div class="highlight">
+<pre><span class="k">new</span> <span class="nx">FnQueue</span><span class="p">({</span>
+ <span class="c1">// this will wait for 'processSomething' and 'searchSomething' and will be called with the respective results</span>
+ <span class="nx">funnyStuff</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">processSomething</span><span class="p">,</span> <span class="nx">searchSomething</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span>
+ <span class="c1">// do something silly</span>
+ <span class="nx">callback</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="s1">'ciao!'</span><span class="p">);</span>
+ <span class="p">},</span>
+ <span class="c1">// this will be called instantly</span>
+ <span class="nx">searchSomething</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">callback</span><span class="p">)</span> <span class="p">{</span>
+ <span class="c1">// do something with database</span>
+ <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">results</span><span class="p">);</span>
+ <span class="p">},</span>
+ <span class="c1">// this will wait 'searchSomething'</span>
+ <span class="nx">update</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">searchSomething</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span>
+ <span class="c1">// change values inside results and save to db</span>
+ <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span> <span class="c1">// no needs to return values</span>
+ <span class="p">},</span>
+ <span class="c1">// this will wait 'searchSomething'</span>
+ <span class="nx">processSomething</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">searchSomething</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span>
+ <span class="kd">var</span> <span class="nx">start</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">().</span><span class="nx">getTime</span><span class="p">();</span>
+ <span class="c1">// do something slow</span>
+ <span class="kd">var</span> <span class="nx">elapsedTime</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">().</span><span class="nx">getTime</span><span class="p">()</span> <span class="o">-</span> <span class="nx">start</span><span class="p">;</span>
+ <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">elapsedTime</span><span class="p">);</span>
+ <span class="p">}]</span>
+<span class="p">},</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span>
+
+ <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span>
+ <span class="k">throw</span> <span class="nx">err</span><span class="p">;</span>
+ <span class="p">}</span>
+
+ <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">searchSomething</span><span class="p">);</span> <span class="c1">// results</span>
+ <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">update</span><span class="p">);</span> <span class="c1">// undefined</span>
+ <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">processSomething</span><span class="p">);</span> <span class="c1">// elapsedTime</span>
+ <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">funnyStuff</span><span class="p">);</span> <span class="c1">// 'ciao!'</span>
+<span class="p">},</span> <span class="mi">1</span><span class="p">);</span>
+</pre>
+</div>
+
+
+<h2>Test</h2>
+
+<p>Tests depends on <a href="http://vowsjs.org/">http://vowsjs.org/</a> then</p>
+
+<pre><code>npm install -g vows
+npm install
+npm test
+</code></pre>
+
+<p><img src="http://f.cl.ly/items/03432M3A0l0r3M142B2w/fnqueue_test_v2.0.2.png" alt="tests"></p>
+
+<h2>License</h2>
+
+<p><em>This software is released under the MIT license cited below</em>.</p>
+
+<pre><code>Copyright (c) 2010 Kilian Ciuffolo, me@nailik.org. All Rights Reserved.
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the 'Software'), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+</code></pre>
+ </section>
+ <footer>
+ <p>This project is maintained by <a href="https://github.com/kilianc">kilianc</a></p>
+ <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
+ </footer>
+ </div>
+ <!--[if !IE]><script>fixScale(document);</script><!--<![endif]-->
+ </body>
+</html>
20 javascripts/scale.fix.js
@@ -0,0 +1,20 @@
+fixScale = function(doc) {
+
+ var addEvent = 'addEventListener',
+ type = 'gesturestart',
+ qsa = 'querySelectorAll',
+ scales = [1, 1],
+ meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
+
+ function fix() {
+ meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
+ doc.removeEventListener(type, fix, true);
+ }
+
+ if ((meta = meta[meta.length - 1]) && addEvent in doc) {
+ fix();
+ scales = [.25, 1.6];
+ doc[addEvent](type, fix, true);
+ }
+
+};
1 params.json
@@ -0,0 +1 @@
+{"name":"fnqueue","body":"# fnqueue ![project status](http://dl.dropbox.com/u/2208502/maintained.png)\r\n\r\nA nodejs powerful utility for function chaining (inspired by [async](https://github.com/caolan/async)).\r\n\r\n## Engine\r\n\r\n- nodejs v0.4.12+ (tested with v0.6.x)\r\n\r\n## Installation with npm\r\n\r\n $ npm install fnqueue\r\n\r\n## Syntax\r\n\r\n```javascript\r\nnew FnQueue(functionsList[, callback, concurrencyLevel, isStopped]);\r\n```\r\n## Parameters\r\n\r\n1. `functionsList` __(Object)__ a list of Functions. Each function can declare implicit dependencies as arguments and assume you provide a single callback as the last argument.\r\n2. `callback` __(Function(err, data))__ the complete callback in the conventional form of `function (err, data) { ... }`\r\n3. `concurrencyLevel` __(Number/String: defaults to 'auto')__ the concurrency level of the chain execution, can be `'auto'` or `N* = { 1, 2, ... }`\r\n4. `isStopped` __(Boolean: defaults to false)__ if true you must call the start method in order to execute the function list.\r\n\r\n## Methods\r\n\r\n* __start__: will start the execution, used in combination with `isStopped = true` constructor parameter\r\n\r\n## Attributes\r\n\r\n* __isVerbose__ _(Boolean)_: will change the instance verbose mode\r\n\r\n## Notes\r\n\r\nFnQueue runs a list of functions, each passing their results to the dependent function in the list. However, if any of the functions pass an error to the callback, the next function is not executed and the main callback is immediately called with the error.\r\n\r\nEach dependency/argument must be named with the label of the dependent function in the `functionsList` (the first constructor argument).\r\nEach function with a dependency will be called with the result of the dependent function as expected. __(Introspection by [introspect](https://github.com/kilianc/introspect))__\r\n\r\nThe global callback is called once, on the first error or at the end of the execution. A data object will be provided with the indexed result of the functions.\r\n\r\nFnQueue magically resolves all dependencies and executes functions in the right order with the provided concurrency level.\r\n\r\n## Example\r\n\r\n```javascript\r\nvar FnQueue = require('fnqueue');\r\n```\r\nor for a verbose mode:\r\n\r\n```javascript\r\nvar FnQueue = require('fnqueue').verbose();\r\n```\r\nExample:\r\n\r\n```javascript\r\nnew FnQueue({\r\n // this will wait for 'processSomething' and 'searchSomething' and will be called with the respective results\r\n funnyStuff: function (processSomething, searchSomething, callback) {\r\n // do something silly\r\n callback(null, 'ciao!');\r\n },\r\n // this will be called instantly\r\n searchSomething: function (callback) {\r\n // do something with database\r\n callback(err, results);\r\n },\r\n // this will wait 'searchSomething'\r\n update: function (searchSomething, callback) {\r\n // change values inside results and save to db\r\n callback(err); // no needs to return values\r\n },\r\n // this will wait 'searchSomething'\r\n processSomething: function (searchSomething, callback) {\r\n var start = new Date().getTime();\r\n // do something slow\r\n var elapsedTime = new Date().getTime() - start;\r\n callback(err, elapsedTime);\r\n }]\r\n}, function (err, data) {\r\n\r\n if (err) {\r\n throw err;\r\n }\r\n\r\n console.log(data.searchSomething); // results\r\n console.log(data.update); // undefined\r\n console.log(data.processSomething); // elapsedTime\r\n console.log(data.funnyStuff); // 'ciao!'\r\n}, 1);\r\n```\r\n\r\n## Test\r\n\r\nTests depends on http://vowsjs.org/ then\r\n\r\n npm install -g vows\r\n npm install\r\n npm test\r\n\r\n![tests](http://f.cl.ly/items/03432M3A0l0r3M142B2w/fnqueue_test_v2.0.2.png)\r\n\r\n## License\r\n\r\n_This software is released under the MIT license cited below_.\r\n\r\n Copyright (c) 2010 Kilian Ciuffolo, me@nailik.org. All Rights Reserved.\r\n\r\n Permission is hereby granted, free of charge, to any person\r\n obtaining a copy of this software and associated documentation\r\n files (the 'Software'), to deal in the Software without\r\n restriction, including without limitation the rights to use,\r\n copy, modify, merge, publish, distribute, sublicense, and/or sell\r\n copies of the Software, and to permit persons to whom the\r\n Software is furnished to do so, subject to the following\r\n conditions:\r\n \r\n The above copyright notice and this permission notice shall be\r\n included in all copies or substantial portions of the Software.\r\n \r\n THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,\r\n EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\r\n OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\r\n NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\r\n HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\r\n WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\r\n FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\r\n OTHER DEALINGS IN THE SOFTWARE.","tagline":"A nodejs powerful utility for function chaining","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
69 stylesheets/pygment_trac.css
@@ -0,0 +1,69 @@
+.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 }
251 stylesheets/styles.css
@@ -0,0 +1,251 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
+
+body {
+ padding:50px;
+ font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color:#777;
+ font-weight:300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color:#222;
+ margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+ margin:0 0 20px;
+}
+
+h1, h2, h3 {
+ line-height:1.1;
+}
+
+h1 {
+ font-size:28px;
+}
+
+h2 {
+ color:#393939;
+}
+
+h3, h4, h5, h6 {
+ color:#494949;
+}
+
+a {
+ color:#39c;
+ font-weight:400;
+ text-decoration:none;
+}
+
+a small {
+ font-size:11px;
+ color:#777;
+ margin-top:-0.6em;
+ display:block;
+}
+
+.wrapper {
+ width:860px;
+ margin:0 auto;
+}
+
+blockquote {
+ border-left:1px solid #e5e5e5;
+ margin:0;
+ padding:0 0 0 20px;
+ font-style:italic;
+}
+
+code, pre {
+ font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ color:#333;
+ font-size:12px;
+}
+
+pre {
+ padding:8px 15px;
+ background: #f8f8f8;
+ border-radius:5px;
+ border:1px solid #e5e5e5;
+ overflow-x: auto;
+}
+
+table {
+ width:100%;
+ border-collapse:collapse;
+}
+
+th, td {
+ text-align:left;
+ padding:5px 10px;
+ border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+ color:#444;
+ font-weight:700;
+}
+
+th {
+ color:#444;
+}
+
+img {
+ max-width:100%;
+}
+
+header {
+ width:270px;
+ float:left;
+ position:fixed;
+}
+
+header ul {
+ list-style:none;
+ height:40px;
+
+ padding:0;
+
+ background: #eee;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+
+ border-radius:5px;
+ border:1px solid #d2d2d2;
+ box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+ width:270px;
+}
+
+header li {
+ width:89px;
+ float:left;
+ border-right:1px solid #d2d2d2;
+ height:40px;
+}
+
+header ul a {
+ line-height:1;
+ font-size:11px;
+ color:#999;
+ display:block;
+ text-align:center;
+ padding-top:6px;
+ height:40px;
+}
+
+strong {
+ color:#222;
+ font-weight:700;
+}
+
+header ul li + li {
+ width:88px;
+ border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+ border-right:none;
+ width:89px;
+}
+
+header ul a strong {
+ font-size:14px;
+ display:block;
+ color:#222;
+}
+
+section {
+ width:500px;
+ float:right;
+ padding-bottom:50px;
+}
+
+small {
+ font-size:11px;
+}
+
+hr {
+ border:0;
+ background:#aaa;
+ height:1px;
+ margin:0 0 20px;
+}
+
+footer {
+ width:270px;
+ float:left;
+ position:fixed;
+ bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+
+ div.wrapper {
+ width:auto;
+ margin:0;
+ }
+
+ header, section, footer {
+ float:none;
+ position:static;
+ width:auto;
+ }
+
+ header {
+ padding-right:320px;
+ }
+
+ section {
+ border:1px solid #e5e5e5;
+ border-width:1px 0;
+ padding:20px 0;
+ margin:0 0 20px;
+ }
+
+ header a small {
+ display:inline;
+ }
+
+ header ul {
+ position:absolute;
+ right:50px;
+ top:52px;
+ }
+}
+
+@media print, screen and (max-width: 720px) {
+ body {
+ word-wrap:break-word;
+ }
+
+ header {
+ padding:0;
+ }
+
+ header ul, header p.view {
+ position:static;
+ }
+}
+
+@media print, screen and (max-width: 480px) {
+ body {
+ padding:15px;
+ }
+
+ header ul {
+ display:none;
+ }
+}
+
+@media print {
+ body {
+ padding:0.4in;
+ font-size:12pt;
+ color:#444;
+ }
+}

0 comments on commit 829debf

Please sign in to comment.
Something went wrong with that request. Please try again.