Skip to content

Instantly share code, notes, and snippets.

@incandescentman
Created February 13, 2017 18:49
Show Gist options
  • Save incandescentman/9f551d6651c138bd4ea17cbd7c651378 to your computer and use it in GitHub Desktop.
Save incandescentman/9f551d6651c138bd4ea17cbd7c651378 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ReadTheOrg style</title>
<meta name="generator" content="Org mode">
<meta name="author" content="Fabrice Niessen">
<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css"/>
<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js"></script>
<script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"></script>
</head>
<body>
<div id="content">
<header>
<h1 class="title">ReadTheOrg style</h1>
</header>
<div id="outline-container-org052ca5b" class="outline-2">
<h2 id="org052ca5b">Overview</h2>
<div class="outline-text-2" id="text-org052ca5b">
<p>
Get the lowdown on the key pieces of ReadTheOrg&rsquo;s infrastructure, including our
approach to better HTML export.
</p>
</div>
</div>
<div id="outline-container-org45e0981" class="outline-2">
<h2 id="org45e0981">Typography</h2>
<div class="outline-text-2" id="text-org45e0981">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@import</span> url<span style="color: #333333; background-color: #FFFFFF;">(</span><span style="color: #008000;">https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700</span><span style="color: #333333; background-color: #FFFFFF;">)</span>;
<span style="color: #006FE0;">@import</span> url<span style="color: #333333; background-color: #FFFFFF;">(</span><span style="color: #008000;">https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css</span><span style="color: #333333; background-color: #FFFFFF;">)</span>;
</pre>
</div>
</div>
<div id="outline-container-org74d1e79" class="outline-3">
<h3 id="org74d1e79">Headings</h3>
<div class="outline-text-3" id="text-org74d1e79">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">h1,h2,h3,h4,h5,h6,legend</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Roboto Slab"</span>,<span style="color: #008000;">"ff-tisa-web-pro"</span>,<span style="color: #008000;">"Georgia"</span>,Arial,sans-serif;
<span style="color: #00AA00;">font-weight</span>:<span style="color: #D0372D;">700</span>;
<span style="color: #00AA00;">margin-top</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h1</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">175%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.subtitle</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">95%</span>; <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">of h1 </span><span style="color: #8D8D84;">*/</span>
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h2</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">150%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h3</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">125%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h4</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">115%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h5</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">110%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h6</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h4,h5,h6</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">font-weight</span>:<span style="color: #D0372D;">300</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org209ef05" class="outline-3">
<h3 id="org209ef05">Body</h3>
<div class="outline-text-3" id="text-org209ef05">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">html</span><span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-ms-text-size-adjust</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-text-size-adjust</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">overflow-x</span>:hidden;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">body</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#edf0f2;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">404040</span>;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Lato"</span>,<span style="color: #008000;">"proxima-nova"</span>,<span style="color: #008000;">"Helvetica Neue"</span>,Arial,sans-serif;
<span style="color: #00AA00;">font-weight</span>:normal;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">min-height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">overflow-x</span>:hidden;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#fcfcfc;
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">300px</span>;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">margin:auto; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">max-width</span>:<span style="color: #D0372D;">800px</span>;
<span style="color: #00AA00;">min-height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span> <span style="color: #D0372D;">3</span>.<span style="color: #D0372D;">236em</span>;
<span style="color: #707183;">}</span>
p<span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">16px</span>;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0px</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org220b548" class="outline-3">
<h3 id="org220b548">Bold</h3>
<div class="outline-text-3" id="text-org220b548">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">b,strong</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-weight</span>:bold<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org06dac24" class="outline-3">
<h3 id="org06dac24">Blockquotes</h3>
<div class="outline-text-3" id="text-org06dac24">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">blockquote</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #F0F0F0;
<span style="color: #00AA00;">border-left</span>:<span style="color: #D0372D;">5px</span> solid #CCCCCC;
<span style="color: #00AA00;">font-style</span>:italic;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0px</span>;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">margin-left:24px; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">6px</span> <span style="color: #D0372D;">20px</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-orga5507a0" class="outline-3">
<h3 id="orga5507a0">Lists</h3>
<div class="outline-text-3" id="text-orga5507a0">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">ul,ol,dl</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">list-style-image</span>:none;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">list-style:none; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0px</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-left</span>: <span style="color: #D0372D;">24px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">dd</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">#content .section ul,#content .toctree-wrapper ul,article ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:disc;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li,#content .toctree-wrapper ul li,article ul li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:disc;
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li p:last-child,#content .toctree-wrapper ul li p:last-child,article ul li p:last-child</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li ul,#content .toctree-wrapper ul li ul,article ul li ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li li,#content .toctree-wrapper ul li li,article ul li li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:circle<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li li li,#content .toctree-wrapper ul li li li,article ul li li li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:square<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ul li ol li,#content .toctree-wrapper ul li ol li,article ul li ol li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:decimal<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol,#content ol,article ol</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:decimal;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol li,#content ol li,article ol li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:decimal;
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol li p:last-child,#content ol li p:last-child,article ol li p:last-child</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol li ul,#content ol li ul,article ol li ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol li ul li,#content ol li ul li,article ol li ul li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:disc<span style="color: #707183;">}</span>
</pre>
</div>
</div>
<div id="outline-container-org42784e6" class="outline-4">
<h4 id="org42784e6">Unordered</h4>
</div>
<div id="outline-container-org07aad75" class="outline-4">
<h4 id="org07aad75">Ordered</h4>
</div>
<div id="outline-container-org8e2c4b7" class="outline-4">
<h4 id="org8e2c4b7">Description</h4>
<div class="outline-text-4" id="text-org8e2c4b7">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">dl dt</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">dl p,dl table,dl ul,dl ol</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">12px</span> <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">dl dd</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">0</span> <span style="color: #D0372D;">12px</span> <span style="color: #D0372D;">24px</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
</div>
</div>
<div id="outline-container-orgca105b4" class="outline-2">
<h2 id="orgca105b4">Media queries</h2>
<div class="outline-text-2" id="text-orgca105b4">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> print<span style="color: #707183;">{</span>
<span style="color: #0000ff; font-weight: bold;">.codeblock,pre.src</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">white-space</span>:pre.src-wrap<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> print<span style="color: #707183;">{</span>
<span style="color: #0000ff; font-weight: bold;">html,body,section</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">background</span>:none <span style="color: #006FE0;">!important</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">,*</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">box-shadow</span>:none <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">text-shadow</span>:none <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">filter</span>:none <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-ms-filter</span>:none <span style="color: #006FE0;">!important</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">a,a:visited</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">text-decoration</span>:underline<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">pre.src,blockquote</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">page-break-inside</span>:avoid<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">thead</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:table-header-group<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">tr,img</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">page-break-inside</span>:avoid<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">img</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">max-width</span>:<span style="color: #D0372D;">100%</span> <span style="color: #006FE0;">!important</span><span style="color: #7388D6;">}</span>
<span style="color: #006FE0;">@page</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">5cm</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">p,h2,h3</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">orphans</span>:<span style="color: #D0372D;">3</span>;
<span style="color: #00AA00;">widows</span>:<span style="color: #D0372D;">3</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">h2,h3</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">page-break-after</span>:avoid<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> print<span style="color: #707183;">{</span>
<span style="color: #0000ff; font-weight: bold;">#postamble</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:none<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">0</span><span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> print<span style="color: #707183;">{</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:none<span style="color: #7388D6;">}</span>
<span style="color: #006FE0;">@page</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">size</span>: auto;
<span style="color: #00AA00;">margin</span>: <span style="color: #D0372D;">25mm</span> <span style="color: #D0372D;">25mm</span> <span style="color: #D0372D;">25mm</span> <span style="color: #D0372D;">25mm</span>;<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">body </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">margin</span>: <span style="color: #D0372D;">0px</span>;<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">768px</span><span style="color: #707183;">){</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> only screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">480px</span><span style="color: #707183;">){</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">768px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">.tablet-hide</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:none<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">480px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">.mobile-hide</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:none<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">480px</span><span style="color: #707183;">){</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">768px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">#content</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">0</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content #content</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content.shift</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">position</span>:fixed;
<span style="color: #00AA00;">min-width</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">left</span>:<span style="color: #D0372D;">85%</span>;
<span style="color: #00AA00;">top</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">overflow</span>:hidden<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>min-width: <span style="color: #D0372D;">1400px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">#content</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">background</span>:rgba<span style="color: #909183;">(</span><span style="color: #D0372D;">0</span>,<span style="color: #D0372D;">0</span>,<span style="color: #D0372D;">0</span>,<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">05</span><span style="color: #909183;">)</span><span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">background</span>:#fcfcfc<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">768px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">#copyright</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">85%</span>;
<span style="color: #00AA00;">display</span>:none<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#copyright.shift</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>:block<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">img</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">height</span>:auto<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">480px</span><span style="color: #707183;">){</span>
<span style="color: #0000ff; font-weight: bold;">#content .sidebar</span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">100%</span><span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-orgbea8a71" class="outline-2">
<h2 id="orgbea8a71">Code</h2>
<div class="outline-text-2" id="text-orgbea8a71">
</div>
<div id="outline-container-org0ed749e" class="outline-3">
<h3 id="org0ed749e">Inline</h3>
<div class="outline-text-3" id="text-org0ed749e">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">code</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#fff;
<span style="color: #00AA00;">border</span>:solid <span style="color: #D0372D;">1px</span> #e1e4e5;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">color:#000; for clickable code </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">font-family</span>:Consolas,<span style="color: #008000;">"Andale Mono WT"</span>,<span style="color: #008000;">"Andale Mono"</span>,<span style="color: #008000;">"Lucida Console"</span>,<span style="color: #008000;">"Lucida Sans Typewriter"</span>,<span style="color: #008000;">"DejaVu Sans Mono"</span>,<span style="color: #008000;">"Bitstream Vera Sans Mono"</span>,<span style="color: #008000;">"Liberation Mono"</span>,<span style="color: #008000;">"Nimbus Mono L"</span>,Monaco,<span style="color: #008000;">"Courier New"</span>,Courier,monospace;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">75%</span>;
<span style="color: #00AA00;">max-width</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">overflow-x</span>:auto;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">5px</span>;
<span style="color: #00AA00;">white-space</span>:nowrap;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-orgd3d6650" class="outline-3">
<h3 id="orgd3d6650">Basic block</h3>
<div class="outline-text-3" id="text-orgd3d6650">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.codeblock-example</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">border-bottom</span>:none;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">padding-top</span>:<span style="color: #D0372D;">48px</span>;
<span style="color: #00AA00;">font-weight</span>:<span style="color: #D0372D;">500</span>;
<span style="color: #00AA00;">background</span>:#fff;
<span style="color: #00AA00;">position</span>:relative<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.codeblock-example:after</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">content</span>:<span style="color: #008000;">"Example"</span>;
<span style="color: #00AA00;">position</span>:absolute;
<span style="color: #00AA00;">top</span>:<span style="color: #D0372D;">0px</span>;
<span style="color: #00AA00;">left</span>:<span style="color: #D0372D;">0px</span>;
<span style="color: #00AA00;">background</span>:#<span style="color: #D0372D;">9B59B6</span>;
<span style="color: #00AA00;">color</span>:#fff;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">6px</span> <span style="color: #D0372D;">12px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.codeblock-example.prettyprint-example-only</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.codeblock,pre.src,#content .literal-block</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">overflow-x</span>:auto;
<span style="color: #00AA00;">background</span>:#fff;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">1px</span> <span style="color: #D0372D;">0</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">pre.src</span><span style="color: #707183;">{</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">color:#404040; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">font-family</span>:Consolas,<span style="color: #008000;">"Andale Mono WT"</span>,<span style="color: #008000;">"Andale Mono"</span>,<span style="color: #008000;">"Lucida Console"</span>,<span style="color: #008000;">"Lucida Sans Typewriter"</span>,<span style="color: #008000;">"DejaVu Sans Mono"</span>,<span style="color: #008000;">"Bitstream Vera Sans Mono"</span>,<span style="color: #008000;">"Liberation Mono"</span>,<span style="color: #008000;">"Nimbus Mono L"</span>,Monaco,<span style="color: #008000;">"Courier New"</span>,Courier,monospace;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">5</span>;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">1px</span> <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0px</span>;
<span style="color: #00AA00;">overflow</span>:auto;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">white-space</span>:pre;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org6641e86" class="outline-3">
<h3 id="org6641e86">Sample output</h3>
<div class="outline-text-3" id="text-org6641e86">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.example</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#f3f6f6;
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">404040</span>;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">5</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
</div>
<div id="outline-container-org12d26d7" class="outline-2">
<h2 id="org12d26d7">Tables</h2>
<div class="outline-text-2" id="text-org12d26d7">
</div>
<div id="outline-container-org3806093" class="outline-3">
<h3 id="org3806093">Basic example</h3>
<div class="outline-text-3" id="text-org3806093">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">table</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-collapse</span>:collapse;
<span style="color: #00AA00;">border-spacing</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">empty-cells</span>:show;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">border-bottom</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">td</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">vertical-align</span>:top<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">table td,table th</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">overflow</span>:visible;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">8px</span> <span style="color: #D0372D;">16px</span>;
<span style="color: #00AA00;">background-color</span>:white;
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">table thead th</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">border-top</span>:<span style="color: #D0372D;">3px</span> solid #e1e4e5;
<span style="color: #00AA00;">border-bottom</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org0dfda43" class="outline-3">
<h3 id="org0dfda43">Optional table caption</h3>
<div class="outline-text-3" id="text-org0dfda43">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">table caption</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">000</span>;
<span style="color: #00AA00;">font</span>:italic <span style="color: #D0372D;">85%</span>/<span style="color: #D0372D;">1</span> arial,sans-serif;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">1em</span> <span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-orgdee2654" class="outline-3">
<h3 id="orgdee2654">Striped rows</h3>
<div class="outline-text-3" id="text-orgdee2654">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">table tr:nth-child</span><span style="color: #707183; font-weight: bold;">(</span><span style="color: #D0372D;">2n-1</span><span style="color: #707183; font-weight: bold;">)</span><span style="color: #0000ff; font-weight: bold;"> td</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>:#f3f6f6;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">table tr:nth-child</span><span style="color: #707183; font-weight: bold;">(</span><span style="color: #D0372D;">2n</span><span style="color: #707183; font-weight: bold;">)</span><span style="color: #0000ff; font-weight: bold;"> td</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>:white;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
</div>
<div id="outline-container-org5666344" class="outline-2">
<h2 id="org5666344">Images</h2>
<div class="outline-text-2" id="text-org5666344">
</div>
<div id="outline-container-org0910022" class="outline-3">
<h3 id="org0910022">Optional image caption</h3>
<div class="outline-text-3" id="text-org0910022">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.figure p</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">000</span>;
<span style="color: #00AA00;">font</span>:italic <span style="color: #D0372D;">85%</span>/<span style="color: #D0372D;">1</span> arial,sans-serif;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">1em</span> <span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
</div>
<div id="outline-container-org9b45ce9" class="outline-2">
<h2 id="org9b45ce9">Helper classes</h2>
<div class="outline-text-2" id="text-org9b45ce9">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.rotate-90</span><span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">90deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-moz-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">90deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-ms-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">90deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-o-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">90deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00;">transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">90deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.rotate-270</span><span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">270deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-moz-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">270deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-ms-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">270deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-o-transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">270deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00;">transform</span>:rotate<span style="color: #7388D6;">(</span><span style="color: #D0372D;">270deg</span><span style="color: #7388D6;">)</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org064289d" class="outline-2">
<h2 id="org064289d">Responsive utilities</h2>
<div class="outline-text-2" id="text-org064289d">
<p>
Responsive for sidebar:
</p>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">#toggle-sidebar,</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents .close-sidebar </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: none;
<span style="color: #707183;">}</span>
<span style="color: #006FE0;">@media</span> screen and <span style="color: #707183;">(</span>max-width: <span style="color: #D0372D;">768px</span><span style="color: #707183;">)</span> <span style="color: #707183;">{</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>: none;
<span style="color: #00AA00;">width</span>: <span style="color: #D0372D;">60%</span>;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents h2 a </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>: block;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents:target </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>: block;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#copyright, #postamble </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">display</span>: none;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#toggle-sidebar </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">background-color</span>: #<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">display</span>: block;
<span style="color: #00AA00;">margin-bottom</span>: <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">6em</span>;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">6em</span>;
<span style="color: #00AA00;">text-align</span>: center;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#toggle-sidebar h2 </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">color</span>: white;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">50px</span>;
<span style="color: #00AA00;">margin</span>: <span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">0</span>;
<span style="color: #7388D6;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents .close-sidebar </span><span style="color: #7388D6;">{</span>
<span style="color: #00AA00;">color</span>: rgba<span style="color: #909183;">(</span><span style="color: #D0372D;">255</span>, <span style="color: #D0372D;">255</span>, <span style="color: #D0372D;">255</span>, <span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">3</span><span style="color: #909183;">)</span>;
<span style="color: #00AA00;">display</span>: inline-block;
<span style="color: #00AA00;">margin</span>: <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">10px</span> <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">45px</span>;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">10px</span>;
<span style="color: #7388D6;">}</span>
<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org8fdf31f" class="outline-2">
<h2 id="org8fdf31f">CSS</h2>
<div class="outline-text-2" id="text-org8fdf31f">
<div class="org-src-container">
<pre class="src src-css">*<span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-box-sizing</span>:border-box;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-moz-box-sizing</span>:border-box;
<span style="color: #00AA00;">box-sizing</span>:border-box;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">figcaption,figure,footer,header,hgroup,nav</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">ins</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#ff9;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">000</span>;
<span style="color: #00AA00;">text-decoration</span>:none<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">mark</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#ff0;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">000</span>;
<span style="color: #00AA00;">font-style</span>:italic;
<span style="color: #00AA00;">font-weight</span>:bold<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">small</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">85%</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">sub,sup</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">75%</span>;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">position</span>:relative;
<span style="color: #00AA00;">vertical-align</span>:baseline<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">sup</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">top</span>:-0.<span style="color: #D0372D;">5em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">sub</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">bottom</span>:-0.<span style="color: #D0372D;">25em</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">img</span><span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-ms-interpolation-mode</span>:bicubic;
<span style="color: #00AA00;">vertical-align</span>:middle;
<span style="color: #00AA00;">max-width</span>:<span style="color: #D0372D;">100%</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">svg:not</span><span style="color: #707183; font-weight: bold;">(</span><span style="color: #0000ff; font-weight: bold;">:root</span><span style="color: #707183; font-weight: bold;">)</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">overflow</span>:hidden<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">figure</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">label</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">cursor</span>:pointer<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">legend</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">margin-left</span>:-7px;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">white-space</span>:normal<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.fa:before,#content .admonition-title:before,#content h1 .headerlink:before,#content h2 .headerlink:before,#content h3 .headerlink:before,#content h4 .headerlink:before,#content h5 .headerlink:before,#content h6 .headerlink:before,#content dl dt .headerlink:before,.icon:before,.wy-dropdown .caret:before,.wy-inline-validate.wy-inline-validate-success .wy-input-context:before,.wy-inline-validate.wy-inline-validate-danger .wy-input-context:before,.wy-inline-validate.wy-inline-validate-warning .wy-input-context:before,.wy-inline-validate.wy-inline-validate-info .wy-input-context:before,.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo,.btn,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"text"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"password"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"email"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"url"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"date"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"month"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"time"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"datetime"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"datetime-local"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"week"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"number"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"search"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"tel"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,input</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">type=</span><span style="color: #008000;">"color"</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #0000ff; font-weight: bold;">,select,textarea,#table-of-contents li.on a,#table-of-contents li.current&gt;a,.wy-side-nav-search&gt;a,.wy-side-nav-search .wy-dropdown&gt;a,.wy-nav-top a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-font-smoothing</span>:antialiased<span style="color: #707183;">}</span>
<span style="color: #8D8D84;">/*</span><span style="color: #8D8D84; font-style: italic;">!</span>
<span style="color: #8D8D84; font-style: italic;"> * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome</span>
<span style="color: #8D8D84; font-style: italic;"> * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)</span>
<span style="color: #8D8D84; font-style: italic;"> </span><span style="color: #8D8D84;">*/</span><span style="color: #006FE0;">@font-face</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">'FontAwesome'</span>;
<span style="color: #00AA00;">src</span>:url<span style="color: #7388D6;">(</span><span style="color: #008000;">"../fonts/fontawesome-webfont.eot?v=4.1.0"</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00;">src</span>:url<span style="color: #7388D6;">(</span><span style="color: #008000;">"../fonts/fontawesome-webfont.eot?#iefix&amp;v=4.1.0"</span><span style="color: #7388D6;">)</span> format<span style="color: #7388D6;">(</span><span style="color: #008000;">"embedded-opentype"</span><span style="color: #7388D6;">)</span>,url<span style="color: #7388D6;">(</span><span style="color: #008000;">"../fonts/fontawesome-webfont.woff?v=4.1.0"</span><span style="color: #7388D6;">)</span> format<span style="color: #7388D6;">(</span><span style="color: #008000;">"woff"</span><span style="color: #7388D6;">)</span>,url<span style="color: #7388D6;">(</span><span style="color: #008000;">"../fonts/fontawesome-webfont.ttf?v=4.1.0"</span><span style="color: #7388D6;">)</span> format<span style="color: #7388D6;">(</span><span style="color: #008000;">"truetype"</span><span style="color: #7388D6;">)</span>,url<span style="color: #7388D6;">(</span><span style="color: #008000;">"../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular"</span><span style="color: #7388D6;">)</span> format<span style="color: #7388D6;">(</span><span style="color: #008000;">"svg"</span><span style="color: #7388D6;">)</span>;
<span style="color: #00AA00;">font-weight</span>:normal;
<span style="color: #00AA00;">font-style</span>:normal<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa,#content .admonition-title,.icon</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">font-family</span>:FontAwesome;
<span style="color: #00AA00;">font-style</span>:normal;
<span style="color: #00AA00;">font-weight</span>:normal;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">1</span>;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-webkit-font-smoothing</span>:antialiased;
<span style="color: #00AA00; font-size: 130%; font-style: italic;">-moz-osx-font-smoothing</span>:grayscale<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa-ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">padding-left</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">margin-left</span>:<span style="color: #D0372D;">2</span>.<span style="color: #D0372D;">14286em</span>;
<span style="color: #00AA00;">list-style-type</span>:none<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa-ul&gt;li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">position</span>:relative<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa-li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">position</span>:absolute;
<span style="color: #00AA00;">left</span>:-2.<span style="color: #D0372D;">14286em</span>;
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">2</span>.<span style="color: #D0372D;">14286em</span>;
<span style="color: #00AA00;">top</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">14286em</span>;
<span style="color: #00AA00;">text-align</span>:center<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa-li.fa-lg</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">left</span>:-1.<span style="color: #D0372D;">85714em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa-border</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">padding</span>:.<span style="color: #D0372D;">2em</span> .<span style="color: #D0372D;">25em</span> .<span style="color: #D0372D;">15em</span>;
<span style="color: #00AA00;">border</span>:solid <span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">08em</span> #eee;
<span style="color: #00AA00;">border-radius</span>:.<span style="color: #D0372D;">1em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa,#content .admonition-title</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>:inherit<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.fa:before,#content .admonition-title:before</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"FontAwesome"</span>;
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">font-style</span>:normal;
<span style="color: #00AA00;">font-weight</span>:normal;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">1</span>;
<span style="color: #00AA00;">text-decoration</span>:inherit<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">a .fa,a #content .admonition-title,#content a .admonition-title</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">text-decoration</span>:inherit<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:inline<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">background:#e7f2fa; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.wy-alert-title,#content .admonition-title</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#fff;
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">color</span>:#fff;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">background:#6ab0de; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">margin:-12px; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">6px</span> <span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .danger,#content .error</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#fdf3f2<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#ffedcc<span style="color: #707183;">}</span>
#content .admonition-title.note:before, #content .admonition-title.seealso:before,
#content .admonition-title.warning:before, #content .admonition-title.caution:before,
#content .admonition-title.attention:before,
#content .admonition-title.tip:before, #content .admonition-title.hint:before,
#content .admonition-title.important:before,
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title.error:before, #content .admonition-title.danger:before</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>:FontAwesome;
<span style="color: #00AA00;">content</span>: <span style="color: #008000;">"&#61546;"</span>;<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .note,#content .seealso</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#e7f2fa<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>;
<span style="color: #00AA00;">background</span>:#<span style="color: #D0372D;">1abc9c</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .important,#content .tip,#content .hint</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#dbfaf4<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title.note,#content .admonition-title.seealso</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>;
<span style="color: #00AA00;">background</span>:#<span style="color: #D0372D;">6ab0de</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title.warning,#content .admonition-title.caution,#content .admonition-title.attention</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>;
<span style="color: #00AA00;">background</span>:#F0B37E<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title.error,#content .admonition-title.danger</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>;
<span style="color: #00AA00;">background</span>:#f29f97<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">legend</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">white-space</span>:normal;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">150%</span>;
*margin-left:-7px<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">label</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">0</span> <span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">3125em</span> <span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">333</span>;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css">a<span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">text-decoration</span>:none;
<span style="color: #00AA00;">cursor</span>:pointer<span style="color: #707183;">}</span>
<span style="color: #00AA00;">a</span>:hover,a:active<span style="color: #707183;">{</span>
<span style="color: #00AA00;">outline</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #707183;">}</span>
<span style="color: #00AA00;">a</span>:hover<span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">3091d1</span><span style="color: #707183;">}</span>
<span style="color: #00AA00;">a</span>:visited<span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">9B59B6</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.left</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">text-align</span>:left<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.center</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">text-align</span>:center<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.right</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">text-align</span>:right<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">hr</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">1px</span>;
<span style="color: #00AA00;">border</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">border-top</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">#table-of-contents li</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">list-style</span>:none;
<span style="color: #00AA00;">margin-left</span>: <span style="color: #D0372D;">0px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents header</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">32px</span>;
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">32px</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span>;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">text-transform</span>:uppercase;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">80%</span>;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">white-space</span>:nowrap<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.divide-top</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-top</span>:solid <span style="color: #D0372D;">1px</span> #<span style="color: #D0372D;">404040</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.divide-bottom</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-bottom</span>:solid <span style="color: #D0372D;">1px</span> #<span style="color: #D0372D;">404040</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.current</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#e3e3e3<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.current a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:gray;
<span style="color: #00AA00;">border-right</span>:solid <span style="color: #D0372D;">1px</span> #c9c9c9;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">4045em</span> <span style="color: #D0372D;">2</span>.<span style="color: #D0372D;">427em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.current a:hover</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#d6d6d6<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li a</span><span style="color: #707183;">{</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">color:#404040; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">4045em</span> <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span>;
<span style="color: #00AA00;">position</span>:relative;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">background:#fcfcfc; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">border</span>:none;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">border-bottom:solid 1px #c9c9c9; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">border-top:solid 1px #c9c9c9; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding-left</span>:<span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span> -4px<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.on a:hover,#table-of-contents li.current&gt;a:hover</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#fcfcfc<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li ul li a</span><span style="color: #707183;">{</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">background:#c9c9c9; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">4045em</span> <span style="color: #D0372D;">2</span>.<span style="color: #D0372D;">427em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li ul li ul li a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">4045em</span> <span style="color: #D0372D;">3</span>.<span style="color: #D0372D;">236em</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li.current ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block<span style="color: #707183;">}</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">#table-of-contents li ul{ </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">margin-bottom:0; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">display:none} </span><span style="color: #8D8D84;">*/</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents .local-toc li ul</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents li ul li a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">color</span>:#b3b3b3;
<span style="color: #00AA00;">font-weight</span>:normal<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">line-height</span>:<span style="color: #D0372D;">18px</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">4045em</span> <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">618em</span>;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">position</span>:relative;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">color</span>:#b3b3b3;
<span style="color: #00AA00;">direction</span>: ltr;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents a:hover</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>:#<span style="color: #D0372D;">4e4a4a</span>;
<span style="color: #00AA00;">cursor</span>:pointer<span style="color: #707183;">}</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">#text-table-of-contents { </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">overflow:scroll; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">} </span><span style="color: #8D8D84;">*/</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">position</span>:fixed;
<span style="color: #00AA00;">top</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">left</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">300px</span>;
<span style="color: #00AA00;">overflow-x</span>:hidden;
<span style="color: #00AA00;">overflow-y</span>:scroll;
<span style="color: #00AA00;">height</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">background</span>:#<span style="color: #D0372D;">343131</span>;
<span style="color: #00AA00;">z-index</span>:<span style="color: #D0372D;">200</span>;
<span style="color: #00AA00;">scrollbar-base-color</span>: #<span style="color: #D0372D;">1F1D1D</span>;
<span style="color: #00AA00;">scrollbar-arrow-color</span>: #b3b3b3;
<span style="color: #00AA00;">scrollbar-shadow-color</span>: #<span style="color: #D0372D;">1F1D1D</span>;
<span style="color: #00AA00;">scrollbar-track-color</span> : #<span style="color: #D0372D;">343131</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#table-of-contents h2</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">z-index</span>:<span style="color: #D0372D;">200</span>;
<span style="color: #00AA00;">background-color</span>:#<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">text-align</span>:center;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">809em</span>;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">color</span>:#fcfcfc;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span>.<span style="color: #D0372D;">809em</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">ul.nav li ul li </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: none;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li ul li ul li </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: none;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: inline;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li ul li </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: inline;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #E3E3E3;
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">8099B0</span>;
<span style="color: #00AA00;">border-right</span>:solid <span style="color: #D0372D;">1px</span> #c9c9c9 <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li.active a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #C9C9C9;
<span style="color: #00AA00;">color</span>: black <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">font-weight</span>: bold <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li.active ul li.active a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: black <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">font-weight</span>: bold <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">display</span>: block <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li.active ul li a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">808080</span> <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">font-weight</span>: normal <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">display</span>: block <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active ul li ul li a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: none <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">ul.nav li ul li ul li { </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">display: none !important; /\* as long as nav is on multiple levels of ul *\/ </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">/\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">} </span><span style="color: #8D8D84;">*/</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li ul li ul li ul li </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>: none <span style="color: #006FE0;">!important</span>; <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">as long as nav is on multiple levels of ul </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">display: none; /* as long as nav is on multiple levels of ul *\/ </span><span style="color: #8D8D84;">*/</span>
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active &gt; a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-bottom</span>:solid <span style="color: #D0372D;">1px</span> #c9c9c9 <span style="color: #006FE0;">!important</span>; <span style="color: #8D8D84;">/* </span><span style="color: #cc9393;">XXX</span><span style="color: #8D8D84; font-style: italic;"> Restrict it to 2nd level </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">border-right</span>:solid <span style="color: #D0372D;">1px</span> #c9c9c9 <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav li.active a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: gray <span style="color: #006FE0;">!important</span>;
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">background-color</span>: white;
<span style="color: #00AA00;">border-right</span>:solid <span style="color: #D0372D;">0px</span> white <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">ul.nav &gt; li.active &gt; a </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: black <span style="color: #006FE0;">!important</span>;
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">footer</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">999</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">footer p</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">12px</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">#copyright, #postamble</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">position</span>:fixed;
<span style="color: #00AA00;">bottom</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">left</span>:<span style="color: #D0372D;">0</span>;
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">300px</span>;
<span style="color: #00AA00;">color</span>:#fcfcfc;
<span style="color: #00AA00;">background</span>:#<span style="color: #D0372D;">1f1d1d</span>;
<span style="color: #00AA00;">border-top</span>:solid <span style="color: #D0372D;">10px</span> #<span style="color: #D0372D;">343131</span>;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Lato"</span>,<span style="color: #008000;">"proxima-nova"</span>,<span style="color: #008000;">"Helvetica Neue"</span>,Arial,sans-serif;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">z-index</span>:<span style="color: #D0372D;">400</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#postamble .author </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">100%</span>;
<span style="color: #00AA00;">margin-bottom</span>: <span style="color: #D0372D;">0px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#postamble .date </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">margin-bottom</span>: <span style="color: #D0372D;">0px</span>;
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">27AE60</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#postamble .creator,#postamble .validation </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:none;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#copyright a</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">2980B9</span>;
<span style="color: #00AA00;">text-decoration</span>:none<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#copyright .rst-current-version</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">background-color</span>:#<span style="color: #D0372D;">272525</span>;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">text-align</span>:right;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">cursor</span>:pointer;
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">27AE60</span>;
*zoom:<span style="color: #D0372D;">1</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">#content img</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">max-width</span>:<span style="color: #D0372D;">100%</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content div.figure</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content div.figure.align-center</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">text-align</span>:center<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section&gt;img,#content .section&gt;a&gt;img</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.verse</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-left</span>:<span style="color: #D0372D;">5px</span> solid #<span style="color: #D0372D;">6AB0DE</span>;
<span style="color: #00AA00;">background-color</span>: #E7F2FA;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">6px</span> <span style="color: #D0372D;">20px</span>;
<span style="color: #00AA00;">font-style</span>:italic;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .note .last,#content .attention .last,#content .caution .last,#content .danger .last,#content .error .last,#content .hint .last,#content .important .last,#content .tip .last,#content .warning .last,#content .seealso .last,#content .admonitiontodo .last</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .admonition-title:before</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-right</span>:<span style="color: #D0372D;">4px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .section ol p,#content .section ul p</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">12px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content h1 .headerlink,#content h2 .headerlink,#content h3 .headerlink,#content h4 .headerlink,#content h5 .headerlink,#content h6 .headerlink,#content dl dt .headerlink</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:none;
<span style="color: #00AA00;">visibility</span>:hidden;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">14px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">visibility</span>:visible;
<span style="color: #00AA00;">content</span>:<span style="color: #008000;">"&#61633;"</span>;
<span style="color: #00AA00;">font-family</span>:FontAwesome;
<span style="color: #00AA00;">display</span>:inline-block<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content h1:hover .headerlink,#content h2:hover .headerlink,#content h3:hover .headerlink,#content h4:hover .headerlink,#content h5:hover .headerlink,#content h6:hover .headerlink,#content dl dt:hover .headerlink</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:inline-block<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .sidebar</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">float</span>:right;
<span style="color: #00AA00;">width</span>:<span style="color: #D0372D;">40%</span>;
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">margin</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">0</span> <span style="color: #D0372D;">24px</span> <span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">background</span>:#f3f6f6;
<span style="color: #00AA00;">border</span>:solid <span style="color: #D0372D;">1px</span> #e1e4e5<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .sidebar p,#content .sidebar ul,#content .sidebar dl</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .sidebar .last</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">0</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .sidebar .sidebar-title</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:block;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Roboto Slab"</span>,<span style="color: #008000;">"ff-tisa-web-pro"</span>,<span style="color: #008000;">"Georgia"</span>,Arial,sans-serif;
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">background</span>:#e1e4e5;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">6px</span> <span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">margin</span>:-24px;
<span style="color: #00AA00;">margin-bottom</span>:<span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">100%</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .highlighted</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>:#F1C40F;
<span style="color: #00AA00;">display</span>:inline-block;
<span style="color: #00AA00;">font-weight</span>:bold;
<span style="color: #00AA00;">padding</span>:<span style="color: #D0372D;">0</span> <span style="color: #D0372D;">6px</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#content .footnote-reference,#content .citation-reference</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">vertical-align</span>:super;
<span style="color: #00AA00;">font-size</span>:<span style="color: #D0372D;">90%</span><span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">span</span><span style="color: #707183; font-weight: bold;">[</span><span style="color: #0000ff; font-weight: bold;">id*=</span><span style="color: #008000;">'MathJax-Span'</span><span style="color: #707183; font-weight: bold;">]</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>:#<span style="color: #D0372D;">404040</span><span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.math</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">text-align</span>:center<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">#footnotes</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">border-top</span>:<span style="color: #D0372D;">1px</span> solid #e1e4e5;
<span style="color: #00AA00;">padding-top</span>: <span style="color: #D0372D;">36px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">h2.footnotes</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">display</span>:none;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.footnum, .footref</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">2980b9</span>;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">170%</span>;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Lato"</span>,<span style="color: #008000;">"proxima-nova"</span>,<span style="color: #008000;">"Helvetica Neue"</span>,Arial,sans-serif;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.footnum:before, .footref:before</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">content</span>:<span style="color: #008000;">"["</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.footnum:after, .footref:after</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">content</span>:<span style="color: #008000;">"]"</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.footpara </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">999</span>;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Lato"</span>,<span style="color: #008000;">"proxima-nova"</span>,<span style="color: #008000;">"Helvetica Neue"</span>,Arial,sans-serif;
<span style="color: #00AA00;">padding-bottom</span>: <span style="color: #D0372D;">8px</span>;
<span style="color: #00AA00;">padding-left</span>: <span style="color: #D0372D;">16px</span>;
<span style="color: #00AA00;">padding-right</span>: <span style="color: #D0372D;">16px</span>;
<span style="color: #00AA00;">padding-top</span>: <span style="color: #D0372D;">8px</span>;
<span style="color: #00AA00;">line-height</span>: <span style="color: #D0372D;">1</span>.<span style="color: #D0372D;">25em</span>;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">display: inline; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #707183;">}</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.todo</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #f29f97;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">4px</span>;
<span style="color: #00AA00;">color</span>: #fff;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.WAIT, .nilWAIT</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #<span style="color: #D0372D;">6AB097</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.done</span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #<span style="color: #D0372D;">6ab0de</span>;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">0px</span> <span style="color: #D0372D;">4px</span>;
<span style="color: #00AA00;">color</span>: #fff;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.tag span </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #EDEDED;
<span style="color: #00AA00;">border</span>: <span style="color: #D0372D;">1px</span> solid #EDEDED;
<span style="color: #00AA00;">color</span>: #<span style="color: #D0372D;">939393</span>;
<span style="color: #00AA00;">cursor</span>: pointer;
<span style="color: #00AA00;">display</span>: block;
<span style="color: #00AA00;">float</span>: right;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">80%</span>;
<span style="color: #00AA00;">font-weight</span>: normal;
<span style="color: #00AA00;">margin</span>: <span style="color: #D0372D;">0</span> <span style="color: #D0372D;">3px</span>;
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">1px</span> <span style="color: #D0372D;">2px</span>;
<span style="color: #00AA00;">border-radius</span>: <span style="color: #D0372D;">10px</span>;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.tag .FLAGGED </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background-color</span>: #DB2D27;
<span style="color: #00AA00;">border</span>: <span style="color: #D0372D;">1px</span> solid #DB2D27;
<span style="color: #00AA00;">color</span>: white;
<span style="color: #00AA00;">font-weight</span>: bold;
<span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.timestamp </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">font-family</span>: Consolas,<span style="color: #008000;">"Andale Mono WT"</span>,<span style="color: #008000;">"Andale Mono"</span>,<span style="color: #008000;">"Lucida Console"</span>,<span style="color: #008000;">"Lucida Sans Typewriter"</span>,<span style="color: #008000;">"DejaVu Sans Mono"</span>,<span style="color: #008000;">"Bitstream Vera Sans Mono"</span>,<span style="color: #008000;">"Liberation Mono"</span>,<span style="color: #008000;">"Nimbus Mono L"</span>,Monaco,<span style="color: #008000;">"Courier New"</span>,Courier,monospace;
<span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">90%</span>;
<span style="color: #00AA00;">color</span>: navy;
<span style="color: #707183;">}</span>
</pre>
</div>
<p>
See
<a href="http://stackoverflow.com/questions/10535432/tmux-man-page-search-highlighting">http://stackoverflow.com/questions/10535432/tmux-man-page-search-highlighting</a>
for nice yellow or orange boxes.
</p>
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.inlinetask </span><span style="color: #707183;">{</span>
<span style="color: #00AA00;">background</span>: #FFF9E3; <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">url</span><span style="color: #333333; background-color: #FFFFFF;">(</span><span style="color: #8D8D84; font-style: italic;">dialog-todo.png</span><span style="color: #333333; background-color: #FFFFFF;">)</span><span style="color: #8D8D84; font-style: italic;"> no-repeat 10px 8px; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">border</span>: <span style="color: #D0372D;">3px</span> solid #FFEB8E;
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">border-right-style: none; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">border-left-style: none; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">padding: 10px 20px 10px 60px; </span><span style="color: #8D8D84;">*/</span>
<span style="color: #00AA00;">padding</span>: <span style="color: #D0372D;">9px</span> <span style="color: #D0372D;">12px</span>;
<span style="color: #00AA00;">margin-bottom</span>: <span style="color: #D0372D;">24px</span>;
<span style="color: #00AA00;">font-family</span>:<span style="color: #008000;">"Roboto Slab"</span>,<span style="color: #008000;">"ff-tisa-web-pro"</span>,<span style="color: #008000;">"Georgia"</span>,Arial,sans-serif<span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org9080df7" class="outline-2">
<h2 id="org9080df7">Htmlize</h2>
<div class="outline-text-2" id="text-org9080df7">
<div class="org-src-container">
<pre class="src src-css"><span style="color: #0000ff; font-weight: bold;">.org-bold </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">bold </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-bold-italic </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">bold-italic </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #00AA00;">font-style</span>: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-buffer-menu-buffer </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">buffer-menu-buffer </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-builtin </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-builtin-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7a378b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-button </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">button </span><span style="color: #8D8D84;">*/</span> text-decoration: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-calendar-today </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">calendar-today </span><span style="color: #8D8D84;">*/</span> text-decoration: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-acknowledgement </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-acknowledgement </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-conditionals </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-conditionals </span><span style="color: #8D8D84;">*/</span> color: #a0522d; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-date </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-date </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b2252</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-email </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-email </span><span style="color: #8D8D84;">*/</span> color: #a0522d; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-file </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-file </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-function </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-function </span><span style="color: #8D8D84;">*/</span> color: #a0522d; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-list </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-list </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-change-log-name </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">change-log-name </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">008b8b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-comint-highlight-input </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">comint-highlight-input </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-comint-highlight-prompt </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">comint-highlight-prompt </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">00008b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-comment </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-comment-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">999988</span>; <span style="color: #00AA00;">font-style</span>: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-comment-delimiter </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-comment-delimiter-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">999988</span>; <span style="color: #00AA00;">font-style</span>: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-completions-annotations </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">completions-annotations </span><span style="color: #8D8D84;">*/</span> font-style: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-completions-common-part </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">completions-common-part </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">000000</span>; <span style="color: #00AA00;">background-color</span>: #ffffff; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-completions-first-difference </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">completions-first-difference </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-constant </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-constant-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">008b8b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diary </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diary </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-context </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-context </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-file-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-file-header </span><span style="color: #8D8D84;">*/</span> background-color: #b3b3b3; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-function </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-function </span><span style="color: #8D8D84;">*/</span> background-color: #cccccc; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-header </span><span style="color: #8D8D84;">*/</span> background-color: #cccccc; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-hunk-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-hunk-header </span><span style="color: #8D8D84;">*/</span> background-color: #cccccc; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-index </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-index </span><span style="color: #8D8D84;">*/</span> background-color: #b3b3b3; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-nonexistent </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-nonexistent </span><span style="color: #8D8D84;">*/</span> background-color: #b3b3b3; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-diff-refine-change </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">diff-refine-change </span><span style="color: #8D8D84;">*/</span> background-color: #d9d9d9; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-directory </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-directory </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-flagged </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-flagged </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-header </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-ignored </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-ignored </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-mark </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-mark </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">008b8b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-marked </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-marked </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-perm-write </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-perm-write </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-symlink </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-symlink </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-dired-warning </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">dired-warning </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-doc </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-doc-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b2252</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-escape-glyph </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">escape-glyph </span><span style="color: #8D8D84;">*/</span> color: #a52a2a; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-file-name-shadow </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">file-name-shadow </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-flyspell-duplicate </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">flyspell-duplicate </span><span style="color: #8D8D84;">*/</span> color: #cdad00; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-flyspell-incorrect </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">flyspell-incorrect </span><span style="color: #8D8D84;">*/</span> color: #ff4500; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-fringe </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">fringe </span><span style="color: #8D8D84;">*/</span> background-color: #f2f2f2; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-function-name </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-function-name-face </span><span style="color: #8D8D84;">*/</span> color: teal; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-header-line </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">header-line </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">333333</span>; <span style="color: #00AA00;">background-color</span>: #e5e5e5; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-help-argument-name </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">help-argument-name </span><span style="color: #8D8D84;">*/</span> font-style: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-highlight </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">highlight </span><span style="color: #8D8D84;">*/</span> background-color: #b4eeb4; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-holiday </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">holiday </span><span style="color: #8D8D84;">*/</span> background-color: #ffc0cb; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-isearch </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">isearch </span><span style="color: #8D8D84;">*/</span> color: #b0e2ff; <span style="color: #00AA00;">background-color</span>: #cd00cd; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-isearch-fail </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">isearch-fail </span><span style="color: #8D8D84;">*/</span> background-color: #ffc1c1; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-italic </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">italic </span><span style="color: #8D8D84;">*/</span> font-style: italic; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-keyword </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-keyword-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0086b3</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-lazy-highlight </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">lazy-highlight </span><span style="color: #8D8D84;">*/</span> background-color: #afeeee; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-link </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">link </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-link-visited </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">link-visited </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b008b</span>; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-log-edit-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">log-edit-header </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-log-edit-summary </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">log-edit-summary </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-log-edit-unknown-header </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">log-edit-unknown-header </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-match </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">match </span><span style="color: #8D8D84;">*/</span> background-color: #ffff00; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-next-error </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">next-error </span><span style="color: #8D8D84;">*/</span> background-color: #eedc82; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-nobreak-space </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">nobreak-space </span><span style="color: #8D8D84;">*/</span> color: #a52a2a; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-archived </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-archived </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-block </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-block </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-block-begin-line </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-block-begin-line </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-block-end-line </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-block-end-line </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-checkbox </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-checkbox </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-checkbox-statistics-done </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-checkbox-statistics-done </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-checkbox-statistics-todo </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-checkbox-statistics-todo </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-clock-overlay </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-clock-overlay </span><span style="color: #8D8D84;">*/</span> background-color: #ffff00; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-code </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-code </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-column </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-column </span><span style="color: #8D8D84;">*/</span> background-color: #e5e5e5; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-column-title </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-column-title </span><span style="color: #8D8D84;">*/</span> background-color: #e5e5e5; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-date </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-date </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-document-info </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-document-info </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">191970</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-document-info-keyword </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-document-info-keyword </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-document-title </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-document-title </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">191970</span>; <span style="color: #00AA00;">font-size</span>: <span style="color: #D0372D;">144%</span>; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-done </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-done </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-drawer </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-drawer </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-ellipsis </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-ellipsis </span><span style="color: #8D8D84;">*/</span> color: #b8860b; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-footnote </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-footnote </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-formula </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-formula </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-headline-done </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-headline-done </span><span style="color: #8D8D84;">*/</span> color: #bc8f8f; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-hide </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-hide </span><span style="color: #8D8D84;">*/</span> color: #ffffff; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-latex-and-export-specials </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-latex-and-export-specials </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b4513</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-1 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-1 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-2 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-2 </span><span style="color: #8D8D84;">*/</span> color: #a0522d; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-3 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-3 </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-4 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-4 </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-5 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-5 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-6 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-6 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">008b8b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-7 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-7 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7a378b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-level-8 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-level-8 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b2252</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-link </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-link </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #00AA00;">text-decoration</span>: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-meta-line </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-meta-line </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-mode-line-clock </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-mode-line-clock </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">000000</span>; <span style="color: #00AA00;">background-color</span>: #bfbfbf; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-mode-line-clock-overrun </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-mode-line-clock-overrun </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">000000</span>; <span style="color: #00AA00;">background-color</span>: #ff0000; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-quote </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-quote </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-scheduled </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-scheduled </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">006400</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-scheduled-previously </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-scheduled-previously </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-scheduled-today </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-scheduled-today </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">006400</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-sexp-date </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-sexp-date </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-special-keyword </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-special-keyword </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-table </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-table </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-tag </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-tag </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-target </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-target </span><span style="color: #8D8D84;">*/</span> text-decoration: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-time-grid </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-time-grid </span><span style="color: #8D8D84;">*/</span> color: #b8860b; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-todo </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-todo </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-upcoming-deadline </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-upcoming-deadline </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-verbatim </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-verbatim </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-verse </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-verse </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-org-warning </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">org-warning </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-1 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-1 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">0000ff</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-2 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-2 </span><span style="color: #8D8D84;">*/</span> color: #a0522d; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-3 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-3 </span><span style="color: #8D8D84;">*/</span> color: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-4 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-4 </span><span style="color: #8D8D84;">*/</span> color: #b22222; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-5 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-5 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-6 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-6 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">008b8b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-7 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-7 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7a378b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-outline-8 </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">outline-8 </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">8b2252</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-preprocessor </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-preprocessor-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7a378b</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-query-replace </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">query-replace </span><span style="color: #8D8D84;">*/</span> color: #b0e2ff; <span style="color: #00AA00;">background-color</span>: #cd00cd; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-regexp-grouping-backslash </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-regexp-grouping-backslash </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-regexp-grouping-construct </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-regexp-grouping-construct </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-region </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">region </span><span style="color: #8D8D84;">*/</span> background-color: #eedc82; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-secondary-selection </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">secondary-selection </span><span style="color: #8D8D84;">*/</span> background-color: #ffff00; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-shadow </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">shadow </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-show-paren-match </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">show-paren-match </span><span style="color: #8D8D84;">*/</span> background-color: #<span style="color: #D0372D;">40e0d0</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-show-paren-mismatch </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">show-paren-mismatch </span><span style="color: #8D8D84;">*/</span> color: #ffffff; <span style="color: #00AA00;">background-color</span>: #a020f0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-string </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-string-face </span><span style="color: #8D8D84;">*/</span> color: #dd1144; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-tool-bar </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">tool-bar </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">000000</span>; <span style="color: #00AA00;">background-color</span>: #bfbfbf; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-tooltip </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">tooltip </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">000000</span>; <span style="color: #00AA00;">background-color</span>: #ffffe0; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-trailing-whitespace </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">trailing-whitespace </span><span style="color: #8D8D84;">*/</span> background-color: #ff0000; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-type </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-type-face </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">228b22</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-underline </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">underline </span><span style="color: #8D8D84;">*/</span> text-decoration: underline; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-variable-name </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-variable-name-face </span><span style="color: #8D8D84;">*/</span> color: teal; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-warning </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">font-lock-warning-face </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #00AA00;">font-weight</span>: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-button </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-button </span><span style="color: #8D8D84;">*/</span> font-weight: bold; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-button-pressed </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-button-pressed </span><span style="color: #8D8D84;">*/</span> color: #ff0000; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-documentation </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-documentation </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">006400</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-field </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-field </span><span style="color: #8D8D84;">*/</span> background-color: #d9d9d9; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-inactive </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-inactive </span><span style="color: #8D8D84;">*/</span> color: #<span style="color: #D0372D;">7f7f7f</span>; <span style="color: #707183;">}</span>
<span style="color: #0000ff; font-weight: bold;">.org-widget-single-line-field </span><span style="color: #707183;">{</span> <span style="color: #8D8D84;">/* </span><span style="color: #8D8D84; font-style: italic;">widget-single-line-field </span><span style="color: #8D8D84;">*/</span> background-color: #d9d9d9; <span style="color: #707183;">}</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-orgfb998eb" class="outline-2">
<h2 id="orgfb998eb">JS</h2>
<div class="outline-text-2" id="text-orgfb998eb">
<div class="org-src-container">
<pre class="src src-js">$<span style="color: #707183;">(</span><span style="color: #0000FF;">function</span><span style="color: #7388D6;">()</span> <span style="color: #7388D6;">{</span>
$<span style="color: #909183;">(</span><span style="color: #008000;">'.note'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title note'&gt;Note&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.seealso'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title seealso'&gt;See also&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.warning'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title warning'&gt;Warning&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.caution'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title caution'&gt;Caution&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.attention'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title attention'&gt;Attention&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.tip'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title tip'&gt;Tip&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.important'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title important'&gt;Important&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.hint'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title hint'&gt;Hint&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.error'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title error'&gt;Error&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'.danger'</span><span style="color: #909183;">)</span>.before<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;p class='admonition-title danger'&gt;Danger&lt;/p&gt;"</span><span style="color: #909183;">)</span>;
<span style="color: #7388D6;">}</span><span style="color: #707183;">)</span>;
$<span style="color: #707183;">(</span> document <span style="color: #707183;">)</span>.ready<span style="color: #707183;">(</span><span style="color: #0000FF;">function</span><span style="color: #7388D6;">()</span> <span style="color: #7388D6;">{</span>
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">Shift nav in mobile when clicking the menu.</span>
$<span style="color: #909183;">(</span>document<span style="color: #909183;">)</span>.on<span style="color: #909183;">(</span><span style="color: #008000;">'click'</span>, <span style="color: #008000;">"[data-toggle='wy-nav-top']"</span>, <span style="color: #0000FF;">function</span><span style="color: #709870;">()</span> <span style="color: #709870;">{</span>
$<span style="color: #907373;">(</span><span style="color: #008000;">"[data-toggle='wy-nav-shift']"</span><span style="color: #907373;">)</span>.toggleClass<span style="color: #907373;">(</span><span style="color: #008000;">"shift"</span><span style="color: #907373;">)</span>;
$<span style="color: #907373;">(</span><span style="color: #008000;">"[data-toggle='rst-versions']"</span><span style="color: #907373;">)</span>.toggleClass<span style="color: #907373;">(</span><span style="color: #008000;">"shift"</span><span style="color: #907373;">)</span>;
<span style="color: #709870;">}</span><span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">Close menu when you click a link.</span>
$<span style="color: #909183;">(</span>document<span style="color: #909183;">)</span>.on<span style="color: #909183;">(</span><span style="color: #008000;">'click'</span>, <span style="color: #008000;">".wy-menu-vertical .current ul li a"</span>, <span style="color: #0000FF;">function</span><span style="color: #709870;">()</span> <span style="color: #709870;">{</span>
$<span style="color: #907373;">(</span><span style="color: #008000;">"[data-toggle='wy-nav-shift']"</span><span style="color: #907373;">)</span>.removeClass<span style="color: #907373;">(</span><span style="color: #008000;">"shift"</span><span style="color: #907373;">)</span>;
$<span style="color: #907373;">(</span><span style="color: #008000;">"[data-toggle='rst-versions']"</span><span style="color: #907373;">)</span>.toggleClass<span style="color: #907373;">(</span><span style="color: #008000;">"shift"</span><span style="color: #907373;">)</span>;
<span style="color: #709870;">}</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span>document<span style="color: #909183;">)</span>.on<span style="color: #909183;">(</span><span style="color: #008000;">'click'</span>, <span style="color: #008000;">"[data-toggle='rst-current-version']"</span>, <span style="color: #0000FF;">function</span><span style="color: #709870;">()</span> <span style="color: #709870;">{</span>
$<span style="color: #907373;">(</span><span style="color: #008000;">"[data-toggle='rst-versions']"</span><span style="color: #907373;">)</span>.toggleClass<span style="color: #907373;">(</span><span style="color: #008000;">"shift-up"</span><span style="color: #907373;">)</span>;
<span style="color: #709870;">}</span><span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">Make tables responsive</span>
$<span style="color: #909183;">(</span><span style="color: #008000;">"table.docutils:not(.field-list)"</span><span style="color: #909183;">)</span>.wrap<span style="color: #909183;">(</span><span style="color: #008000;">"&lt;div class='wy-table-responsive'&gt;&lt;/div&gt;"</span><span style="color: #909183;">)</span>;
<span style="color: #7388D6;">}</span><span style="color: #707183;">)</span>;
$<span style="color: #707183;">(</span> document <span style="color: #707183;">)</span>.ready<span style="color: #707183;">(</span><span style="color: #0000FF;">function</span><span style="color: #7388D6;">()</span> <span style="color: #7388D6;">{</span>
$<span style="color: #909183;">(</span><span style="color: #008000;">'#text-table-of-contents ul'</span><span style="color: #909183;">)</span>.first<span style="color: #909183;">()</span>.addClass<span style="color: #909183;">(</span><span style="color: #008000;">'nav'</span><span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">ScrollSpy also requires that we use</span>
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">a Bootstrap nav component.</span>
$<span style="color: #909183;">(</span><span style="color: #008000;">'body'</span><span style="color: #909183;">)</span>.scrollspy<span style="color: #909183;">(</span><span style="color: #709870;">{</span>target: <span style="color: #008000;">'#text-table-of-contents'</span><span style="color: #709870;">}</span><span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">add sticky table headers</span>
$<span style="color: #909183;">(</span><span style="color: #008000;">'table'</span><span style="color: #909183;">)</span>.stickyTableHeaders<span style="color: #909183;">()</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">set the height of tableOfContents</span>
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">$postamble</span> = $<span style="color: #909183;">(</span><span style="color: #008000;">'#postamble'</span><span style="color: #909183;">)</span>;
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">$tableOfContents</span> = $<span style="color: #909183;">(</span><span style="color: #008000;">'#table-of-contents'</span><span style="color: #909183;">)</span>;
$tableOfContents.css<span style="color: #909183;">(</span><span style="color: #709870;">{</span>paddingBottom: $postamble.outerHeight<span style="color: #907373;">()</span><span style="color: #709870;">}</span><span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">add TOC button</span>
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">toggleSidebar</span> = $<span style="color: #909183;">(</span><span style="color: #008000;">'&lt;div id="toggle-sidebar"&gt;&lt;a href="#table-of-contents"&gt;&lt;h2&gt;Table of Contents&lt;/h2&gt;&lt;/a&gt;&lt;/div&gt;'</span><span style="color: #909183;">)</span>;
$<span style="color: #909183;">(</span><span style="color: #008000;">'#content'</span><span style="color: #909183;">)</span>.prepend<span style="color: #909183;">(</span>toggleSidebar<span style="color: #909183;">)</span>;
<span style="color: #8D8D84;">// </span><span style="color: #8D8D84; font-style: italic;">add close button when sidebar showed in mobile screen</span>
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">closeBtn</span> = $<span style="color: #909183;">(</span><span style="color: #008000;">'&lt;a class="close-sidebar" href="#"&gt;Close&lt;/a&gt;'</span><span style="color: #909183;">)</span>;
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">tocTitle</span> = $<span style="color: #909183;">(</span><span style="color: #008000;">'#table-of-contents'</span><span style="color: #909183;">)</span>.find<span style="color: #909183;">(</span><span style="color: #008000;">'h2'</span><span style="color: #909183;">)</span>;
tocTitle.append<span style="color: #909183;">(</span>closeBtn<span style="color: #909183;">)</span>;
<span style="color: #7388D6;">}</span><span style="color: #707183;">)</span>;
window.SphinxRtdTheme = <span style="color: #707183;">(</span><span style="color: #0000FF;">function</span> <span style="color: #7388D6;">(</span><span style="color: #BA36A5;">jquery</span><span style="color: #7388D6;">)</span> <span style="color: #7388D6;">{</span>
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">stickyNav</span> = <span style="color: #909183;">(</span><span style="color: #0000FF;">function</span> <span style="color: #709870;">()</span> <span style="color: #709870;">{</span>
<span style="color: #0000FF;">var</span> <span style="color: #BA36A5;">navBar</span>,
win,
stickyNavCssClass = <span style="color: #008000;">'stickynav'</span>,
applyStickNav = <span style="color: #0000FF;">function</span> <span style="color: #907373;">()</span> <span style="color: #907373;">{</span>
<span style="color: #0000FF;">if</span> <span style="color: #6276BA;">(</span>navBar.height<span style="color: #858580;">()</span> &lt;= win.height<span style="color: #858580;">()</span><span style="color: #6276BA;">)</span> <span style="color: #6276BA;">{</span>
navBar.addClass<span style="color: #858580;">(</span>stickyNavCssClass<span style="color: #858580;">)</span>;
<span style="color: #6276BA;">}</span> <span style="color: #0000FF;">else</span> <span style="color: #6276BA;">{</span>
navBar.removeClass<span style="color: #858580;">(</span>stickyNavCssClass<span style="color: #858580;">)</span>;
<span style="color: #6276BA;">}</span>
<span style="color: #907373;">}</span>,
enable = <span style="color: #0000FF;">function</span> <span style="color: #907373;">()</span> <span style="color: #907373;">{</span>
applyStickNav<span style="color: #6276BA;">()</span>;
win.on<span style="color: #6276BA;">(</span><span style="color: #008000;">'resize'</span>, applyStickNav<span style="color: #6276BA;">)</span>;
<span style="color: #907373;">}</span>,
init = <span style="color: #0000FF;">function</span> <span style="color: #907373;">()</span> <span style="color: #907373;">{</span>
navBar = jquery<span style="color: #6276BA;">(</span><span style="color: #008000;">'nav.wy-nav-side:first'</span><span style="color: #6276BA;">)</span>;
win = jquery<span style="color: #6276BA;">(</span>window<span style="color: #6276BA;">)</span>;
<span style="color: #907373;">}</span>;
jquery<span style="color: #907373;">(</span>init<span style="color: #907373;">)</span>;
<span style="color: #0000FF;">return</span> <span style="color: #907373;">{</span>
enable : enable
<span style="color: #907373;">}</span>;
<span style="color: #709870;">}()</span><span style="color: #909183;">)</span>;
<span style="color: #0000FF;">return</span> <span style="color: #909183;">{</span>
StickyNav : stickyNav
<span style="color: #909183;">}</span>;
<span style="color: #7388D6;">}(</span>$<span style="color: #7388D6;">)</span><span style="color: #707183;">)</span>;
</pre>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment