2019-01-30 10:20:43 -08:00
/* 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 ;
}
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 ,
. inheritance . level6 : before ,
. inheritance . level7 : before ,
. inheritance . level8 : before ,
. inheritance . level9 : before ,
. inheritance . level10 : 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 ;
}
. inheritance . level6 {
margin-left : 6em ;
}
. inheritance . level7 {
margin-left : 7em ;
}
. inheritance . level8 {
margin-left : 8em ;
}
. inheritance . level9 {
margin-left : 9em ;
}
. inheritance . level10 {
margin-left : 10em ;
}
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 : # 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 ;
}
. implements h5 {
padding-bottom : 5px ;
border-bottom : 1px solid # ccc ;
}
. expander : after {
content : "\002193" ;
margin-left : 5px ;
color : grey ;
}
. expander . collapsed : after {
content : "\002191" ;
}
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 : unset ;
}
. 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 p . index-loading {
animation : index-loading 1 . 5s infinite linear ;
-webkit-animation : index-loading 1 . 5s infinite linear ;
-o-animation : index-loading 1 . 5s infinite linear ;
font-size : 2 . 5rem ;
}
@ keyframes index-loading {
from { transform : scale ( 1 ) rotate ( 0 deg ) ; }
to { transform : scale ( 1 ) rotate ( 360 deg ) ; }
}
@ -webkit-keyframes index-loading {
from { -webkit- transform : rotate ( 0 deg ) ; }
to { -webkit- transform : rotate ( 360 deg ) ; }
}
@ -o-keyframes index-loading {
from { -o- transform : rotate ( 0 deg ) ; }
to { -o- transform : rotate ( 360 deg ) ; }
}
# 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 ;
}
}
/* 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 : # 6e6e6e ;
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 # 0050C5 ; }
. tabGroup a [ role = "tab" ] [ aria-selected = "true" ] {
color : # 222 ; }
. tabGroup a [ role = "tab" ] : hover , . tabGroup a [ role = "tab" ] : focus {
color : # 0050C5 ; }
. tabGroup a [ role = "tab" ] : focus {
outline : 1px solid # 0050C5 ;
outline-offset : -1px ; }
@ media ( min-width : 768px ) {
. tabGroup a [ role = "tab" ] {
padding : 5px 15px ; } }
. tabGroup section [ role = "tabpanel" ] {
border : 1px solid # e0e0e0 ;
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 ; }
2019-07-23 07:38:04 -07:00
. remarks {
background-color : # c0c0ff ;
border-radius : 6px ;
padding : 6px ;
}