mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-11-12 01:50:52 +01:00
Integrated data table styles from 0.2.x
This commit is contained in:
squidfunk
parent
be2532d47f
commit
2c8a324324
@ -1,9 +1,11 @@
|
||||
# Admonition
|
||||
|
||||
[Admonition][] is an extension included in the standard Markdown library that
|
||||
[Admonition][1] is an extension included in the standard Markdown library that
|
||||
makes it possible to add block-styled side content to your documentation, for
|
||||
example summaries, hints, notes or warnings.
|
||||
|
||||
[1]: https://pythonhosted.org/Markdown/extensions/admonition.html
|
||||
|
||||
## Installation
|
||||
|
||||
Add the following lines to your `mkdocs.yml`:
|
||||
@ -84,10 +86,13 @@ Blocks can contain all kinds of text content, including headlines, lists,
|
||||
paragraphs and other blocks – except code blocks, because the parser from the
|
||||
standard Markdown library does not account for those.
|
||||
|
||||
However, the [PyMdown Extensions][] package adds an extension called
|
||||
[SuperFences][], which makes it possible to nest code blocks within other
|
||||
However, the [PyMdown Extensions][2] package adds an extension called
|
||||
[SuperFences][3], which makes it possible to nest code blocks within other
|
||||
blocks.
|
||||
|
||||
[2]: https://facelessuser.github.io/pymdown-extensions
|
||||
[3]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/
|
||||
|
||||
Example:
|
||||
|
||||
!!! hint
|
||||
@ -308,7 +313,3 @@ Qualifiers:
|
||||
|
||||
* `error`
|
||||
* `bug`
|
||||
|
||||
[Admonition]: https://pythonhosted.org/Markdown/extensions/admonition.html
|
||||
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
|
||||
[SuperFences]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/
|
||||
|
||||
@ -1,14 +1,16 @@
|
||||
# CodeHilite
|
||||
|
||||
[CodeHilite][] is an extension that adds syntax highlighting to codeblocks and
|
||||
[CodeHilite][1] is an extension that adds syntax highlighting to codeblocks and
|
||||
is included in the standard Markdown library. The highlighting process is
|
||||
executed during compilation of the Markdown file.
|
||||
|
||||
[1]: https://pythonhosted.org/Markdown/extensions/code_hilite.html
|
||||
|
||||
## Installation
|
||||
|
||||
CodeHilite parses code blocks and wraps them in `<pre>` tags. If [Pygments][]
|
||||
CodeHilite parses code blocks and wraps them in `<pre>` tags. If [Pygments][2]
|
||||
is installed, which is a generic syntax highlighter with support for over
|
||||
[300 languages][], CodeHilite will also highlight the code block. Pygments can
|
||||
[300 languages][3], CodeHilite will also highlight the code block. Pygments can
|
||||
be installed with the following command:
|
||||
|
||||
``` sh
|
||||
@ -22,6 +24,9 @@ markdown_extensions:
|
||||
- codehilite
|
||||
```
|
||||
|
||||
[2]: http://pygments.org
|
||||
[3]: http://pygments.org/languages
|
||||
|
||||
## Usage
|
||||
|
||||
### Specifying the language
|
||||
@ -840,7 +845,3 @@ end
|
||||
<![CDATA[ some CData ]]>
|
||||
</main-Tag>
|
||||
```
|
||||
|
||||
[CodeHilite]: https://pythonhosted.org/Markdown/extensions/code_hilite.html
|
||||
[Pygments]: http://pygments.org
|
||||
[300 languages]: http://pygments.org/languages
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
# Footnotes
|
||||
|
||||
[Footnotes][] is another extension included in the standard Markdown library.
|
||||
[Footnotes][1] is another extension included in the standard Markdown library.
|
||||
As the name says, it adds the ability to add footnotes to your documentation.
|
||||
|
||||
[1]: https://pythonhosted.org/Markdown/extensions/footnotes.html
|
||||
|
||||
## Installation
|
||||
|
||||
Add the following lines to your `mkdocs.yml`:
|
||||
@ -80,5 +82,3 @@ Result:
|
||||
massa, nec semper lorem quam in massa.
|
||||
|
||||
<a href="#fn:2">Jump to footnote at the bottom of the page</a>
|
||||
|
||||
[Footnotes]: https://pythonhosted.org/Markdown/extensions/footnotes.html
|
||||
|
||||
@ -1,10 +1,12 @@
|
||||
# Permalinks
|
||||
|
||||
Permalinks are a feature of the [Table of Contents][] extension, which is part
|
||||
Permalinks are a feature of the [Table of Contents][1] extension, which is part
|
||||
of the standard Markdown library. The extension inserts an anchor at the end of
|
||||
each headline, which makes it possible to directly link to a subpart of the
|
||||
document.
|
||||
|
||||
[1]: https://pythonhosted.org/Markdown/extensions/toc.html
|
||||
|
||||
## Installation
|
||||
|
||||
To enable permalinks, add the following to your `mkdocs.yml`:
|
||||
@ -27,5 +29,3 @@ markdown_extensions:
|
||||
## Usage
|
||||
|
||||
When enabled, permalinks are inserted automatically.
|
||||
|
||||
[Table of Contents]: https://pythonhosted.org/Markdown/extensions/toc.html
|
||||
|
||||
@ -1,12 +1,16 @@
|
||||
# Arithmatex <small>MathJax</small>
|
||||
|
||||
[Arithmatex][] integrates [MathJax][] with Markdown and is included in the
|
||||
[PyMdown Extensions][] package. It parses block-style and inline equations
|
||||
[Arithmatex][1] integrates [MathJax][2] with Markdown and is included in the
|
||||
[PyMdown Extensions][3] package. It parses block-style and inline equations
|
||||
written in TeX markup and outputs them in mathematical notation.
|
||||
|
||||
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
|
||||
[2]: https://www.mathjax.org/
|
||||
[3]: https://facelessuser.github.io/pymdown-extensions
|
||||
|
||||
## Installation
|
||||
|
||||
Make sure that the PyMdown Extensions package [is installed][] and add the
|
||||
Make sure that the PyMdown Extensions package [is installed][4] and add the
|
||||
following lines to your `mkdocs.yml`:
|
||||
|
||||
``` yaml
|
||||
@ -17,13 +21,17 @@ markdown_extensions:
|
||||
The MathJax runtime is automatically included if the extension is enabled, so
|
||||
there is no need for extra JavaScript.
|
||||
|
||||
[4]: /extensions/pymdown/overview/#installation
|
||||
|
||||
## Usage
|
||||
|
||||
MathJax searches for `:::tex $$...$$` (blocks) and `:::tex $...$` (inline)
|
||||
equations, parses their contents and renders them in mathematical notation.
|
||||
See [this thread][] on StackExchange for a short introduction and quick
|
||||
See [this thread][5] on StackExchange for a short introduction and quick
|
||||
reference on how to write equations in TeX syntax.
|
||||
|
||||
[5]: http://meta.math.stackexchange.com/questions/5020/
|
||||
|
||||
### Blocks
|
||||
|
||||
Blocks are enclosed in `:::tex $$...$$` which are placed on separate lines.
|
||||
@ -55,9 +63,3 @@ Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
|
||||
Result:
|
||||
|
||||
Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
|
||||
|
||||
[Arithmatex]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
|
||||
[MathJax]: https://www.mathjax.org/
|
||||
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
|
||||
[is installed]: /extensions/pymdown/overview/#installation
|
||||
[this thread]: http://meta.math.stackexchange.com/questions/5020/
|
||||
|
||||
@ -1,8 +1,11 @@
|
||||
# Inlinehilite
|
||||
|
||||
The [Inlinehilite][] extension included in the [PyMdown Extensions][] package adds
|
||||
support for inline code highlighting. It's useful for short snippets included with
|
||||
body copy.
|
||||
The [Inlinehilite][1] extension included in the [PyMdown Extensions][2] package
|
||||
adds support for inline code highlighting. It's useful for short snippets
|
||||
included with body copy.
|
||||
|
||||
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
|
||||
[2]: https://facelessuser.github.io/pymdown-extensions
|
||||
|
||||
## Installation
|
||||
|
||||
@ -19,6 +22,3 @@ markdown_extensions:
|
||||
Syntax is similar to usual code highlighting, with the langauge shebang followed by one space. If you need to escape the highlight (like we're about to), add a space prior to the shebang.
|
||||
|
||||
For example, `#!js var test = 0;`, which was achieved using ` #!js var test = 0;`. Alternatively, you can use the triple colon, ` :::js var test = 0;` to produce the same result, `:::js var test = 0;`.
|
||||
|
||||
[Inlinehilite]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
|
||||
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
|
||||
|
||||
@ -1,12 +1,15 @@
|
||||
# Tasklist
|
||||
|
||||
The [Tasklist][] extension included in the [PyMdown Extensions][] package adds
|
||||
support for styled checkbox lists. This is useful for keeping track of tasks
|
||||
and showing what has been done and has yet to be done.
|
||||
The [Tasklist][1] extension included in the [PyMdown Extensions][2] package
|
||||
adds support for styled checkbox lists. This is useful for keeping track of
|
||||
tasks and showing what has been done and has yet to be done.
|
||||
|
||||
[1]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
|
||||
[2]: https://facelessuser.github.io/pymdown-extensions
|
||||
|
||||
## Installation
|
||||
|
||||
Make sure that the PyMdown Extensions package [is installed][] and add the
|
||||
Make sure that the PyMdown Extensions package [is installed][3] and add the
|
||||
following lines to your `mkdocs.yml`:
|
||||
|
||||
``` yaml
|
||||
@ -17,6 +20,8 @@ markdown_extensions:
|
||||
The `custom_checkbox` flag adds additional markup for better styling, so it is
|
||||
highly recommended to add this flag, as the Material theme supports it.
|
||||
|
||||
[3]: /extensions/pymdown/overview/#installation
|
||||
|
||||
## Usage
|
||||
|
||||
Checkbox lists are like regular lists, but prefixed with `[ ]` empty or `[x]`
|
||||
@ -49,7 +54,3 @@ Result:
|
||||
* [ ] Praesent sed risus massa
|
||||
* [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
|
||||
* [ ] Nulla vel eros venenatis, imperdiet enim id, faucibus nisi
|
||||
|
||||
[Tasklist]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
|
||||
[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
|
||||
[is installed]: /extensions/pymdown/overview/#installation
|
||||
|
||||
470
docs/specimen.md
470
docs/specimen.md
@ -1,297 +1,271 @@
|
||||
# Specimen should get a very long name, so we see how it behaves with the new edit url feature that is awesome
|
||||
# Specimen
|
||||
|
||||
## Typography
|
||||
|
||||
### Body copy
|
||||
|
||||
Material's typographical system follows the idea of __vertical rhythm__, which
|
||||
means it tries to establish a _consistent visual rhythm_ to the content of the
|
||||
page to make reading pleasant and easy on the eyes. It's a simple concept but
|
||||
rather hard to implement correctly. Luckily, the Material theme has already
|
||||
done this for you, so sit back, relax, and start writing your documentation.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero,
|
||||
mollis sed massa vel, *ornare viverra ex*. Mauris a ullamcorper lacus. Nullam
|
||||
urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales
|
||||
pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan
|
||||
tempor.
|
||||
|
||||
Naturally, the Material theme defines __bold__ and _italic_ styles, makes it
|
||||
easy to write `fenced inline code blocks`, [links](#) and <kbd>Keyboard</kbd>
|
||||
<kbd>+</kbd> <kbd>Commands</kbd>.
|
||||
**Sed suscipit**, orci non pretium pretium, quam mi gravida metus, vel
|
||||
venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum
|
||||
eros. [Nulla aliquam](/) orci sit amet nisl posuere malesuada. Proin aliquet
|
||||
nulla velit, quis ultricies orci feugiat et. `Ut tincidunt sollicitudin`
|
||||
tincidunt. Aenean ullamcorper sit amet nulla at interdum.
|
||||
|
||||
* test
|
||||
* test
|
||||
* Material's typographical system follows the idea of __vertical rhythm__, which
|
||||
means it tries to establish a _consistent visual rhythm_ to the content of the
|
||||
page to make reading pleasant and easy on the eyes. It's a simple concept but
|
||||
rather hard to implement correctly. Luckily, the Material theme has already
|
||||
1. test
|
||||
2. test
|
||||
1. Material's typographical system follows the idea of __vertical rhythm__, which
|
||||
means it tries to establish a _consistent visual rhythm_ to the content of the
|
||||
page to make reading pleasant and easy on the eyes. It's a simple concept but
|
||||
rather hard to implement correctly. Luckily, the Material theme has already
|
||||
2. Material's typographical system follows the idea of __vertical rhythm__, which
|
||||
means it tries to establish a _consistent visual rhythm_ to the content of the
|
||||
page to make reading pleasant and easy on the eyes. It's a simple concept but
|
||||
rather hard to implement correctly. Luckily, the Material theme has already
|
||||
3. Material's typographical system follows the idea of __vertical rhythm__, which
|
||||
means it tries to establish a _consistent visual rhythm_ to the content of the
|
||||
page to make reading pleasant and easy on the eyes. It's a simple concept but
|
||||
rather hard to implement correctly. Luckily, the Material theme has already
|
||||
3. test
|
||||
1. test
|
||||
2. test
|
||||
3. test
|
||||
* test
|
||||
* test
|
||||
### Headings
|
||||
|
||||
### Headings <small>w/ or w/o secondary text</small>
|
||||
#### The 4th level
|
||||
|
||||
Besides the default HTML headings `<h2>` to `<h6>`, the representational
|
||||
classes `.h2` to `.h6` are defined to allow easy inline styling. The `<h1>`
|
||||
should be only defined once and is integrated into the collapsing header.
|
||||
##### The 5th level
|
||||
|
||||
Secondary text can be introduced to all headings (including `<h1>`) by using
|
||||
the `<small>` tag directly inside Markdown.
|
||||
###### The 6th level
|
||||
|
||||
## Blockquotes
|
||||
### Headings <small>with secondary text</small>
|
||||
|
||||
> Text can also be written in blockquotes, for example to paraphrase
|
||||
> something or someone.
|
||||
>
|
||||
> > And blockquotes can be nested?
|
||||
>
|
||||
> This is correct. Furthermore, they can contain __bold__ and _italic_ text,
|
||||
> `fenced inline code blocks`, [links](#), headings and all kind of stuff.
|
||||
#### The 4th level <small>with secondary text</small>
|
||||
|
||||
## Lists
|
||||
##### The 5th level <small>with secondary text</small>
|
||||
|
||||
### Ordered lists
|
||||
###### The 6th level <small>with secondary text</small>
|
||||
|
||||
This is an ordered list of sentences for the sake of checking the styling is 👌!
|
||||
### Blockquotes
|
||||
|
||||
1. The first sentence, free from markup.
|
||||
2. The second sentence includes _italic_ text, and a [link](#) that should hopefully help it trigger a second line overflow to make sure spacing is a-ok.
|
||||
3. The third sentence highlights some enjoyable fruits:
|
||||
1. Mangoes, **yum**!
|
||||
2. Blueberries
|
||||
3. Strawberries
|
||||
4. Apples (in particular)
|
||||
1. Sundowner
|
||||
> Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum.
|
||||
Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc
|
||||
mauris, a ultricies libero efficitur sed. *Class aptent* taciti sociosqu ad
|
||||
litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie
|
||||
imperdiet consectetur.
|
||||
|
||||
My favourite 💕
|
||||
#### Blockquote nesting
|
||||
|
||||
2. Granny Smith
|
||||
4. An this is just a footer sentence just to make sure.
|
||||
> **Sed aliquet**, neque at rutrum mollis, neque nisi tincidunt nibh, vitae
|
||||
faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem
|
||||
[libero fermentum](/) urna, ut efficitur elit ligula et nunc.
|
||||
|
||||
### Unordered lists
|
||||
> > Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla.
|
||||
Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio.
|
||||
Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum.
|
||||
eu odio.
|
||||
|
||||
Let's do that again, this time without the numbering.
|
||||
> > > `Suspendisse rutrum facilisis risus`, eu posuere neque commodo a.
|
||||
Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo
|
||||
bibendum, sodales mauris ut, tincidunt massa.
|
||||
|
||||
- Free from markup, just like a bird.
|
||||
- Let's try some [link](#) with some inline code `var home = '127.0.0.1'`, and now some extra __fluff__ to ensure we're using more than a single line.
|
||||
- These are some varietes of beer.
|
||||
- Lager
|
||||
#### Other content blocks
|
||||
|
||||
Lager is a type of beer that is conditioned at low temperatures, normally at the brewery. It may be pale, golden, amber, or dark.
|
||||
|
||||
- Kölsch
|
||||
|
||||
Kölsch is a beer brewed in Cologne, Germany. It is a clear, top-fermented beer with a bright, straw-yellow hue similar to other beers brewed from mainly Pilsener malt.
|
||||
|
||||
- Siason
|
||||
|
||||
Saison is a pale ale that is generally around 7% ABV, highly carbonated, fruity, spicy, and often bottle conditioned
|
||||
|
||||
- IPA
|
||||
|
||||
- An this is just a footer sentence just to make sure.
|
||||
|
||||
We can also use the alternative Markdown styling for lists (`*`, `+` or `-`), even mixing them:
|
||||
|
||||
* As shown by this item, which is a `*`.
|
||||
+ This item uses `+`.
|
||||
* And it also includes an nested item for good measure.
|
||||
- The final item uses `-`.
|
||||
- And for good measure, this also uses `-`.
|
||||
|
||||
Another default list:
|
||||
|
||||
* No checklist
|
||||
* Foobar
|
||||
|
||||
``` js
|
||||
function() test {
|
||||
var foo = 12;
|
||||
return foo;
|
||||
> Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
|
||||
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
|
||||
sit amet laoreet nibh.
|
||||
``` js hl_lines="8"
|
||||
var _extends = function(target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
for (var key in source) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
return target;
|
||||
};
|
||||
```
|
||||
|
||||
> > Praesent at `:::js return target`, sodales nibh vel, tempor felis. Fusce
|
||||
vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices.
|
||||
Donec consectetur mauris non neque imperdiet, eget volutpat libero.
|
||||
|
||||
### Lists
|
||||
|
||||
#### Unordered lists
|
||||
|
||||
* Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
|
||||
non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
|
||||
at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
|
||||
|
||||
* Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
|
||||
* Nam vulputate tincidunt fringilla.
|
||||
* Nullam dignissim ultrices urna non auctor.
|
||||
|
||||
* Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut
|
||||
eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam
|
||||
ac, aliquet sed mauris.
|
||||
|
||||
* Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
|
||||
accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
|
||||
lacinia sed. Aenean in finibus diam.
|
||||
|
||||
#### Ordered lists
|
||||
|
||||
1. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
|
||||
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
|
||||
consectetur feugiat sodales.
|
||||
|
||||
2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam
|
||||
pellentesque lacinia eu vel odio.
|
||||
|
||||
1. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
|
||||
quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a
|
||||
ultricies libero efficitur sed.
|
||||
|
||||
1. Mauris dictum mi lacus
|
||||
2. Ut sit amet placerat ante
|
||||
3. Suspendisse ac eros arcu
|
||||
|
||||
2. Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet
|
||||
rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed
|
||||
aliquet, neque at rutrum mollis, neque nisi tincidunt nibh.
|
||||
|
||||
3. Pellentesque eget `:::js var _extends` ornare tellus, ut gravida mi.
|
||||
``` js hl_lines="1"
|
||||
var _extends = function(target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
for (var key in source) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
return target;
|
||||
};
|
||||
```
|
||||
|
||||
## Checklists
|
||||
3. Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis
|
||||
sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis
|
||||
nulla. Vivamus a pharetra leo.
|
||||
|
||||
Checklists are supported by the [PyMdown Extension][], [Tasklist][]:
|
||||
### Code blocks
|
||||
|
||||
* [ ] foo
|
||||
* [x] bar
|
||||
* [ ] baz
|
||||
* [ ] foo
|
||||
* [x] bar
|
||||
* [ ] baz
|
||||
#### Inline
|
||||
|
||||
### Critic
|
||||
Morbi eget `dapibus felis`. Vivamus *`venenatis porttitor`* tortor sit amet
|
||||
rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
|
||||
per inceptos himenaeos. [`Pellentesque aliquet quam enim`](/), eu volutpat urna
|
||||
rutrum a.
|
||||
|
||||
Here is some {--*incorrect*--} Markdown. I am adding this {++here.++}. Here is some more {--text
|
||||
that I am removing--}text. And here is even more {++text that I
|
||||
am ++}adding.{~~
|
||||
Nam vehicula nunc `:::js return target` mauris, a ultricies libero efficitur
|
||||
sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque
|
||||
eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.
|
||||
|
||||
~> ~~}Paragraph was deleted and replaced with some spaces.{~~ ~>
|
||||
#### Listing
|
||||
|
||||
~~}Spaces were removed and a paragraph was added.
|
||||
#!js hl_lines="8"
|
||||
var _extends = function(target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
for (var key in source) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
return target;
|
||||
};
|
||||
|
||||
And here is a comment on {==some
|
||||
==text== ==} asdhsjakh dkah dkash dkjas hdkash dksa sahdka kas dksa hdksah dksa kdsa kdask dask {>>This works quite well. I just wanted to comment on it.<<}. Substitutions {~~is~>are~~} great!
|
||||
### Horizontal rules
|
||||
|
||||
### Test {--headline--} [`with code`](http://google.com) and ==foo== [without](http://google.com)
|
||||
Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet
|
||||
dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna
|
||||
non auctor.
|
||||
|
||||
This is also ==something that is marked (tm)==. Very cool.
|
||||
***
|
||||
|
||||
Escape \{>>This text is preserved<<}.
|
||||
Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
|
||||
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
|
||||
consectetur feugiat sodales.
|
||||
|
||||
General block handling.
|
||||
### Data tables
|
||||
|
||||
{--
|
||||
| Sollicitudo / Pellentesi | consectetur | adipiscing | elit | arcu | sed |
|
||||
| ------------------------ | ----------- | ---------- | ------- | ---- | --- |
|
||||
| Vivamus a pharetra | yes | yes | yes | yes | yes |
|
||||
| Ornare viverra ex | yes | yes | yes | yes | yes |
|
||||
| Mauris a ullamcorper | yes | yes | partial | yes | yes |
|
||||
| Nullam urna elit | yes | yes | yes | yes | yes |
|
||||
| Malesuada eget finibus | yes | yes | yes | yes | yes |
|
||||
| Ullamcorper | yes | yes | yes | yes | yes |
|
||||
| Vestibulum sodales | yes | - | yes | - | yes |
|
||||
| Pulvinar nisl | yes | yes | yes | - | - |
|
||||
| Pharetra aliquet est | yes | yes | yes | yes | yes |
|
||||
| Sed suscipit | yes | yes | yes | yes | yes |
|
||||
| Orci non pretium | yes | partial | - | - | - |
|
||||
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
|
||||
non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
|
||||
at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
|
||||
|
||||
--}
|
||||
| Left | Center | Right |
|
||||
| :--------- | :------: | ------: |
|
||||
| Lorem | *dolor* | `amet` |
|
||||
| [ipsum](/) | **sit** | |
|
||||
|
||||
{++
|
||||
Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
|
||||
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
|
||||
sit amet laoreet nibh.
|
||||
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
* test
|
||||
## Colors
|
||||
|
||||
++}
|
||||
### Primary colors
|
||||
|
||||
## Code
|
||||
Click on a tile to change the primary color of the theme:
|
||||
|
||||
### Inline
|
||||
<button data-md-color-primary="red">Red</button>
|
||||
<button data-md-color-primary="pink">Pink</button>
|
||||
<button data-md-color-primary="purple">Purple</button>
|
||||
<button data-md-color-primary="deep-purple">Deep Purple</button>
|
||||
<button data-md-color-primary="indigo">Indigo</button>
|
||||
<button data-md-color-primary="blue">Blue</button>
|
||||
<button data-md-color-primary="light-blue">Light Blue</button>
|
||||
<button data-md-color-primary="cyan">Cyan</button>
|
||||
<button data-md-color-primary="teal">Teal</button>
|
||||
<button data-md-color-primary="green">Green</button>
|
||||
<button data-md-color-primary="light-green">Light Green</button>
|
||||
<button data-md-color-primary="lime">Lime</button>
|
||||
<button data-md-color-primary="yellow">Yellow</button>
|
||||
<button data-md-color-primary="amber">Amber</button>
|
||||
<button data-md-color-primary="orange">Orange</button>
|
||||
<button data-md-color-primary="deep-orange">Deep Orange</button>
|
||||
<button data-md-color-primary="brown">Brown</button>
|
||||
<button data-md-color-primary="grey">Grey</button>
|
||||
<button data-md-color-primary="blue-grey">Blue Grey</button>
|
||||
|
||||
Code can also be written `inline`, however syntax
|
||||
highlighting will only work on code listings unless you are using [inlinehilite][], which allows magic like `#!js var test = 0;`!
|
||||
<script>
|
||||
var buttons = document.querySelectorAll("button[data-md-color-primary]");
|
||||
Array.prototype.forEach.call(buttons, function(button) {
|
||||
button.addEventListener("click", function() {
|
||||
document.body.dataset.mdColorPrimary = this.dataset.mdColorPrimary;
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
There has also been some recent conjecture about how articles will style [links that include `inline code` samples](https://www.impressivewebs.com/fixing-styles-on-code-tags-nested-inside-links/), so let's make sure we get that right too.
|
||||
### Accent colors
|
||||
|
||||
### Listing
|
||||
Click on a tile to change the accent color of the theme:
|
||||
|
||||
Pre-formatted code blocks can host code examples and use the pygments extension
|
||||
(if installed and enabled in `mkdocs.yml`) for syntax highlighting:
|
||||
<button data-md-color-accent="red">Red</button>
|
||||
<button data-md-color-accent="pink">Pink</button>
|
||||
<button data-md-color-accent="purple">Purple</button>
|
||||
<button data-md-color-accent="deep-purple">Deep Purple</button>
|
||||
<button data-md-color-accent="indigo">Indigo</button>
|
||||
<button data-md-color-accent="blue">Blue</button>
|
||||
<button data-md-color-accent="light-blue">Light Blue</button>
|
||||
<button data-md-color-accent="cyan">Cyan</button>
|
||||
<button data-md-color-accent="teal">Teal</button>
|
||||
<button data-md-color-accent="green">Green</button>
|
||||
<button data-md-color-accent="light-green">Light Green</button>
|
||||
<button data-md-color-accent="lime">Lime</button>
|
||||
<button data-md-color-accent="yellow">Yellow</button>
|
||||
<button data-md-color-accent="amber">Amber</button>
|
||||
<button data-md-color-accent="orange">Orange</button>
|
||||
<button data-md-color-accent="deep-orange">Deep Orange</button>
|
||||
<button data-md-color-accent="brown">Brown</button>
|
||||
<button data-md-color-accent="grey">Grey</button>
|
||||
<button data-md-color-accent="blue-grey">Blue Grey</button>
|
||||
|
||||
``` c hl_lines="14 15 20"
|
||||
/*!
|
||||
* Scan a buffer for a valid variable-sized integer.
|
||||
*
|
||||
* This function checks if an underrun might happen reading a variable-sized
|
||||
* integer from a buffer. Only underruns can be checked using this method,
|
||||
* overflows may still happen, but are properly reported by the unpack
|
||||
* functions. SSE2 intrinsics are used if the compiler supports it.
|
||||
*
|
||||
* \param[in] data[] Source buffer
|
||||
* \param[in] left Remaining bytes
|
||||
* \return Bytes read
|
||||
*/
|
||||
extern size_t
|
||||
pb_varint_scan(const uint8_t data[], size_t left) {
|
||||
assert(data && left);
|
||||
left = left > 10 ? 10 : left;
|
||||
|
||||
#ifdef __SSE2__
|
||||
|
||||
/* Mapping: remaining bytes ==> bitmask */
|
||||
static const int mask_map[] = {
|
||||
0x0000, 0x0001, 0x0003, 0x0007,
|
||||
0x000F, 0x001F, 0x003F, 0x007F,
|
||||
0x00FF, 0x01FF, 0x03FF
|
||||
};
|
||||
|
||||
/* Load buffer into 128-bit integer and create high-bit mask */
|
||||
__m128i temp = _mm_loadu_si128((const __m128i *)data);
|
||||
__m128i high = _mm_set1_epi8(0x80);
|
||||
|
||||
/* Intersect and extract mask with high-bits set */
|
||||
int mask = _mm_movemask_epi8(_mm_and_si128(temp, high));
|
||||
mask = (mask & mask_map[left]) ^ mask_map[left];
|
||||
|
||||
/* Count trailing zeroes */
|
||||
return mask ? __builtin_ctz(mask) + 1 : 0;
|
||||
|
||||
#else
|
||||
|
||||
/* Linear scan */
|
||||
size_t size = 0;
|
||||
while (data[size++] & 0x80)
|
||||
if (!--left)
|
||||
return 0;
|
||||
return size;
|
||||
|
||||
#endif /* __SSE2__ */
|
||||
|
||||
}
|
||||
```
|
||||
|
||||
For more examples of coding highlighting, see the [codehilite][] extensions page.
|
||||
|
||||
## Tables
|
||||
|
||||
| Feature / Implementation | protobluff | protobuf-c | nanopb | lwpb | pbc |
|
||||
|--------------------------|------------|------------|---------|------|-----|
|
||||
| Message types | yes | yes | yes | yes | yes |
|
||||
| Nested message types | yes | yes | yes | yes | yes |
|
||||
| Cyclic message types | yes | yes | partial | yes | yes |
|
||||
| Scalar types | yes | yes | yes | yes | yes |
|
||||
| Default values | yes | yes | yes | yes | yes |
|
||||
| Enumerations | yes | yes | yes | yes | yes |
|
||||
| Extensions | yes | - | yes | - | yes |
|
||||
| Oneofs | yes | yes | yes | - | - |
|
||||
| Packages | yes | yes | yes | yes | yes |
|
||||
| Packed option | yes | yes | yes | yes | yes |
|
||||
| Deprecations | yes | partial | - | - | - |
|
||||
|
||||
Tables might also include alignment indiciators:
|
||||
|
||||
| Left Align | Center Align | Right Align |
|
||||
| :----------- | :------------: | ------------: |
|
||||
| Hi | there | friend |
|
||||
| How | are | you? |
|
||||
|
||||
And if you're using something like [Pandoc](http://pandoc.org/), you might get tables with `colgroup`, which is fun?
|
||||
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="30%">
|
||||
<col width="70%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr class="header">
|
||||
<th>Company</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href='http://google.com'>Google</a></td>
|
||||
<td>A search engine (among other things).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href='http://bing.com'>Bing</a></td>
|
||||
<td>Another search engine, from Microsoft.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
[codehilite]: extensions/codehilite.md
|
||||
[inlinehilite]: extensions/pymdown/inlinehilite.md
|
||||
[PyMdown Extension]: extensions/pymdown/overview.md
|
||||
[Tasklist]: extensions/pymdown/tasklist.md
|
||||
<script>
|
||||
var buttons = document.querySelectorAll("button[data-md-color-accent]");
|
||||
Array.prototype.forEach.call(buttons, function(button) {
|
||||
button.addEventListener("click", function() {
|
||||
document.body.dataset.mdColorAccent = this.dataset.mdColorAccent;
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -581,6 +581,40 @@ var Application =
|
||||
|
||||
/* Attack FastClick to mitigate 300ms delay on touch devices */
|
||||
_fastclick2.default.attach(document.body);
|
||||
|
||||
/* Wrap all data tables */
|
||||
var tables = document.querySelectorAll("table:not([class])");
|
||||
var _iteratorNormalCompletion = true;
|
||||
var _didIteratorError = false;
|
||||
var _iteratorError = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator = tables[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
||||
var table = _step.value;
|
||||
|
||||
var wrap = document.createElement("div");
|
||||
wrap.classList.add("md-typeset__table");
|
||||
if (table.nextSibling) {
|
||||
table.parentNode.insertBefore(wrap, table.nextSibling);
|
||||
} else {
|
||||
table.parentNode.appendChild(wrap);
|
||||
}
|
||||
wrap.appendChild(table);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError = true;
|
||||
_iteratorError = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion && _iterator.return) {
|
||||
_iterator.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError) {
|
||||
throw _iteratorError;
|
||||
}
|
||||
}
|
||||
}
|
||||
}).listen();
|
||||
|
||||
/* Cross-browser helper to dispatch/fire an event */
|
||||
@ -612,27 +646,27 @@ var Application =
|
||||
|
||||
/* Component: collapsible elements for navigation */
|
||||
var collapsibles = document.querySelectorAll("[data-md-collapse]");
|
||||
var _iteratorNormalCompletion = true;
|
||||
var _didIteratorError = false;
|
||||
var _iteratorError = undefined;
|
||||
var _iteratorNormalCompletion2 = true;
|
||||
var _didIteratorError2 = false;
|
||||
var _iteratorError2 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator = collapsibles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
||||
var collapse = _step.value;
|
||||
for (var _iterator2 = collapsibles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
||||
var collapse = _step2.value;
|
||||
|
||||
new _Material2.default.Event.MatchMedia("(min-width: 1200px)", new _Material2.default.Event.Listener(collapse.previousElementSibling, "click", new _Material2.default.Nav.Collapse(collapse)));
|
||||
} /* Component: search body lock for mobile */
|
||||
} catch (err) {
|
||||
_didIteratorError = true;
|
||||
_iteratorError = err;
|
||||
_didIteratorError2 = true;
|
||||
_iteratorError2 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion && _iterator.return) {
|
||||
_iterator.return();
|
||||
if (!_iteratorNormalCompletion2 && _iterator2.return) {
|
||||
_iterator2.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError) {
|
||||
throw _iteratorError;
|
||||
if (_didIteratorError2) {
|
||||
throw _iteratorError2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -715,27 +749,27 @@ var Application =
|
||||
/* Render repository source information */
|
||||
})().then(function (facts) {
|
||||
var sources = document.querySelectorAll("[data-md-source]");
|
||||
var _iteratorNormalCompletion2 = true;
|
||||
var _didIteratorError2 = false;
|
||||
var _iteratorError2 = undefined;
|
||||
var _iteratorNormalCompletion3 = true;
|
||||
var _didIteratorError3 = false;
|
||||
var _iteratorError3 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator2 = sources[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
||||
var source = _step2.value;
|
||||
for (var _iterator3 = sources[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
|
||||
var source = _step3.value;
|
||||
|
||||
new _Material2.default.Source.Repository(source).initialize(facts);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError2 = true;
|
||||
_iteratorError2 = err;
|
||||
_didIteratorError3 = true;
|
||||
_iteratorError3 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion2 && _iterator2.return) {
|
||||
_iterator2.return();
|
||||
if (!_iteratorNormalCompletion3 && _iterator3.return) {
|
||||
_iterator3.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError2) {
|
||||
throw _iteratorError2;
|
||||
if (_didIteratorError3) {
|
||||
throw _iteratorError3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -286,36 +286,46 @@ kbd {
|
||||
.md-typeset ol li ul,
|
||||
.md-typeset ol li ol {
|
||||
margin: 0.5em 0 0.5em 0.625em; }
|
||||
.md-typeset table {
|
||||
width: 90%;
|
||||
margin: 1.5em 0;
|
||||
.md-typeset table:not([class]) {
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||||
margin: 2.0em 0;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 1.28rem;
|
||||
overflow: hidden; }
|
||||
.no-js .md-typeset table {
|
||||
.no-js .md-typeset table:not([class]) {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
margin: 0.8em 0;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch; }
|
||||
.md-typeset table th {
|
||||
.md-typeset table:not([class]) th[align="right"],
|
||||
.md-typeset table:not([class]) td[align="right"] {
|
||||
text-align: right; }
|
||||
.md-typeset table:not([class]) th[align="center"],
|
||||
.md-typeset table:not([class]) td[align="center"] {
|
||||
text-align: center; }
|
||||
.md-typeset table:not([class]) th {
|
||||
min-width: 10.0rem;
|
||||
padding: 1.2rem 1.6rem;
|
||||
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.54);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-weight: 700;
|
||||
background-color: rgba(0, 0, 0, 0.54);
|
||||
color: white;
|
||||
text-align: left;
|
||||
vertical-align: top; }
|
||||
.md-typeset table td {
|
||||
.md-typeset table:not([class]) td {
|
||||
padding: 1.2rem 1.6rem;
|
||||
border-top: 0.1rem solid rgba(0, 0, 0, 0.07);
|
||||
vertical-align: top; }
|
||||
.md-typeset table th[align="right"],
|
||||
.md-typeset table td[align="right"] {
|
||||
text-align: right; }
|
||||
.md-typeset table th[align="center"],
|
||||
.md-typeset table td[align="center"] {
|
||||
text-align: center; }
|
||||
.md-typeset table tr:first-child td {
|
||||
.md-typeset table:not([class]) tr:first-child td {
|
||||
border-top: 0; }
|
||||
.md-typeset .md-typeset__table {
|
||||
margin: 1.6em -1.6rem;
|
||||
text-align: center;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch; }
|
||||
.md-typeset .md-typeset__table table {
|
||||
display: inline-block;
|
||||
margin: 0 1.6rem;
|
||||
text-align: left; }
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
@ -1058,6 +1068,9 @@ hr {
|
||||
flex: 1;
|
||||
overflow: hidden; }
|
||||
|
||||
.md-typeset > .codehilitetable {
|
||||
box-shadow: none; }
|
||||
|
||||
.md-typeset .footnote {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 1.28rem; }
|
||||
@ -1263,7 +1276,7 @@ hr {
|
||||
border-radius: 0; }
|
||||
|
||||
.md-typeset > .codehilitetable .codehilite,
|
||||
.md-typeset > .codehilitetable .linenodiv {
|
||||
.md-typeset > .codehilitetable .linenodiv {
|
||||
padding: 1.0rem 1.6rem; }
|
||||
|
||||
.md-typeset > p > .MJXc-display {
|
||||
|
||||
803
material/assets/stylesheets/application.palette.css
Normal file
803
material/assets/stylesheets/application.palette.css
Normal file
@ -0,0 +1,803 @@
|
||||
button[data-md-color-primary],
|
||||
button[data-md-color-accent] {
|
||||
width: 10.0rem;
|
||||
padding: 0.4rem 0.8rem;
|
||||
-webkit-transition: background-color 0.25s, opacity 0.25s;
|
||||
transition: background-color 0.25s, opacity 0.25s;
|
||||
border-radius: 0.2rem;
|
||||
color: white;
|
||||
font-size: 1.28rem;
|
||||
text-align: left;
|
||||
cursor: pointer; }
|
||||
button[data-md-color-primary]:hover,
|
||||
button[data-md-color-accent]:hover {
|
||||
opacity: 0.75; }
|
||||
|
||||
button[data-md-color-primary="red"] {
|
||||
background-color: #ef5350; }
|
||||
|
||||
[data-md-color-primary="red"] .md-typeset a {
|
||||
color: #ef5350; }
|
||||
|
||||
[data-md-color-primary="red"] .md-header {
|
||||
background-color: #ef5350; }
|
||||
|
||||
button[data-md-color-primary="pink"] {
|
||||
background-color: #e91e63; }
|
||||
|
||||
[data-md-color-primary="pink"] .md-typeset a {
|
||||
color: #e91e63; }
|
||||
|
||||
[data-md-color-primary="pink"] .md-header {
|
||||
background-color: #e91e63; }
|
||||
|
||||
button[data-md-color-primary="purple"] {
|
||||
background-color: #ab47bc; }
|
||||
|
||||
[data-md-color-primary="purple"] .md-typeset a {
|
||||
color: #ab47bc; }
|
||||
|
||||
[data-md-color-primary="purple"] .md-header {
|
||||
background-color: #ab47bc; }
|
||||
|
||||
button[data-md-color-primary="deep-purple"] {
|
||||
background-color: #7e57c2; }
|
||||
|
||||
[data-md-color-primary="deep-purple"] .md-typeset a {
|
||||
color: #7e57c2; }
|
||||
|
||||
[data-md-color-primary="deep-purple"] .md-header {
|
||||
background-color: #7e57c2; }
|
||||
|
||||
button[data-md-color-primary="indigo"] {
|
||||
background-color: #3f51b5; }
|
||||
|
||||
[data-md-color-primary="indigo"] .md-typeset a {
|
||||
color: #3f51b5; }
|
||||
|
||||
[data-md-color-primary="indigo"] .md-header {
|
||||
background-color: #3f51b5; }
|
||||
|
||||
button[data-md-color-primary="blue"] {
|
||||
background-color: #2196f3; }
|
||||
|
||||
[data-md-color-primary="blue"] .md-typeset a {
|
||||
color: #2196f3; }
|
||||
|
||||
[data-md-color-primary="blue"] .md-header {
|
||||
background-color: #2196f3; }
|
||||
|
||||
button[data-md-color-primary="light-blue"] {
|
||||
background-color: #03a9f4; }
|
||||
|
||||
[data-md-color-primary="light-blue"] .md-typeset a {
|
||||
color: #03a9f4; }
|
||||
|
||||
[data-md-color-primary="light-blue"] .md-header {
|
||||
background-color: #03a9f4; }
|
||||
|
||||
button[data-md-color-primary="cyan"] {
|
||||
background-color: #00bcd4; }
|
||||
|
||||
[data-md-color-primary="cyan"] .md-typeset a {
|
||||
color: #00bcd4; }
|
||||
|
||||
[data-md-color-primary="cyan"] .md-header {
|
||||
background-color: #00bcd4; }
|
||||
|
||||
button[data-md-color-primary="teal"] {
|
||||
background-color: #009688; }
|
||||
|
||||
[data-md-color-primary="teal"] .md-typeset a {
|
||||
color: #009688; }
|
||||
|
||||
[data-md-color-primary="teal"] .md-header {
|
||||
background-color: #009688; }
|
||||
|
||||
button[data-md-color-primary="green"] {
|
||||
background-color: #4caf50; }
|
||||
|
||||
[data-md-color-primary="green"] .md-typeset a {
|
||||
color: #4caf50; }
|
||||
|
||||
[data-md-color-primary="green"] .md-header {
|
||||
background-color: #4caf50; }
|
||||
|
||||
button[data-md-color-primary="light-green"] {
|
||||
background-color: #7cb342; }
|
||||
|
||||
[data-md-color-primary="light-green"] .md-typeset a {
|
||||
color: #7cb342; }
|
||||
|
||||
[data-md-color-primary="light-green"] .md-header {
|
||||
background-color: #7cb342; }
|
||||
|
||||
button[data-md-color-primary="lime"] {
|
||||
background-color: #c0ca33; }
|
||||
|
||||
[data-md-color-primary="lime"] .md-typeset a {
|
||||
color: #c0ca33; }
|
||||
|
||||
[data-md-color-primary="lime"] .md-header {
|
||||
background-color: #c0ca33; }
|
||||
|
||||
button[data-md-color-primary="yellow"] {
|
||||
background-color: #f9a825; }
|
||||
|
||||
[data-md-color-primary="yellow"] .md-typeset a {
|
||||
color: #f9a825; }
|
||||
|
||||
[data-md-color-primary="yellow"] .md-header {
|
||||
background-color: #f9a825; }
|
||||
|
||||
button[data-md-color-primary="amber"] {
|
||||
background-color: #ffb300; }
|
||||
|
||||
[data-md-color-primary="amber"] .md-typeset a {
|
||||
color: #ffb300; }
|
||||
|
||||
[data-md-color-primary="amber"] .md-header {
|
||||
background-color: #ffb300; }
|
||||
|
||||
button[data-md-color-primary="orange"] {
|
||||
background-color: #fb8c00; }
|
||||
|
||||
[data-md-color-primary="orange"] .md-typeset a {
|
||||
color: #fb8c00; }
|
||||
|
||||
[data-md-color-primary="orange"] .md-header {
|
||||
background-color: #fb8c00; }
|
||||
|
||||
button[data-md-color-primary="deep-orange"] {
|
||||
background-color: #ff7043; }
|
||||
|
||||
[data-md-color-primary="deep-orange"] .md-typeset a {
|
||||
color: #ff7043; }
|
||||
|
||||
[data-md-color-primary="deep-orange"] .md-header {
|
||||
background-color: #ff7043; }
|
||||
|
||||
button[data-md-color-primary="brown"] {
|
||||
background-color: #795548; }
|
||||
|
||||
[data-md-color-primary="brown"] .md-typeset a {
|
||||
color: #795548; }
|
||||
|
||||
[data-md-color-primary="brown"] .md-header {
|
||||
background-color: #795548; }
|
||||
|
||||
button[data-md-color-primary="grey"] {
|
||||
background-color: #757575; }
|
||||
|
||||
[data-md-color-primary="grey"] .md-typeset a {
|
||||
color: #757575; }
|
||||
|
||||
[data-md-color-primary="grey"] .md-header {
|
||||
background-color: #757575; }
|
||||
|
||||
button[data-md-color-primary="blue-grey"] {
|
||||
background-color: #546e7a; }
|
||||
|
||||
[data-md-color-primary="blue-grey"] .md-typeset a {
|
||||
color: #546e7a; }
|
||||
|
||||
[data-md-color-primary="blue-grey"] .md-header {
|
||||
background-color: #546e7a; }
|
||||
|
||||
button[data-md-color-accent="red"] {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-typeset a:hover,
|
||||
[data-md-color-accent="red"] .md-typeset a:active {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="red"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="red"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="red"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-nav__link:hover,
|
||||
[data-md-color-accent="red"] .md-nav__link:active,
|
||||
[data-md-color-accent="red"] .md-nav__link--active {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-color-accent="red"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 23, 68, 0.1); }
|
||||
|
||||
[data-md-color-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
button[data-md-color-accent="pink"] {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-typeset a:hover,
|
||||
[data-md-color-accent="pink"] .md-typeset a:active {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="pink"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="pink"] .md-typeset [id] .headerlink:focus {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-nav__link:hover,
|
||||
[data-md-color-accent="pink"] .md-nav__link:active,
|
||||
[data-md-color-accent="pink"] .md-nav__link--active {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-color-accent="pink"] .md-search-result__link:hover {
|
||||
background-color: rgba(245, 0, 87, 0.1); }
|
||||
|
||||
[data-md-color-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
button[data-md-color-accent="purple"] {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-typeset a:hover,
|
||||
[data-md-color-accent="purple"] .md-typeset a:active {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="purple"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="purple"] .md-typeset [id] .headerlink:focus {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-nav__link:hover,
|
||||
[data-md-color-accent="purple"] .md-nav__link:active,
|
||||
[data-md-color-accent="purple"] .md-nav__link--active {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-color-accent="purple"] .md-search-result__link:hover {
|
||||
background-color: rgba(224, 64, 251, 0.1); }
|
||||
|
||||
[data-md-color-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
button[data-md-color-accent="deep-purple"] {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-typeset a:hover,
|
||||
[data-md-color-accent="deep-purple"] .md-typeset a:active {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="deep-purple"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-nav__link:hover,
|
||||
[data-md-color-accent="deep-purple"] .md-nav__link:active,
|
||||
[data-md-color-accent="deep-purple"] .md-nav__link--active {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-search-result__link:hover {
|
||||
background-color: rgba(124, 77, 255, 0.1); }
|
||||
|
||||
[data-md-color-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
button[data-md-color-accent="indigo"] {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-typeset a:hover,
|
||||
[data-md-color-accent="indigo"] .md-typeset a:active {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="indigo"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="indigo"] .md-typeset [id] .headerlink:focus {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-nav__link:hover,
|
||||
[data-md-color-accent="indigo"] .md-nav__link:active,
|
||||
[data-md-color-accent="indigo"] .md-nav__link--active {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-search-result__link:hover {
|
||||
background-color: rgba(83, 109, 254, 0.1); }
|
||||
|
||||
[data-md-color-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
button[data-md-color-accent="blue"] {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-typeset a:hover,
|
||||
[data-md-color-accent="blue"] .md-typeset a:active {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="blue"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="blue"] .md-typeset [id] .headerlink:focus {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-nav__link:hover,
|
||||
[data-md-color-accent="blue"] .md-nav__link:active,
|
||||
[data-md-color-accent="blue"] .md-nav__link--active {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-color-accent="blue"] .md-search-result__link:hover {
|
||||
background-color: rgba(68, 138, 255, 0.1); }
|
||||
|
||||
[data-md-color-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
button[data-md-color-accent="light-blue"] {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-typeset a:hover,
|
||||
[data-md-color-accent="light-blue"] .md-typeset a:active {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="light-blue"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="light-blue"] .md-typeset [id] .headerlink:focus {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-nav__link:hover,
|
||||
[data-md-color-accent="light-blue"] .md-nav__link:active,
|
||||
[data-md-color-accent="light-blue"] .md-nav__link--active {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 145, 234, 0.1); }
|
||||
|
||||
[data-md-color-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
button[data-md-color-accent="cyan"] {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-typeset a:hover,
|
||||
[data-md-color-accent="cyan"] .md-typeset a:active {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="cyan"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="cyan"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-nav__link:hover,
|
||||
[data-md-color-accent="cyan"] .md-nav__link:active,
|
||||
[data-md-color-accent="cyan"] .md-nav__link--active {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 184, 212, 0.1); }
|
||||
|
||||
[data-md-color-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
button[data-md-color-accent="teal"] {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-typeset a:hover,
|
||||
[data-md-color-accent="teal"] .md-typeset a:active {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="teal"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="teal"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-nav__link:hover,
|
||||
[data-md-color-accent="teal"] .md-nav__link:active,
|
||||
[data-md-color-accent="teal"] .md-nav__link--active {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-color-accent="teal"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 191, 165, 0.1); }
|
||||
|
||||
[data-md-color-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
button[data-md-color-accent="green"] {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-typeset a:hover,
|
||||
[data-md-color-accent="green"] .md-typeset a:active {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="green"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="green"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="green"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-nav__link:hover,
|
||||
[data-md-color-accent="green"] .md-nav__link:active,
|
||||
[data-md-color-accent="green"] .md-nav__link--active {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-color-accent="green"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 200, 83, 0.1); }
|
||||
|
||||
[data-md-color-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
button[data-md-color-accent="light-green"] {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-typeset a:hover,
|
||||
[data-md-color-accent="light-green"] .md-typeset a:active {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="light-green"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="light-green"] .md-typeset [id] .headerlink:focus {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-nav__link:hover,
|
||||
[data-md-color-accent="light-green"] .md-nav__link:active,
|
||||
[data-md-color-accent="light-green"] .md-nav__link--active {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-search-result__link:hover {
|
||||
background-color: rgba(100, 221, 23, 0.1); }
|
||||
|
||||
[data-md-color-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
button[data-md-color-accent="lime"] {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-typeset a:hover,
|
||||
[data-md-color-accent="lime"] .md-typeset a:active {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="lime"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="lime"] .md-typeset [id] .headerlink:focus {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-nav__link:hover,
|
||||
[data-md-color-accent="lime"] .md-nav__link:active,
|
||||
[data-md-color-accent="lime"] .md-nav__link--active {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-color-accent="lime"] .md-search-result__link:hover {
|
||||
background-color: rgba(174, 234, 0, 0.1); }
|
||||
|
||||
[data-md-color-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
button[data-md-color-accent="yellow"] {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-typeset a:hover,
|
||||
[data-md-color-accent="yellow"] .md-typeset a:active {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="yellow"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="yellow"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-nav__link:hover,
|
||||
[data-md-color-accent="yellow"] .md-nav__link:active,
|
||||
[data-md-color-accent="yellow"] .md-nav__link--active {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 214, 0, 0.1); }
|
||||
|
||||
[data-md-color-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
button[data-md-color-accent="amber"] {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-typeset a:hover,
|
||||
[data-md-color-accent="amber"] .md-typeset a:active {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="amber"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="amber"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-nav__link:hover,
|
||||
[data-md-color-accent="amber"] .md-nav__link:active,
|
||||
[data-md-color-accent="amber"] .md-nav__link--active {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-color-accent="amber"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 171, 0, 0.1); }
|
||||
|
||||
[data-md-color-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
button[data-md-color-accent="orange"] {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-typeset a:hover,
|
||||
[data-md-color-accent="orange"] .md-typeset a:active {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="orange"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="orange"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-nav__link:hover,
|
||||
[data-md-color-accent="orange"] .md-nav__link:active,
|
||||
[data-md-color-accent="orange"] .md-nav__link--active {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-color-accent="orange"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 145, 0, 0.1); }
|
||||
|
||||
[data-md-color-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
button[data-md-color-accent="deep-orange"] {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-typeset a:hover,
|
||||
[data-md-color-accent="deep-orange"] .md-typeset a:active {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-color-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-color-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-color-accent="deep-orange"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-color-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-nav__link:hover,
|
||||
[data-md-color-accent="deep-orange"] .md-nav__link:active,
|
||||
[data-md-color-accent="deep-orange"] .md-nav__link--active {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 110, 64, 0.1); }
|
||||
|
||||
[data-md-color-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
@media only screen and (min-width: 60em) {
|
||||
[data-md-color-primary="red"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ef5350; }
|
||||
[data-md-color-primary="pink"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #e91e63; }
|
||||
[data-md-color-primary="purple"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ab47bc; }
|
||||
[data-md-color-primary="deep-purple"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #7e57c2; }
|
||||
[data-md-color-primary="indigo"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #3f51b5; }
|
||||
[data-md-color-primary="blue"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #2196f3; }
|
||||
[data-md-color-primary="light-blue"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #03a9f4; }
|
||||
[data-md-color-primary="cyan"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #00bcd4; }
|
||||
[data-md-color-primary="teal"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #009688; }
|
||||
[data-md-color-primary="green"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #4caf50; }
|
||||
[data-md-color-primary="light-green"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #7cb342; }
|
||||
[data-md-color-primary="lime"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #c0ca33; }
|
||||
[data-md-color-primary="yellow"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #f9a825; }
|
||||
[data-md-color-primary="amber"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ffb300; }
|
||||
[data-md-color-primary="orange"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #fb8c00; }
|
||||
[data-md-color-primary="deep-orange"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ff7043; }
|
||||
[data-md-color-primary="brown"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #795548; }
|
||||
[data-md-color-primary="grey"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #757575; }
|
||||
[data-md-color-primary="blue-grey"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #546e7a; } }
|
||||
|
||||
@media only screen and (max-width: 59.9375em) {
|
||||
html [data-md-color-accent="red"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff1744; }
|
||||
html [data-md-color-accent="pink"] .md-nav__link[for="toc"]::after {
|
||||
color: #f50057; }
|
||||
html [data-md-color-accent="purple"] .md-nav__link[for="toc"]::after {
|
||||
color: #e040fb; }
|
||||
html [data-md-color-accent="deep-purple"] .md-nav__link[for="toc"]::after {
|
||||
color: #7c4dff; }
|
||||
html [data-md-color-accent="indigo"] .md-nav__link[for="toc"]::after {
|
||||
color: #536dfe; }
|
||||
html [data-md-color-accent="blue"] .md-nav__link[for="toc"]::after {
|
||||
color: #448aff; }
|
||||
html [data-md-color-accent="light-blue"] .md-nav__link[for="toc"]::after {
|
||||
color: #0091ea; }
|
||||
html [data-md-color-accent="cyan"] .md-nav__link[for="toc"]::after {
|
||||
color: #00b8d4; }
|
||||
html [data-md-color-accent="teal"] .md-nav__link[for="toc"]::after {
|
||||
color: #00bfa5; }
|
||||
html [data-md-color-accent="green"] .md-nav__link[for="toc"]::after {
|
||||
color: #00c853; }
|
||||
html [data-md-color-accent="light-green"] .md-nav__link[for="toc"]::after {
|
||||
color: #64dd17; }
|
||||
html [data-md-color-accent="lime"] .md-nav__link[for="toc"]::after {
|
||||
color: #aeea00; }
|
||||
html [data-md-color-accent="yellow"] .md-nav__link[for="toc"]::after {
|
||||
color: #ffd600; }
|
||||
html [data-md-color-accent="amber"] .md-nav__link[for="toc"]::after {
|
||||
color: #ffab00; }
|
||||
html [data-md-color-accent="orange"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff9100; }
|
||||
html [data-md-color-accent="deep-orange"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff6e40; } }
|
||||
@ -1,716 +0,0 @@
|
||||
[data-md-palette-primary="red"] .md-typeset a {
|
||||
color: #ef5350; }
|
||||
|
||||
[data-md-palette-primary="red"] .md-header {
|
||||
background-color: #ef5350; }
|
||||
|
||||
[data-md-palette-primary="red"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ef5350; }
|
||||
|
||||
[data-md-palette-primary="pink"] .md-typeset a {
|
||||
color: #e91e63; }
|
||||
|
||||
[data-md-palette-primary="pink"] .md-header {
|
||||
background-color: #e91e63; }
|
||||
|
||||
[data-md-palette-primary="pink"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #e91e63; }
|
||||
|
||||
[data-md-palette-primary="purple"] .md-typeset a {
|
||||
color: #ab47bc; }
|
||||
|
||||
[data-md-palette-primary="purple"] .md-header {
|
||||
background-color: #ab47bc; }
|
||||
|
||||
[data-md-palette-primary="purple"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ab47bc; }
|
||||
|
||||
[data-md-palette-primary="deep-purple"] .md-typeset a {
|
||||
color: #7e57c2; }
|
||||
|
||||
[data-md-palette-primary="deep-purple"] .md-header {
|
||||
background-color: #7e57c2; }
|
||||
|
||||
[data-md-palette-primary="deep-purple"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #7e57c2; }
|
||||
|
||||
[data-md-palette-primary="indigo"] .md-typeset a {
|
||||
color: #3f51b5; }
|
||||
|
||||
[data-md-palette-primary="indigo"] .md-header {
|
||||
background-color: #3f51b5; }
|
||||
|
||||
[data-md-palette-primary="indigo"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #3f51b5; }
|
||||
|
||||
[data-md-palette-primary="blue"] .md-typeset a {
|
||||
color: #2196f3; }
|
||||
|
||||
[data-md-palette-primary="blue"] .md-header {
|
||||
background-color: #2196f3; }
|
||||
|
||||
[data-md-palette-primary="blue"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #2196f3; }
|
||||
|
||||
[data-md-palette-primary="light-blue"] .md-typeset a {
|
||||
color: #03a9f4; }
|
||||
|
||||
[data-md-palette-primary="light-blue"] .md-header {
|
||||
background-color: #03a9f4; }
|
||||
|
||||
[data-md-palette-primary="light-blue"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #03a9f4; }
|
||||
|
||||
[data-md-palette-primary="cyan"] .md-typeset a {
|
||||
color: #00bcd4; }
|
||||
|
||||
[data-md-palette-primary="cyan"] .md-header {
|
||||
background-color: #00bcd4; }
|
||||
|
||||
[data-md-palette-primary="cyan"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #00bcd4; }
|
||||
|
||||
[data-md-palette-primary="teal"] .md-typeset a {
|
||||
color: #009688; }
|
||||
|
||||
[data-md-palette-primary="teal"] .md-header {
|
||||
background-color: #009688; }
|
||||
|
||||
[data-md-palette-primary="teal"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #009688; }
|
||||
|
||||
[data-md-palette-primary="green"] .md-typeset a {
|
||||
color: #4caf50; }
|
||||
|
||||
[data-md-palette-primary="green"] .md-header {
|
||||
background-color: #4caf50; }
|
||||
|
||||
[data-md-palette-primary="green"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #4caf50; }
|
||||
|
||||
[data-md-palette-primary="light-green"] .md-typeset a {
|
||||
color: #7cb342; }
|
||||
|
||||
[data-md-palette-primary="light-green"] .md-header {
|
||||
background-color: #7cb342; }
|
||||
|
||||
[data-md-palette-primary="light-green"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #7cb342; }
|
||||
|
||||
[data-md-palette-primary="lime"] .md-typeset a {
|
||||
color: #c0ca33; }
|
||||
|
||||
[data-md-palette-primary="lime"] .md-header {
|
||||
background-color: #c0ca33; }
|
||||
|
||||
[data-md-palette-primary="lime"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #c0ca33; }
|
||||
|
||||
[data-md-palette-primary="yellow"] .md-typeset a {
|
||||
color: #f9a825; }
|
||||
|
||||
[data-md-palette-primary="yellow"] .md-header {
|
||||
background-color: #f9a825; }
|
||||
|
||||
[data-md-palette-primary="yellow"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #f9a825; }
|
||||
|
||||
[data-md-palette-primary="amber"] .md-typeset a {
|
||||
color: #ffb300; }
|
||||
|
||||
[data-md-palette-primary="amber"] .md-header {
|
||||
background-color: #ffb300; }
|
||||
|
||||
[data-md-palette-primary="amber"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ffb300; }
|
||||
|
||||
[data-md-palette-primary="orange"] .md-typeset a {
|
||||
color: #fb8c00; }
|
||||
|
||||
[data-md-palette-primary="orange"] .md-header {
|
||||
background-color: #fb8c00; }
|
||||
|
||||
[data-md-palette-primary="orange"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #fb8c00; }
|
||||
|
||||
[data-md-palette-primary="deep-orange"] .md-typeset a {
|
||||
color: #ff7043; }
|
||||
|
||||
[data-md-palette-primary="deep-orange"] .md-header {
|
||||
background-color: #ff7043; }
|
||||
|
||||
[data-md-palette-primary="deep-orange"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #ff7043; }
|
||||
|
||||
[data-md-palette-primary="brown"] .md-typeset a {
|
||||
color: #795548; }
|
||||
|
||||
[data-md-palette-primary="brown"] .md-header {
|
||||
background-color: #795548; }
|
||||
|
||||
[data-md-palette-primary="brown"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #795548; }
|
||||
|
||||
[data-md-palette-primary="grey"] .md-typeset a {
|
||||
color: #757575; }
|
||||
|
||||
[data-md-palette-primary="grey"] .md-header {
|
||||
background-color: #757575; }
|
||||
|
||||
[data-md-palette-primary="grey"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #757575; }
|
||||
|
||||
[data-md-palette-primary="blue-grey"] .md-typeset a {
|
||||
color: #546e7a; }
|
||||
|
||||
[data-md-palette-primary="blue-grey"] .md-header {
|
||||
background-color: #546e7a; }
|
||||
|
||||
[data-md-palette-primary="blue-grey"] .md-nav--secondary {
|
||||
border-left: 0.4rem solid #546e7a; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="red"] .md-typeset a:active {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="red"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="red"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="red"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="red"] .md-nav__link:active,
|
||||
[data-md-palette-accent="red"] .md-nav__link--active {
|
||||
color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="red"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 23, 68, 0.1); }
|
||||
|
||||
[data-md-palette-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff1744; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="pink"] .md-typeset a:active {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="pink"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="pink"] .md-typeset [id] .headerlink:focus {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="pink"] .md-nav__link:active,
|
||||
[data-md-palette-accent="pink"] .md-nav__link--active {
|
||||
color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-search-result__link:hover {
|
||||
background-color: rgba(245, 0, 87, 0.1); }
|
||||
|
||||
[data-md-palette-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #f50057; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="purple"] .md-typeset a:active {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="purple"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="purple"] .md-typeset [id] .headerlink:focus {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="purple"] .md-nav__link:active,
|
||||
[data-md-palette-accent="purple"] .md-nav__link--active {
|
||||
color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-search-result__link:hover {
|
||||
background-color: rgba(224, 64, 251, 0.1); }
|
||||
|
||||
[data-md-palette-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #e040fb; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset a:active {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="deep-purple"] .md-nav__link:active,
|
||||
[data-md-palette-accent="deep-purple"] .md-nav__link--active {
|
||||
color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-search-result__link:hover {
|
||||
background-color: rgba(124, 77, 255, 0.1); }
|
||||
|
||||
[data-md-palette-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7c4dff; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="indigo"] .md-typeset a:active {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="indigo"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="indigo"] .md-typeset [id] .headerlink:focus {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="indigo"] .md-nav__link:active,
|
||||
[data-md-palette-accent="indigo"] .md-nav__link--active {
|
||||
color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-search-result__link:hover {
|
||||
background-color: rgba(83, 109, 254, 0.1); }
|
||||
|
||||
[data-md-palette-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #536dfe; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="blue"] .md-typeset a:active {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="blue"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="blue"] .md-typeset [id] .headerlink:focus {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="blue"] .md-nav__link:active,
|
||||
[data-md-palette-accent="blue"] .md-nav__link--active {
|
||||
color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-search-result__link:hover {
|
||||
background-color: rgba(68, 138, 255, 0.1); }
|
||||
|
||||
[data-md-palette-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #448aff; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="light-blue"] .md-typeset a:active {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="light-blue"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="light-blue"] .md-typeset [id] .headerlink:focus {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="light-blue"] .md-nav__link:active,
|
||||
[data-md-palette-accent="light-blue"] .md-nav__link--active {
|
||||
color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 145, 234, 0.1); }
|
||||
|
||||
[data-md-palette-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #0091ea; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="cyan"] .md-typeset a:active {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="cyan"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="cyan"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="cyan"] .md-nav__link:active,
|
||||
[data-md-palette-accent="cyan"] .md-nav__link--active {
|
||||
color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 184, 212, 0.1); }
|
||||
|
||||
[data-md-palette-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00b8d4; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="teal"] .md-typeset a:active {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="teal"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="teal"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="teal"] .md-nav__link:active,
|
||||
[data-md-palette-accent="teal"] .md-nav__link--active {
|
||||
color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 191, 165, 0.1); }
|
||||
|
||||
[data-md-palette-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00bfa5; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="green"] .md-typeset a:active {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="green"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="green"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="green"] .md-typeset [id] .headerlink:focus {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="green"] .md-nav__link:active,
|
||||
[data-md-palette-accent="green"] .md-nav__link--active {
|
||||
color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="green"] .md-search-result__link:hover {
|
||||
background-color: rgba(0, 200, 83, 0.1); }
|
||||
|
||||
[data-md-palette-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #00c853; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="light-green"] .md-typeset a:active {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="light-green"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="light-green"] .md-typeset [id] .headerlink:focus {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="light-green"] .md-nav__link:active,
|
||||
[data-md-palette-accent="light-green"] .md-nav__link--active {
|
||||
color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-search-result__link:hover {
|
||||
background-color: rgba(100, 221, 23, 0.1); }
|
||||
|
||||
[data-md-palette-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #64dd17; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="lime"] .md-typeset a:active {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="lime"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="lime"] .md-typeset [id] .headerlink:focus {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="lime"] .md-nav__link:active,
|
||||
[data-md-palette-accent="lime"] .md-nav__link--active {
|
||||
color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-search-result__link:hover {
|
||||
background-color: rgba(174, 234, 0, 0.1); }
|
||||
|
||||
[data-md-palette-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aeea00; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="yellow"] .md-typeset a:active {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="yellow"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="yellow"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="yellow"] .md-nav__link:active,
|
||||
[data-md-palette-accent="yellow"] .md-nav__link--active {
|
||||
color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 214, 0, 0.1); }
|
||||
|
||||
[data-md-palette-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffd600; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="amber"] .md-typeset a:active {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="amber"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="amber"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="amber"] .md-nav__link:active,
|
||||
[data-md-palette-accent="amber"] .md-nav__link--active {
|
||||
color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 171, 0, 0.1); }
|
||||
|
||||
[data-md-palette-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ffab00; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="orange"] .md-typeset a:active {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="orange"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="orange"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="orange"] .md-nav__link:active,
|
||||
[data-md-palette-accent="orange"] .md-nav__link--active {
|
||||
color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 145, 0, 0.1); }
|
||||
|
||||
[data-md-palette-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff9100; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset a:hover,
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset a:active {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset [id]:target .headerlink,
|
||||
[data-md-palette-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-nav__link:hover,
|
||||
[data-md-palette-accent="deep-orange"] .md-nav__link:active,
|
||||
[data-md-palette-accent="deep-orange"] .md-nav__link--active {
|
||||
color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-search-result__link:hover {
|
||||
background-color: rgba(255, 110, 64, 0.1); }
|
||||
|
||||
[data-md-palette-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ff6e40; }
|
||||
|
||||
@media only screen and (max-width: 59.9375em) {
|
||||
|
||||
html [data-md-palette-accent="red"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff1744; }
|
||||
|
||||
html [data-md-palette-accent="pink"] .md-nav__link[for="toc"]::after {
|
||||
color: #f50057; }
|
||||
|
||||
html [data-md-palette-accent="purple"] .md-nav__link[for="toc"]::after {
|
||||
color: #e040fb; }
|
||||
|
||||
html [data-md-palette-accent="deep-purple"] .md-nav__link[for="toc"]::after {
|
||||
color: #7c4dff; }
|
||||
|
||||
html [data-md-palette-accent="indigo"] .md-nav__link[for="toc"]::after {
|
||||
color: #536dfe; }
|
||||
|
||||
html [data-md-palette-accent="blue"] .md-nav__link[for="toc"]::after {
|
||||
color: #448aff; }
|
||||
|
||||
html [data-md-palette-accent="light-blue"] .md-nav__link[for="toc"]::after {
|
||||
color: #0091ea; }
|
||||
|
||||
html [data-md-palette-accent="cyan"] .md-nav__link[for="toc"]::after {
|
||||
color: #00b8d4; }
|
||||
|
||||
html [data-md-palette-accent="teal"] .md-nav__link[for="toc"]::after {
|
||||
color: #00bfa5; }
|
||||
|
||||
html [data-md-palette-accent="green"] .md-nav__link[for="toc"]::after {
|
||||
color: #00c853; }
|
||||
|
||||
html [data-md-palette-accent="light-green"] .md-nav__link[for="toc"]::after {
|
||||
color: #64dd17; }
|
||||
|
||||
html [data-md-palette-accent="lime"] .md-nav__link[for="toc"]::after {
|
||||
color: #aeea00; }
|
||||
|
||||
html [data-md-palette-accent="yellow"] .md-nav__link[for="toc"]::after {
|
||||
color: #ffd600; }
|
||||
|
||||
html [data-md-palette-accent="amber"] .md-nav__link[for="toc"]::after {
|
||||
color: #ffab00; }
|
||||
|
||||
html [data-md-palette-accent="orange"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff9100; }
|
||||
|
||||
html [data-md-palette-accent="deep-orange"] .md-nav__link[for="toc"]::after {
|
||||
color: #ff6e40; } }
|
||||
@ -38,7 +38,7 @@
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.css">
|
||||
{% if config.extra.palette %}
|
||||
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.palettes.css">
|
||||
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.palette.css">
|
||||
{% endif %}
|
||||
{% for path in extra_css %}
|
||||
<link rel="stylesheet" href="{{ path }}">
|
||||
@ -50,7 +50,7 @@
|
||||
{% set primary = palette.primary | replace(" ", "-") | lower %}
|
||||
{% set accent = palette.accent | replace(" ", "-") | lower %}
|
||||
{% if primary or accent %}
|
||||
<body data-md-palette-primary="{{ primary }}" data-md-palette-accent="{{ accent }}">
|
||||
<body data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}">
|
||||
{% else %}
|
||||
<body>
|
||||
{% endif %}
|
||||
|
||||
@ -13,13 +13,20 @@
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--stretch">
|
||||
<span class="md-flex__ellipsis md-header-nav__title">
|
||||
{%- block site_name -%}
|
||||
{% block site_name %}
|
||||
{% if page %}
|
||||
{% for parent in page.ancestors %}
|
||||
<span class="md-header-nav__parent">
|
||||
{{ parent.title }}
|
||||
</span>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{{ page.title | default(config.site_name, true) }}
|
||||
{% endblock %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
{%- block search_box -%}
|
||||
{% block search_box %}
|
||||
<label class="md-icon md-header-nav__icon md-header-nav__icon--search" for="search">
|
||||
search
|
||||
</label>
|
||||
@ -28,7 +35,7 @@
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<div class="md-header-nav__source">
|
||||
{%- block repo -%}
|
||||
{% block repo %}
|
||||
{% if config.repo_url %}
|
||||
{% include "partials/source.html" %}
|
||||
{% endif %}
|
||||
|
||||
@ -59,6 +59,19 @@ export default class Application {
|
||||
|
||||
/* Attack FastClick to mitigate 300ms delay on touch devices */
|
||||
FastClick.attach(document.body)
|
||||
|
||||
/* Wrap all data tables */
|
||||
const tables = document.querySelectorAll("table:not([class])")
|
||||
for (const table of tables) {
|
||||
const wrap = document.createElement("div")
|
||||
wrap.classList.add("md-typeset__table")
|
||||
if (table.nextSibling) {
|
||||
table.parentNode.insertBefore(wrap, table.nextSibling)
|
||||
} else {
|
||||
table.parentNode.appendChild(wrap)
|
||||
}
|
||||
wrap.appendChild(table)
|
||||
}
|
||||
}).listen()
|
||||
|
||||
/* Cross-browser helper to dispatch/fire an event */
|
||||
|
||||
@ -41,7 +41,27 @@
|
||||
// Rules
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
// Build primary palette
|
||||
// Color tile
|
||||
button[data-md-color-primary],
|
||||
button[data-md-color-accent] {
|
||||
width: 10.0rem;
|
||||
padding: 0.4rem 0.8rem;
|
||||
transition:
|
||||
background-color 0.25s,
|
||||
opacity 0.25s;
|
||||
border-radius: 0.2rem;
|
||||
color: $md-color-white;
|
||||
font-size: ms(-1);
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
|
||||
// Hovered color tile
|
||||
&:hover {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
// Build primary colors
|
||||
@each $name, $color in (
|
||||
"red": $clr-red-400,
|
||||
"pink": $clr-pink-500,
|
||||
@ -63,7 +83,14 @@
|
||||
"grey": $clr-grey-600,
|
||||
"blue-grey": $clr-blue-grey-600
|
||||
) {
|
||||
[data-md-palette-primary="#{$name}"] {
|
||||
|
||||
// Color tile for presentation // TODO. comments
|
||||
button[data-md-color-primary="#{$name}"] {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Color palette
|
||||
[data-md-color-primary="#{$name}"] {
|
||||
|
||||
// Links in typesetted content
|
||||
.md-typeset a {
|
||||
@ -75,14 +102,18 @@
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Table of contents
|
||||
.md-nav--secondary {
|
||||
border-left: 0.4rem solid $color;
|
||||
// [tablet landscape +]: Add border to table of contents
|
||||
@include break-from-device(tablet landscape) {
|
||||
|
||||
// Table of contents
|
||||
.md-nav--secondary {
|
||||
border-left: 0.4rem solid $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Build accent palette
|
||||
// Build accent colors
|
||||
@each $name, $color in (
|
||||
"red": $clr-red-a400,
|
||||
"pink": $clr-pink-a400,
|
||||
@ -101,7 +132,14 @@
|
||||
"orange": $clr-orange-a400,
|
||||
"deep-orange": $clr-deep-orange-a200
|
||||
) {
|
||||
[data-md-palette-accent="#{$name}"] {
|
||||
|
||||
// Color tile for presentation
|
||||
button[data-md-color-accent="#{$name}"] {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Color palette
|
||||
[data-md-color-accent="#{$name}"] {
|
||||
|
||||
// Typesetted content
|
||||
.md-typeset {
|
||||
@ -149,18 +187,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Search result
|
||||
.md-search-result {
|
||||
// Search container scrollbar thumb
|
||||
.md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Hovered scrollbar thumb
|
||||
&__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Hovered link
|
||||
&__link:hover {
|
||||
background-color: transparentize($color, 0.9);
|
||||
}
|
||||
// Hovered search result link
|
||||
.md-search-result__link:hover {
|
||||
background-color: transparentize($color, 0.9);
|
||||
}
|
||||
|
||||
// Wrapper for scrolling on overflow
|
||||
@ -356,9 +356,11 @@ kbd {
|
||||
}
|
||||
|
||||
// Data tables
|
||||
table {
|
||||
width: 90%;
|
||||
margin: 1.5em 0;
|
||||
table:not([class]) {
|
||||
@include z-depth(2);
|
||||
|
||||
margin: 2.0em 0;
|
||||
border-radius: 0.2rem;
|
||||
font-size: ms(-1);
|
||||
overflow: hidden;
|
||||
|
||||
@ -366,40 +368,61 @@ kbd {
|
||||
.no-js & {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
margin: 0.8em 0;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
// Table heading
|
||||
// Table headings and cells
|
||||
th,
|
||||
td {
|
||||
|
||||
// Right align contents
|
||||
&[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Center contents
|
||||
&[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Table headings
|
||||
th {
|
||||
min-width: 10.0rem;
|
||||
padding: 1.2rem 1.6rem;
|
||||
border-bottom: 0.1rem solid $md-color-black--light;
|
||||
color: $md-color-black;
|
||||
font-weight: 700;
|
||||
background-color: $md-color-black--light;
|
||||
color: $md-color-white;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
// Table cell
|
||||
// Table cells
|
||||
td {
|
||||
padding: 1.2rem 1.6rem;
|
||||
border-top: 0.1rem solid $md-color-black--lightest;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th[align="right"],
|
||||
td[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th[align="center"],
|
||||
td[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Remove top border on first row
|
||||
tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Data table wrapper, in case JavaScript is available
|
||||
.md-typeset__table {
|
||||
margin: 1.6em -1.6rem;
|
||||
text-align: center;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// Data tables
|
||||
table {
|
||||
display: inline-block;
|
||||
margin: 0 1.6rem;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -334,6 +334,7 @@ $codehilite-whitespace: transparent;
|
||||
|
||||
// Full-width container
|
||||
> .codehilitetable {
|
||||
box-shadow: none;
|
||||
|
||||
// [mobile -]: Stretch to whole width
|
||||
@include break-to-device(mobile) {
|
||||
|
||||
@ -87,10 +87,10 @@
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ base_url }}/assets/stylesheets/application.css" />
|
||||
|
||||
<!-- Extra palettes -->
|
||||
<!-- Extra color palette -->
|
||||
{% if config.extra.palette %}
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ base_url }}/assets/stylesheets/application.palettes.css" />
|
||||
href="{{ base_url }}/assets/stylesheets/application.palette.css" />
|
||||
{% endif %}
|
||||
|
||||
<!-- Custom stylesheets -->
|
||||
@ -103,13 +103,13 @@
|
||||
{% block extrahead %}{% endblock %}
|
||||
</head>
|
||||
|
||||
<!-- Integrate palette colors, if defined -->
|
||||
<!-- Integrate color palette, if defined -->
|
||||
{% set palette = config.extra.get("palette", {}) %}
|
||||
{% set primary = palette.primary | replace(" ", "-") | lower %}
|
||||
{% set accent = palette.accent | replace(" ", "-") | lower %}
|
||||
{% if primary or accent %}
|
||||
<body data-md-palette-primary="{{ primary }}"
|
||||
data-md-palette-accent="{{ accent }}">
|
||||
<body data-md-color-primary="{{ primary }}"
|
||||
data-md-color-accent="{{ accent }}">
|
||||
{% else %}
|
||||
<body>
|
||||
{% endif %}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user