summaryrefslogtreecommitdiff
path: root/site/css/base.css
diff options
context:
space:
mode:
Diffstat (limited to 'site/css/base.css')
-rw-r--r--site/css/base.css324
1 files changed, 324 insertions, 0 deletions
diff --git a/site/css/base.css b/site/css/base.css
new file mode 100644
index 0000000..a71c186
--- /dev/null
+++ b/site/css/base.css
@@ -0,0 +1,324 @@
+body {
+ padding-top: 70px;
+}
+
+/* Replacement for `body { background-attachment: fixed; }`, which has
+ performance issues when scrolling on large displays. See #1394. */
+body::before {
+ content: ' ';
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: #f8f8f8;
+ background: url(../img/grid.png) repeat-x;
+ will-change: transform;
+ z-index: -1;
+}
+
+body > .container {
+ min-height: 400px;
+}
+
+ul.nav .main {
+ font-weight: bold;
+}
+
+.col-md-3 {
+ padding-left: 0;
+ z-index: 1;
+}
+
+.col-md-9 {
+ padding-bottom: 100px;
+}
+
+.source-links {
+ float: right;
+}
+
+.col-md-9 img {
+ max-width: 100%;
+ display: inline-block;
+ padding: 4px;
+ line-height: 1.428571429;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ margin: 20px auto 30px auto;
+}
+
+/*
+ * The code below adds some padding to the top of the current anchor target so
+ * that, when navigating to it, the header isn't hidden by the navbar at the
+ * top.
+ */
+:target::before {
+ content: "";
+ display: block;
+ margin-top: -75px;
+ height: 75px;
+ pointer-events: none;
+}
+
+h1 {
+ color: #444;
+ font-weight: 400;
+ font-size: 42px;
+}
+
+h2, h3, h4, h5, h6 {
+ color: #444;
+ font-weight: 300;
+}
+
+hr {
+ border-top: 1px solid #aaa;
+}
+
+pre, .rst-content tt {
+ max-width: 100%;
+ background: #fff;
+ border: solid 1px #e1e4e5;
+ color: #333;
+ overflow-x: auto;
+}
+
+code.code-large, .rst-content tt.code-large {
+ font-size: 90%;
+}
+
+code {
+ padding: 2px 5px;
+ background: #fff;
+ border: solid 1px #e1e4e5;
+ color: #333;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+pre code {
+ background: transparent;
+ border: none;
+ white-space: pre;
+ word-wrap: normal;
+ font-family: monospace,serif;
+ font-size: 12px;
+}
+
+kbd {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #fff;
+ background-color: #333;
+ border-radius: 3px;
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
+a code {
+ color: #2FA4E7;
+}
+
+a:hover code, a:focus code {
+ color: #157AB5;
+}
+
+footer {
+ margin-top: 30px;
+ margin-bottom: 10px;
+ text-align: center;
+ font-weight: 200;
+}
+
+.modal-dialog {
+ margin-top: 60px;
+}
+
+/*
+ * Side navigation
+ *
+ * Scrollspy and affixed enhanced navigation to highlight sections and secondary
+ * sections of docs content.
+ */
+
+/* By default it's not affixed in mobile views, so undo that */
+.bs-sidebar.affix { /* csslint allow: adjoining-classes */
+ position: static;
+}
+
+.bs-sidebar.well { /* csslint allow: adjoining-classes */
+ padding: 0;
+ max-height: 90%;
+ overflow-y: auto;
+}
+
+/* First level of nav */
+.bs-sidenav {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-radius: 5px;
+}
+
+/* All levels of nav */
+.bs-sidebar .nav > li > a {
+ display: block;
+ padding: 5px 20px;
+ z-index: 1;
+}
+.bs-sidebar .nav > li > a:hover,
+.bs-sidebar .nav > li > a:focus {
+ text-decoration: none;
+ border-right: 1px solid;
+}
+.bs-sidebar .nav > .active > a,
+.bs-sidebar .nav > .active:hover > a,
+.bs-sidebar .nav > .active:focus > a {
+ font-weight: bold;
+ background-color: transparent;
+ border-right: 1px solid;
+}
+
+/* Nav: second level (shown on .active) */
+.bs-sidebar .nav .nav {
+ display: none; /* Hide by default, but at >768px, show it */
+ margin-bottom: 8px;
+}
+.bs-sidebar .nav .nav > li > a {
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 30px;
+ font-size: 90%;
+}
+
+/* Show and affix the side nav when space allows it */
+@media (min-width: 992px) {
+ /* Workaround a Safari bug when zooming to < 100%
+ https://github.com/mkdocs/mkdocs/issues/1050 */
+ .col-md-9 {
+ box-sizing: border-box; /* csslint allow: box-sizing */
+ padding-left: 25%;
+ width: 100%;
+ }
+ .bs-sidebar .nav > .active > ul {
+ display: block;
+ }
+ /* Widen the fixed sidebar */
+ .bs-sidebar.affix, /* csslint allow: adjoining-classes */
+ .bs-sidebar.affix-bottom { /* csslint allow: adjoining-classes */
+ width: 213px;
+ }
+ .bs-sidebar.affix { /* csslint allow: adjoining-classes */
+ position: fixed; /* Undo the static from mobile first approach */
+ top: 80px;
+ }
+ .bs-sidebar.affix-bottom { /* csslint allow: adjoining-classes */
+ position: absolute; /* Undo the static from mobile first approach */
+ }
+ .bs-sidebar.affix-bottom .bs-sidenav, /* csslint allow: adjoining-classes */
+ .bs-sidebar.affix .bs-sidenav { /* csslint allow: adjoining-classes */
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+}
+@media (min-width: 1200px) {
+ /* Widen the fixed sidebar again */
+ .bs-sidebar.affix-bottom, /* csslint allow: adjoining-classes */
+ .bs-sidebar.affix { /* csslint allow: adjoining-classes */
+ width: 263px;
+ }
+}
+
+.headerlink {
+ font-family: FontAwesome;
+ font-size: 14px;
+ display: none;
+ padding-left: .5em;
+}
+
+h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink{
+ display:inline-block;
+}
+
+
+
+.admonition {
+ padding: 15px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ text-align: left;
+}
+
+.admonition.note { /* csslint allow: adjoining-classes */
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+}
+
+.admonition.warning { /* csslint allow: adjoining-classes */
+ color: #c09853;
+ background-color: #fcf8e3;
+ border-color: #fbeed5;
+}
+
+.admonition.danger { /* csslint allow: adjoining-classes */
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
+}
+
+.admonition-title {
+ font-weight: bold;
+ text-align: left;
+}
+
+
+.dropdown-submenu {
+ position: relative;
+}
+
+.dropdown-submenu>.dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-top: -6px;
+ margin-left: -1px;
+ -webkit-border-radius: 0 6px 6px 6px;
+ -moz-border-radius: 0 6px 6px;
+ border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover>.dropdown-menu {
+ display: block;
+}
+
+.dropdown-submenu>a:after {
+ display: block;
+ content: " ";
+ float: right;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #ccc;
+ margin-top: 5px;
+ margin-right: -10px;
+}
+
+.dropdown-submenu:hover>a:after {
+ border-left-color: #fff;
+}
+
+.dropdown-submenu.pull-left { /* csslint allow: adjoining-classes */
+ float: none;
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu { /* csslint allow: adjoining-classes */
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}