Commit 12bea8af authored by Dmitry Baranovskiy's avatar Dmitry Baranovskiy

Documentation update

parent 1df44c28
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#dr-js { #dr-js {
background: #999; background: #999;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: hidden;
} }
#src-dr-js { #src-dr-js {
background: #000; background: #000;
...@@ -10,11 +16,39 @@ ...@@ -10,11 +16,39 @@
} }
.dr-doc { .dr-doc {
background: #eee; background: #eee;
border-right: solid #eee 3px;
float: right;
font: 300 100.01%/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif; font: 300 100.01%/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
height: 100%;
margin: 0;
overflow: auto;
padding: 0 2em;
width: 60em; width: 60em;
padding: 0 2em 2em; }
.dr-toc {
margin: 0;
padding: 0 1em;
background: #ddd;
list-style: none;
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
overflow: auto;
border-right: solid #ddd 3px;
height: 100%;
float: right;
width: 15em;
}
#dr {
margin: 0 auto; margin: 0 auto;
position: relative; width: 82em;
height: 100%;
}
::-moz-selection {
background: #c00;
color: #fff;
}
::selection {
background: #c00;
color: #fff;
} }
.dr-doc code, .dr-doc code,
.dr-type em, .dr-type em,
...@@ -81,22 +115,19 @@ dd.dr-description { ...@@ -81,22 +115,19 @@ dd.dr-description {
.dr-type em, .dr-type em,
.dr-returns em, .dr-returns em,
.dr-property em { .dr-property em {
-webkit-border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
-moz-border-radius: .3em; -moz-border-radius: .3em;
-webkit-border-radius: .3em;
background: #ccc; background: #ccc;
border-radius: .3em; border-radius: .3em;
border-radius: .3em;
float: left;
display: block; display: block;
float: left;
font-size: .75em; font-size: .75em;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
margin: .2em .5em .2em 0; margin: .2em .5em .2em 0;
min-width: 5em;
padding: .1em .5em; padding: .1em .5em;
text-align: center; text-align: center;
min-width: 5em;
} }
.dr-property em.dr-type { .dr-property em.dr-type {
margin: .23em 1em 0 0; margin: .23em 1em 0 0;
...@@ -128,6 +159,24 @@ em.dr-type-array { ...@@ -128,6 +159,24 @@ em.dr-type-array {
dd.dr-optional { dd.dr-optional {
display: none; display: none;
} }
ol.dr-json {
background: #ddd;
list-style: none;
margin: 0 -2em;
padding: 1em 2em;
}
ol.dr-json .dr-json-key {
float: left;
min-width: 3em;
margin-right: 1em;
}
ol.dr-json .dr-json-description {
display: table;
}
ol.dr-json ol.dr-json {
margin: 0;
padding: 0 0 0 3em;
}
h1 { h1 {
font-weight: 400; font-weight: 400;
font-size: 2.6em; font-size: 2.6em;
...@@ -175,21 +224,6 @@ p.header { ...@@ -175,21 +224,6 @@ p.header {
margin-right: 1em; margin-right: 1em;
width: 10em; width: 10em;
} }
.dr-toc {
-webkit-border-bottom-left-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
float: right;
margin: -3px 0 1em 1em;
padding: 1em;
background: #ddd;
list-style: none;
border: solid 3px #999;
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
}
.dr-toc a { .dr-toc a {
display: block; display: block;
text-decoration: none; text-decoration: none;
...@@ -236,13 +270,9 @@ a.dr-sourceline { ...@@ -236,13 +270,9 @@ a.dr-sourceline {
-webkit-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear;
color: #333; color: #333;
font-family: Menlo, "Arial Unicode MS", sans-serif; font-family: Menlo, "Arial Unicode MS", sans-serif;
/* left: -20px;*/
/* line-height: 1;*/
margin: 0 0 0 .3em; margin: 0 0 0 .3em;
/* overflow: hidden;*/
opacity: 0; opacity: 0;
text-decoration: none; text-decoration: none;
/* width: 1em;*/
} }
a.dr-link { a.dr-link {
position: relative; position: relative;
...@@ -288,7 +318,6 @@ p { ...@@ -288,7 +318,6 @@ p {
padding: 5px; padding: 5px;
} }
#src-dr-js code { #src-dr-js code {
-webkit-transition: background 0.2s linear;
background: #000; background: #000;
display: block; display: block;
color: #fff; color: #fff;
...@@ -299,12 +328,49 @@ p { ...@@ -299,12 +328,49 @@ p {
line-height: 1.2; line-height: 1.2;
} }
#src-dr-js code:hover { #src-dr-js code:hover {
background: #666; background: #333;
}
#src-dr-js code:hover .ln {
/* background: #666;*/
color: #fff;
} }
#src-dr-js code .ln { #src-dr-js code .ln {
position: absolute; position: absolute;
left: 0; left: 0;
color: #000; color: #333;
width: 70px; width: 70px;
text-align: right; text-align: right;
}
/*Scrollbar*/
.dr-doc::-webkit-scrollbar,
.dr-toc::-webkit-scrollbar {
width: 7px;
height: 9px;
}
.dr-doc::-webkit-scrollbar-button:start:decrement,
.dr-doc::-webkit-scrollbar-button:end:increment,
.dr-toc::-webkit-scrollbar-button:start:decrement,
.dr-toc::-webkit-scrollbar-button:end:increment {
display: block;
height: 0;
background-color: transparent;
}
.dr-doc::-webkit-scrollbar-track-piece,
.dr-toc::-webkit-scrollbar-track-piece {
-webkit-border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}
.dr-doc::-webkit-scrollbar-thumb:vertical,
.dr-toc::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 4px;
}
.dr-doc::-webkit-scrollbar-thumb:horizontal,
.dr-toc::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 4px;
} }
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment