зеркало из https://github.com/github/vitess-gh.git
Merge branch 'master' into suguwork
This commit is contained in:
Sugu Sougoumarane
Коммит
338dc8cc50
|
|
@ -1,140 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
{% include meta.liquid %}
|
||||
{% include styles.liquid %}
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/css/components.css">
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/css/responsee.css">
|
||||
<!-- CUSTOM STYLE -->
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/css/template-style.css">
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/assets/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/assets/scripts/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/assets/scripts/modernizr.js"></script>
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/assets/scripts/responsee.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="size-1140">
|
||||
<header id="app-bar" class="app-bar promote-layer">
|
||||
<div class="line">
|
||||
<div class="app-bar-container">
|
||||
<button id="menu" class="menu" title="Menu"></button>
|
||||
<h1 class="logo"><a href="{{ site.baseurl }}/">Vitess</a></h1>
|
||||
<section class="app-bar-actions">
|
||||
<a href="#"><i class="icon icon-chevron-up"></i> Top</a>
|
||||
</section>
|
||||
</div>
|
||||
<div class="navdrawer">
|
||||
<nav id="nav" class="navdrawer-container promote-layer">
|
||||
<h4>Navigation</h4>
|
||||
{% include nav.liquid %}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ASIDE NAV AND CONTENT -->
|
||||
<div class="line">
|
||||
<div class="box margin-bottom">
|
||||
<div class="margin">
|
||||
<!-- ASIDE NAV 2 -->
|
||||
<nav class="scrolling-nav" style="margin:0">
|
||||
<aside class="s-12">
|
||||
{% if page.nav == "reference" %}
|
||||
<div class="aside-nav">
|
||||
<div class="aside-nav-header">API services</div>
|
||||
<ul>
|
||||
<li><a href="/reference/vitess-api.html">Vitess API</a>
|
||||
{% if page.apimenu %}
|
||||
<ul class="aside-nav-method-list">
|
||||
<li><a href="/reference/vitess-api.html#range-based-sharding">Range-based Sharding</a></li>
|
||||
<li><a href="/reference/vitess-api.html#transactions">Transactions</a></li>
|
||||
<li><a href="/reference/vitess-api.html#custom-sharding">Custom Sharding</a></li>
|
||||
<li><a href="/reference/vitess-api.html#map-reduce">Map Reduce</a></li>
|
||||
<li><a href="/reference/vitess-api.html#topology">Topology</a></li>
|
||||
<li><a href="/reference/vitess-api.html#v3-api-(alpha)">v3 API (alpha)</a></li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
<!--li><a href="/reference/client-libraries/">Client Libraries</a></li>-->
|
||||
</ul>
|
||||
<div class="aside-nav-header">vtctl</div>
|
||||
<ul>
|
||||
<li><a href="/reference/vtctl.html">vtctl Reference</a></li>
|
||||
</ul>
|
||||
{% else %}
|
||||
<div class="aside-nav">
|
||||
<div class="aside-nav-header">Overview</div>
|
||||
<ul>
|
||||
<li><a href="/overview/">What is Vitess</a></li>
|
||||
<li><a href="/overview/concepts.html">Key Concepts</a></li>
|
||||
</ul>
|
||||
<div class="aside-nav-header">Getting Started</div>
|
||||
<ul>
|
||||
<li><a href="/getting-started/">Run Vitess on Kubernetes</a></li>
|
||||
<li><a href="/getting-started/local-instance.html">Run Vitess Locally</a></li>
|
||||
</ul>
|
||||
<div class="aside-nav-header">User Guide</div>
|
||||
<ul>
|
||||
<li><a href="/user-guide/introduction.html">Introduction</a>
|
||||
<li><a href="/user-guide/client-libraries.html">Client Libraries</a>
|
||||
<li><a href="/user-guide/backup-and-restore.html">Backing Up Data</a>
|
||||
<li><a href="/user-guide/reparenting.html">Reparenting</a></li>
|
||||
<li><a href="/user-guide/schema-management.html">Schema Management</a></li>
|
||||
<li><a href="/user-guide/sharding.html">Sharding</a>
|
||||
<ul>
|
||||
<li><a href="/user-guide/horizontal-sharding.html">Horizontal Sharding (Codelab)</a></li>
|
||||
<li><a href="/user-guide/sharding-kubernetes.html">Sharding in Kubernetes (Codelab)</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!--
|
||||
<li><a href="/user-guide/storage.html">Storage</a></li>
|
||||
<li><a href="/user-guide/api.html">Using the API</a></li>
|
||||
-->
|
||||
</ul>
|
||||
<!--
|
||||
<div class="aside-nav-header">Architecture</div>
|
||||
<ul>
|
||||
<li><a href="/architecture/life-of-a-query.html">Life of a Query</a></li>
|
||||
<li><a href="/architecture/topology-service.html">Topology Service</a></li>
|
||||
</ul>
|
||||
<html lang="en" itemscope itemtype="https://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ site.title }} / {{ page.title }}</title>
|
||||
|
||||
<div class="aside-nav-header">Maintenance</div>
|
||||
<ul>
|
||||
<li><a href="/maintenance/monitoring.html">Monitoring</a></li>
|
||||
<li><a href="/maintenance/testing.html">Testing</a></li>
|
||||
</ul>
|
||||
-->
|
||||
<div class="aside-nav-header">Other Resources</div>
|
||||
<ul>
|
||||
<li><a href="/resources/presentations.html">Presentations</a></li>
|
||||
<!--<li class="last"><a href="/resources/roadmap.html">Roadmap</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</aside>
|
||||
</nav>
|
||||
<!-- CONTENT -->
|
||||
<section class="s-12 l-9">
|
||||
<article class="main-content-container">
|
||||
{{ content }}
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="s-12">
|
||||
<div style="float: left; display: inline-block; width: 50%;">© 2015 Google. Licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
|
||||
<div style="float: right; display: inline-block; text-align: right; width: 50%;">Design and coding based on <a href="http://www.myresponsee.com" title="Responsee - lightweight responsive framework">Responsee</a> framework</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- FOOTER -->
|
||||
{% include styles.liquid %}
|
||||
|
||||
{% include scripts.liquid %}
|
||||
{% include analytics.liquid %}
|
||||
</body>
|
||||
<!-- metadata -->
|
||||
<meta name="og:title" content="{{ site.title }} / {{page.title}}"/>
|
||||
<meta name="og:image" content="{{ site.baseurl }}/images/{{ site.logo }}"/>
|
||||
<meta name="og:description" content="{{ site.description }}"/>
|
||||
</head>
|
||||
<body class="{{ page.bodyclass }}" id="top_of_page">
|
||||
{% if page.tocDepth %}
|
||||
<span id="toc-depth" data-toc-depth="{{ page.tocDepth }}"></span>
|
||||
{% else %}
|
||||
<span id="toc-depth" data-toc-depth="h2,h3"></span>
|
||||
{% endif %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include end-of-page-styles.liquid %}
|
||||
<!-- GA -->
|
||||
{% include analytics.liquid %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,86 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
|
||||
{% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
|
||||
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
||||
{% if page.author %}
|
||||
{% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
|
||||
{% endif %}
|
||||
{% include open-graph.html %}
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
||||
|
||||
<link href="{{ site.url }}/sitemap.xml" type="application/xml" rel="sitemap" title="Sitemap">
|
||||
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
|
||||
<style>
|
||||
.sliding-menu-content {
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-transform: translateX(100%);
|
||||
-moz-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
-o-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="{{ site.url }}/css/main.css">
|
||||
<!-- HTML5 Shiv and Media Query Support for IE -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script>
|
||||
<script src="{{ site.url }}/js/vendor/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
{% include navigation-sliding.html %}
|
||||
|
||||
<div id="page-wrapper">
|
||||
{% include browser-upgrade.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
<script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
|
||||
<script src="{{ site.url }}/js/main.js"></script>
|
||||
|
||||
{% if page.toc == true %}
|
||||
<script type="text/javascript">
|
||||
$('.toc').toc({
|
||||
'selectors': 'h2', //elements to use as headings
|
||||
'container': '.page-content', //element to find all selectors in
|
||||
'smoothScrolling': true, //enable or disable smooth scrolling on click
|
||||
'prefix': 'toc', //prefix for anchor tags and class names
|
||||
'onHighlight': function(el) {}, //called when a new section is highlighted
|
||||
'highlightOnScroll': true, //add class to heading that is currently in focus
|
||||
'highlightOffset': 100, //offset to trigger the next headline
|
||||
'anchorName': function(i, heading, prefix) { //custom function for anchor name
|
||||
return prefix+i;
|
||||
},
|
||||
'headerText': function(i, heading, $heading) { //custom function building the header-item text
|
||||
return $heading.text();
|
||||
},
|
||||
'itemClass': function(i, heading, $heading, prefix) { //custom function for item class
|
||||
return $heading[0].tagName.toLowerCase();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
{% include google-analytics.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,19 +2,20 @@
|
|||
layout: base
|
||||
---
|
||||
|
||||
<main class="clear">
|
||||
|
||||
<header class="page-header container">
|
||||
<h2 class="xxlarge text-divider">{{ page.title }}</h2>
|
||||
{% if page.description %}
|
||||
<p class="page-header__excerpt g-wide--push-1 g-wide--pull-1" style="padding-bottom: 32px;">
|
||||
{{ page.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
{% include nav.html %}
|
||||
|
||||
{% if page.title %}
|
||||
<div id="masthead">
|
||||
<div class="container">
|
||||
{{ content}}
|
||||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<h1>{{ page.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</main>
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,87 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
|
||||
{% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
|
||||
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
||||
{% if page.author %}
|
||||
{% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
|
||||
{% endif %}
|
||||
{% include open-graph.html %}
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
||||
|
||||
<link href="{{ site.url }}/sitemap.xml" type="application/xml" rel="sitemap" title="Sitemap">
|
||||
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
|
||||
<style>
|
||||
.sliding-menu-content {
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-transform: translateX(100%);
|
||||
-moz-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
-o-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="{{ site.url }}/css/main.css">
|
||||
<!-- HTML5 Shiv and Media Query Support for IE -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script>
|
||||
<script src="{{ site.url }}/js/vendor/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
{% include navigation-sliding.html %}
|
||||
|
||||
<div id="page-wrapper">
|
||||
{% include browser-upgrade.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
<script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
|
||||
<script src="{{ site.url }}/js/main.js"></script>
|
||||
|
||||
{% if page.toc == true %}
|
||||
<script type="text/javascript">
|
||||
$('.toc').toc({
|
||||
'selectors': 'h2', //elements to use as headings
|
||||
'container': '.page-content', //element to find all selectors in
|
||||
'smoothScrolling': true, //enable or disable smooth scrolling on click
|
||||
'prefix': 'toc', //prefix for anchor tags and class names
|
||||
'onHighlight': function(el) {}, //called when a new section is highlighted
|
||||
'highlightOnScroll': true, //add class to heading that is currently in focus
|
||||
'highlightOffset': 100, //offset to trigger the next headline
|
||||
'anchorName': function(i, heading, prefix) { //custom function for anchor name
|
||||
return prefix+i;
|
||||
},
|
||||
'headerText': function(i, heading, $heading) { //custom function building the header-item text
|
||||
return $heading.text();
|
||||
},
|
||||
'itemClass': function(i, heading, $heading, prefix) { //custom function for item class
|
||||
return $heading[0].tagName.toLowerCase();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div id="main" role="main">
|
||||
<article class="wrap" itemscope itemtype="http://schema.org/Article">
|
||||
{% if page.image.feature %}
|
||||
<div class="page-feature">
|
||||
<div class="page-image">
|
||||
<img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image">
|
||||
{% if page.image.credit %}{% include image-credit.html %}{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% include breadcrumbs.html %}
|
||||
<div class="inner-wrap">
|
||||
<nav class="toc"></nav>
|
||||
<div id="content" class="page-content" itemprop="articleBody">
|
||||
{{ content }}
|
||||
<hr />
|
||||
<footer class="page-footer">
|
||||
{% if page.categories %}{% include page-author.html %}{% endif %}
|
||||
{% if page.share != false %}{% include share-this.html %}{% endif %}
|
||||
{% include page-meta.html %}
|
||||
</footer>
|
||||
<aside>
|
||||
{% if page.comments == true %}{% include comments.html %}{% endif %}
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
|
@ -1,20 +1,22 @@
|
|||
---
|
||||
layout: base
|
||||
layout: default
|
||||
bodyclass: docs
|
||||
---
|
||||
|
||||
<main class="clear">
|
||||
|
||||
<header class="page-header container">
|
||||
<h2 class="xxlarge text-divider">{{ page.title }}</h2>
|
||||
{% if page.description %}
|
||||
<p class="page-header__excerpt g-wide--push-1 g-wide--pull-1">
|
||||
{{ page.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
{{ content}}
|
||||
<div class="row scroll-margin" id="toc-content-row">
|
||||
<div class="col-md-3" id="leftCol">
|
||||
<ul class="nav nav-stacked mobile-left-nav-menu" id="sidebar">
|
||||
{% include left-nav-menu.html %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-2" id="rightCol">
|
||||
<div class="nav nav-stacked" id="tocSidebar">
|
||||
<div id="toc"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7" id="centerCol">
|
||||
<div id="centerTextCol">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -1,86 +0,0 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
<main class="clear">
|
||||
|
||||
<nav class="toc g-wide--1 g-medium--1">
|
||||
{% include toc.liquid top="/documentation/" title=true %}
|
||||
</nav>
|
||||
|
||||
{% assign page__url = page.url | replace:'index.html','' %}
|
||||
{% assign sitenav_item = site.data.sitenav_index[page__url] %}
|
||||
|
||||
{% if page.index %}
|
||||
|
||||
<section class="guides-section g-wide--3 g-wide--last g-medium--2 g-medium--last">
|
||||
<header class="container">
|
||||
<h2 class="xxlarge">{{ page.title }}</h2>
|
||||
{% if page.description %}
|
||||
<p>
|
||||
{{ page.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
{% assign guide__list = sitenav_item.children %}
|
||||
<ol class="guides-list container">
|
||||
{% for guide__item in guide__list %}
|
||||
<li class="guides-list__item g-wide--half theme--spf">
|
||||
<div class="primary-content">
|
||||
<h3 class="xlarge"><a href="{{ site.baseurl }}{{ guide__item.page.url | replace:'index.html','' }}">{{ guide__item.page.title }}</a></h3>
|
||||
{% if guide__item.page.description %}
|
||||
<p>{{ guide__item.page.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="secondary-content">
|
||||
{% if guide__item.children %}
|
||||
<span class="icon-circle themed--background"><i class="icon icon-lessons"></i></span>
|
||||
<ol class="list-links list-links--secondary">
|
||||
{% for guide__subitem in guide__item.children %}
|
||||
<li>
|
||||
<a href="{{ site.baseurl }}{{ guide__subitem.page.url | replace:'index.html','' }}">{{ guide__subitem.page.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
{% else %}
|
||||
|
||||
<article class="g-wide--3 g-wide--last g-medium--2 g-medium--last">
|
||||
<header class="page-header container">
|
||||
<h2 class="xxlarge text-divider">{{ page.title }}</h2>
|
||||
{% if page.description %}
|
||||
<p class="page-header__excerpt g-wide--push-1 g-wide--pull-1">
|
||||
{{ page.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
<section class="feedback">
|
||||
<footer class="container"><div class="container">
|
||||
<p>
|
||||
If you have feedback, comments, or questions about Vitess, please send
|
||||
them to
|
||||
<a href="mailto:vitess@googlegroups.com">vitess@googlegroups.com</a>.
|
||||
If you have bugs or feature requests, please file them on
|
||||
<a href="https://github.com/youtube/vitess/issues">GitHub</a>. Join our
|
||||
<a href="https://groups.google.com/group/vitess">mailing list</a> and
|
||||
follow <a href="https://twitter.com/vitess">@vitess</a> on Twitter for
|
||||
updates.
|
||||
</p>
|
||||
</div></footer>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_home_default
|
||||
layout: home_default
|
||||
---
|
||||
|
||||
<div class="jumbotron">
|
||||
|
|
|
|||
|
|
@ -1,86 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
|
||||
{% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
|
||||
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
||||
{% if page.author %}
|
||||
{% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
|
||||
{% endif %}
|
||||
{% include open-graph.html %}
|
||||
{% if author.google.plus %}<link rel="author" href="https://plus.google.com/{{ author.google.plus }}"/>{% endif %}
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
||||
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
|
||||
<style>
|
||||
.sliding-menu-content {
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-transform: translateX(100%);
|
||||
-moz-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
-o-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="{{ site.url }}/css/main.css">
|
||||
<link rel="stylesheet" href="{{ site.url }}/css/extra.css">
|
||||
<!-- HTML5 Shiv and Media Query Support for IE -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script>
|
||||
<script src="{{ site.url }}/js/vendor/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
{% include navigation-sliding.html %}
|
||||
|
||||
{% if page.image.feature %}
|
||||
<div class="page-lead" style="background-image:url({{ site.url }}/images/{{ page.image.feature }})">
|
||||
<div class="wrap page-lead-content">
|
||||
<h1>{{ site.project-name }}</h1>
|
||||
<h2>A set of servers and tools meant to facilitate scaling of MySQL databases for the web.</h2>
|
||||
<a href="{{ site.url }}/getting-started/" class="btn-inverse">Start Using {{ site.project-name }}</a> or <a href="{{ site.repo }}" class="btn-inverse">View on GitHub</a>
|
||||
</div><!-- /.page-lead-content -->
|
||||
</div><!-- /.page-lead -->
|
||||
{% endif %}
|
||||
|
||||
<div id="page-wrapper">
|
||||
{% include browser-upgrade.html %}
|
||||
|
||||
<div id="main" role="main">
|
||||
<div class="wrap">
|
||||
<div class="page-title">
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.excerpt %}<h2>{{ page.excerpt }}</h2>{% endif %}
|
||||
</div>
|
||||
<div class="archive-wrap">
|
||||
<div class="page-content">
|
||||
{{ content }}
|
||||
</div><!-- /.page-content -->
|
||||
</div class="archive-wrap"><!-- /.archive-wrap -->
|
||||
</div><!-- /.wrap -->
|
||||
</div><!-- /#main -->
|
||||
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
<script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
|
||||
<script src="{{ site.url }}/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_base
|
||||
layout: base
|
||||
---
|
||||
|
||||
{% include nav.html %}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="https://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ site.title }} / {{ page.title }}</title>
|
||||
|
||||
{% include styles.liquid %}
|
||||
|
||||
<!-- metadata -->
|
||||
<meta name="og:title" content="{{ site.title }} / {{page.title}}"/>
|
||||
<meta name="og:image" content="{{ site.baseurl }}/images/{{ site.logo }}"/>
|
||||
<meta name="og:description" content="{{ site.description }}"/>
|
||||
</head>
|
||||
<body class="{{ page.bodyclass }}" id="top_of_page">
|
||||
{% if page.tocDepth %}
|
||||
<span id="toc-depth" data-toc-depth="{{ page.tocDepth }}"></span>
|
||||
{% else %}
|
||||
<span id="toc-depth" data-toc-depth="h2,h3"></span>
|
||||
{% endif %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include end-of-page-styles.liquid %}
|
||||
<!-- GA -->
|
||||
{% include analytics.liquid %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
---
|
||||
layout: new_base
|
||||
---
|
||||
|
||||
{% include nav.html %}
|
||||
|
||||
{% if page.title %}
|
||||
<div id="masthead">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<h1>{{ page.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
layout: new_default
|
||||
bodyclass: docs
|
||||
---
|
||||
|
||||
<div class="row scroll-margin" id="toc-content-row">
|
||||
<div class="col-md-3" id="leftCol">
|
||||
<ul class="nav nav-stacked mobile-left-nav-menu" id="sidebar">
|
||||
{% include left-nav-menu.html %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-2" id="rightCol">
|
||||
<div class="nav nav-stacked" id="tocSidebar">
|
||||
<div id="toc"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7" id="centerCol">
|
||||
<div id="centerTextCol">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,108 +0,0 @@
|
|||
/*
|
||||
* Responsee JS - v2.2 - 2015-03-08
|
||||
* http://www.myresponsee.com
|
||||
* Copyright 2015, Vision Design - graphic zoo
|
||||
* Free to use under the MIT license.
|
||||
*/
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
//Responsee eside nav
|
||||
$('.aside-nav > ul > li ul').each(function(index, element) {
|
||||
var count = $(element).find('li').length;
|
||||
var content = '<span class="count-number"> ' + count + '</span>';
|
||||
//$(element).closest('li').children('a').append(content);
|
||||
//$(element).closest('li').children('a').toggleClass('categories-toggle');
|
||||
});
|
||||
var windowHeight = $(window).height();
|
||||
var newWindowHeight = (windowHeight - 225).toString() + 'px';
|
||||
$('.aside-nav').css('max-height', newWindowHeight);
|
||||
$(window).on('resize', function(){
|
||||
if($(this).height() <= 800){
|
||||
var newHeight = ($(this).height() - 145).toString() + 'px';
|
||||
$('.aside-nav').css('max-height', newHeight);
|
||||
}else{
|
||||
$('.aside-nav').css('max-height', ''); //delete attribute
|
||||
}
|
||||
});
|
||||
/*
|
||||
$('.aside-nav > ul > li:has(ul)').addClass('aside-submenu');
|
||||
$('.aside-nav > ul ul > li:has(ul)').addClass('aside-sub-submenu');
|
||||
$('.aside-nav > ul > li.aside-submenu > a').click(function() {
|
||||
$('.aside-nav ul li.aside-submenu:hover > ul').toggleClass('show-aside-ul', 'slow');
|
||||
});
|
||||
$('.aside-nav > ul ul > li.aside-sub-submenu > a').click(function() {
|
||||
$('.aside-nav ul ul li:hover > ul').toggleClass('show-aside-ul', 'slow');
|
||||
});
|
||||
//Responsee nav
|
||||
$(".categories-toggle").on('click', function(eve){
|
||||
eve.preventDefault();
|
||||
$(this).toggleClass('down');
|
||||
});
|
||||
$('.top-nav > ul > li ul').each(function(index, element) {
|
||||
var count = $(element).find('li').length;
|
||||
var content = '<span class="count-number"> ' + count + '</span>';
|
||||
$(element).closest('li').children('a').append(content);
|
||||
});
|
||||
*/
|
||||
$('.top-nav > ul li:has(ul)').addClass('submenu');
|
||||
$('.top-nav > ul ul li:has(ul)').addClass('sub-submenu');
|
||||
$('.top-nav > ul ul li:has(ul)').removeClass('submenu');
|
||||
/*
|
||||
$('.top-nav > ul li.submenu > a').click(function() {
|
||||
$('.top-nav > ul li.submenu:hover > ul').toggleClass('show-ul', 'slow');
|
||||
});
|
||||
$('.top-nav > ul ul > li.sub-submenu > a').click(function() {
|
||||
$('.top-nav ul ul li:hover > ul').toggleClass('show-ul', 'slow');
|
||||
});
|
||||
$('.nav-text').click(function() {
|
||||
$('.top-nav > ul').toggleClass('show-menu', 'slow');
|
||||
});
|
||||
*/
|
||||
//Custom forms
|
||||
$(function() {
|
||||
var input = document.createElement("input");
|
||||
if (('placeholder' in input) == false) {
|
||||
$('[placeholder]').focus(function() {
|
||||
var i = $(this);
|
||||
if (i.val() == i.attr('placeholder')) {
|
||||
i.val('').removeClass('placeholder');
|
||||
if (i.hasClass('password')) {
|
||||
i.removeClass('password');
|
||||
this.type = 'password';
|
||||
}
|
||||
}
|
||||
}).blur(function() {
|
||||
var i = $(this);
|
||||
if (i.val() == '' || i.val() == i.attr('placeholder')) {
|
||||
if (this.type == 'password') {
|
||||
i.addClass('password');
|
||||
this.type = 'text';
|
||||
}
|
||||
i.addClass('placeholder').val(i.attr('placeholder'));
|
||||
}
|
||||
}).blur().parents('form').submit(function() {
|
||||
$(this).find('[placeholder]').each(function() {
|
||||
var i = $(this);
|
||||
if (i.val() == i.attr('placeholder')) i.val('');
|
||||
})
|
||||
});
|
||||
}
|
||||
});
|
||||
//Active item
|
||||
var url = window.location.href;
|
||||
$('a').filter(function() {
|
||||
return this.href == url;
|
||||
}).parent('li').addClass('active-item');
|
||||
var url = window.location.href;
|
||||
$('.aside-nav a').filter(function() {
|
||||
return this.href == url;
|
||||
}).parent('li').parent('ul').addClass('active-aside-item');
|
||||
var url = window.location.href;
|
||||
$('.aside-nav a').filter(function() {
|
||||
return this.href == url;
|
||||
}).parent('li').parent('ul').parent('li').parent('ul').addClass('active-aside-item');
|
||||
var url = window.location.href;
|
||||
$('.aside-nav a').filter(function() {
|
||||
return this.href == url;
|
||||
}).parent('li').parent('ul').parent('li').parent('ul').parent('li').parent('ul').addClass('active-aside-item');
|
||||
});
|
||||
|
|
@ -1,664 +0,0 @@
|
|||
/*
|
||||
Copyright 2014 Google Inc. All rights reserved.
|
||||
Use of this source code is governed by The MIT License.
|
||||
See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
/***
|
||||
* colors
|
||||
*
|
||||
* link standard: 4E5A92 (78,90,146)
|
||||
* link hover: 6271B6 (98,113,182)
|
||||
* progress bar: 45C2FF (69,194,255)
|
||||
* code background: F0F0F0 (240,240,240)
|
||||
* ornament color: 8A94C8 (138,148,200)
|
||||
***/
|
||||
|
||||
|
||||
/*** site elements ***/
|
||||
|
||||
a,
|
||||
a:visited,
|
||||
a:hover {
|
||||
color: #4E5A92;
|
||||
}
|
||||
a:hover {
|
||||
color: #6271B6;
|
||||
}
|
||||
|
||||
.button--primary,
|
||||
.button--primary:visited {
|
||||
background-color: #4E5A92;
|
||||
border-color: #4E5A92;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.button--secondary,
|
||||
.button--secondary:visited {
|
||||
color: #4E5A92;
|
||||
}
|
||||
.button--primary:hover,
|
||||
.button--primary:focus,
|
||||
.button--primary:active,
|
||||
.button--secondary:hover,
|
||||
.button--secondary:focus,
|
||||
.button--secondary:active {
|
||||
background-color: #6271B6;
|
||||
border-color: #4E5A92;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.button--primary .icon,
|
||||
.button--secondary .icon {
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
.theme--spf .themed--background,
|
||||
table thead {
|
||||
background-color: #4E5A92;
|
||||
}
|
||||
|
||||
table tr th {
|
||||
color: #444;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.comparison td {
|
||||
background: #fff;
|
||||
vertical-align: top;
|
||||
width: 50%;
|
||||
border-bottom: solid 1px #555;
|
||||
}
|
||||
|
||||
table tbody td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 620px) {
|
||||
.article-nav-link::before,
|
||||
.article-nav-link:visited::before {
|
||||
background-color: #4E5A92;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.article-nav-link:hover::before,
|
||||
.article-nav-link:focus::before,
|
||||
.article-nav-link:active::before {
|
||||
background-color: #6271B6;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left: 2em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
blockquote::before {
|
||||
content: '!';
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 4em;
|
||||
height: 1em;
|
||||
margin-top: 0.5em;
|
||||
margin-left: -0.5em;
|
||||
font-family: 'Roboto Condensed', Helvetica, sans-serif;
|
||||
font-weight: 700;
|
||||
color: #8A94C8;
|
||||
}
|
||||
|
||||
pre {
|
||||
line-height: 1.3;
|
||||
}
|
||||
code {
|
||||
font-family: Inconsolata, monospace;
|
||||
font-weight: 400;
|
||||
color: #007000;
|
||||
padding: 0 0.1em;
|
||||
}
|
||||
h2 code {
|
||||
background-color: #FFF;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
}
|
||||
div.highlight {
|
||||
margin-bottom: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
|
||||
/*** main layout ***/
|
||||
|
||||
.app-bar {
|
||||
background: #4E5A92 url(/images/bg-990x320.jpg) no-repeat top center;
|
||||
background-size: cover;
|
||||
box-shadow: none;
|
||||
z-index: 1;
|
||||
}
|
||||
.home .app-bar {
|
||||
background: none;
|
||||
}
|
||||
.app-bar,
|
||||
.navdrawer {
|
||||
-webkit-transition: background-color 0.2s ease-out;
|
||||
transition: background-color 0.2s ease-out;
|
||||
}
|
||||
.app-bar-container {
|
||||
background: none;
|
||||
height: 60px;
|
||||
justify-content: space-between; /* change the flex layout */
|
||||
}
|
||||
.navdrawer-container {
|
||||
background: #3f4254;
|
||||
}
|
||||
.navdrawer-container h4 {
|
||||
height: 60px;
|
||||
color: #3f4254;
|
||||
}
|
||||
.navdrawer-container a,
|
||||
.app-bar .logo {
|
||||
font-family: 'Roboto', 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navdrawer-container a {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.app-bar .logo {
|
||||
font-size: 23px;
|
||||
line-height: 60px;
|
||||
color: #FFFFFF;
|
||||
flex: inherit; /* reset the flex box to center */
|
||||
}
|
||||
.app-bar .logo a {
|
||||
padding-left: 55px;
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
#menu {
|
||||
background-image: url(/images/hamburger-white.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 24px 24px;
|
||||
}
|
||||
.app-bar-actions {
|
||||
visibility: hidden;
|
||||
}
|
||||
.app-bar-actions a {
|
||||
display: inline-block;
|
||||
padding: 0 20px;
|
||||
font-size: 17px;
|
||||
line-height: 60px;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
.app-bar-actions a .icon {
|
||||
vertical-align: middle;
|
||||
color: #6271B6;
|
||||
}
|
||||
|
||||
|
||||
.scrolled .app-bar {
|
||||
color: #000000;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
|
||||
}
|
||||
.scrolled .app-bar .logo {
|
||||
color: #000000;
|
||||
}
|
||||
.scrolled .app-bar-actions {
|
||||
visibility: visible;
|
||||
}
|
||||
.scrolled .app-bar button:hover,
|
||||
.scrolled .app-bar-actions a:hover {
|
||||
background-color: rgba(78,90,146, 0.1);
|
||||
}
|
||||
.scrolled .app-bar button:focus,
|
||||
.scrolled .app-bar-actions a:focus {
|
||||
background-color: rgba(78,90,146, 0.2);
|
||||
}
|
||||
.scrolled .app-bar button:active,
|
||||
.scrolled .app-bar-actions a:active {
|
||||
background-color: rgba(78,90,146, 0.4);
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 60px;
|
||||
margin-left: 30%;
|
||||
width: 100%;
|
||||
}
|
||||
main.clear-home {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 16px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 990px) {
|
||||
.navbar,
|
||||
.app-bar,
|
||||
.navdrawer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
-webkit-transition: background-color 0.2s ease-out;
|
||||
transition: background-color 0.2s ease-out;
|
||||
}
|
||||
.app-bar-container,
|
||||
.navdrawer-container {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.app-bar-actions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navdrawer {
|
||||
z-index: 2;
|
||||
}
|
||||
.navdrawer-container {
|
||||
position: absolute;
|
||||
padding: 0 16px;
|
||||
width: 864px;
|
||||
height: 0;
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
left: 50%;
|
||||
margin-left: -432px;
|
||||
overflow: visible;
|
||||
}
|
||||
.navdrawer-container ul {
|
||||
float: right;
|
||||
display: inline;
|
||||
}
|
||||
.navdrawer-container ul li {
|
||||
display: inline;
|
||||
}
|
||||
.navdrawer-container ul li a {
|
||||
display: inline-block;
|
||||
padding: 0 20px;
|
||||
font-size: 17px;
|
||||
line-height: 60px;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
.scrolled .navdrawer-container ul li a {
|
||||
color: #000000;
|
||||
}
|
||||
.scrolled .navdrawer-container ul li a:hover {
|
||||
background-color: rgba(78,90,146, 0.2);
|
||||
}
|
||||
.scrolled .navdrawer-container ul li a:focus {
|
||||
background-color: rgba(78,90,146, 0.3);
|
||||
}
|
||||
.scrolled .navdrawer-container ul li a:active {
|
||||
background-color: rgba(78,90,146, 0.4);
|
||||
}
|
||||
|
||||
|
||||
#nav .index {
|
||||
display: none;
|
||||
}
|
||||
footer {
|
||||
#max-width: 864px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*** progress ***/
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
30% { opacity: 0.6; }
|
||||
60% { opacity: 0; }
|
||||
100% { opacity: 0.6; }
|
||||
}
|
||||
@keyframes pulse {
|
||||
30% { opacity: 0.6; }
|
||||
60% { opacity: 0; }
|
||||
100% { opacity: 0.6; }
|
||||
}
|
||||
|
||||
#progress {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: -6px;
|
||||
width: 0%;
|
||||
height: 2px;
|
||||
background: #45C2FF;
|
||||
border-radius: 1px;
|
||||
/* the following transition times are overridden by JS */
|
||||
-webkit-transition: width 150ms ease-out;
|
||||
transition: width 150ms ease-out;
|
||||
}
|
||||
#progress.done {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#progress dd,
|
||||
#progress dt {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 2px;
|
||||
box-shadow: #45C2FF 1px 0 6px 1px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
#progress dd {
|
||||
opacity: 0.6;
|
||||
width: 20px;
|
||||
right: 0;
|
||||
clip: rect(-6px, 22px, 14px, 10px);
|
||||
}
|
||||
#progress dt {
|
||||
opacity: 0.6;
|
||||
width: 180px;
|
||||
right: -80px;
|
||||
clip: rect(-6px, 90px, 14px, -6px);
|
||||
}
|
||||
|
||||
#progress.waiting dd,
|
||||
#progress.waiting dt {
|
||||
-webkit-animation: pulse 2s ease-out 0s infinite;
|
||||
animation: pulse 2s ease-out 0s infinite;
|
||||
}
|
||||
|
||||
|
||||
/*** home ***/
|
||||
|
||||
.stage {
|
||||
height: 500px;
|
||||
color: #FFFFFF;
|
||||
text-align: left;
|
||||
}
|
||||
.stage h1 {
|
||||
position: relative;
|
||||
top: 100px;
|
||||
padding: 0 15px 100px 15px;
|
||||
line-height: 1;
|
||||
font-size: 40px;
|
||||
}
|
||||
.stage h1 abbr,
|
||||
.stage h1 span {
|
||||
display: block;
|
||||
width: 25%;
|
||||
}
|
||||
.stage h1 abbr {
|
||||
font-weight: 900;
|
||||
font-size: 80px;
|
||||
}
|
||||
.stage h2 {
|
||||
padding: 0 15px 30px 15px;
|
||||
}
|
||||
.home-page-buttons {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.btn-inverse, .btn-social {
|
||||
color: #414140;
|
||||
}
|
||||
|
||||
.home .app-bar .logo {
|
||||
visibility: hidden;
|
||||
}
|
||||
.home.scrolled .app-bar .logo {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.home main .container {
|
||||
text-align: center;
|
||||
}
|
||||
.home main h2 {
|
||||
color: #6271B6;
|
||||
font-weight: 400;
|
||||
padding: 3em 5% 0;
|
||||
clear: left;
|
||||
}
|
||||
.home main h2:first-child {
|
||||
font-weight: 300;
|
||||
padding-top: 0;
|
||||
}
|
||||
@media screen and (min-width: 620px) {
|
||||
.home main h2 {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 990px) {
|
||||
.home main h2 {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
.home main h2:first-child {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.home main ol li::before {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
line-height: 84px;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
margin-left: -42px;
|
||||
}
|
||||
.home main ol {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
padding-top: 1em;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
.home main ol li {
|
||||
line-height: 1.6250em;
|
||||
list-style-type: decimal;
|
||||
padding: 24px 0 1.5em 0;
|
||||
text-align: left;
|
||||
}
|
||||
.home main ol li img {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
@media all and (min-width: 620px) {
|
||||
.home main ol li {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.home main blockquote::before {
|
||||
display: none;
|
||||
}
|
||||
.home main blockquote {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
padding: 0 0 1.5em 0;
|
||||
}
|
||||
@media screen and (min-width: 620px) {
|
||||
.home main blockquote {
|
||||
float: left;
|
||||
width: 33.3333%;
|
||||
margin: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.home main blockquote strong {
|
||||
text-transform: uppercase;
|
||||
font-size: 400;
|
||||
}
|
||||
.home main blockquote p {
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
.home main ul {
|
||||
text-align: left;
|
||||
font-size: 17px;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
.home-promo {
|
||||
margin-top: 52px;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
.home-promo li {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
ol li, ul li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/*** pages ***/
|
||||
|
||||
main nav {
|
||||
margin-top: 0;
|
||||
}
|
||||
/* hide the toc sidebar on narrow viewports */
|
||||
@media screen and (max-width: 619px) {
|
||||
main > nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toc__title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.toc ul,
|
||||
.toc ol,
|
||||
.toc__list {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.toc ul ul,
|
||||
.toc ol ol,
|
||||
.toc__list .toc__list {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.toc__list li {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
.guides-list__item {
|
||||
margin-right: auto; /* left-align the flex boxes */
|
||||
}
|
||||
|
||||
.article-nav {
|
||||
margin-top: 4em;
|
||||
}
|
||||
.article-nav-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.download .page-header__excerpt:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.download-promo {
|
||||
margin-top: 26px;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
.download-promo span {
|
||||
min-width: 8em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.feedback {
|
||||
clear: both;
|
||||
padding-top: 6em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.feedback footer {
|
||||
border: 1px solid #D7DBEC;
|
||||
border-width: 1px 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 1.6250em;
|
||||
}
|
||||
.feedback p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.api hr {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.api h2,
|
||||
.api h3 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
.api .container p,
|
||||
.api .container ul,
|
||||
.api .container ol {
|
||||
padding-top: 0.40625em;
|
||||
}
|
||||
.api .container li p {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
padding-top: 1.3em;
|
||||
}
|
||||
|
||||
/* h2/h3/h4 scroll targets need to accommodate the navbar */
|
||||
article h2[id],
|
||||
article h3[id],
|
||||
article h4[id] {
|
||||
padding-top: 80px;
|
||||
margin-top: -40px;
|
||||
}
|
||||
|
||||
/*** fonts ***/
|
||||
|
||||
/* These will be re-defined by the Google Fonts stylesheet to use webfonts. */
|
||||
/* When adding a font, also update the <link> tag in styles.liquid */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Light'), local('Roboto-Light');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: local('Roboto Black'), local('Roboto-Black');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inconsolata';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Inconsolata Regular'), local('Inconsolata-Regular');
|
||||
}
|
||||
|
|
@ -1,494 +0,0 @@
|
|||
/*
|
||||
* Responsee CSS - v2.2 - 2015-03-08
|
||||
* http://www.myresponsee.com
|
||||
* Copyright 2015, Vision Design - graphic zoo
|
||||
* Free to use under the MIT license.
|
||||
*/
|
||||
|
||||
* {
|
||||
-webkit-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
margin:0;
|
||||
}
|
||||
body {
|
||||
background:none repeat scroll 0 0 #d3d3d3;
|
||||
font-size:100%;
|
||||
margin:0;
|
||||
font-family:"Open Sans",Arial,sans-serif;
|
||||
color:#444;
|
||||
}
|
||||
.base,p,ul,ol {
|
||||
font-size:16px;
|
||||
line-height:1.6250em;
|
||||
padding-top:0.8em;
|
||||
padding-bottom:0
|
||||
}
|
||||
.table-of-contents li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table-of-contents li ul {
|
||||
padding-top: 0;
|
||||
}
|
||||
table tr {
|
||||
border-bottom: inherit;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#444;
|
||||
font-weight: normal;
|
||||
margin:0.2em 0 0.2em 0;
|
||||
}
|
||||
h1 {font-size:2.4em;}
|
||||
h2 {font-size:2em;}
|
||||
h3 {font-size:1.6em;}
|
||||
h4 {font-size:1.2em;}
|
||||
h5 {font-size:1em;}
|
||||
h6 {font-size:0.9em;}
|
||||
a, a:link, a:visited, a:hover, a:active {
|
||||
}
|
||||
img {
|
||||
border:0;
|
||||
height:auto;
|
||||
width:100%;
|
||||
}
|
||||
table {
|
||||
background:none repeat scroll 0 0 #fff;
|
||||
border:1px solid #D0D0D0;
|
||||
border-bottom:1px solid #D0D0D0;
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
text-align:left;
|
||||
width:100%;
|
||||
}
|
||||
table tr td, table tr th {padding:0.625em;}
|
||||
table tfoot, table thead {background:none repeat scroll 0 0 #f6f6f6;}
|
||||
table tbody {background:none repeat scroll 0 0 #fff;}
|
||||
table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #f6f6f6;}
|
||||
#api-method-summary tr td.api-method-summary-group {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
#api-method-summary tr {background:#fff;}
|
||||
th {border-right:1px solid #e0e0e0;}
|
||||
td {border-right:1px solid #e0e0e0;}
|
||||
.api-styles table th {
|
||||
font-size: 16px;
|
||||
}
|
||||
.api-styles table td:first-child {
|
||||
color: #4E5A92;
|
||||
}
|
||||
.size-960 .line {
|
||||
margin:0 auto;
|
||||
max-width:60em;
|
||||
padding:0 0.625em;
|
||||
}
|
||||
.size-1140 .line {
|
||||
margin:0 auto;
|
||||
max-width:71.25em;
|
||||
padding:0 0.625em;
|
||||
}
|
||||
.size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}
|
||||
form {line-height:1.4em;}
|
||||
nav {
|
||||
display:block;
|
||||
width:100%;
|
||||
background:#262626;
|
||||
}
|
||||
.line:after,nav:after,.center:after,.box:after {
|
||||
clear:both;
|
||||
content:".";
|
||||
display:block;
|
||||
height:0;
|
||||
line-height:0;
|
||||
visibility:hidden;
|
||||
}
|
||||
.top-nav ul {padding:0;}
|
||||
.top-nav ul ul {
|
||||
position:absolute;
|
||||
background:#262626;
|
||||
}
|
||||
.top-nav li {
|
||||
float:left;
|
||||
list-style:none outside none;
|
||||
cursor:pointer;
|
||||
}
|
||||
.top-nav li a {
|
||||
padding:1.25em;
|
||||
display:block;
|
||||
color:#fff;
|
||||
}
|
||||
.top-nav li ul li a {
|
||||
background:none repeat scroll 0 0 #222;
|
||||
min-width:100%;
|
||||
padding:0.625em;
|
||||
}
|
||||
.aside-nav {
|
||||
background:#e8e8e8;
|
||||
margin-top: 110px;
|
||||
max-width: 240px;
|
||||
max-height: 800px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
width: 20%;
|
||||
z-index: 9
|
||||
}
|
||||
.aside-nav-header {
|
||||
font-weight: bold;
|
||||
padding: 1em 1em 0;
|
||||
}
|
||||
.scrolling-nav {
|
||||
bottom: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.top-nav li a:hover, .aside-nav li a:hover {background:#999;}
|
||||
.top-nav li ul {display:none;}
|
||||
.top-nav li ul li {
|
||||
float:none;
|
||||
list-style:none outside none;
|
||||
min-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
.top-nav li ul li ul li {
|
||||
float:none;
|
||||
list-style:none outside none;
|
||||
min-width:100%;
|
||||
padding:0;
|
||||
}
|
||||
.count-number {
|
||||
background:none repeat scroll 0 0 #777;
|
||||
-webkit-border-radius:10em;
|
||||
-moz-border-radius:10em;
|
||||
border-radius:10em;
|
||||
display:inline-block;
|
||||
font-size:0.7em;
|
||||
line-height:1.8em;
|
||||
margin-left:0.3125em;
|
||||
text-align:center;
|
||||
width:1.8em;
|
||||
color:#fff;
|
||||
margin-bottom:-0.3125em;
|
||||
}
|
||||
ul.chevron .count-number {display:none;}
|
||||
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
|
||||
content:"\f004";
|
||||
display:inline-block;
|
||||
font-family:mfg;
|
||||
font-size:0.7em;
|
||||
margin:0 0.625em;
|
||||
}
|
||||
.top-nav .active-item a {background:none repeat scroll 0 0 #999;}
|
||||
.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited, .aside-nav > ul > li > ul > li.active-item > a:link, .aside-nav > ul > li > ul > li.active-item > a:visited {
|
||||
background:none repeat scroll 0 0 #999;
|
||||
color:#fff;
|
||||
}
|
||||
.aside-nav > ul > li > ul > li.active-item {
|
||||
background: #999;
|
||||
}
|
||||
.aside-nav > ul > li > ul > li > a {
|
||||
margin-left: -20px;
|
||||
}
|
||||
@media screen and (min-width:801px) {
|
||||
.xxlarge {font-size: 54px;}
|
||||
.aside-nav .count-number {
|
||||
margin-left:-1.25em;
|
||||
float:right;
|
||||
}
|
||||
.top-nav li:hover > ul {
|
||||
display:block;
|
||||
z-index:10;
|
||||
}
|
||||
.top-nav li:hover > ul ul {
|
||||
left:100%;
|
||||
margin:-2.5em 0;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.nav-text {display:none;}
|
||||
.aside-nav ul li::before { content: "" }
|
||||
.aside-nav ol li, .aside-nav ul li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
a.categories-toggle.down:before {
|
||||
color: #333;
|
||||
content: "\25BC";
|
||||
font-size: 60%;
|
||||
}
|
||||
a.categories-toggle:before {
|
||||
color: #333;
|
||||
content: "\25BA";
|
||||
font-size: 60%;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.aside-nav ul li a.categories-toggle {
|
||||
padding-left: 0;
|
||||
}
|
||||
.aside-nav ul li a { font-size: 14px; padding-left: 20px; }
|
||||
.aside-nav ul li.last a { border-bottom: 0; }
|
||||
.aside-nav li li a, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a,
|
||||
.aside-nav > ul > li > a, .aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited, .aside-nav li > ul,
|
||||
.top-nav .active-item a, .top-nav li a, .aside-nav li a, .top-nav li ul li a, .top-nav li a,.top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a {
|
||||
transition:background 0.20s linear 0s;
|
||||
-o-transition:background 0.20s linear 0s;
|
||||
-ms-transition:background 0.20s linear 0s;
|
||||
-moz-transition:background 0.20s linear 0s;
|
||||
-webkit-transition:background 0.20s linear 0s;
|
||||
}
|
||||
.aside-nav ul {
|
||||
background:#e8e8e8;
|
||||
padding:0;
|
||||
}
|
||||
.aside-nav li {
|
||||
list-style:none outside none;
|
||||
cursor:pointer;
|
||||
}
|
||||
.aside-nav li a {
|
||||
display:block;
|
||||
padding:0.3em;
|
||||
border-bottom:1px solid #d2d2d2;
|
||||
}
|
||||
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
|
||||
.aside-nav li > ul > li {
|
||||
border-left: solid 1px #444;
|
||||
display:block;
|
||||
margin-left: 20px;
|
||||
position:relative;
|
||||
background:#f4f4f4;
|
||||
overflow:hidden;
|
||||
}
|
||||
.aside-nav li ul ul {
|
||||
border:0;
|
||||
background:#fff;
|
||||
}
|
||||
.aside-nav ul ul a {padding:0.625em 1.25em;}
|
||||
.aside-nav ul ul.aside-nav-method-list a {padding:0.15em 0.75em 0.15em 1em;}
|
||||
.aside-nav li a:link, .aside-nav li a:visited {color:#333;text-decoration: none;}
|
||||
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
|
||||
color:#999;
|
||||
background:none;
|
||||
}
|
||||
.aside-nav > ul > li > a:hover {color:#fff;}
|
||||
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
|
||||
display:inline-block;
|
||||
font-family:"mfg";
|
||||
font-size:0.6em;
|
||||
margin:0 0.625em 0 -1.25em;
|
||||
width:0.625em;
|
||||
}
|
||||
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
|
||||
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {
|
||||
display:block;
|
||||
height:auto;
|
||||
}
|
||||
.padding {
|
||||
display:list-item;
|
||||
list-style:none outside none;
|
||||
padding:10px;
|
||||
}
|
||||
.margin {margin:0 -0.625em;}
|
||||
.line {clear:left;}
|
||||
.line .line {padding:0;}
|
||||
.hide-l {display:none;}
|
||||
.box {
|
||||
background:none repeat scroll 0 0 #fff;
|
||||
display:block;
|
||||
padding:1.25em;
|
||||
width:100%;
|
||||
}
|
||||
.margin-bottom {margin-bottom:1.25em;}
|
||||
.s-1, .s-2,.s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
|
||||
float:left;
|
||||
position:relative;
|
||||
}
|
||||
.s-1 {width:8.3333%;}
|
||||
.s-2 {width:16.6666%;}
|
||||
.s-five {width:16.6666%;}
|
||||
.s-3 {width:25%;}
|
||||
.s-4 {width:33.3333%;}
|
||||
.s-5 {width:41.6666%;}
|
||||
.s-6 {width:50%;}
|
||||
.s-7 {width:58.3333%;}
|
||||
.s-8 {width:66.6666%;}
|
||||
.s-9 {width:75%;}
|
||||
.s-10 {width:83.3333%;}
|
||||
.s-11 {width:90%;}
|
||||
.s-12 {width:100%;}
|
||||
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
|
||||
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0.625em;}
|
||||
.margin > .s-1 {width:8.3333%;}
|
||||
.margin > .s-2 {width:16.6666%;}
|
||||
.margin > .s-five {width:20%;}
|
||||
.margin > .s-3 {width:25%;}
|
||||
.margin > .s-4 {width:33.3333%;}
|
||||
.margin > .s-5 {width:41.6666%;}
|
||||
.margin > .s-6 {width:50%;}
|
||||
.margin > .s-7 {width:58.3333%;}
|
||||
.margin > .s-8 {width:66.6666%;}
|
||||
.margin > .s-9 {width:75%;}
|
||||
.margin > .s-10 {width:83.3333%;}
|
||||
.margin > .s-11 {width:90%;}
|
||||
.margin > .s-12 {width:100%;}
|
||||
.l-1 {width:8.3333%;}
|
||||
.l-2 {width:16.6666%;}
|
||||
.l-five {width:20%;}
|
||||
.l-3 {width:25%;}
|
||||
.l-4 {width:33.3333%;}
|
||||
.l-5 {width:41.6666%;}
|
||||
.l-6 {width:50%;}
|
||||
.l-7 {width:58.3333%;}
|
||||
.l-8 {width:66.6666%;}
|
||||
.l-9 {width:75%;}
|
||||
.l-10 {width:83.3333%;}
|
||||
.l-11 {width:90%;}
|
||||
.l-12 {clear:left;width:100%;}
|
||||
.margin > .l-1 {width:8.3333%;}
|
||||
.margin > .l-2 {width:16.6666%;}
|
||||
.margin > .l-five {width:20%;}
|
||||
.margin > .l-3 {width:25%;}
|
||||
.margin > .l-4 {width:33.3333%;}
|
||||
.margin > .l-5 {width:41.6666%;}
|
||||
.margin > .l-6 {width:50%;}
|
||||
.margin > .l-7 {width:58.3333%;}
|
||||
.margin > .l-8 {width:66.6666%;}
|
||||
.margin > .l-9 {width:75%;}
|
||||
.margin > .l-10 {width:83.3333%;}
|
||||
.margin > .l-11 {width:90%;}
|
||||
.margin > .l-12 {width:100%;}
|
||||
.right {float:right;}
|
||||
@media screen and (max-width:800px) {
|
||||
.size-960 {max-width:800px;}
|
||||
.size-1140 {max-width:800px;}
|
||||
.hide-l {display:block;}
|
||||
.hide-s {display:none;}
|
||||
nav {
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
line-height:3em;
|
||||
}
|
||||
.top-nav li a {background:none repeat scroll 0 0 #4a4a4a;}
|
||||
.top-nav > ul {
|
||||
height:0;
|
||||
max-width:100%;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
z-index:999;
|
||||
}
|
||||
.top-nav > ul.show-menu {height:auto;}
|
||||
.top-nav ul ul {
|
||||
left:0;
|
||||
margin-top:0;
|
||||
position:relative;
|
||||
right:0;
|
||||
}
|
||||
.top-nav li ul li a {min-width:100%;}
|
||||
.top-nav li {
|
||||
float:none;
|
||||
list-style:none outside none;
|
||||
padding:0;
|
||||
}
|
||||
.top-nav li a {
|
||||
border-top:1px solid #333;
|
||||
color:#fff;
|
||||
display:block;
|
||||
padding:0.625em;
|
||||
text-decoration:none;
|
||||
}
|
||||
.top-nav li ul li a {border-top:1px solid #878787;}
|
||||
.top-nav li ul li ul li a {border-top:1px solid #989898;}
|
||||
.top-nav li a:hover {
|
||||
background:none repeat scroll 0 0 #8b8b8b;
|
||||
color:#fff;
|
||||
}
|
||||
.top-nav li ul,.top-nav li ul li ul {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
height:0;
|
||||
}
|
||||
.top-nav > ul ul.show-ul {
|
||||
display:block;
|
||||
height:auto;
|
||||
}
|
||||
.top-nav li ul li a {
|
||||
background:none repeat scroll 0 0 #9d9d9d;
|
||||
padding:0.625em;
|
||||
}
|
||||
.top-nav li ul li ul li a {
|
||||
background:none repeat scroll 0 0 #d7d7d7;
|
||||
color:#222;
|
||||
}
|
||||
.nav-text {
|
||||
color:#fff;
|
||||
display:block;
|
||||
font-size:1.2em;
|
||||
line-height:3em;
|
||||
margin-right:0.625em;
|
||||
max-width:100%;
|
||||
text-align:right;
|
||||
vertical-align:middle;
|
||||
}
|
||||
.nav-text:after {
|
||||
content:"\f008";
|
||||
font-family:"mfg";
|
||||
font-size:1.1em;
|
||||
margin-left:0.5em;
|
||||
text-align:right;
|
||||
}
|
||||
.count-number {margin-right:-1.25em;}
|
||||
.l-1 {width:8.3333%;}
|
||||
.l-2 {width:16.6666%;}
|
||||
.l-five {width:20%;}
|
||||
.l-3 {width:25%;}
|
||||
.l-4 {width:33.3333%;}
|
||||
.l-5 {width:41.6666%;}
|
||||
.l-6 {width:50%;}
|
||||
.l-7 {width:58.3333%;}
|
||||
.l-8 {width:66.6666%;}
|
||||
.l-9 {width:75%;}
|
||||
.l-10 {width:83.3333%;}
|
||||
.l-11 {width:90%;}
|
||||
.l-12 {width:100%;}
|
||||
.margin > .l-1 {width:8.3333%;}
|
||||
.margin > .l-2 {width:16.6666%;}
|
||||
.margin > .l-five {width:20%;}
|
||||
.margin > .l-3 {width:25%;}
|
||||
.margin > .l-4 {width:33.3333%;}
|
||||
.margin > .l-5 {width:41.6666%;}
|
||||
.margin > .l-6 {width:50%;}
|
||||
.margin > .l-7 {width:58.3333%;}
|
||||
.margin > .l-8 {width:66.6666%;}
|
||||
.margin > .l-9 {width:75%;}
|
||||
.margin > .l-10 {width:83.3333%;}
|
||||
.margin > .l-11 {width:90%;}
|
||||
.margin > .l-12 {width:100%;}
|
||||
.s-1 {width:8.3333%;}
|
||||
.s-2 {width:16.6666%;}
|
||||
.s-five {width:20%;}
|
||||
.s-3 {width:25%;}
|
||||
.s-4 {width:33.3333%;}
|
||||
.s-5 {width:41.6666%;}
|
||||
.s-6 {width:50%;}
|
||||
.s-7 {width:58.3333%;}
|
||||
.s-8 {width:66.6666%;}
|
||||
.s-9 {width:75%;}
|
||||
.s-10 {width:83.3333%;}
|
||||
.s-11 {width:90%;}
|
||||
.s-12 {width:100%;float:none;}
|
||||
.margin > .s-1 {width:8.3333%;}
|
||||
.margin > .s-2 {width:16.6666%;}
|
||||
.margin > .s-five {width:20%;}
|
||||
.margin > .s-3 {width:25%;}
|
||||
.margin > .s-4 {width:33.3333%;}
|
||||
.margin > .s-5 {width:41.6666%;}
|
||||
.margin > .s-6 {width:50%;}
|
||||
.margin > .s-7 {width:58.3333%;}
|
||||
.margin > .s-8 {width:66.6666%;}
|
||||
.margin > .s-9 {width:75%;}
|
||||
.margin > .s-10 {width:83.3333%;}
|
||||
.margin > .s-11 {width:90%;}
|
||||
.margin > .s-12 {width:100%;}
|
||||
}
|
||||
.center {
|
||||
float:none;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -7,6 +7,7 @@
|
|||
$mainBrandColor: #4E5A92;
|
||||
$secondBrandColor: #264270;
|
||||
$thirdBrandColor: #E8F4FF;
|
||||
$activeTocColor: #730073;
|
||||
$inverseBrandColor: #FFF;
|
||||
|
||||
$linkColor: $mainBrandColor;
|
||||
|
|
@ -143,7 +144,6 @@ h4.arrow-d, h4.arrow-r {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Expandy nav items
|
||||
h4.arrow-r::before {
|
||||
content: "+ ";
|
||||
font-family: monospace;
|
||||
|
|
@ -514,7 +514,7 @@ table.responsive th:not(:first-child) {
|
|||
z-index: 10000;
|
||||
|
||||
li.active > a {
|
||||
color: #730073;
|
||||
color: $activeTocColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
@media screen and (max-width: 800px) {
|
||||
.right {
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 86 KiB |
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Running Vitess on Kubernetes"
|
||||
description: Vitess runs best in a containerized environment like Kubernetes,
|
||||
which manages a cluster of Linux containers as a single system.
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Running Vitess on a Local Server"
|
||||
description: Learn how to build Vitess on a local server.
|
||||
date:
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ $(document).ready(function() {
|
|||
$('a').filter(function() {
|
||||
return this.href == url;
|
||||
}).parent('li').addClass('active-item');
|
||||
//$('#left-nav').fixLeftNav();
|
||||
|
||||
$('#sidebar').affix({
|
||||
offset: {
|
||||
|
|
@ -171,17 +170,5 @@ $.getScript("/js/jquery.collapsible.js", function() {
|
|||
|
||||
render[settings.showEffect]();
|
||||
};
|
||||
$.fn.fixLeftNav = function() {
|
||||
console.log('doing this');
|
||||
if ($(window).width() > 500) {
|
||||
$('#left-nav').css('position', 'fixed');
|
||||
console.log('doing this fixed');
|
||||
} else {
|
||||
$('#left-nav').css('position', 'static');
|
||||
console.log('doing this static');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Key Concepts"
|
||||
description: Understand common terms used in Vitess.
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Understanding Vitess "
|
||||
description: Learn about core Vitess features and how Vitess stacks up
|
||||
against data storage alternatives.
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Vitess API Reference"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "vtctl Reference"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Presentations and Videos"
|
||||
description: Slides and videos from presentations about Vitess.
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Backing Up Data"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Client Libraries"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Horizontal Sharding"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Vitess User Guide - Introduction"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Reparenting"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Schema Management"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Sharding in Kubernetes"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: new_docs
|
||||
layout: doc
|
||||
title: "Sharding"
|
||||
description:
|
||||
modified:
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче