|
|
@@ -1,989 +0,0 @@ |
|
|
|
/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */ |
|
|
|
@import url('https://fonts.googleapis.com/css?family=Titillium+Web'); |
|
|
|
@import url("dracula.css"); |
|
|
|
html, |
|
|
|
body { |
|
|
|
font-family: 'Titillium Web', 'Segoe UI', Tahoma, Helvetica, sans-serif; |
|
|
|
height: 100%; |
|
|
|
background: #212121; |
|
|
|
color: #C0C0C0; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
button, |
|
|
|
a { |
|
|
|
color: #64B5F6; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
button:hover, |
|
|
|
button:focus, |
|
|
|
a:hover, |
|
|
|
a:focus { |
|
|
|
color: #2196F3; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
a.disable, |
|
|
|
a.disable:hover { |
|
|
|
text-decoration: none; |
|
|
|
cursor: default; |
|
|
|
color: #EEEEEE; |
|
|
|
} |
|
|
|
|
|
|
|
/* workaround for leave space for fixed navbar with # anchor url*/ |
|
|
|
|
|
|
|
h1:before, |
|
|
|
h2:before, |
|
|
|
h3:before, |
|
|
|
h4:before { |
|
|
|
content: ''; |
|
|
|
display: block; |
|
|
|
position: relative; |
|
|
|
width: 0; |
|
|
|
height: 100px; |
|
|
|
margin-top: -100px; |
|
|
|
} |
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6, .text-break { |
|
|
|
word-wrap: break-word; |
|
|
|
word-break: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
h1 mark, |
|
|
|
h2 mark, |
|
|
|
h3 mark, |
|
|
|
h4 mark, |
|
|
|
h5 mark, |
|
|
|
h6 mark { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level0:before, |
|
|
|
.inheritance .level1:before, |
|
|
|
.inheritance .level2:before, |
|
|
|
.inheritance .level3:before, |
|
|
|
.inheritance .level4:before, |
|
|
|
.inheritance .level5:before { |
|
|
|
content: '↳'; |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level0 { |
|
|
|
margin-left: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level1 { |
|
|
|
margin-left: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level2 { |
|
|
|
margin-left: 2em; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level3 { |
|
|
|
margin-left: 3em; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level4 { |
|
|
|
margin-left: 4em; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance .level5 { |
|
|
|
margin-left: 5em; |
|
|
|
} |
|
|
|
|
|
|
|
span.parametername, |
|
|
|
span.paramref, |
|
|
|
span.typeparamref { |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
span.languagekeyword{ |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
svg:hover path { |
|
|
|
fill: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
.hljs { |
|
|
|
display: inline; |
|
|
|
background-color: inherit; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
/* additional spacing fixes */ |
|
|
|
.btn + .btn { |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
.btn.pull-right { |
|
|
|
margin-left: 10px; |
|
|
|
margin-top: 5px; |
|
|
|
} |
|
|
|
.table { |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
table p { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
table a { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
/* Make hidden attribute compatible with old browser.*/ |
|
|
|
[hidden] { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
h1, |
|
|
|
.h1, |
|
|
|
h2, |
|
|
|
.h2, |
|
|
|
h3, |
|
|
|
.h3 { |
|
|
|
margin-top: 15px; |
|
|
|
margin-bottom: 10px; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
h4, |
|
|
|
.h4, |
|
|
|
h5, |
|
|
|
.h5, |
|
|
|
h6, |
|
|
|
.h6 { |
|
|
|
margin-top: 10px; |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
.navbar { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
#wrapper { |
|
|
|
min-height: 100%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
/* blends header footer and content together with gradient effect */ |
|
|
|
.grad-top { |
|
|
|
/* For Safari 5.1 to 6.0 */ |
|
|
|
/* For Opera 11.1 to 12.0 */ |
|
|
|
/* For Firefox 3.6 to 15 */ |
|
|
|
background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); |
|
|
|
/* Standard syntax */ |
|
|
|
height: 5px; |
|
|
|
} |
|
|
|
.grad-bottom { |
|
|
|
/* For Safari 5.1 to 6.0 */ |
|
|
|
/* For Opera 11.1 to 12.0 */ |
|
|
|
/* For Firefox 3.6 to 15 */ |
|
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); |
|
|
|
/* Standard syntax */ |
|
|
|
height: 5px; |
|
|
|
} |
|
|
|
.divider { |
|
|
|
margin: 0 5px; |
|
|
|
color: #37474F; |
|
|
|
} |
|
|
|
hr { |
|
|
|
border-color: #37474F; |
|
|
|
} |
|
|
|
header { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
z-index: 1000; |
|
|
|
} |
|
|
|
header .navbar { |
|
|
|
border-width: 0 0 0px; |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
.navbar-brand { |
|
|
|
font-size: inherit; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
.navbar-collapse { |
|
|
|
margin: 0 -15px; |
|
|
|
} |
|
|
|
.subnav { |
|
|
|
min-height: 40px; |
|
|
|
background: #383838 |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance h5, .inheritedMembers h5{ |
|
|
|
padding-bottom: 5px; |
|
|
|
border-bottom: 1px solid #37474F; |
|
|
|
} |
|
|
|
|
|
|
|
article h1, article h2, article h3, article h4{ |
|
|
|
margin-top: 25px; |
|
|
|
} |
|
|
|
|
|
|
|
article h4{ |
|
|
|
border-bottom: 1px solid #37474F; |
|
|
|
} |
|
|
|
|
|
|
|
article span.small.pull-right{ |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
article section { |
|
|
|
margin-left: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
/*.expand-all { |
|
|
|
padding: 10px 0; |
|
|
|
}*/ |
|
|
|
.breadcrumb { |
|
|
|
margin: 0; |
|
|
|
padding: 10px 0; |
|
|
|
background-color: inherit; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.breadcrumb > li + li:before { |
|
|
|
content: "\00a0/"; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-header { |
|
|
|
float: none; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-toggle { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-collapse { |
|
|
|
border-top: 1px solid transparent; |
|
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-collapse.collapse { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-nav { |
|
|
|
float: none !important; |
|
|
|
margin: 7.5px -15px; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-nav > li { |
|
|
|
float: none; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .navbar-nav > li > a { |
|
|
|
padding-top: 10px; |
|
|
|
padding-bottom: 10px; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .collapse.in, |
|
|
|
#autocollapse.collapsed .collapsing { |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
#autocollapse.collapsed .collapse.in .navbar-right, |
|
|
|
#autocollapse.collapsed .collapsing .navbar-right { |
|
|
|
float: none !important; |
|
|
|
} |
|
|
|
#autocollapse .form-group { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
#autocollapse .form-control { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
#autocollapse .navbar-header { |
|
|
|
margin-left: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
#autocollapse .navbar-brand { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
.collapse.in, |
|
|
|
.collapsing { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.collapsing .navbar-form { |
|
|
|
margin: 0 auto; |
|
|
|
max-width: 400px; |
|
|
|
padding: 10px 15px; |
|
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
.collapsed .collapse.in .navbar-form { |
|
|
|
margin: 0 auto; |
|
|
|
max-width: 400px; |
|
|
|
padding: 10px 15px; |
|
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
.navbar .navbar-nav { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.docs-search { |
|
|
|
background: #424242; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
.docs-search > .search-query { |
|
|
|
font-size: 14px; |
|
|
|
border: 0; |
|
|
|
width: 120%; |
|
|
|
} |
|
|
|
.docs-search > .search-query:focus { |
|
|
|
outline: 0; |
|
|
|
} |
|
|
|
.search-results-frame { |
|
|
|
clear: both; |
|
|
|
display: table; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.search-results.ng-hide { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.search-results-container { |
|
|
|
padding-bottom: 1em; |
|
|
|
border-top: 1px solid #111; |
|
|
|
background: rgba(25, 25, 25, 0.5); |
|
|
|
} |
|
|
|
.search-results-container .search-results-group { |
|
|
|
padding-top: 50px !important; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
.search-results-group-heading { |
|
|
|
font-family: "Open Sans"; |
|
|
|
padding-left: 10px; |
|
|
|
color: #424242; |
|
|
|
} |
|
|
|
.search-close { |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
margin-left: -100px; |
|
|
|
color: #424242; |
|
|
|
text-align: center; |
|
|
|
padding: 5px; |
|
|
|
background: #333; |
|
|
|
border-top-right-radius: 5px; |
|
|
|
border-top-left-radius: 5px; |
|
|
|
width: 200px; |
|
|
|
box-shadow: 0 0 10px #111; |
|
|
|
} |
|
|
|
#search { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* Search results display*/ |
|
|
|
#search-results { |
|
|
|
max-width: 960px !important; |
|
|
|
margin-top: 120px; |
|
|
|
margin-bottom: 115px; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
line-height: 1.8; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
#search-results>.search-list { |
|
|
|
text-align: center; |
|
|
|
font-size: 2.5rem; |
|
|
|
margin-bottom: 50px; |
|
|
|
} |
|
|
|
|
|
|
|
#search-results p { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#search-results .sr-items { |
|
|
|
font-size: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
.sr-item { |
|
|
|
margin-bottom: 25px; |
|
|
|
} |
|
|
|
|
|
|
|
.sr-item>.item-href { |
|
|
|
font-size: 14px; |
|
|
|
color: #093; |
|
|
|
} |
|
|
|
|
|
|
|
.sr-item>.item-brief { |
|
|
|
font-size: 13px; |
|
|
|
} |
|
|
|
|
|
|
|
.pagination>li>a { |
|
|
|
color: #47A7A0 |
|
|
|
} |
|
|
|
|
|
|
|
.pagination>.active>a { |
|
|
|
background-color: #47A7A0; |
|
|
|
border-color: #47A7A0; |
|
|
|
} |
|
|
|
|
|
|
|
.fixed_header { |
|
|
|
position: fixed; |
|
|
|
width: 100%; |
|
|
|
padding-bottom: 10px; |
|
|
|
padding-top: 10px; |
|
|
|
margin: 0px; |
|
|
|
top: 0; |
|
|
|
z-index: 9999; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.fixed_header+.toc{ |
|
|
|
margin-top: 50px; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.sidetoc { |
|
|
|
position: fixed; |
|
|
|
width: 260px; |
|
|
|
top: 150px; |
|
|
|
bottom: 0; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: auto; |
|
|
|
background-color: #1b1b1b; |
|
|
|
border-left: 0px solid #37474F; |
|
|
|
border-right: 0px solid #37474F; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.sidetoc.shiftup { |
|
|
|
bottom: 70px; |
|
|
|
} |
|
|
|
|
|
|
|
body .toc{ |
|
|
|
background-color: inherit; |
|
|
|
} |
|
|
|
|
|
|
|
.sidetoggle.ng-hide { |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
.sidetoc-expand > .caret { |
|
|
|
margin-left: 0px; |
|
|
|
margin-top: -2px; |
|
|
|
} |
|
|
|
.sidetoc-expand > .caret-side { |
|
|
|
border-left: 4px solid; |
|
|
|
border-top: 4px solid transparent; |
|
|
|
border-bottom: 4px solid transparent; |
|
|
|
margin-left: 4px; |
|
|
|
margin-top: -4px; |
|
|
|
} |
|
|
|
.sidetoc-heading { |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
.toc { |
|
|
|
margin: 0px 0 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
} |
|
|
|
.expand-stub { |
|
|
|
position: absolute; |
|
|
|
left: -10px; |
|
|
|
} |
|
|
|
.toc .nav > li > a.sidetoc-expand { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
.toc .nav > li > a { |
|
|
|
color: rgb(218, 218, 218); |
|
|
|
margin-left: 5px; |
|
|
|
display: block; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
.toc .nav > li > a:hover, |
|
|
|
.toc .nav > li > a:focus { |
|
|
|
color: #E0E0E0; |
|
|
|
background: none; |
|
|
|
text-decoration: inherit; |
|
|
|
} |
|
|
|
.toc .nav > li.active > a { |
|
|
|
color: #90CAF9; |
|
|
|
} |
|
|
|
.toc .nav > li.active > a:hover, |
|
|
|
.toc .nav > li.active > a:focus { |
|
|
|
color: #4FC3F7; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .nav > li> .expand-stub { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .nav > li.active > .expand-stub::before, |
|
|
|
.toc .nav > li.in > .expand-stub::before, |
|
|
|
.toc .nav > li.in.active > .expand-stub::before, |
|
|
|
.toc .nav > li.filtered > .expand-stub::before { |
|
|
|
content: "-"; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .nav > li > .expand-stub::before, |
|
|
|
.toc .nav > li.active > .expand-stub::before { |
|
|
|
content: "+"; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .nav > li.filtered > ul, |
|
|
|
.toc .nav > li.in > ul { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .nav > li > ul { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.toc ul{ |
|
|
|
font-size: 12px; |
|
|
|
margin: 0 0 0 3px; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .level1 > li { |
|
|
|
font-weight: bold; |
|
|
|
margin-top: 10px; |
|
|
|
position: relative; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
.toc .level2 { |
|
|
|
font-weight: normal; |
|
|
|
margin: 5px 0 0 15px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.toc-toggle { |
|
|
|
display: none; |
|
|
|
margin: 0 15px 0px 15px; |
|
|
|
} |
|
|
|
.sidefilter { |
|
|
|
position: fixed; |
|
|
|
top: 90px; |
|
|
|
width: 260px; |
|
|
|
background-color: #1b1b1b; |
|
|
|
padding: 15px; |
|
|
|
border-left: 0px solid #37474F; |
|
|
|
border-right: 0px solid #37474F; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
.toc-filter { |
|
|
|
border-radius: 5px; |
|
|
|
background: #fff; |
|
|
|
color: #666666; |
|
|
|
padding: 5px; |
|
|
|
position: relative; |
|
|
|
margin: 0 5px 0 5px; |
|
|
|
} |
|
|
|
.toc-filter > input { |
|
|
|
border: 0; |
|
|
|
color: #666666; |
|
|
|
padding-left: 20px; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.toc-filter > input:focus { |
|
|
|
outline: 0; |
|
|
|
} |
|
|
|
.toc-filter > .filter-icon { |
|
|
|
position: absolute; |
|
|
|
top: 10px; |
|
|
|
left: 5px; |
|
|
|
} |
|
|
|
.article { |
|
|
|
margin-top: 120px; |
|
|
|
margin-bottom: 115px; |
|
|
|
} |
|
|
|
|
|
|
|
#_content>a{ |
|
|
|
margin-top: 105px; |
|
|
|
} |
|
|
|
|
|
|
|
.article.grid-right { |
|
|
|
margin-left: 280px; |
|
|
|
} |
|
|
|
|
|
|
|
.inheritance hr { |
|
|
|
margin-top: 5px; |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
.article img { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
.sideaffix { |
|
|
|
margin-top: 50px; |
|
|
|
font-size: 12px; |
|
|
|
max-height: 100%; |
|
|
|
top: 100px; |
|
|
|
bottom: 10px; |
|
|
|
position: fixed; |
|
|
|
} |
|
|
|
.sideaffix.shiftup { |
|
|
|
bottom: 70px; |
|
|
|
} |
|
|
|
.affix { |
|
|
|
position: relative; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
.sideaffix > div.contribution { |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
.sideaffix > div.contribution > ul > li > a.contribution-link { |
|
|
|
padding: 6px 10px; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.sideaffix > div.contribution > ul > li > a.contribution-link:hover { |
|
|
|
background-color: #ffffff; |
|
|
|
} |
|
|
|
.sideaffix ul.nav > li > a:focus { |
|
|
|
background: none; |
|
|
|
} |
|
|
|
.affix h5 { |
|
|
|
font-weight: bold; |
|
|
|
text-transform: uppercase; |
|
|
|
padding-left: 10px; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
.affix > ul.level1 { |
|
|
|
overflow: hidden; |
|
|
|
padding-bottom: 10px; |
|
|
|
height: calc(100% - 100px); |
|
|
|
margin-right: -20px; |
|
|
|
} |
|
|
|
.affix ul > li > a:before { |
|
|
|
color: #cccccc; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
.affix ul > li > a:hover { |
|
|
|
background: none; |
|
|
|
color: #EEEEEE; |
|
|
|
} |
|
|
|
.affix ul > li.active > a, |
|
|
|
.affix ul > li.active > a:before { |
|
|
|
color: #B3E5FC; |
|
|
|
} |
|
|
|
.affix ul > li > a { |
|
|
|
padding: 5px 12px; |
|
|
|
color: #EEEEEE; |
|
|
|
} |
|
|
|
.affix > ul > li.active:last-child { |
|
|
|
margin-bottom: 50px; |
|
|
|
} |
|
|
|
.affix > ul > li > a:before { |
|
|
|
content: "|"; |
|
|
|
font-size: 16px; |
|
|
|
top: 1px; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
.affix > ul > li.active > a, |
|
|
|
.affix > ul > li.active > a:before { |
|
|
|
color: #B3E5FC; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.affix ul ul > li > a { |
|
|
|
padding: 2px 15px; |
|
|
|
} |
|
|
|
.affix ul ul > li > a:before { |
|
|
|
content: ">"; |
|
|
|
font-size: 14px; |
|
|
|
top: -1px; |
|
|
|
left: 5px; |
|
|
|
} |
|
|
|
.affix ul > li > a:before, |
|
|
|
.affix ul ul { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.affix ul > li.active > ul, |
|
|
|
.affix ul > li.active > a:before, |
|
|
|
.affix ul > li > a:hover:before { |
|
|
|
display: block; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.codewrapper { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.trydiv { |
|
|
|
height: 0px; |
|
|
|
} |
|
|
|
.tryspan { |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
right: 0px; |
|
|
|
border-style: solid; |
|
|
|
border-radius: 0px 4px; |
|
|
|
box-sizing: border-box; |
|
|
|
border-width: 1px; |
|
|
|
border-color: #37474F; |
|
|
|
text-align: center; |
|
|
|
padding: 2px 8px; |
|
|
|
background-color: white; |
|
|
|
font-size: 12px; |
|
|
|
cursor: pointer; |
|
|
|
z-index: 100; |
|
|
|
display: none; |
|
|
|
color: #767676; |
|
|
|
} |
|
|
|
.tryspan:hover { |
|
|
|
background-color: #3b8bd0; |
|
|
|
color: white; |
|
|
|
border-color: #3b8bd0; |
|
|
|
} |
|
|
|
.codewrapper:hover .tryspan { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.sample-response .response-content{ |
|
|
|
max-height: 200px; |
|
|
|
} |
|
|
|
footer { |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
bottom: 0; |
|
|
|
z-index: 1000; |
|
|
|
} |
|
|
|
.footer { |
|
|
|
border-top: 1px solid #5F5F5F; |
|
|
|
background: #616161; |
|
|
|
padding: 15px 0; |
|
|
|
} |
|
|
|
@media (min-width: 768px) { |
|
|
|
#sidetoggle.collapse { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.topnav .navbar-nav { |
|
|
|
float: none; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.topnav .navbar-nav > li { |
|
|
|
float: none; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
@media only screen and (max-width: 768px) { |
|
|
|
#mobile-indicator { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
/* TOC display for responsive */ |
|
|
|
.article { |
|
|
|
margin-top: 30px !important; |
|
|
|
} |
|
|
|
header { |
|
|
|
position: static; |
|
|
|
} |
|
|
|
.topnav { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.sidenav { |
|
|
|
padding: 15px 0; |
|
|
|
margin-left: -15px; |
|
|
|
margin-right: -15px; |
|
|
|
} |
|
|
|
.sidefilter { |
|
|
|
position: static; |
|
|
|
width: auto; |
|
|
|
float: none; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.sidetoc { |
|
|
|
position: static; |
|
|
|
width: auto; |
|
|
|
float: none; |
|
|
|
padding-bottom: 0px; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.toc .nav > li, .toc .nav > li >a { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.toc li:after { |
|
|
|
margin-left: -3px; |
|
|
|
margin-right: 5px; |
|
|
|
content: ", "; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
.toc .level1 > li { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .level1 > li:after { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.article.grid-right { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
.grad-top, |
|
|
|
.grad-bottom { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.toc-toggle { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.sidetoggle.ng-hide { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
/*.expand-all { |
|
|
|
display: none; |
|
|
|
}*/ |
|
|
|
.sideaffix { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.mobile-hide { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.breadcrumb { |
|
|
|
white-space: inherit; |
|
|
|
} |
|
|
|
|
|
|
|
/* workaround for #hashtag url is no longer needed*/ |
|
|
|
h1:before, |
|
|
|
h2:before, |
|
|
|
h3:before, |
|
|
|
h4:before { |
|
|
|
content: ''; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* For toc iframe */ |
|
|
|
@media (max-width: 260px) { |
|
|
|
.toc .level2 > li { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
.toc .level2 > li:after { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* For code snippet line highlight */ |
|
|
|
pre > code .line-highlight { |
|
|
|
background-color: #ffffcc; |
|
|
|
} |
|
|
|
|
|
|
|
/* Alerts */ |
|
|
|
.alert h5 { |
|
|
|
text-transform: uppercase; |
|
|
|
font-weight: bold; |
|
|
|
margin-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.alert h5:before { |
|
|
|
position:relative; |
|
|
|
top:1px; |
|
|
|
display:inline-block; |
|
|
|
font-family:'Glyphicons Halflings'; |
|
|
|
line-height:1; |
|
|
|
-webkit-font-smoothing:antialiased; |
|
|
|
-moz-osx-font-smoothing:grayscale; |
|
|
|
margin-right: 5px; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
|
|
|
|
.alert-info { |
|
|
|
color: #d9edf7; |
|
|
|
background: #004458; |
|
|
|
border-color: #005873 |
|
|
|
} |
|
|
|
|
|
|
|
.alert-info h5:before { |
|
|
|
content:"\e086" |
|
|
|
} |
|
|
|
|
|
|
|
.alert-warning { |
|
|
|
color: #fffaf2; |
|
|
|
background: #80551a; |
|
|
|
border-color: #99661f |
|
|
|
} |
|
|
|
|
|
|
|
.alert-warning h5:before { |
|
|
|
content:"\e127" |
|
|
|
} |
|
|
|
|
|
|
|
.alert-danger { |
|
|
|
color: #fff2f2; |
|
|
|
background: #4d0000; |
|
|
|
border-color: #660000 |
|
|
|
} |
|
|
|
|
|
|
|
.alert-danger h5:before { |
|
|
|
content:"\e107" |
|
|
|
} |
|
|
|
|
|
|
|
/* For Embedded Video */ |
|
|
|
div.embeddedvideo { |
|
|
|
padding-top: 56.25%; |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
div.embeddedvideo iframe { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
/* For printer */ |
|
|
|
@media print{ |
|
|
|
.article.grid-right { |
|
|
|
margin-top: 0px; |
|
|
|
margin-left: 0px; |
|
|
|
} |
|
|
|
.sideaffix { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.mobile-hide { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.footer { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* For tabbed content */ |
|
|
|
|
|
|
|
.tabGroup { |
|
|
|
margin-top: 1rem; } |
|
|
|
.tabGroup ul[role="tablist"] { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
list-style: none; } |
|
|
|
.tabGroup ul[role="tablist"] > li { |
|
|
|
list-style: none; |
|
|
|
display: inline-block; } |
|
|
|
.tabGroup a[role="tab"] { |
|
|
|
color: white; |
|
|
|
box-sizing: border-box; |
|
|
|
display: inline-block; |
|
|
|
padding: 5px 7.5px; |
|
|
|
text-decoration: none; |
|
|
|
border-bottom: 2px solid #fff; } |
|
|
|
.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] { |
|
|
|
border-bottom: 2px solid #607D8B; } |
|
|
|
.tabGroup a[role="tab"][aria-selected="true"] { |
|
|
|
color: #81D4FA; } |
|
|
|
.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus { |
|
|
|
color: #29B6F6; } |
|
|
|
.tabGroup a[role="tab"]:focus { |
|
|
|
outline: 1px solid #607D8B; |
|
|
|
outline-offset: -1px; } |
|
|
|
@media (min-width: 768px) { |
|
|
|
.tabGroup a[role="tab"] { |
|
|
|
padding: 5px 15px; } } |
|
|
|
.tabGroup section[role="tabpanel"] { |
|
|
|
border: 1px solid #607D8B; |
|
|
|
padding: 15px; |
|
|
|
margin: 0; |
|
|
|
overflow: hidden; } |
|
|
|
.tabGroup section[role="tabpanel"] > .codeHeader, |
|
|
|
.tabGroup section[role="tabpanel"] > pre { |
|
|
|
margin-left: -16px; |
|
|
|
margin-right: -16px; } |
|
|
|
.tabGroup section[role="tabpanel"] > :first-child { |
|
|
|
margin-top: 0; } |
|
|
|
.tabGroup section[role="tabpanel"] > pre:last-child { |
|
|
|
display: block; |
|
|
|
margin-bottom: -16px; } |
|
|
|
|
|
|
|
.mainContainer[dir='rtl'] main ul[role="tablist"] { |
|
|
|
margin: 0; } |
|
|
|
|
|
|
|
/* code */ |
|
|
|
code { |
|
|
|
color:white; |
|
|
|
background-color:#4a4c52; |
|
|
|
border-radius:4px |
|
|
|
} |
|
|
|
pre { |
|
|
|
background-color: #282a36; |
|
|
|
} |
|
|
|
|
|
|
|
/* table */ |
|
|
|
.table-striped>tbody>tr:nth-of-type(odd) { |
|
|
|
background-color:#333333; |
|
|
|
color: #d3d3d3 |
|
|
|
} |
|
|
|
tbody>tr { |
|
|
|
background-color:#424242; |
|
|
|
color: #c0c0c0 |
|
|
|
} |
|
|
|
.table>tbody+tbody { |
|
|
|
border-top:2px solid rgb(173, 173, 173) |
|
|
|
} |