Browse Source

Simplify CSS

+ Changes dark theme changes to a different css to respect future docfx.css changes
+ Merge featherlight plugin into the dark theme
pull/988/head
Hsu Still 7 years ago
parent
commit
50e830e826
No known key found for this signature in database GPG Key ID: 8601A145FDA95209
8 changed files with 210 additions and 1001 deletions
  1. +4
    -1
      docs/_template/dark/partials/head.tmpl.partial
  2. +0
    -0
      docs/_template/dark/partials/scripts.tmpl.partial
  3. +197
    -0
      docs/_template/dark/styles/dark.css
  4. +0
    -989
      docs/_template/dark/styles/docfx.css
  5. +0
    -1
      docs/_template/dark/styles/dracula.css
  6. +0
    -0
      docs/_template/dark/styles/plugin-featherlight.js
  7. +1
    -2
      docs/docfx.json
  8. +8
    -8
      docs/guides/getting_started/first-bot.md

docs/_template/lightbox-featherlight/partials/head.tmpl.partial → docs/_template/dark/partials/head.tmpl.partial View File

@@ -11,10 +11,13 @@
<link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}"> <link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
<link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css"> <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css">
<link rel="stylesheet" href="{{_rel}}styles/docfx.css"> <link rel="stylesheet" href="{{_rel}}styles/docfx.css">
<link rel="stylesheet" href="{{_rel}}styles/dark.css">
<link rel="stylesheet" href="{{_rel}}styles/dracula.css">
<link rel="stylesheet" href="{{_rel}}styles/main.css"> <link rel="stylesheet" href="{{_rel}}styles/main.css">
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.6/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.6/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<meta property="docfx:navrel" content="{{_navRel}}"> <meta property="docfx:navrel" content="{{_navRel}}">
<meta property="docfx:tocrel" content="{{_tocRel}}"> <meta property="docfx:tocrel" content="{{_tocRel}}">
{{#_noindex}}<meta name="searchOption" content="noindex">{{/_noindex}}
{{#_enableSearch}}<meta property="docfx:rel" content="{{_rel}}">{{/_enableSearch}} {{#_enableSearch}}<meta property="docfx:rel" content="{{_rel}}">{{/_enableSearch}}
{{#_enableNewTab}}<meta property="docfx:newtab" content="true">{{/_enableNewTab}} {{#_enableNewTab}}<meta property="docfx:newtab" content="true">{{/_enableNewTab}}
</head>
</head>

docs/_template/lightbox-featherlight/partials/scripts.tmpl.partial → docs/_template/dark/partials/scripts.tmpl.partial View File


+ 197
- 0
docs/_template/dark/styles/dark.css View File

@@ -0,0 +1,197 @@
/* 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');
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;
}
button:hover,
button:focus,
a:hover,
a:focus {
color: #2196F3;
}
a.disable,
a.disable:hover {
color: #EEEEEE;
}
.divider {
color: #37474F;
}
hr {
border-color: #37474F;
}
header .navbar {
border-width: 0 0 0px;
border-radius: 0;
}
.subnav {
background: #383838
}

.inheritance h5, .inheritedMembers h5{
border-bottom: 1px solid #37474F;
}

article h4{
border-bottom: 1px solid #37474F;
}
.docs-search {
background: #424242;
}
.search-results-group-heading {
color: #424242;
}
.search-close {
color: #424242;
}
.sidetoc {
background-color: #1b1b1b;
border-left: 0px solid #37474F;
border-right: 0px solid #37474F;
}
.sideaffix{
overflow: visible;
}

body .toc{
background-color: inherit;
overflow: visible;
}

.toc .nav > li > a {
color: rgb(218, 218, 218);
}
.toc .nav > li > a:hover,
.toc .nav > li > a:focus {
color: #E0E0E0;
}
.toc .nav > li.active > a {
color: #90CAF9;
}
.toc .nav > li.active > a:hover,
.toc .nav > li.active > a:focus {
color: #4FC3F7;
}

.sidefilter {
background-color: #1b1b1b;
border-left: 0px solid #37474F;
border-right: 0px solid #37474F;
}
.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 {
color: #EEEEEE;
}
.affix > ul > li.active > a,
.affix > ul > li.active > a:before {
color: #B3E5FC;
}
.tryspan {
border-color: #37474F;
}
.footer {
border-top: 1px solid #5F5F5F;
background: #616161;
}

.alert-info {
color: #d9edf7;
background: #004458;
border-color: #005873
}
.alert-warning {
color: #fffaf2;
background: #80551a;
border-color: #99661f
}
.alert-danger {
color: #fff2f2;
background: #4d0000;
border-color: #660000
}

/* 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)
}

+ 0
- 989
docs/_template/dark/styles/docfx.css View File

@@ -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)
}

+ 0
- 1
docs/_template/dark/styles/dracula.css View File

@@ -13,7 +13,6 @@
.hljs { .hljs {
display: block; display: block;
overflow-x: auto; overflow-x: auto;
padding: 0.5em;
background: #282a36; background: #282a36;
} }




docs/_template/lightbox-featherlight/styles/plugin-featherlight.js → docs/_template/dark/styles/plugin-featherlight.js View File


+ 1
- 2
docs/docfx.json View File

@@ -54,8 +54,7 @@
"dest":"_site", "dest":"_site",
"template":[ "template":[
"default", "default",
"_template/dark",
"_template/lightbox-featherlight"
"_template/dark"
], ],
"overwrite": "_overwrites/**/**.md", "overwrite": "_overwrites/**/**.md",
"globalMetadata":{ "globalMetadata":{


+ 8
- 8
docs/guides/getting_started/first-bot.md View File

@@ -78,14 +78,14 @@ jump into an async context. This will allow us to create a connection
to Discord later on without needing to worry about setting up the to Discord later on without needing to worry about setting up the
correct async implementation. correct async implementation.


>[!TIP]
If your application throws any exceptions within an async context,
they will be thrown all the way back up to the first non-async method;
since our first non-async method is the program's `Main` method, this
means that **all** unhandled exceptions will be thrown up there, which
will crash your application. Discord.Net will prevent exceptions in
event handlers from crashing your program, but any exceptions in your
async main **will** cause the application to crash.
> [!TIP]
> If your application throws any exceptions within an async context,
> they will be thrown all the way back up to the first non-async method;
> since our first non-async method is the program's `Main` method, this
> means that **all** unhandled exceptions will be thrown up there, which
> will crash your application. Discord.Net will prevent exceptions in
> event handlers from crashing your program, but any exceptions in your
> async main **will** cause the application to crash.


[Task-based Asynchronous Pattern (TAP)]: https://docs.microsoft.com/en-us/dotnet/articles/csharp/async [Task-based Asynchronous Pattern (TAP)]: https://docs.microsoft.com/en-us/dotnet/articles/csharp/async




Loading…
Cancel
Save