2016-02-05 17:35:15 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Dependencies
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Application
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Resets
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Enfore correct box model - the prefixed versions are necessary for older
|
|
|
|
* browsers, i.e. Chrome < 10, Firefox < 29, Safari < 6 and Android < 4
|
|
|
|
*/
|
|
|
|
html {
|
|
|
|
box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
-webkit-box-sizing: border-box; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* All elements shall inherit the document default
|
|
|
|
*/
|
|
|
|
*, *:before, *:after {
|
|
|
|
box-sizing: inherit;
|
|
|
|
-moz-box-sizing: inherit;
|
|
|
|
-webkit-box-sizing: inherit; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* 16px --> 10px, browser default
|
|
|
|
*/
|
|
|
|
html {
|
|
|
|
font-size: 62.5%;
|
|
|
|
-webkit-text-size-adjust: none;
|
|
|
|
-ms-text-size-adjust: none;
|
|
|
|
text-size-adjust: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset spacing and borders for all tags
|
|
|
|
*/
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
|
|
a, abbr, acronym, address, big, cite, code,
|
|
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
|
|
small, strike, strong, sub, sup, tt, var,
|
|
|
|
b, u, i, center,
|
|
|
|
dl, dt, dd, ol, ul, li,
|
|
|
|
fieldset, form, label, legend,
|
|
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
|
|
article, aside, canvas, details, embed,
|
|
|
|
figure, figcaption, footer, header, hgroup, main,
|
|
|
|
menu, nav, output, ruby, section, summary,
|
|
|
|
time, mark, audio, video {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset list styles
|
|
|
|
*/
|
|
|
|
ul {
|
|
|
|
list-style: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset table styles
|
|
|
|
*/
|
|
|
|
table {
|
|
|
|
border-collapse: collapse;
|
|
|
|
border-spacing: 0; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset table cell styles
|
|
|
|
*/
|
|
|
|
td {
|
|
|
|
text-align: left;
|
|
|
|
font-weight: normal;
|
|
|
|
vertical-align: middle; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset (native) button styles
|
|
|
|
*/
|
|
|
|
button {
|
|
|
|
outline: 0;
|
|
|
|
padding: 0;
|
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
font-size: inherit; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset (native) input styles
|
|
|
|
*/
|
|
|
|
input {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
-moz-appearance: none;
|
|
|
|
-ms-appearance: none;
|
|
|
|
-o-appearance: none;
|
|
|
|
appearance: none;
|
|
|
|
outline: none;
|
|
|
|
border: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset link styles
|
|
|
|
*/
|
|
|
|
a {
|
|
|
|
text-decoration: none;
|
|
|
|
color: inherit; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset tap outlines on iOS and Android
|
|
|
|
*/
|
|
|
|
a, button, label, input {
|
|
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
|
|
-webkit-tap-highlight-color: transparent; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Reset headlines
|
|
|
|
*/
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
font-weight: inherit; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Palette
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Primary and accent color
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Black opacities
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* White opacities
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Code highlighter
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Inline code
|
|
|
|
*/
|
|
|
|
code {
|
|
|
|
color: #3f51b5; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Code block
|
|
|
|
*/
|
|
|
|
pre {
|
|
|
|
background: rgba(0, 0, 0, 0.05);
|
|
|
|
/*
|
|
|
|
* Ensure correct color
|
|
|
|
*/ }
|
|
|
|
pre, pre code {
|
|
|
|
color: rgba(0, 0, 0, 0.87); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Operators and comments
|
|
|
|
*/
|
|
|
|
.o, .c, .c1, .cm {
|
|
|
|
color: rgba(0, 0, 0, 0.54); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Keywords
|
|
|
|
*/
|
|
|
|
.k, .kn {
|
|
|
|
color: #A71D5D; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Types and functions
|
|
|
|
*/
|
|
|
|
.kt, .kd, .n.f {
|
|
|
|
color: #0086B3; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Strings
|
|
|
|
*/
|
|
|
|
.s {
|
|
|
|
color: #183691; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Constants and numbers
|
|
|
|
*/
|
|
|
|
.mi, .bp {
|
|
|
|
color: #9575CD; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Font faces
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Icon font
|
|
|
|
*/
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Icon';
|
|
|
|
src: url("/assets/fonts/icon.eot?52m981");
|
|
|
|
src: url("/assets/fonts/icon.eot?#iefix52m981") format("embedded-opentype"), url("/assets/fonts/icon.woff?52m981") format("woff"), url("/assets/fonts/icon.ttf?52m981") format("truetype"), url("/assets/fonts/icon.svg?52m981#icon") format("svg");
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal; }
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Representational classes
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Base icon class
|
|
|
|
*/
|
|
|
|
.icon {
|
|
|
|
font-family: 'Icon';
|
|
|
|
speak: none;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
font-variant: normal;
|
|
|
|
text-transform: none;
|
|
|
|
line-height: 1;
|
|
|
|
/* Better Font Rendering */
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Magnifying glass
|
|
|
|
*/
|
|
|
|
.icon-search:before {
|
|
|
|
content: "\e600"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Back arrow
|
|
|
|
*/
|
|
|
|
.icon-back:before {
|
|
|
|
content: "\e601"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Link indicator
|
|
|
|
*/
|
|
|
|
.icon-link:before {
|
|
|
|
content: "\e602"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Close button
|
|
|
|
*/
|
|
|
|
.icon-close:before {
|
|
|
|
content: "\e603"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Hamburger icon
|
|
|
|
*/
|
|
|
|
.icon-menu:before {
|
|
|
|
content: "\e604"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Forward arrow
|
|
|
|
*/
|
|
|
|
.icon-forward:before {
|
|
|
|
content: "\e605"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Twitter icon
|
|
|
|
*/
|
|
|
|
.icon-twitter:before {
|
|
|
|
content: "\e606"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* GitHub icon
|
|
|
|
*/
|
|
|
|
.icon-github:before {
|
|
|
|
content: "\e607"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Download icon
|
|
|
|
*/
|
|
|
|
.icon-download:before {
|
|
|
|
content: "\e608"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Star icon
|
|
|
|
*/
|
|
|
|
.icon-star:before {
|
|
|
|
content: "\e609"; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Defaults
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Helper functions
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Choose minimum and maximum device widths.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Select minimum and maximum widths for a device breakpoint.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Mixins for numeric breakpoints
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* A minimum-maximum media query breakpoint.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* An orientation media query breakpoint.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* A maximum-aspect-ratio media query breakpoint.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Mixins for device breakpoints
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* A minimum-maximum media query device breakpoint.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* A minimum media query device breakpoint.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* A maximum media query device breakpoint.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Base animation
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Animate color on hover
|
|
|
|
*/
|
|
|
|
a {
|
|
|
|
-webkit-transition: color .25s;
|
|
|
|
transition: color .25s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Overlay
|
|
|
|
*/
|
|
|
|
.overlay {
|
|
|
|
-webkit-transition: opacity .25s, width .0s .25s, height .0s .25s;
|
|
|
|
transition: opacity .25s, width .0s .25s, height .0s .25s;
|
|
|
|
/*
|
|
|
|
* Expanded drawer
|
|
|
|
*/ }
|
|
|
|
#toggle-drawer:checked ~ .overlay,
|
|
|
|
.toggle-drawer .overlay {
|
|
|
|
-webkit-transition: opacity .25s, width .0s, height .0s;
|
|
|
|
transition: opacity .25s, width .0s, height .0s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Application header - check for javascript to omit flashing
|
|
|
|
*/
|
|
|
|
.js .header {
|
|
|
|
-webkit-transition: background .6s, color .6s;
|
|
|
|
transition: background .6s, color .6s;
|
|
|
|
/*
|
|
|
|
* Status bar
|
|
|
|
*/ }
|
|
|
|
.js .header:before {
|
|
|
|
-webkit-transition: background .6s;
|
|
|
|
transition: background .6s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Extended visible touch area on icon
|
|
|
|
*/
|
|
|
|
.button .icon {
|
|
|
|
-webkit-transition: background .25s;
|
|
|
|
transition: background .25s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Base appearance
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Device specific background hacks related to rubberband
|
|
|
|
*/
|
|
|
|
body {
|
|
|
|
color: rgba(0, 0, 0, 0.87);
|
|
|
|
/* Hack [Chrome, Opera]: Set background color in Chrome and Opera */
|
|
|
|
/*
|
|
|
|
* Don't tint menu bar on iOS
|
|
|
|
*/ }
|
|
|
|
@supports (-webkit-appearance: none) {
|
|
|
|
body {
|
|
|
|
background: #3f51b5; } }
|
|
|
|
.ios body {
|
|
|
|
background: white; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Horizontal separators
|
|
|
|
*/
|
|
|
|
hr {
|
|
|
|
border: 0;
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Toggle button
|
|
|
|
*/
|
|
|
|
.toggle-button {
|
|
|
|
cursor: pointer;
|
|
|
|
color: inherit; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Backdrop
|
|
|
|
*/
|
|
|
|
.backdrop {
|
|
|
|
background: white;
|
|
|
|
/* [tablet landscape+]: Introduce paper with shadow */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Backdrop paper with shadow
|
|
|
|
*/
|
|
|
|
.backdrop-paper:after {
|
|
|
|
background: white;
|
|
|
|
/* [tablet landscape+]: Add drop shadow */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Overlay
|
|
|
|
*/
|
|
|
|
.overlay {
|
|
|
|
background: rgba(0, 0, 0, 0.54);
|
|
|
|
opacity: 0;
|
|
|
|
/*
|
|
|
|
* Expanded drawer
|
|
|
|
*/ }
|
|
|
|
#toggle-drawer:checked ~ .overlay,
|
|
|
|
.toggle-drawer .overlay {
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Application header
|
|
|
|
*/
|
|
|
|
.header {
|
|
|
|
box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
background: #3f51b5;
|
|
|
|
color: white;
|
|
|
|
/*
|
|
|
|
* Add status bar overlay for iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .header:before {
|
|
|
|
background: rgba(0, 0, 0, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Navigation path within header bar
|
|
|
|
*/
|
|
|
|
.bar .path {
|
|
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Draw round area around icon on touch
|
|
|
|
*/
|
|
|
|
.button .icon {
|
|
|
|
border-radius: 100%; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Pushed/clicked icon
|
|
|
|
*/
|
|
|
|
.button .icon:active {
|
|
|
|
background: rgba(255, 255, 255, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Base layout
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Stretch container to viewport
|
|
|
|
*/
|
|
|
|
html {
|
|
|
|
height: 100%; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Stretch body to container and leave room for sticky footer.
|
|
|
|
*/
|
|
|
|
body {
|
|
|
|
position: relative;
|
|
|
|
min-height: 100%; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Horizontal separators
|
|
|
|
*/
|
|
|
|
hr {
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Lock body (e.g. in search mode)
|
|
|
|
*/
|
|
|
|
.locked {
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Scrollable container
|
|
|
|
*/
|
|
|
|
.scrollable {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
/*
|
|
|
|
* Content wrapper
|
|
|
|
*/ }
|
|
|
|
.scrollable .wrapper {
|
|
|
|
height: 100%;
|
|
|
|
/* Hack [iOS]: Force overflow scrolling */ }
|
|
|
|
.ios .scrollable .wrapper {
|
|
|
|
margin-bottom: 2px; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Toggle states and button
|
|
|
|
*/
|
|
|
|
.toggle {
|
|
|
|
display: none;
|
|
|
|
/*
|
|
|
|
* Toggle button
|
|
|
|
*/ }
|
|
|
|
.toggle-button {
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Backdrop
|
|
|
|
*/
|
|
|
|
.backdrop {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: -1; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Backdrop paper container
|
|
|
|
*/
|
|
|
|
.backdrop-paper {
|
|
|
|
max-width: 1200px;
|
|
|
|
height: 100%;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
/*
|
|
|
|
* Actual paper
|
|
|
|
*/ }
|
|
|
|
.backdrop-paper:after {
|
|
|
|
content: " ";
|
|
|
|
display: block;
|
|
|
|
height: 100%;
|
|
|
|
margin-left: 262px; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Overlay
|
|
|
|
*/
|
|
|
|
.overlay {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
z-index: 4;
|
|
|
|
/* [tablet landscape-]: Trigger overlay */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Application header stays always on top
|
|
|
|
*/
|
|
|
|
.header {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 3;
|
|
|
|
height: 56px;
|
|
|
|
padding: 4px;
|
|
|
|
overflow: hidden;
|
|
|
|
/* [tablet portait+]: Larger header bar */
|
|
|
|
/* [screen+]: Stretch to screen */
|
|
|
|
/*
|
|
|
|
* Absolute positioning in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .header {
|
|
|
|
position: absolute;
|
|
|
|
/* [orientation: portrait]: Account for status bar in portrait mode */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Header bar
|
|
|
|
*/
|
|
|
|
.bar {
|
|
|
|
display: table;
|
|
|
|
max-width: 1184px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
/*
|
|
|
|
* Links should span icons entirely
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Hide search button, in case javascript is not available.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Navigation path
|
|
|
|
*/ }
|
|
|
|
.bar a {
|
|
|
|
display: block; }
|
|
|
|
.no-js .bar .button-search {
|
|
|
|
display: none; }
|
|
|
|
.bar .path {
|
|
|
|
/*
|
|
|
|
* Correct icon alignment
|
|
|
|
*/
|
|
|
|
/* [tablet portait-]: Hide path */ }
|
|
|
|
.bar .path .icon:before {
|
|
|
|
vertical-align: -1.5px; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Buttons
|
|
|
|
*/
|
|
|
|
.button {
|
|
|
|
display: table-cell;
|
|
|
|
vertical-align: top;
|
|
|
|
width: 1%;
|
|
|
|
/*
|
|
|
|
* Remove native spacing on button
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Button icons
|
|
|
|
*/ }
|
|
|
|
.button button {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
/* Hack [IE]: Remove button offset in active state */ }
|
|
|
|
.button button:active:before {
|
|
|
|
position: relative;
|
|
|
|
top: 0;
|
|
|
|
left: 0; }
|
|
|
|
.button .icon {
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 24px;
|
|
|
|
padding: 8px;
|
|
|
|
margin: 4px; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Hide source and twitter button
|
|
|
|
*/
|
|
|
|
.button-github,
|
|
|
|
.button-twitter {
|
|
|
|
/* [mobile landscape-]: Hide button */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Hide menu button
|
|
|
|
*/
|
|
|
|
.button-menu {
|
|
|
|
/* [tablet landscape+]: Hide button */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Stretch content to remaining space
|
|
|
|
*/
|
|
|
|
.stretch {
|
|
|
|
display: table;
|
|
|
|
table-layout: fixed;
|
|
|
|
width: 100%;
|
|
|
|
/*
|
|
|
|
* Set vertical spacing for header
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Title with ellipsis on overflow
|
|
|
|
*/ }
|
|
|
|
.header .stretch {
|
|
|
|
padding: 0 20px;
|
|
|
|
/* [tablet portait]: Increase vertical spacing */
|
|
|
|
/* [tablet portait+]: Account for missing menu icon */ }
|
|
|
|
.stretch .title {
|
|
|
|
display: table-cell;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
/*
|
|
|
|
* Increase header font size
|
|
|
|
*/ }
|
|
|
|
.header .stretch .title {
|
|
|
|
font-size: 18px;
|
|
|
|
padding: 13px 0;
|
|
|
|
/* [tablet portait+]: Slightly larger typography in header */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Main content
|
|
|
|
*/
|
|
|
|
.main {
|
|
|
|
max-width: 1200px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Base typography
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Default font styles
|
|
|
|
*/
|
|
|
|
body, input {
|
|
|
|
font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
|
|
font-weight: 400;
|
|
|
|
/* Enable font-smoothing in Webkit and FF */
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
/*
|
|
|
|
* Use system fonts, if browser doesn't support webfonts
|
|
|
|
*/ }
|
|
|
|
.no-fontface body, .no-fontface input {
|
|
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Proportional fonts
|
|
|
|
*/
|
|
|
|
pre, code {
|
|
|
|
font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
|
|
|
|
/*
|
|
|
|
* Use system fonts, if browser doesn't support webfonts
|
|
|
|
*/ }
|
|
|
|
.no-fontface pre, .no-fontface code {
|
|
|
|
font-family: 'Courier New', 'Courier', monospace; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Drawer animation
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Drawer container
|
|
|
|
*/
|
|
|
|
.drawer {
|
|
|
|
/* [tablet landscape-]: Hide menu */
|
|
|
|
/*
|
|
|
|
* Expanded drawer
|
|
|
|
*/ }
|
|
|
|
#toggle-drawer:checked ~ .main .drawer,
|
|
|
|
.toggle-drawer .drawer {
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
/*
|
|
|
|
* Just show drawer, if browser doesn't support 3D transforms
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d #toggle-drawer:checked ~ .main .drawer, .no-csstransforms3d
|
|
|
|
.toggle-drawer .drawer {
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* No color transition for project link
|
|
|
|
*/
|
|
|
|
.project {
|
|
|
|
-webkit-transition: none;
|
|
|
|
transition: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Project logo image
|
|
|
|
*/
|
|
|
|
.project .logo img {
|
|
|
|
-webkit-transition: box-shadow .4s;
|
|
|
|
transition: box-shadow .4s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Repository buttons
|
|
|
|
*/
|
|
|
|
.repo a {
|
|
|
|
-webkit-transition: box-shadow .4s, opacity .4s;
|
|
|
|
transition: box-shadow .4s, opacity .4s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Drawer appearance
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Drawer container
|
|
|
|
*/
|
|
|
|
.drawer {
|
|
|
|
/* [tablet landscape-]: Light gray background */
|
|
|
|
/*
|
|
|
|
* Color links
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Main sections
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Content wrapper
|
|
|
|
*/ }
|
|
|
|
.drawer .toc a {
|
|
|
|
/*
|
|
|
|
* Current active element
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Hovered link
|
|
|
|
*/ }
|
|
|
|
.drawer .toc a.current {
|
|
|
|
color: #3f51b5; }
|
|
|
|
.drawer .toc a:hover, .drawer .toc a:focus {
|
|
|
|
color: #009688; }
|
|
|
|
.drawer .section {
|
|
|
|
color: rgba(0, 0, 0, 0.54); }
|
|
|
|
.drawer .wrapper {
|
|
|
|
/* [tablet landscape-]: Light gray background */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Project information
|
|
|
|
*/
|
|
|
|
.project {
|
|
|
|
/* [tablet landscape-]: Add drop shadow */
|
|
|
|
/*
|
|
|
|
* Add status bar overlay for iOS web application
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Project logo
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Scale logo on hover
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .project:before {
|
|
|
|
background: rgba(0, 0, 0, 0.12); }
|
|
|
|
.project .logo img {
|
|
|
|
background: white;
|
|
|
|
border-radius: 100%; }
|
|
|
|
.project:hover .logo img,
|
|
|
|
.project:focus .logo img {
|
|
|
|
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3), 0 10px 50px rgba(0, 0, 0, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Repository buttons
|
|
|
|
*/
|
|
|
|
.repo a {
|
|
|
|
box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
background: #009688;
|
|
|
|
color: white;
|
|
|
|
border-radius: 3px;
|
|
|
|
/*
|
|
|
|
* Hovered button
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Stars
|
|
|
|
*/ }
|
|
|
|
.repo a:hover, .repo a:focus {
|
|
|
|
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3), 0 10px 50px rgba(0, 0, 0, 0.12);
|
|
|
|
opacity: 0.8; }
|
|
|
|
.repo a .count {
|
|
|
|
background: rgba(0, 0, 0, 0.26);
|
|
|
|
color: white;
|
|
|
|
border-radius: 0px 3px 3px 0px;
|
|
|
|
/*
|
|
|
|
* Star bubble
|
|
|
|
*/ }
|
|
|
|
.repo a .count:before {
|
|
|
|
border-width: 15px 5px 15px 0;
|
|
|
|
border-color: transparent rgba(0, 0, 0, 0.26);
|
|
|
|
border-style: solid; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Drawer layout
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Drawer container
|
|
|
|
*/
|
|
|
|
.drawer {
|
|
|
|
width: 262px;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 1.0em;
|
|
|
|
/* [tablet landscape-]: Fixed positioning */
|
|
|
|
/* [tablet landscape+]: Inline with content */
|
|
|
|
/* Hack [iOS]: Mitigate scrolling of parent container on boundaries */
|
|
|
|
/*
|
|
|
|
* Links to articles
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Links to chapters inside the current article
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Main sections
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Scrollable container
|
|
|
|
*/ }
|
|
|
|
.ios .drawer {
|
|
|
|
overflow: scroll;
|
|
|
|
-webkit-overflow-scrolling: touch; }
|
|
|
|
.drawer .toc li a {
|
|
|
|
display: block;
|
|
|
|
padding: 14.5px 24px;
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis; }
|
|
|
|
.drawer .toc li.anchor a {
|
|
|
|
padding: 10px 24px 10px 48px; }
|
|
|
|
.drawer .section {
|
|
|
|
display: block;
|
|
|
|
font-size: 11px;
|
|
|
|
padding: 14.5px 24px; }
|
|
|
|
.drawer .scrollable {
|
|
|
|
top: 104px;
|
|
|
|
z-index: -1;
|
|
|
|
/* [tablet landscape+]: Revert fixed positioning */
|
|
|
|
/*
|
|
|
|
* Leave room for status bar in iOS web application
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Content wrapper
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .drawer .scrollable {
|
|
|
|
/* [orientation: portrait]: Account for status bar in portrait mode */ }
|
|
|
|
.drawer .scrollable .wrapper {
|
|
|
|
height: auto;
|
|
|
|
min-height: 100%;
|
|
|
|
/*
|
|
|
|
* Add spacing at top and bottom of separator
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Add spacing at top and bottom of top level navigation
|
|
|
|
*/ }
|
|
|
|
.drawer .scrollable .wrapper hr {
|
|
|
|
margin: 12px 0;
|
|
|
|
/* [screen+]: Shorten separator */
|
|
|
|
/* Hack [IE]: Left-align horizontal rule */
|
|
|
|
margin-right: auto; }
|
|
|
|
.drawer .scrollable .wrapper .toc {
|
|
|
|
margin: 12px 0; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Project information
|
|
|
|
*/
|
|
|
|
.project {
|
|
|
|
display: block;
|
|
|
|
/*
|
|
|
|
* Leave room for status bar in iOS web application
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Project banner
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Project logo
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Project name
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Shrink font, if a logo is given.
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .project {
|
|
|
|
/* [orientation: portrait]: Account for status bar in portrait mode */ }
|
|
|
|
.project .banner {
|
|
|
|
display: table;
|
|
|
|
width: 100%;
|
|
|
|
height: 104px;
|
|
|
|
padding: 20px; }
|
|
|
|
.project .logo {
|
|
|
|
display: table-cell;
|
|
|
|
width: 64px;
|
|
|
|
padding-right: 12px;
|
|
|
|
/*
|
|
|
|
* Project logo image
|
|
|
|
*/ }
|
|
|
|
.project .logo img {
|
|
|
|
display: block;
|
|
|
|
width: 64px;
|
|
|
|
height: 64px; }
|
|
|
|
.project .name {
|
|
|
|
display: table-cell;
|
|
|
|
padding-left: 4px;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.25em;
|
|
|
|
vertical-align: middle;
|
|
|
|
/* [tablet portait+]: Slightly larger project name */ }
|
|
|
|
.project .logo + .name {
|
|
|
|
font-size: 12px; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Repository
|
|
|
|
*/
|
|
|
|
.repo {
|
|
|
|
margin: 24px 0;
|
|
|
|
text-align: center;
|
|
|
|
/*
|
|
|
|
* Inline buttons
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Buttons
|
|
|
|
*/ }
|
|
|
|
.repo li {
|
|
|
|
display: inline-block;
|
|
|
|
padding-right: 12px;
|
|
|
|
white-space: nowrap;
|
|
|
|
/*
|
|
|
|
* No padding on last button
|
|
|
|
*/ }
|
|
|
|
.repo li:last-child {
|
|
|
|
padding-right: 0; }
|
|
|
|
.repo a {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0px 10px 0px 6px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
/*
|
|
|
|
* Slightly larger icons
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Stars
|
|
|
|
*/ }
|
|
|
|
.repo a .icon {
|
|
|
|
font-size: 18px;
|
|
|
|
vertical-align: -3px; }
|
|
|
|
.repo a .count {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
padding: 0px 8px 0 4px;
|
|
|
|
margin: 0 -10px 0 8px;
|
|
|
|
font-size: 12px;
|
|
|
|
/*
|
|
|
|
* Star bubble
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Hide count, in case javascript is not available.
|
|
|
|
*/ }
|
|
|
|
.repo a .count:before {
|
|
|
|
content: " ";
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: -5px; }
|
|
|
|
.no-js .repo a .count {
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Drawer typography
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Drawer container
|
|
|
|
*/
|
|
|
|
.drawer {
|
|
|
|
/*
|
|
|
|
* Links to articles
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Links to chapters inside the current article
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Main sections
|
|
|
|
*/ }
|
|
|
|
.drawer .toc li a {
|
|
|
|
font-weight: 700; }
|
|
|
|
.drawer .toc li.anchor a {
|
|
|
|
font-weight: 400; }
|
|
|
|
.drawer .section {
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 700; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Repository buttons
|
|
|
|
*/
|
|
|
|
.repo a {
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 700;
|
|
|
|
/*
|
|
|
|
* Stars
|
|
|
|
*/ }
|
|
|
|
.repo a .count {
|
|
|
|
text-transform: none;
|
|
|
|
font-weight: 700; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Article animation
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Fade color after highlighting
|
|
|
|
*/
|
|
|
|
pre span {
|
|
|
|
-webkit-transition: color .25s;
|
|
|
|
transition: color .25s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright and theme information
|
|
|
|
*/
|
|
|
|
.copyright {
|
|
|
|
/*
|
|
|
|
* Animate color on hover
|
|
|
|
*/ }
|
|
|
|
.copyright a {
|
|
|
|
-webkit-transition: color .25s;
|
|
|
|
transition: color .25s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Article appearance
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Article
|
|
|
|
*/
|
|
|
|
.article {
|
|
|
|
/*
|
|
|
|
* Differing top and bottom rubberband backgrounds in iOS web application
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Headlines and chapters in primary color
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Lower border for main headline
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Color links
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Data tables
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article {
|
|
|
|
background: -webkit-linear-gradient(top, white 50%, #3f51b5 50%);
|
|
|
|
background: linear-gradient(to bottom, white 50%, #3f51b5 50%);
|
|
|
|
/* Hack [iOS]: Mitigate black bounding box with linear gradient */ }
|
|
|
|
.ios.standalone .article .wrapper {
|
|
|
|
background: -webkit-linear-gradient(top, white 50%, white 50%);
|
|
|
|
background: linear-gradient(to bottom, white 50%, white 50%); }
|
|
|
|
.article h1, .article h2 {
|
|
|
|
color: #3f51b5; }
|
|
|
|
.article h1 {
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
|
|
|
|
.article a {
|
|
|
|
color: #3f51b5;
|
|
|
|
/*
|
|
|
|
* Hovered link
|
|
|
|
*/ }
|
|
|
|
.article a:hover, .article a:focus {
|
|
|
|
color: #009688; }
|
|
|
|
.article table {
|
|
|
|
box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
border-radius: 3px;
|
|
|
|
/*
|
|
|
|
* Table heading
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Table cell
|
|
|
|
*/ }
|
|
|
|
.article table th {
|
|
|
|
background: #6f7dc8;
|
|
|
|
color: white;
|
|
|
|
/*
|
|
|
|
* Round upper left border
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Round upper right border
|
|
|
|
*/ }
|
|
|
|
.article table th:first-child {
|
|
|
|
border-top-left-radius: 3px; }
|
|
|
|
.article table th:last-child {
|
|
|
|
border-top-right-radius: 3px; }
|
|
|
|
.article table td {
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Article footer
|
|
|
|
*/
|
|
|
|
.footer {
|
|
|
|
background: #3f51b5;
|
|
|
|
color: white; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright and theme information
|
|
|
|
*/
|
|
|
|
.copyright {
|
|
|
|
color: rgba(0, 0, 0, 0.54); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Pagination
|
|
|
|
*/
|
|
|
|
.pagination {
|
|
|
|
/*
|
|
|
|
* Inherit color for links
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Smaller font size for direction
|
|
|
|
*/ }
|
|
|
|
.pagination a,
|
|
|
|
.pagination a:hover,
|
|
|
|
.pagination a:focus {
|
|
|
|
color: inherit; }
|
|
|
|
.pagination .direction {
|
|
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
|
2016-02-09 14:58:55 +03:00
|
|
|
/*
|
|
|
|
* Admonition support
|
|
|
|
*/
|
|
|
|
.admonition {
|
|
|
|
background: #eceef8;
|
|
|
|
/*
|
|
|
|
* Embedded code blocks
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* A warning hint
|
|
|
|
*/ }
|
|
|
|
.admonition pre {
|
|
|
|
background: rgba(255, 255, 255, 0.3); }
|
|
|
|
.admonition.warning {
|
|
|
|
background: #fce8e9; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Permalink support
|
|
|
|
*/
|
|
|
|
.article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a {
|
|
|
|
color: rgba(0, 0, 0, 0.26); }
|
|
|
|
|
2016-02-05 17:35:15 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Article layout
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Article
|
|
|
|
*/
|
|
|
|
.article {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.7em;
|
2016-02-09 14:58:55 +03:00
|
|
|
overflow-x: hidden;
|
2016-02-05 17:35:15 +03:00
|
|
|
/* [tablet landscape+]: Indent to account for drawer */
|
|
|
|
/*
|
|
|
|
* Clearfix
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Article wrapper
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Enable overflow scrolling in iOS web application
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Article headline
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Article chapters
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Sub headlines
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Paragraphs and section titles
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* List elements
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Add icon for elements of an unordered list
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Inline code snippets must not wrap
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Add spacing at top of separator
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Limit images to article container
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Code listing container
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Data tables
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Data table wrapper, in case javascript is available
|
|
|
|
*/
|
|
|
|
/* [tablet portait+]: Increase spacing */ }
|
|
|
|
.article:after {
|
|
|
|
content: " ";
|
|
|
|
display: block;
|
|
|
|
clear: both; }
|
|
|
|
.article .wrapper {
|
|
|
|
padding: 116px 16px 92px;
|
|
|
|
/* [tablet portait+]: Increase top spacing */ }
|
|
|
|
.ios.standalone .article {
|
|
|
|
position: absolute;
|
|
|
|
top: 56px;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
/* [orientation: portrait]: Account for status bar in portrait mode */
|
|
|
|
/*
|
|
|
|
* Article wrapper
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article .wrapper {
|
|
|
|
position: relative;
|
|
|
|
min-height: 100%;
|
|
|
|
padding-top: 60px;
|
|
|
|
margin-bottom: 2px; }
|
|
|
|
.article h1 {
|
|
|
|
font-size: 24px;
|
|
|
|
line-height: 1.333334em;
|
|
|
|
padding: 20px 0 42px; }
|
|
|
|
.article h2 {
|
|
|
|
font-size: 20px;
|
|
|
|
line-height: 1.4em;
|
|
|
|
padding-top: 92px;
|
|
|
|
margin-top: -56px;
|
|
|
|
/*
|
|
|
|
* No offset correction in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article h2 {
|
|
|
|
padding-top: 36px;
|
|
|
|
margin: 0; }
|
|
|
|
.article h3, .article h4 {
|
2016-02-09 14:58:55 +03:00
|
|
|
font-size: 14px;
|
|
|
|
padding-top: 76px;
|
|
|
|
margin-top: -56px;
|
|
|
|
/*
|
|
|
|
* No offset correction in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article h3, .ios.standalone .article h4 {
|
|
|
|
padding-top: 20px;
|
|
|
|
margin-top: 0; }
|
|
|
|
.article p, .article ul, .article ol {
|
2016-02-05 17:35:15 +03:00
|
|
|
margin-top: 1.5em; }
|
|
|
|
.article li {
|
|
|
|
margin-top: 0.75em;
|
|
|
|
margin-left: 18px;
|
|
|
|
/*
|
|
|
|
* Inline paragraphs in list elements
|
|
|
|
*/ }
|
|
|
|
.article li p {
|
|
|
|
display: inline; }
|
|
|
|
.article ul li:before {
|
|
|
|
content: "\e602";
|
|
|
|
display: inline-block;
|
|
|
|
font-family: 'Icon';
|
|
|
|
font-size: 16px;
|
|
|
|
width: 1.2em;
|
|
|
|
margin-left: -1.2em;
|
|
|
|
vertical-align: -0.1em; }
|
|
|
|
.article p > code {
|
|
|
|
white-space: nowrap; }
|
|
|
|
.article hr {
|
|
|
|
margin-top: 1.5em; }
|
|
|
|
.article img {
|
|
|
|
max-width: 100%; }
|
|
|
|
.article pre {
|
|
|
|
padding: 16px;
|
|
|
|
margin: 1.5em -16px 0;
|
|
|
|
line-height: 1.5em;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch; }
|
|
|
|
.article table {
|
|
|
|
margin: 3.0em 0 1.5em;
|
|
|
|
font-size: 13px;
|
|
|
|
/*
|
|
|
|
* The semi-cool solution, in case javascript is not available
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Table heading
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Table cell
|
|
|
|
*/ }
|
|
|
|
.no-js .article table {
|
|
|
|
display: inline-block;
|
|
|
|
max-width: 100%;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch; }
|
|
|
|
.article table th {
|
|
|
|
min-width: 100px;
|
|
|
|
padding: 12px 16px;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: left;
|
|
|
|
white-space: nowrap; }
|
|
|
|
.article table td {
|
|
|
|
padding: 12px 16px;
|
|
|
|
white-space: nowrap; }
|
|
|
|
.article .data {
|
|
|
|
margin: 1.5em -16px;
|
|
|
|
padding: 1.5em 0;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
text-align: center;
|
|
|
|
/*
|
|
|
|
* Data table
|
|
|
|
*/
|
|
|
|
/* [tablet portait+]: Increase spacing */ }
|
|
|
|
.article .data table {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0 16px;
|
|
|
|
text-align: left; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Article footer
|
|
|
|
*/
|
|
|
|
.footer {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
padding: 0 4px;
|
|
|
|
/* [tablet portait+]: Larger spacing */
|
|
|
|
/* [tablet landscape+]: Stretch footer to viewport */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright and theme information
|
|
|
|
*/
|
|
|
|
.copyright {
|
|
|
|
margin: 20px 0;
|
|
|
|
/* [tablet landscape+]: Add bottom spacing */ }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Pagination
|
|
|
|
*/
|
|
|
|
.pagination {
|
|
|
|
max-width: 1184px;
|
|
|
|
height: 92px;
|
|
|
|
padding: 4px 0;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
overflow: hidden;
|
|
|
|
/* [tablet portait+]: Larger pagination and spacing */
|
|
|
|
/*
|
|
|
|
* Links should span icons entirely
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Previous and next page
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Previous page
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Next page
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Link to page
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Put direction over page title
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Decrease indent for stretching content
|
|
|
|
*/
|
|
|
|
/* [mobile landscape+]: Proportional width for pagination */
|
|
|
|
/* [tablet portrait+]: Increase vertical spacing */ }
|
|
|
|
.pagination a {
|
|
|
|
display: block;
|
|
|
|
height: 100%; }
|
|
|
|
.pagination .previous,
|
|
|
|
.pagination .next {
|
|
|
|
position: relative;
|
|
|
|
float: left;
|
|
|
|
height: 100%; }
|
|
|
|
.pagination .previous {
|
|
|
|
width: 25%;
|
|
|
|
/*
|
|
|
|
* Hide direction
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Hide title
|
|
|
|
*/ }
|
|
|
|
.pagination .previous .direction {
|
|
|
|
display: none; }
|
|
|
|
.pagination .previous .stretch {
|
|
|
|
display: none; }
|
|
|
|
.pagination .next {
|
|
|
|
width: 75%;
|
|
|
|
text-align: right; }
|
|
|
|
.pagination .page {
|
|
|
|
display: table;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 4px; }
|
|
|
|
.pagination .direction {
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 40px;
|
|
|
|
width: 100%;
|
|
|
|
font-size: 15px;
|
|
|
|
line-height: 20px;
|
|
|
|
padding: 0 52px; }
|
|
|
|
.pagination .stretch {
|
|
|
|
padding: 0 4px;
|
|
|
|
/*
|
|
|
|
* Correct vertical spacing
|
|
|
|
*/ }
|
|
|
|
.pagination .stretch .title {
|
|
|
|
font-size: 18px;
|
|
|
|
padding: 11px 0 13px; }
|
|
|
|
|
2016-02-09 14:58:55 +03:00
|
|
|
/*
|
|
|
|
* Admonition support
|
|
|
|
*/
|
|
|
|
.admonition {
|
|
|
|
margin: 20px -16px 0;
|
|
|
|
padding: 20px 16px;
|
|
|
|
/*
|
|
|
|
* Remove redundant margin of first child
|
|
|
|
*/
|
|
|
|
/* [tablet portait+]: Increase horizontal spacing */ }
|
|
|
|
.admonition > :first-child {
|
|
|
|
margin-top: 0; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Permalink support
|
|
|
|
*/
|
|
|
|
.article {
|
|
|
|
/*
|
|
|
|
* Hide link to main headline
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Align permalinks on the right
|
|
|
|
*/ }
|
|
|
|
.article h1 a {
|
|
|
|
display: none; }
|
|
|
|
.article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a {
|
|
|
|
float: right;
|
|
|
|
margin-left: 20px; }
|
|
|
|
|
2016-02-05 17:35:15 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Article typography
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Article
|
|
|
|
*/
|
|
|
|
.article {
|
|
|
|
/*
|
|
|
|
* Third-level headlines should be bold
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Fourth-level headlines should be italic
|
|
|
|
*/ }
|
|
|
|
.article h3 {
|
|
|
|
font-weight: 700; }
|
|
|
|
.article h4 {
|
|
|
|
font-weight: 400;
|
|
|
|
font-style: italic; }
|
|
|
|
|
2016-02-09 14:58:55 +03:00
|
|
|
/*
|
|
|
|
* Admonition support
|
|
|
|
*/
|
|
|
|
.admonition-title {
|
|
|
|
font-weight: 700; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Permalink support
|
|
|
|
*/
|
|
|
|
.article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a {
|
|
|
|
font-weight: 400;
|
|
|
|
font-style: normal; }
|
|
|
|
|
2016-02-05 17:35:15 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Search animation
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Animate header bar in offset and opacity
|
|
|
|
*/
|
|
|
|
.bar {
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
|
|
|
|
transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1), transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search animations
|
|
|
|
*/ }
|
|
|
|
#toggle-search:checked ~ .header .bar,
|
|
|
|
.toggle-search .bar {
|
|
|
|
-webkit-transform: translate3d(0, -56px, 0);
|
|
|
|
transform: translate3d(0, -56px, 0); }
|
|
|
|
.bar.search {
|
|
|
|
/*
|
|
|
|
* Hide reset button by default
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Show reset button if search is not empty
|
|
|
|
*/ }
|
|
|
|
.bar.search .button-reset {
|
|
|
|
-webkit-transform: scale(0.5, 0.5);
|
|
|
|
transform: scale(0.5, 0.5);
|
|
|
|
-webkit-transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
|
|
|
|
transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1), transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
|
|
|
|
opacity: 0; }
|
|
|
|
.bar.search.non-empty .button-reset {
|
|
|
|
-webkit-transform: scale(1, 1);
|
|
|
|
transform: scale(1, 1);
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Search results
|
|
|
|
*/
|
|
|
|
.results {
|
|
|
|
-webkit-transition: opacity .3s .1s, width .0s .4s, height .0s .4s;
|
|
|
|
transition: opacity .3s .1s, width .0s .4s, height .0s .4s;
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search result item link
|
|
|
|
*/ }
|
|
|
|
#toggle-search:checked ~ .main .results,
|
|
|
|
.toggle-search .results {
|
|
|
|
-webkit-transition: opacity .4s, width .0s, height .0s;
|
|
|
|
transition: opacity .4s, width .0s, height .0s; }
|
|
|
|
.results .list a {
|
|
|
|
-webkit-transition: background .25s;
|
|
|
|
transition: background .25s; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Just hide and show bars, if browser doesn't support 3D transforms
|
|
|
|
*/
|
|
|
|
.no-csstransforms3d {
|
|
|
|
/*
|
|
|
|
* Show default bar
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Hide search bar
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d .bar.default {
|
|
|
|
display: table; }
|
|
|
|
.no-csstransforms3d .bar.search {
|
|
|
|
display: none;
|
|
|
|
margin-top: 0; }
|
|
|
|
.no-csstransforms3d #toggle-search:checked ~ .header,
|
|
|
|
.no-csstransforms3d .toggle-search {
|
|
|
|
/*
|
|
|
|
* Hide default bar
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Show search bar
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d #toggle-search:checked ~ .header .bar.default,
|
|
|
|
.no-csstransforms3d .toggle-search .bar.default {
|
|
|
|
display: none; }
|
|
|
|
.no-csstransforms3d #toggle-search:checked ~ .header .bar.search,
|
|
|
|
.no-csstransforms3d .toggle-search .bar.search {
|
|
|
|
display: table; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Search appearance
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Search bar
|
|
|
|
*/
|
|
|
|
.bar.search {
|
|
|
|
opacity: 0;
|
|
|
|
/*
|
|
|
|
* Search input
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Pushed/clicked icon
|
|
|
|
*/ }
|
|
|
|
.bar.search .query {
|
|
|
|
background: transparent;
|
|
|
|
color: rgba(0, 0, 0, 0.87);
|
|
|
|
/*
|
|
|
|
* Search input placeholder
|
|
|
|
*/ }
|
|
|
|
.bar.search .query::-webkit-input-placeholder {
|
|
|
|
color: rgba(0, 0, 0, 0.26); }
|
|
|
|
.bar.search .query::-moz-placeholder {
|
|
|
|
color: rgba(0, 0, 0, 0.26); }
|
|
|
|
.bar.search .query:-moz-placeholder {
|
|
|
|
color: rgba(0, 0, 0, 0.26); }
|
|
|
|
.bar.search .query:-ms-input-placeholder {
|
|
|
|
color: rgba(0, 0, 0, 0.26); }
|
|
|
|
.bar.search .button .icon:active {
|
|
|
|
background: rgba(0, 0, 0, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Search results
|
|
|
|
*/
|
|
|
|
.results {
|
|
|
|
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.23), 0 8px 25px rgba(0, 0, 0, 0.05);
|
|
|
|
background: white;
|
|
|
|
color: rgba(0, 0, 0, 0.87);
|
|
|
|
opacity: 0;
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search meta data
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search result item link
|
|
|
|
*/ }
|
|
|
|
#toggle-search:checked ~ .main .results,
|
|
|
|
.toggle-search .results {
|
|
|
|
opacity: 1; }
|
|
|
|
.results .meta {
|
|
|
|
background: #3f51b5;
|
|
|
|
color: white; }
|
|
|
|
.results .list a {
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
|
|
/*
|
|
|
|
* Remove border on last element
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Active item link
|
|
|
|
*/ }
|
|
|
|
.results .list a:last-child {
|
|
|
|
border-bottom: none; }
|
|
|
|
.results .list a:active {
|
|
|
|
background: rgba(0, 0, 0, 0.12); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Article link
|
|
|
|
*/
|
|
|
|
.result span {
|
|
|
|
color: rgba(0, 0, 0, 0.54); }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Active search bar
|
|
|
|
*/
|
|
|
|
#toggle-search:checked ~ .header,
|
|
|
|
.toggle-search .header {
|
|
|
|
background: white;
|
|
|
|
color: rgba(0, 0, 0, 0.54);
|
|
|
|
/*
|
|
|
|
* Add darker status bar overlay in search mode
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Fade out default header bar
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Fade in search header bar
|
|
|
|
*/ }
|
|
|
|
#toggle-search:checked ~ .header:before,
|
|
|
|
.toggle-search .header:before {
|
|
|
|
background: rgba(0, 0, 0, 0.54); }
|
|
|
|
#toggle-search:checked ~ .header .bar.default,
|
|
|
|
.toggle-search .header .bar.default {
|
|
|
|
opacity: 0; }
|
|
|
|
#toggle-search:checked ~ .header .bar.search,
|
|
|
|
.toggle-search .header .bar.search {
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Search layout
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Search bar
|
|
|
|
*/
|
|
|
|
.bar.search {
|
|
|
|
margin-top: 8px;
|
|
|
|
/*
|
|
|
|
* Search input
|
|
|
|
*/ }
|
|
|
|
.bar.search .query {
|
|
|
|
font-size: 18px;
|
|
|
|
padding: 13px 0;
|
|
|
|
margin: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 48px;
|
|
|
|
/* [tablet portait+]: Slightly larger typo */
|
|
|
|
/* Hack [IE]: Hide redundant clear button */ }
|
|
|
|
.bar.search .query::-ms-clear {
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Search results
|
|
|
|
*/
|
|
|
|
.results {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 0;
|
|
|
|
height: 100%;
|
|
|
|
z-index: 2;
|
|
|
|
overflow-y: scroll;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
/* [tablet landscape+]: Limit results to five entries */
|
|
|
|
/*
|
|
|
|
* Scrollable container
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search meta data
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search result item link
|
|
|
|
*/ }
|
|
|
|
.results .scrollable {
|
|
|
|
top: 56px;
|
|
|
|
/* [tablet portait+]: Increase vertical spacing */
|
|
|
|
/* [tablet landscape+]: Limit results to five entries */
|
|
|
|
/*
|
|
|
|
* Leave room for status bar in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .results .scrollable {
|
|
|
|
/* [orientation: portrait]: Account for status bar in portrait mode */ }
|
|
|
|
#toggle-search:checked ~ .main .results,
|
|
|
|
.toggle-search .results {
|
|
|
|
width: 100%;
|
|
|
|
/* Hack [Firefox]: div doesn't collapse, unless this is applied */
|
|
|
|
overflow-y: visible;
|
|
|
|
/* [tablet portait+]: Stretch to viewport */ }
|
|
|
|
.results .meta {
|
|
|
|
font-weight: 700;
|
|
|
|
/*
|
|
|
|
* Number of results
|
|
|
|
*/ }
|
|
|
|
.results .meta strong {
|
|
|
|
display: block;
|
|
|
|
font-size: 11px;
|
|
|
|
max-width: 1200px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding: 16px;
|
|
|
|
/* [tablet portait+]: Increase vertical spacing */ }
|
|
|
|
.results .list a {
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Search result item
|
|
|
|
*/
|
|
|
|
.result {
|
|
|
|
max-width: 1200px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding: 12px 16px 16px;
|
|
|
|
/* [tablet portait+]: Increase vertical spacing */
|
|
|
|
/*
|
|
|
|
* Article title
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Article link
|
|
|
|
*/ }
|
|
|
|
.result h1 {
|
|
|
|
line-height: 24px;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden; }
|
|
|
|
.result span {
|
|
|
|
font-size: 12px;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Switch visibility, if browser doesn't support 3D transforms
|
|
|
|
*/
|
|
|
|
.no-csstransforms3d {
|
|
|
|
/*
|
|
|
|
* Hide search results
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Active search mode
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d .results {
|
|
|
|
display: none; }
|
|
|
|
.no-csstransforms3d #toggle-search:checked ~ .main,
|
|
|
|
.no-csstransforms3d .toggle-search {
|
|
|
|
/*
|
|
|
|
* Show search results
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d #toggle-search:checked ~ .main .results,
|
|
|
|
.no-csstransforms3d .toggle-search .results {
|
|
|
|
display: block;
|
|
|
|
overflow: auto; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
* Search meta data
|
|
|
|
*/
|
|
|
|
.meta {
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 700; }
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Print overrides
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
/*
|
|
|
|
* Print styles
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
*
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
* of this software and associated documentation files (the "Software"), to
|
|
|
|
* deal in the Software without restriction, including without limitation the
|
|
|
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
|
|
* sell copies of the Software, and to permit persons to whom the Software is
|
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
|
*
|
|
|
|
* The above copyright notice and this permission notice shall be included in
|
|
|
|
* all copies or substantial portions of the Software.
|
|
|
|
*
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
|
|
* IN THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
* Nothing to see here, move along
|
|
|
|
* ------------------------------------------------------------------------- */
|
|
|
|
@media only screen and (min-width: 960px) {
|
|
|
|
.backdrop {
|
|
|
|
background: #f2f2f2; }
|
|
|
|
.backdrop-paper:after {
|
|
|
|
box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05); }
|
|
|
|
.button-menu {
|
|
|
|
display: none; }
|
|
|
|
.drawer {
|
|
|
|
position: static;
|
|
|
|
float: left;
|
|
|
|
height: auto;
|
|
|
|
margin-bottom: 96px;
|
|
|
|
padding-top: 80px; }
|
|
|
|
.drawer .scrollable {
|
|
|
|
position: static; }
|
|
|
|
.article {
|
|
|
|
margin-left: 262px; }
|
|
|
|
.footer {
|
|
|
|
z-index: 5; }
|
|
|
|
.copyright {
|
|
|
|
margin-bottom: 64px; }
|
|
|
|
.results {
|
|
|
|
height: auto;
|
|
|
|
top: 64px; }
|
|
|
|
.results .scrollable {
|
|
|
|
position: static;
|
|
|
|
max-height: 413px; } }
|
|
|
|
@media only screen and (max-width: 959px) {
|
|
|
|
.overlay {/*
|
|
|
|
* Expanded drawer
|
|
|
|
*/ }
|
|
|
|
#toggle-drawer:checked ~ .overlay,
|
|
|
|
.toggle-drawer .overlay {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%; }
|
|
|
|
.drawer {
|
|
|
|
-webkit-transform: translate3d(-262px, 0, 0);
|
|
|
|
transform: translate3d(-262px, 0, 0);
|
|
|
|
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);/*
|
|
|
|
* Just hide drawer, if browser doesn't support 3D transforms
|
|
|
|
*/ }
|
|
|
|
.no-csstransforms3d .drawer {
|
|
|
|
display: none; }
|
|
|
|
.drawer {
|
|
|
|
background: #f2f2f2; }
|
|
|
|
.drawer .wrapper {
|
|
|
|
background: #f2f2f2; }
|
|
|
|
.project {
|
|
|
|
box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
background: #3f51b5;
|
|
|
|
color: white; }
|
|
|
|
.drawer {
|
|
|
|
position: fixed;
|
|
|
|
z-index: 5;
|
|
|
|
height: 100%; }
|
|
|
|
#toggle-search:checked ~ .main .results,
|
|
|
|
.toggle-search .results {
|
|
|
|
height: 100%; } }
|
|
|
|
@media only screen and (min-width: 720px) {
|
|
|
|
.header {
|
|
|
|
height: 64px;
|
|
|
|
padding: 8px; }
|
|
|
|
.header .stretch {
|
|
|
|
padding: 0 16px 0 16px; }
|
|
|
|
.header .stretch .title {
|
|
|
|
font-size: 20px;
|
|
|
|
padding: 12px 0; }
|
|
|
|
.project .name {
|
|
|
|
margin: 26px 0 0 5px; }
|
|
|
|
.article .wrapper {
|
|
|
|
padding: 128px 24px 96px; }
|
|
|
|
.article .data {
|
|
|
|
margin: 1.5em -24px;/*
|
|
|
|
* Data table
|
|
|
|
*/ }
|
|
|
|
.article .data table {
|
|
|
|
margin: 0 24px; }
|
|
|
|
.article {/*
|
|
|
|
* Account for larged header bar and anchors
|
|
|
|
*//*
|
2016-02-09 14:58:55 +03:00
|
|
|
* Sub headlines
|
|
|
|
*//*
|
2016-02-05 17:35:15 +03:00
|
|
|
* Increase spacing for code blocks
|
|
|
|
*/ }
|
|
|
|
.article h2 {
|
|
|
|
padding-top: 100px;
|
|
|
|
margin-top: -64px;/*
|
|
|
|
* No offset correction in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article h2 {
|
|
|
|
padding-top: 28px;
|
|
|
|
margin-top: 8px; }
|
2016-02-09 14:58:55 +03:00
|
|
|
.article h3, .article h4 {
|
|
|
|
padding-top: 84px;
|
|
|
|
margin-top: -64px;/*
|
|
|
|
* No offset correction in iOS web application
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .article h3, .ios.standalone .article h4 {
|
|
|
|
padding-top: 20px;
|
|
|
|
margin-top: 0; }
|
2016-02-05 17:35:15 +03:00
|
|
|
.article pre {
|
|
|
|
padding: 1.5em 24px;
|
|
|
|
margin: 1.5em -24px 0; }
|
|
|
|
.footer {
|
|
|
|
padding: 0 8px; }
|
|
|
|
.pagination {
|
|
|
|
height: 96px;
|
|
|
|
padding: 8px 0; }
|
|
|
|
.pagination {/*
|
|
|
|
* Increase vertical spacing
|
|
|
|
*//*
|
|
|
|
* Increase vertical spacing
|
|
|
|
*/ }
|
|
|
|
.pagination .direction {
|
|
|
|
padding: 0 56px;
|
|
|
|
bottom: 40px; }
|
|
|
|
.pagination .stretch {
|
|
|
|
padding: 0 8px; }
|
2016-02-09 14:58:55 +03:00
|
|
|
.admonition {
|
|
|
|
margin: 20px -24px 0;
|
|
|
|
padding: 20px 24px; }
|
2016-02-05 17:35:15 +03:00
|
|
|
.bar.search .query {
|
|
|
|
font-size: 20px;
|
|
|
|
padding: 12px 0; }
|
|
|
|
.results .scrollable {
|
|
|
|
top: 64px; }
|
|
|
|
.results .meta strong {
|
|
|
|
padding: 16px 24px; }
|
|
|
|
.result {
|
|
|
|
padding: 16px 24px 20px; } }
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
|
|
.header {
|
|
|
|
width: 100%; }
|
|
|
|
.drawer .scrollable .wrapper hr {
|
|
|
|
width: 48px; } }
|
|
|
|
@media only screen and (orientation: portrait) {
|
|
|
|
.ios.standalone .header {
|
|
|
|
height: 76px;
|
|
|
|
padding-top: 24px;/* [tablet portait+]: Larger header bar *//*
|
|
|
|
* Add status bar overlay
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .header:before {
|
|
|
|
content: " ";
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 4;
|
|
|
|
width: 100%;
|
|
|
|
height: 20px; }
|
|
|
|
.ios.standalone .drawer .scrollable {
|
|
|
|
top: 124px; }
|
|
|
|
.ios.standalone .project {
|
|
|
|
padding-top: 20px;/*
|
|
|
|
* Add status bar overlay
|
|
|
|
*/ }
|
|
|
|
.ios.standalone .project:before {
|
|
|
|
content: " ";
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 4;
|
|
|
|
width: 100%;
|
|
|
|
height: 20px; }
|
|
|
|
.ios.standalone .article {
|
|
|
|
position: absolute;
|
|
|
|
top: 76px;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0; }
|
|
|
|
.ios.standalone .results .scrollable {
|
|
|
|
top: 76px;/* [tablet portait+]: Increase vertical spacing */ } }
|
|
|
|
@media only screen and (orientation: portrait) and (min-width: 720px) {
|
|
|
|
.ios.standalone .header {
|
|
|
|
height: 84px;
|
|
|
|
padding-top: 28px; }
|
|
|
|
.ios.standalone .results .scrollable {
|
|
|
|
top: 84px; } }
|
|
|
|
@media only screen and (max-width: 719px) {
|
|
|
|
.bar .path {
|
|
|
|
display: none; } }
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
|
|
.button-github,
|
|
|
|
.button-twitter {
|
|
|
|
display: none; } }
|
|
|
|
@media only screen and (min-width: 720px) and (max-width: 959px) {
|
|
|
|
.header .stretch {
|
|
|
|
padding: 0 24px; } }
|
|
|
|
@media only screen and (min-width: 480px) {
|
|
|
|
.pagination {/*
|
|
|
|
* Previous and next page
|
|
|
|
*//*
|
|
|
|
* Previous page
|
|
|
|
*/ }
|
|
|
|
.pagination .previous,
|
|
|
|
.pagination .next {
|
|
|
|
width: 50%; }
|
|
|
|
.pagination .previous {
|
|
|
|
width: 50%;/*
|
|
|
|
* Show direction
|
|
|
|
*//*
|
|
|
|
* Show title
|
|
|
|
*/ }
|
|
|
|
.pagination .previous .direction {
|
|
|
|
display: block; }
|
|
|
|
.pagination .previous .stretch {
|
|
|
|
display: table; } }
|
|
|
|
@media print {/*
|
|
|
|
* Hide non-relevant elements
|
|
|
|
*/
|
|
|
|
.header, .project, .footer {
|
|
|
|
display: none; }/*
|
|
|
|
* Article
|
|
|
|
*/
|
|
|
|
.article {/*
|
|
|
|
* Remove color in all code blocks
|
|
|
|
*//*
|
|
|
|
* Border-radius makes this table entirely black on paper, so scrap it
|
|
|
|
*/ }
|
|
|
|
.article pre, .article pre * {
|
|
|
|
color: rgba(0, 0, 0, 0.87) !important; }
|
|
|
|
.article table {
|
|
|
|
border-radius: none;
|
|
|
|
box-shadow: none;/*
|
|
|
|
* Color header
|
|
|
|
*/ }
|
|
|
|
.article table th {
|
|
|
|
color: #3f51b5; } }
|