mirror of
https://gitee.com/dcren/openiddict-documentation.git
synced 2025-04-05 17:38:03 +08:00
Use the DocFX Material theme created by Oscar Vásquez
This commit is contained in:
Kévin Chalet
parent
d1b11b3040
commit
c62f5f5355
@ -35,7 +35,8 @@
|
||||
"globalMetadataFiles": [],
|
||||
"fileMetadataFiles": [],
|
||||
"template": [
|
||||
"default"
|
||||
"default",
|
||||
"templates/material"
|
||||
],
|
||||
"postProcessors": [],
|
||||
"noLangKeyword": false,
|
||||
|
||||
21
templates/material/partials/head.tmpl.partial
Normal file
21
templates/material/partials/head.tmpl.partial
Normal file
@ -0,0 +1,21 @@
|
||||
{{!Copyright (c) Oscar Vasquez. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="title" content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
|
||||
<meta name="generator" content="docfx {{_docfxVersion}}">
|
||||
{{#_description}}<meta name="description" content="{{_description}}">{{/_description}}
|
||||
<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.css">
|
||||
<link rel="stylesheet" href="{{_rel}}styles/main.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
<meta property="docfx:navrel" content="{{_navRel}}">
|
||||
<meta property="docfx:tocrel" content="{{_tocRel}}">
|
||||
{{#_noindex}}<meta name="searchOption" content="noindex">{{/_noindex}}
|
||||
{{#_enableSearch}}<meta property="docfx:rel" content="{{_rel}}">{{/_enableSearch}}
|
||||
{{#_enableNewTab}}<meta property="docfx:newtab" content="true">{{/_enableNewTab}}
|
||||
</head>
|
||||
306
templates/material/styles/main.css
Normal file
306
templates/material/styles/main.css
Normal file
@ -0,0 +1,306 @@
|
||||
/* COLOR VARIABLES*/
|
||||
:root {
|
||||
--header-bg-color: #0d47a1;
|
||||
--header-ft-color: #fff;
|
||||
--highlight-light: #5e92f3;
|
||||
--highlight-dark: #003c8f;
|
||||
--accent-dim: #e0e0e0;
|
||||
--accent-super-dim: #f3f3f3;
|
||||
--font-color: #34393e;
|
||||
--card-box-shadow: 0 1px 2px 0 rgba(61, 65, 68, 0.06), 0 1px 3px 1px rgba(61, 65, 68, 0.16);
|
||||
--search-box-shadow: 0 1px 2px 0 rgba(41, 45, 48, 0.36), 0 1px 3px 1px rgba(41, 45, 48, 0.46);
|
||||
--transition: 350ms;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--font-color);
|
||||
font-family: "Roboto", sans-serif;
|
||||
line-height: 1.5;
|
||||
font-size: 16px;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* HIGHLIGHT COLOR */
|
||||
|
||||
button,
|
||||
a {
|
||||
color: var(--highlight-dark);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
button:focus,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: var(--highlight-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.toc .nav > li.active > a {
|
||||
color: var(--highlight-dark);
|
||||
}
|
||||
|
||||
.toc .nav > li.active > a:hover,
|
||||
.toc .nav > li.active > a:focus {
|
||||
color: var(--highlight-light);
|
||||
}
|
||||
|
||||
.pagination > .active > a {
|
||||
background-color: var(--header-bg-color);
|
||||
border-color: var(--header-bg-color);
|
||||
}
|
||||
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: var(--highlight-light);
|
||||
border-color: var(--highlight-light);
|
||||
}
|
||||
|
||||
/* HEADINGS */
|
||||
|
||||
h1 {
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
article h1,
|
||||
article h2,
|
||||
article h3,
|
||||
article h4 {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
article h4 {
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid #ddd;
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
|
||||
.navbar-brand > img {
|
||||
color: var(--header-ft-color);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
border: none;
|
||||
/* Both navbars use box-shadow */
|
||||
-webkit-box-shadow: var(--card-box-shadow);
|
||||
-moz-box-shadow: var(--card-box-shadow);
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
.subnav {
|
||||
border-top: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
background-color: var(--header-bg-color);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a,
|
||||
.navbar-inverse .navbar-text {
|
||||
color: var(--header-ft-color);
|
||||
background-color: var(--header-bg-color);
|
||||
border-bottom: 3px solid transparent;
|
||||
padding-bottom: 12px;
|
||||
transition: 350ms;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a:focus,
|
||||
.navbar-inverse .navbar-nav > li > a:hover {
|
||||
color: var(--header-ft-color);
|
||||
background-color: var(--header-bg-color);
|
||||
border-bottom: 3px solid white;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > .active > a,
|
||||
.navbar-inverse .navbar-nav > .active > a:focus,
|
||||
.navbar-inverse .navbar-nav > .active > a:hover {
|
||||
color: var(--header-ft-color);
|
||||
background-color: var(--header-bg-color);
|
||||
border-bottom: 3px solid white;
|
||||
}
|
||||
|
||||
.navbar-form .form-control {
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-shadow: var(--search-box-shadow);
|
||||
transition:var(--transition);
|
||||
}
|
||||
|
||||
.navbar-form .form-control:hover {
|
||||
background-color: var(--accent-dim);
|
||||
}
|
||||
|
||||
/* NAVBAR TOGGLED (small screens) */
|
||||
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
border: none;
|
||||
}
|
||||
.navbar-inverse .navbar-toggle {
|
||||
box-shadow: var(--card-box-shadow);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:focus,
|
||||
.navbar-inverse .navbar-toggle:hover {
|
||||
background-color: var(--highlight-dark);
|
||||
}
|
||||
|
||||
/* SIDEBAR */
|
||||
|
||||
.toc .level1 > li {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.toc .nav > li > a {
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
.sidefilter {
|
||||
background-color: #fff;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.sidefilter {
|
||||
background-color: #fff;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.toc-filter {
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
transition:var(--transition);
|
||||
}
|
||||
|
||||
.toc-filter:hover {
|
||||
background-color: var(--accent-super-dim);
|
||||
}
|
||||
|
||||
.toc-filter > input {
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
transition: inherit;
|
||||
}
|
||||
|
||||
.toc-filter > .filter-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidetoc > .toc {
|
||||
background-color: #fff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.sidetoc {
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* ALERTS */
|
||||
|
||||
.alert {
|
||||
padding: 0px 0px 5px 0px;
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
border: none;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
.alert > p {
|
||||
margin-bottom: 0;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.alert > ul {
|
||||
margin-bottom: 0;
|
||||
padding: 5px 40px;
|
||||
}
|
||||
|
||||
.alert > h5 {
|
||||
padding: 10px 15px;
|
||||
margin-top: 0;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.alert-info > h5 {
|
||||
color: #1976d2;
|
||||
border-bottom: 4px solid #1976d2;
|
||||
background-color: #e3f2fd;
|
||||
}
|
||||
|
||||
.alert-warning > h5 {
|
||||
color: #f57f17;
|
||||
border-bottom: 4px solid #f57f17;
|
||||
background-color: #fff3e0;
|
||||
}
|
||||
|
||||
.alert-danger > h5 {
|
||||
color: #d32f2f;
|
||||
border-bottom: 4px solid #d32f2f;
|
||||
background-color: #ffebee;
|
||||
}
|
||||
|
||||
/* CODE HIGHLIGHT */
|
||||
pre {
|
||||
padding: 9.5px;
|
||||
margin: 0 0 10px;
|
||||
font-size: 13px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
background-color: #fffaef;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
/* STYLE FOR IMAGES */
|
||||
|
||||
.article .small-image {
|
||||
margin-top: 15px;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.article .medium-image {
|
||||
margin-top: 15px;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
max-width: 550px;
|
||||
}
|
||||
|
||||
.article .large-image {
|
||||
margin-top: 15px;
|
||||
box-shadow: var(--card-box-shadow);
|
||||
max-width: 700px;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user