* Use a relative path for docs index page logo Changes the paths for the logo on the index page of the documentation to use relative links instead of absolute ones. The current absolute path is just fine as long as the site is not hosted under another directory. When opening files locally (without serving them in docfx) these images will fail to load. In addition, if these files are served under a directory that is not the root endpoint (like: `docs.com/stable/`) the images will also break. I tested these changes locally using these steps: - Build & serve docs: `docfx docs/docfx.json --serve` - Verify that logo shows up on index page using all 3 themes - Open `docs/_site/index.html` - Verify logo works on all 3 themes * Minor grammar fix in DiscordSocketClient
316 lines
5.3 KiB
CSS
316 lines
5.3 KiB
CSS
/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
|
|
|
|
@import url('vs2015.css');
|
|
html,
|
|
body {
|
|
background: #23272A;
|
|
color: #dddddd;
|
|
}
|
|
|
|
button,
|
|
a {
|
|
color: #64B5F6;
|
|
}
|
|
|
|
.sidenav{
|
|
background-color: rgb(30, 30, 30);
|
|
}
|
|
|
|
button:hover,
|
|
button:focus,
|
|
a:hover,
|
|
a:focus,
|
|
.btn:focus,
|
|
.btn:hover{
|
|
color: #2196F3;
|
|
}
|
|
|
|
a.disable,
|
|
a.disable:hover {
|
|
color: #EEEEEE;
|
|
}
|
|
|
|
.divider {
|
|
color: #37474F;
|
|
}
|
|
|
|
hr {
|
|
border-color: #37474F;
|
|
}
|
|
|
|
/* top navbar */
|
|
.navbar-inverse[role="navigation"] {
|
|
background-color: #2C2F33;
|
|
}
|
|
|
|
/* sub navbar (below top) */
|
|
.subnav {
|
|
background: #282B2F
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.sideaffix>div.contribution>ul>li>a.contribution-link:hover {
|
|
background-color: #333333;
|
|
}
|
|
|
|
/* toc */
|
|
|
|
.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 {
|
|
background-color: #37474F;
|
|
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: #2C2F33;
|
|
}
|
|
|
|
/* alert */
|
|
.alert-info {
|
|
color: #f3fdff;
|
|
background: #40788A;
|
|
border-color: #2F7A95;
|
|
}
|
|
|
|
.alert-warning {
|
|
color: #fffaf2;
|
|
background: #936C36;
|
|
border-color: #AE8443;
|
|
}
|
|
|
|
.alert-danger {
|
|
color: #fff4f4;
|
|
background: #834040;
|
|
border-color: #8C2F2F
|
|
}
|
|
|
|
/* 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: #5B646B;
|
|
border-radius: 4px;
|
|
padding: 3px 7px;
|
|
}
|
|
|
|
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)
|
|
}
|
|
|
|
/* select */
|
|
|
|
select {
|
|
background-color: #3b3b3b;
|
|
border-color: #2e2e2e;
|
|
}
|
|
|
|
/*
|
|
Following code regarding collapse container are fetched
|
|
or modified from the Materialize project.
|
|
|
|
The MIT License (MIT)
|
|
Copyright (c) 2014-2018 Materialize
|
|
https://github.com/Dogfalo/materialize
|
|
*/
|
|
|
|
/* all collapse container */
|
|
.collapse-container.last-modified {
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
|
|
box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
|
|
border-top: 1px solid rgba(96, 96, 96, 0.7);
|
|
border-right: 1px solid rgba(96, 96, 96, 0.7);
|
|
border-left: 1px solid rgba(96, 96, 96, 0.7);
|
|
}
|
|
|
|
/* header */
|
|
.collapse-container.last-modified>:nth-child(odd) {
|
|
background-color: #3f3f3f;
|
|
border-bottom: 1px solid rgba(96, 96, 96, 0.7);
|
|
}
|
|
|
|
/* body */
|
|
.collapse-container.last-modified>:nth-child(even) {
|
|
border-bottom: 1px solid rgba(96, 96, 96, 0.7);
|
|
background-color: inherit;
|
|
}
|
|
|
|
span.arrow-d{
|
|
border-top: 5px solid white
|
|
}
|
|
|
|
span.arrow-r{
|
|
border-left: 5px solid white
|
|
}
|
|
|
|
.logo-switcher {
|
|
background: url("../marketing/logo/SVG/Combinationmark White.svg") no-repeat;
|
|
}
|