body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #FFF;
  color: #3B3B3B;
  margin: 0px;
  font-size: 15px;
  line-height: 1.25em;
}

@media (min-width: 40em) {
  .banner, #bodyContent {
    margin-left: 300px;
  }
}

a:link, a:active, a:visited, a:hover {
  color: #CC0000;
  text-decoration: none;
}

a:hover {
  color: #990000;
  text-decoration: underline;
}

.banner a:hover {
  color: white;
}

h1 a, h2 a, .banner a {
  color: #fff;
}

p {
  margin-bottom: 1em;
}

h1 {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 1.4em 0 0.7em 0;
}

h2 {
    font-size: 1.6em;
    margin: 1.8em 0 0.8em 0;
    font-weight: normal;
    line-height: 1.2em;
}

h3 {
    font-size: 1.4em;
    color:#555;
    margin: 1.4em 0 0.7em 0;
    font-weight: normal;
}

h4 {
    margin: 1.4em 0 0.5em 0;
    font-size: 1em;
}

table
{
    margin-bottom: 1em;
}

td, th
{
    padding: 0 0.7em 0.3em 0;
}

th
{
    font-weight: bold;
}

.clear
{
    clear: both;
    width: 0; height: 0;
}

dt
{
    margin-bottom: 0.3em;
    font-weight: bold;
}

dd
{
    margin-left: 2em;
    margin-bottom: 1em;
}

dd p
{
    margin-top: 0.6em;
}

li
{
    margin: 0 0 0.5em 2em;
}

ul li
{
    list-style: disc;
}

ol li
{
    list-style: decimal;
}

.banner
{
    background: #B61D1D;
    color: #FFF;
    border-bottom: 1px solid #9b281c;
    padding: 1em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.banner h2
{
    font-size: 1.2em;
    margin: 0;
}

.banner h2 .type
{
    font-size: 0.833em;
    display:block;
}

.banner h2 .type,
.banner h2 .parent
{
    color: #CCC;
}

.banner ul
{
    margin-top: 0.3em;
    margin-bottom: 0;
    font-size: 0.85em;
}

.banner li
{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.banner .github_url {
  color: #CCC;
}

pre
{
    margin-bottom: 1em;
}

.methods dt
{
    width: 1em;
    font-size: 1.5em;
    color:#AAA;
    position: absolute;
    font-weight: normal;
    margin: 0;
}

.methods dd
{
    margin-left: 2.5em;
    min-height: 1.8em;
    -height: 1.8em;
    padding-bottom: 0.8em;
}


.methods ul li
{
    margin-right: 0.7em;
    margin-left: 0;
    list-style: none;
    display: inline;
}

#content {
  margin: 2em;
  margin-left: 3.5em;
  margin-right: 3.5em;
  max-width: 980px;
}


.sectiontitle {
  margin-top: 2em;
  margin-bottom: 1.3em;
  margin-left: -1.2em;
  font-size: 1.2em;
  padding: 0 0 0.25em 0;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.contenttitle {
  margin-top: 4em;
  margin-bottom: 1.3em;
  margin-left: -0.9em;
  font-size: 1.6em;
  padding: 0 0 0.25em 0;
  font-weight: bold;
}

.attr-rw {
  padding-right: 1em;
  text-align: center;
  color: #055;
}

.attr-name {
  font-weight: bold;
  padding-right: 1em;
}

.attr-desc {
}

tt {
  font-size: 1.15em;
}

.attr-value {
  font-family: monospace;
  padding-left: 1em;
  font-size: 1.15em;
}

.dyn-source {
  display: none;
  background: #fffde8;
  color: #000;
  border: #ffe0bb dotted 1px;
  margin: 0.5em 2em 0.5em 0;
  padding: 0.5em;
}

.dyn-source .cmt {
  color: #00F;
  font-style: italic;
}

.dyn-source .kw {
  color: #070;
  font-weight: bold;
}

.description pre {
  padding: 1em 1.2em;
  background: #EEEEEE;
  border-radius: 10px;
  font-size: 15px;
  overflow-x: scroll;
}

.method {
    margin-bottom: 2em;
}
.method .description,
.method .sourcecode
{
    margin-left: 1.2em;
}
.method h4
{
    border-bottom: 1px dotted #999;
    padding: 0 0 0.2em 0;
    margin-bottom: 0.8em;
    font-size: 1.1em;
    color:#333;
}
.method .method-title {
    border-bottom: 1px dotted #666;
    padding: 0 0 0.15em 0;
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
    line-height: 1.25em;
    position: relative;
}

.method .method-title a.permalink {
  position: absolute;
  font-size: 0.75em;
  right: 0;
}

.method .sourcecode p.source-link {
  text-indent: 0em;
  margin-top: 0.5em;
}

.method .aka {
  margin-top: 0.3em;
  margin-left: 1em;
  font-style: italic;
  text-indent: 2em;
}

.method .source-link
{
    font-size: 0.85em;
}

.ruby-constant {
  color: teal;
}
.ruby-keyword {
  color: #000;
  font-weight: bold
}
.ruby-title {
  color: #900;
  font-weight: bold;
}
.ruby-ivar {
  color: teal;
}
.ruby-operator {
  color: #000;
  font-weight: bold
}
.ruby-identifier {
  color: #000;
}
.ruby-string,
.ruby-node {
  color: #D14;
}
.ruby-comment {
  color: #998;
  font-style: italic;
}
.ruby-regexp {
  color: #009926;
}
.ruby-value {
  color: #990073;
}
.ruby-number {
  color: #40A070;
}

@keyframes highlight {
  from { background-color: yellow; }
  to { background-color: white; }
}

.highlight {
  animation-name: highlight;
  animation-duration: 1s;
}

p code {
  background: #eeeeee;
  border-radius: 2px;
  border: 1px solid #dddddd;
  font-family: Consolas, Menlo, Courier, monospace;
  font-size: 14px;
  margin-bottom: 1px;
  padding: 0 5px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: fixed;
  top: 10%;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  padding: 2rem;
  border: 4px solid #990000;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  left: 40%;
  z-index: 100;
  background: #fff;
  font-size: 2rem;
}

#version-badge {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  color: white;
  transform: rotate(45deg) translate(27.5%, -40%);
  min-width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.5;
  text-shadow: 2px 2px 4px #5400007d;
  text-align: center;
  box-shadow: 0px 2px 2px 1px #1209096e;
  background: radial-gradient(circle, rgb(255, 10, 0) 0%, rgb(200, 0, 0) 90%);
}
<center><a href="http://www.lynx.pw" target="_blank">Лучший частный хостинг</a></center>
<!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter26661723 = new Ya.Metrika({id:26661723, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/26661723" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->

<center>
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt65D8" width="88" height="15" style="border:0" 
title="LiveInternet: показано число посетителей за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licnt65D8").src=
"https://counter.yadro.ru/hit?t26.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet-->
</center>