template: Wrap content in article and add header and footer tags.

This commit is contained in:
Bradley Sepos 2016-03-25 18:01:22 -04:00
parent e120124c4c
commit d6af0c0c45
19 changed files with 214 additions and 32 deletions

View File

@ -81,12 +81,18 @@ function build_source {
touch "${BASE}.html"
while IFS='' read TEMPLATE || [[ -n "${TEMPLATE}" ]]; do
echo "${TEMPLATE//$VAR_Content/$DOCUMENT_Content}" \
| sed -E 's:{{[ ]*meta\.language-code[ ]*}}:'"${META_Language_Code:-}"':g' \
| sed -E 's:{{[ ]*meta\.text-encoding[ ]*}}:'"${META_Text_Encoding:-}"':g' \
| sed -E 's:{{[ ]*meta\.authors[ ]*}}:'"${META_Authors:-}"':g' \
| sed -E 's:{{[ ]*meta\.project[ ]*}}:'"${META_Project:-}"':g' \
| sed -E 's:{{[ ]*meta\.title[ ]*}}:'"${META_Title:-}"':g' \
| sed -E 's:{{[ ]*base\.relpath[ ]*}}:'"${BASE_RELPATH:-}"':g' \
| sed -E 's|{{[ ]*meta\.title[ ]*}}|'"${META_Title:-}"'|g' \
| sed -E 's|{{[ ]*meta\.project[ ]*}}|'"${META_Project:-}"'|g' \
| sed -E 's|{{[ ]*meta\.project-url[ ]*}}|'"${META_Project_URL:-}"'|g' \
| sed -E 's|{{[ ]*meta\.project-version[ ]*}}|'"${META_Project_Version:-}"'|g' \
| sed -E 's|{{[ ]*meta\.language[ ]*}}|'"${META_Language:-}"'|g' \
| sed -E 's|{{[ ]*meta\.language-code[ ]*}}|'"${META_Language_Code:-}"'|g' \
| sed -E 's|{{[ ]*meta\.text-encoding[ ]*}}|'"${META_Text_Encoding:-}"'|g' \
| sed -E 's|{{[ ]*meta\.authors[ ]*}}|'"${META_Authors:-}"'|g' \
| sed -E 's|{{[ ]*meta\.copyright[ ]*}}|'"${META_Copyright:-}"'|g' \
| sed -E 's|{{[ ]*meta\.license[ ]*}}|'"${META_License:-}"'|g' \
| sed -E 's|{{[ ]*meta\.license-url[ ]*}}|'"${META_License_URL:-}"'|g' \
| sed -E 's|{{[ ]*base\.relpath[ ]*}}|'"${BASE_RELPATH:-}"'|g' \
>> "${BASE}.html"
done < "${TEMPLATE_DIR}/document.html"

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Checking for updates</div>
</header>
<h1>Checking for updates</h1>
<p>HandBrake can let you know when a newer version is available, and even automatically download and install available updates.</p>
@ -27,5 +31,10 @@
<h2>Next steps</h2>
<p>Continue to <a href="../workflow/open-video.html">Opening a video</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Downloading and installing HandBrake</div>
</header>
<h1>Downloading and installing HandBrake</h1>
<p>HandBrake is available for Linux, OS X, and Windows, at the <a href="https://handbrake.fr/">official HandBrake website</a>.</p>
@ -64,5 +68,10 @@
<p>These instructions are taken directly from Apple&rsquo;s OS X Gatekeeper support documents. You can learn more about Gatekeeper <a href="https://support.apple.com/kb/PH21769?locale=en_US">here</a> and <a href="https://support.apple.com/en-us/HT202491">here</a>.<a href="#fnref:2" rev="footnote">&#8617;</a></p></li>
</ol>
</div>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Where to get HandBrake</div>
</header>
<h1>Where to get HandBrake</h1>
<h2>HandBrake releases and nightly builds</h2>
@ -41,5 +45,10 @@
<h2>Next steps</h2>
<p>Continue to <a href="download-and-install.html">Downloading and installing HandBrake</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Community support</div>
</header>
<h1>Community support</h1>
<p>If you run into problems using HandBrake, first take a look at this documentation&rsquo;s <a href="../table-of-contents.html">Table of contents</a>—the information you need may be just a click away.</p>
@ -39,5 +43,10 @@
<h2>Next steps</h2>
<p>Continue to (TODO: link).</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > About HandBrake</div>
</header>
<h1>About HandBrake</h1>
<h2>What HandBrake is</h2>
@ -61,5 +65,10 @@
<h2>Next steps</h2>
<p>Continue to <a href="../get-handbrake/where-to-get-handbrake.html">Where to get HandBrake</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Quick start</div>
</header>
<h1>Quick start</h1>
<p>HandBrake takes videos you already have and makes new ones that work on your mobile phone, tablet, TV media player, game console, computer, or web browser—nearly anything that supports modern video formats.</p>
@ -79,5 +83,10 @@
<p>If you didn&rsquo;t get a video file as expected, encountered an error, or had some other trouble, you can continue reading to learn more about how HandBrake works or jump right to <a href="../help/index.html">Getting help</a>.</p>
<p>Continue to <a href="about.html">About HandBrake</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Table of contents</div>
</header>
<h1>Table of contents</h1>
<h2>Introduction</h2>
@ -285,5 +289,10 @@
</li>
<li>Advanced preferences</li>
</ul>
<footer>
<p><span class="authorship">This article is part of the <a href="../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Source formats</div>
</header>
<h1>Source formats</h1>
<p>One of HandBrake&rsquo;s strengths is its ability to open a wide variety of video formats. HandBrake uses <a href="https://libav.org/">Libav</a> under the hood and generally can open whatever Libav will, in addition to disc-based formats like DVD and Blu-ray.</p>
@ -62,5 +66,10 @@
<p>Without special software, it is not possible to directly copy VIDEO_TS and BDMV folders from copy-protected discs.<a href="#fnref:3" rev="footnote">&#8617;</a></p></li>
</ol>
</div>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Adjusting quality</div>
</header>
<h1>Adjusting quality</h1>
<p>HandBrake&rsquo;s default settings and built-in <code>Presets</code> use a constant quality encoding method. This makes your new video look consistent from start to finish. Always use constant quality unless you have a specific reason not to.</p>
@ -63,5 +67,10 @@
<p>Learn more about <a href="https://en.wikipedia.org/wiki/Optimum_HDTV_viewing_distance">optimum viewing distances for high definition TV displays</a>.<a href="#fnref:4" rev="footnote">&#8617;</a></p></li>
</ol>
</div>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Opening a video</div>
</header>
<h1>Opening a video</h1>
<p>In HandBrake terms, the original video you already have is called the <code>Source</code>. One of HandBrake&rsquo;s strengths is its ability to open <code>Sources</code> in a wide variety of video formats, including but not limited to:</p>
@ -64,5 +68,10 @@
<p>HD-DVD playlists are not fully supported. Individual files/streams may work.<a href="#fnref:3" rev="footnote">&#8617;</a></p></li>
</ol>
</div>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Previewing your settings</div>
</header>
<h1>Previewing your settings</h1>
<p>Video encoding requires a lot of computer resources and can take awhile to complete. Exactly how long depends on a number of factors, including the duration, resolution, and complexity of your <code>Source</code>, and the settings for making your new video.</p>
@ -61,5 +65,10 @@
<p>If the <code>Preview</code> you created was lacking in quality or otherwise not as expected, you may need to <a href="adjust-quality.html">adjust quality</a> or select a different <a href="select-preset.html">Preset</a>, after which you can create another <code>Preview</code> to see any changes.</p>
<p>Once you are satisfied, continue to <a href="start-encoding.html">Starting encoding</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Selecting a preset</div>
</header>
<h1>Selecting a preset</h1>
<p><em>Presets, presets, presets.</em></p>
@ -35,5 +39,10 @@
<h2>Next steps</h2>
<p>Continue to <a href="adjust-quality.html">Adjusting quality</a>.</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > Starting encoding</div>
</header>
<h1>Starting encoding</h1>
<p>Now that you&rsquo;ve got all your settings just right, it&rsquo;s time to make your new video!</p>
@ -43,5 +47,10 @@
<p>If you didn&rsquo;t get a video file as expected, encountered an error, or had some other trouble, you can continue reading to learn more about how HandBrake works or jump right to <a href="../help/index.html">Getting help</a>.</p>
<p>Continue to (TODO: add link).</p>
<footer>
<p><span class="authorship">This article is part of the <a href="../../../" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > License Summary</div>
</header>
<h1>License Summary</h1>
<p>HandBrake Documentation (this work) is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License.</p>
@ -43,5 +47,10 @@
<p>The license prohibits application of effective technological measures, defined with reference to Article 11 of the WIPO Copyright Treaty. <a href="https://wiki.creativecommons.org/wiki/License_Versions#Application_of_effective_technological_measures_by_users_of_CC-licensed_works_prohibited">More info on application of effective technological measures</a>.<a href="#fnref:4" rev="footnote">&#8617;</a></p></li>
</ol>
</div>
<footer>
<p><span class="authorship">This article is part of the <a href="" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">English Docs > HandBrake Latest > License</div>
</header>
<h1>Creative Commons Attribution-ShareAlike 4.0 International Public License</h1>
<p>By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-ShareAlike 4.0 International Public License (&ldquo;Public License&rdquo;). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.</p>
@ -159,5 +163,10 @@ For the avoidance of doubt, this Section 6(b) does not affect any right the Lice
<li>No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.</li>
<li>Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.</li>
</ol>
<footer>
<p><span class="authorship">This article is part of the <a href="" title="HandBrake Documentation">HandBrake Documentation</a> and was written by Bradley Sepos.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright 2016 HandBrake Team. Licensed under the <a href="https://handbrake.fr/docs/license.html" title="License Summary">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -48,63 +48,79 @@
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans-bolditalic-1.10.woff2') format('woff2'), url('../fonts/opensans-bolditalic-1.10.woff') format('woff');
}
body {
margin: 40px auto;
padding: 0 10px;
article.docs {
margin: 0 auto;
padding: 40px 150px;
max-width: 650px;
color: rgb(68,68,68);
background-color: rgb(252,252,252);
font-family: 'Open Sans';
font-size: 15px;
line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
article.docs h1,
article.docs h2,
article.docs h3,
article.docs h4,
article.docs h5,
article.docs h6 {
font-family: 'Ropa Sans';
font-weight: 400;
text-rendering: geometricPrecision;
color: rgb(60,60,60);
}
h1 {
article.docs h1 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.035em;
}
h2 {
article.docs h2 {
font-size: 28px;
line-height: 30px;
letter-spacing: -0.025em;
}
h3 {
article.docs h3 {
font-size: 21px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: -0.018em;
}
h4 {
article.docs h4 {
font-size: 19px;
line-height: 20px;
letter-spacing: -0.02em;
}
h5 {
article.docs h5 {
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: -0.01em;
}
h6 {
article.docs h6 {
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
letter-spacing: -0.005em;
}
p, body > ol, body > ul {
article.docs header .breadcrumbs {
font-size: 12px;
}
article.docs footer p {
font-style: italic;
}
article.docs p,
article.docs > ol,
article.docs > ul,
article.docs header .breadcrumbs,
article.docs footer p,
article.docs footer small {
margin: 1.33333em 0;
}

View File

@ -10,6 +10,15 @@
<link rel="stylesheet" type="text/css" href="{{ base.relpath }}style/style.css" />
</head>
<body>
<article class="docs">
<header>
<div class="breadcrumbs">{{ meta.language }} Docs > {{ meta.project }} {{ meta.project-version }} > {{ meta.title }}</div>
</header>
{{ document.content }}
<footer>
<p><span class="authorship">This article is part of the <a href="{{ base.relpath }}" title="{{ meta.project }} Documentation">{{ meta.project }} Documentation</a> and was written by {{ meta.authors }}.</span> <span class="contributing">Join us on GitHub to contribute your thoughts and ideas, and to suggest any necessary corrections.</span></p>
<small class="copyright">Copyright {{ meta.copyright }}. Licensed under the <a href="{{ meta.license-url }}" title="License Summary">{{ meta.license }}</a>.</small>
</footer>
</article>
</body>
</html>

View File

@ -48,63 +48,79 @@
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans-bolditalic-1.10.woff2') format('woff2'), url('../fonts/opensans-bolditalic-1.10.woff') format('woff');
}
body {
margin: 40px auto;
padding: 0 10px;
article.docs {
margin: 0 auto;
padding: 40px 150px;
max-width: 650px;
color: rgb(68,68,68);
background-color: rgb(252,252,252);
font-family: 'Open Sans';
font-size: 15px;
line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
article.docs h1,
article.docs h2,
article.docs h3,
article.docs h4,
article.docs h5,
article.docs h6 {
font-family: 'Ropa Sans';
font-weight: 400;
text-rendering: geometricPrecision;
color: rgb(60,60,60);
}
h1 {
article.docs h1 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.035em;
}
h2 {
article.docs h2 {
font-size: 28px;
line-height: 30px;
letter-spacing: -0.025em;
}
h3 {
article.docs h3 {
font-size: 21px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: -0.018em;
}
h4 {
article.docs h4 {
font-size: 19px;
line-height: 20px;
letter-spacing: -0.02em;
}
h5 {
article.docs h5 {
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: -0.01em;
}
h6 {
article.docs h6 {
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
letter-spacing: -0.005em;
}
p, body > ol, body > ul {
article.docs header .breadcrumbs {
font-size: 12px;
}
article.docs footer p {
font-style: italic;
}
article.docs p,
article.docs > ol,
article.docs > ul,
article.docs header .breadcrumbs,
article.docs footer p,
article.docs footer small {
margin: 1.33333em 0;
}