/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */ | |
html, | |
body { | |
font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif; | |
height: 100%; | |
} | |
button, | |
a { | |
color: #337ab7; | |
cursor: pointer; | |
} | |
button:hover, | |
button:focus, | |
a:hover, | |
a:focus { | |
color: #23527c; | |
text-decoration: none; | |
} | |
a.disable, | |
a.disable:hover { | |
text-decoration: none; | |
cursor: default; | |
color: #000000; | |
} | |
/* 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; | |
} | |
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: #cccccc; | |
} | |
hr { | |
border-color: #cccccc; | |
} | |
header { | |
position: fixed; | |
top: 0; | |
left: 0; | |
right: 0; | |
z-index: 1000; | |
} | |
header .navbar { | |
border-width: 0 0 1px; | |
border-radius: 0; | |
} | |
.navbar-brand { | |
font-size: inherit; | |
padding: 0; | |
} | |
.navbar-collapse { | |
margin: 0 -15px; | |
} | |
.subnav { | |
min-height: 40px; | |
} | |
.inheritance h5, .inheritedMembers h5{ | |
padding-bottom: 5px; | |
border-bottom: 1px solid #ccc; | |
} | |
article h1, article h2, article h3, article h4{ | |
margin-top: 25px; | |
} | |
article h4{ | |
border-bottom: 1px solid #ccc; | |
} | |
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: white; | |
vertical-align: middle; | |
} | |
.docs-search > .search-query { | |
font-size: 14px; | |
border: 0; | |
width: 120%; | |
color: #555; | |
} | |
.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: white; | |
} | |
.search-close { | |
position: absolute; | |
left: 50%; | |
margin-left: -100px; | |
color: white; | |
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; | |
} | |
.sidenav, .fixed_header, .toc { | |
background-color: #f1f1f1; | |
} | |
.sidetoc { | |
position: fixed; | |
width: 260px; | |
top: 150px; | |
bottom: 0; | |
overflow-x: hidden; | |
overflow-y: auto; | |
background-color: #f1f1f1; | |
border-left: 1px solid #e7e7e7; | |
border-right: 1px solid #e7e7e7; | |
z-index: 1; | |
} | |
.sidetoc.shiftup { | |
bottom: 70px; | |
} | |
body .toc{ | |
background-color: #f1f1f1; | |
overflow-x: hidden; | |
} | |
.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: #666666; | |
margin-left: 5px; | |
display: block; | |
padding: 0; | |
} | |
.toc .nav > li > a:hover, | |
.toc .nav > li > a:focus { | |
color: #000000; | |
background: none; | |
text-decoration: inherit; | |
} | |
.toc .nav > li.active > a { | |
color: #337ab7; | |
} | |
.toc .nav > li.active > a:hover, | |
.toc .nav > li.active > a:focus { | |
color: #23527c; | |
} | |
.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: #f1f1f1; | |
padding: 15px; | |
border-left: 1px solid #e7e7e7; | |
border-right: 1px solid #e7e7e7; | |
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%; | |
overflow: hidden; | |
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: #666666; | |
} | |
.affix ul > li.active > a, | |
.affix ul > li.active > a:before { | |
color: #337ab7; | |
} | |
.affix ul > li > a { | |
padding: 5px 12px; | |
color: #666666; | |
} | |
.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: #337ab7; | |
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: #cccccc; | |
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 #e7e7e7; | |
background-color: #f8f8f8; | |
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 h5:before { | |
content:"\e086" | |
} | |
.alert-warning h5:before { | |
content:"\e127" | |
} | |
.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; | |
} | |
} |