mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-22 04:06:18 +00:00
Docs: update style (#310)
Signed-off-by: Carson Yang <yangchuansheng33@gmail.com>
This commit is contained in:
Carson Yang
14
docSite/assets/images/logos/mark.svg
Normal file
14
docSite/assets/images/logos/mark.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg width="26" height="26" viewBox="0 0 1041 1348" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M340.837 0.33933L681.068 0.338989V0.455643C684.032 0.378397 686.999 0.339702 689.967 0.339702C735.961 0.3397 781.504 9.62899 823.997 27.6772C866.49 45.7254 905.099 72.1791 937.622 105.528C970.144 138.877 995.942 178.467 1013.54 222.04C1031.14 265.612 1040.2 312.312 1040.2 359.474L340.836 359.474L340.836 1347.84C296.157 1347.84 251.914 1338.55 210.636 1320.49C169.357 1302.43 131.85 1275.95 100.257 1242.58C68.6636 1209.21 43.6023 1169.59 26.5041 1125.99C11.3834 1087.43 2.75216 1046.42 0.957956 1004.81H0.605869L0.605897 368.098H0.70363C0.105752 341.831 2.23741 315.443 7.14306 289.411C20.2709 219.745 52.6748 155.754 100.257 105.528C147.839 55.3017 208.462 21.0975 274.461 7.24017C296.426 2.62833 318.657 0.339101 340.837 0.33933Z" fill="url(#paint0_linear_1172_228)"/>
|
||||
<path d="M633.639 904.645H513.029V576.37H635.422V576.377C678.161 576.607 720.454 585.093 759.951 601.37C799.997 617.874 836.384 642.064 867.033 672.559C897.683 703.054 921.996 739.257 938.583 779.101C955.171 818.944 963.709 861.648 963.709 904.775H633.639V904.645Z" fill="url(#paint1_linear_1172_228)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1172_228" x1="520.404" y1="0.338989" x2="520.404" y2="1347.84" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#326DFF"/>
|
||||
<stop offset="1" stop-color="#8EAEFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1172_228" x1="738.369" y1="576.37" x2="738.369" y2="904.775" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#326DFF"/>
|
||||
<stop offset="1" stop-color="#8EAEFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -42,22 +42,20 @@
|
||||
{{ end -}}
|
||||
<!-- change -->
|
||||
<div class="docs-content col-12 {{ if .IsNode }}{{ else }}{{ if site.Params.docs.toc | default true }}{{ if and (ne .Params.toc false) }}col-xl-9{{else}}{{end}}{{ else }}{{ end }}{{ end }} mt-0">
|
||||
<div class="mb-3">
|
||||
<div class="mb-0 d-flex">
|
||||
{{ if site.Params.docs.titleIcon | default false }}
|
||||
<i class="material-icons title-icon me-2">{{- .Params.icon | default "article" }}</i>
|
||||
{{ end }}
|
||||
<h1 class="content-title mb-0">
|
||||
{{ if site.Params.docs.titleIcon | default false }}
|
||||
<i class="material-icons me-0">{{- .Params.icon | default "article" }}</i>
|
||||
{{ end }}
|
||||
<span class="title-text">
|
||||
{{ $currentPage.Title }}
|
||||
</span>
|
||||
{{ $currentPage.Title }}
|
||||
{{ if .Draft }}
|
||||
<span class="badge bg-default fs-6 mb-1 align-middle">DRAFT</span>
|
||||
{{ end }}
|
||||
</h1>
|
||||
{{ if site.Params.docs.descriptions | default false }}
|
||||
<p class="lead mb-0">{{ $currentPage.Description | markdownify }}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if site.Params.docs.descriptions | default false }}
|
||||
<p class="lead mb-3">{{ $currentPage.Description | markdownify }}</p>
|
||||
{{ end }}
|
||||
<div id="content" class="main-content" {{ if eq .Site.Params.docs.toc true -}}data-bs-spy="scroll" data-bs-root-margin="0px 0px -65%" data-bs-target="#toc-mobile"{{ end }}>
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
|
||||
@@ -14,10 +14,12 @@
|
||||
{{ $iconPath = "images/social/bitbucket_icon.svg" }}
|
||||
{{ end }}
|
||||
|
||||
<!-- change -->
|
||||
{{ $repoURL = $repoURL | append "docSite/content" .Site.LanguagePrefix $filePath }}
|
||||
{{ $repoURL = delimit $repoURL "/" }}
|
||||
{{ $editPageURL := replaceRE "(https?://)|(/)+" "$1$2" $repoURL }}
|
||||
|
||||
<!-- change -->
|
||||
<div class="gitinfo d-flex flex-wrap justify-content-between align-items-center opacity-85 {{ if .Site.Params.docs.editPage -}}pt-3{{ else }}visually-hidden{{ end }}">
|
||||
{{ if .Site.Params.docs.editPage | default false -}}
|
||||
<div id="edit-this-page" class="mt-1">
|
||||
@@ -28,7 +30,7 @@
|
||||
{{ .Content | safeHTML }}
|
||||
{{ end }}
|
||||
</span>
|
||||
{{ i18n "edit_page" }}
|
||||
{{ i18n "edit_page" }} <!-- change -->
|
||||
<!-- <span class="material-icons size-20 align-text-bottom text-primary">open_in_new</span> -->
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,76 +1,105 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>
|
||||
{{- $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }} {{- if eq $url "/" }} {{-
|
||||
.Site.Title }} {{- else }} {{- if .Params.heading }} {{ .Params.heading }} {{ else }} {{- if eq
|
||||
.Title .Site.Title }} {{- .Title }} {{- else }} {{ .Site.Params.docs.Title | default
|
||||
(.Site.Title) }} | {{ .Title }} {{- end }} {{- end }} {{- end -}}
|
||||
</title>
|
||||
{{- if not hugo.IsProduction }}
|
||||
<meta name="robots" content="noindex" />
|
||||
{{- end }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="A Modern Documentation Theme for Hugo" />
|
||||
<meta name="keywords" content="Documentation, Hugo, Hugo Theme, Bootstrap" />
|
||||
<meta name="author" content="Colin Wilson - Lotus Labs" />
|
||||
<meta name="email" content="support@aigis.uk" />
|
||||
<meta name="website" content="https://lotusdocs.dev" />
|
||||
<meta name="Version" content="v0.1.0" />
|
||||
<!-- favicon -->
|
||||
{{ block "favicon" . }}{{ partialCached (printf "%s/%s" ($.Scratch.Get "pathName")
|
||||
"head/favicon.html") . }}{{ end }}
|
||||
<!-- Dark Mode -->
|
||||
{{ if eq .Site.Params.docs.darkMode true -}} {{ $darkModeInit := resources.Get (printf "/%s/%s"
|
||||
($.Scratch.Get "pathName") "js/darkmode-init.js") | js.Build | minify -}}
|
||||
<script>
|
||||
{
|
||||
{
|
||||
$darkModeInit.Content | safeJS;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
{{ end -}}
|
||||
<!-- FlexSearch -->
|
||||
{{ if or (not (isset .Site.Params.flexsearch "enabled")) (eq .Site.Params.flexsearch.enabled true)
|
||||
-}} {{ if and (.Site.Params.docsearch.appID) (.Site.Params.docsearch.apiKey) -}} {{ else }} {{
|
||||
$flexSearch := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName")
|
||||
"js/flexsearch.bundle.js") }} {{- if not .Site.IsServer }} {{ $flexSearch := $flexSearch | minify
|
||||
| fingerprint "sha384" }}
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="{{ $flexSearch.Permalink }}"
|
||||
integrity="{{ $flexSearch.Data.Integrity }}"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
{{ else }}
|
||||
<script type="text/javascript" src="{{ $flexSearch.Permalink }}"></script>
|
||||
{{ end }} {{ end }} {{ end }}
|
||||
<!-- Google Fonts -->
|
||||
{{- partialCached "google-fonts" . }}
|
||||
<!-- Custom CSS -->
|
||||
{{- $options := dict "enableSourceMap" true }} {{- if hugo.IsProduction}} {{- $options := dict
|
||||
"enableSourceMap" false "outputStyle" "compressed" }} {{- end }} {{- $style := resources.Get
|
||||
(printf "/%s/%s" ($.Scratch.Get "pathName") "scss/style.scss") }} {{- $style = $style |
|
||||
resources.ExecuteAsTemplate (printf "/%s/%s" ($.Scratch.Get "pathName") "scss/style.scss") . |
|
||||
resources.ToCSS $options }} {{- if hugo.IsProduction }} {{- $style = $style | minify | fingerprint
|
||||
"sha384" }} {{- end -}}
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ $style.RelPermalink }}"
|
||||
{{
|
||||
if
|
||||
hugo.IsProduction
|
||||
}}integrity="{{ $style.Data.Integrity }}"
|
||||
{{
|
||||
end
|
||||
-}}
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!-- Plausible Analytics Config -->
|
||||
{{- if not .Site.IsServer }} {{ if and (.Site.Params.plausible.scriptURL | default
|
||||
"https://plausible.io") (.Site.Params.plausible.dataDomain) -}} {{- partialCached (printf "%s/%s"
|
||||
($.Scratch.Get "pathName") "head/plausible") . }} {{- end -}} {{- end -}}
|
||||
<!-- Google Analytics v4 Config -->
|
||||
{{- if not .Site.IsServer }} {{- if .Site.GoogleAnalytics }} {{- template
|
||||
"_internal/google_analytics.html" . -}} {{- end -}} {{- end -}}
|
||||
</head>
|
||||
<meta charset="utf-8" />
|
||||
<title>
|
||||
{{- $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
|
||||
{{- if eq $url "/" }}
|
||||
{{- .Site.Title }}
|
||||
{{- else }}
|
||||
{{- if .Params.heading }}
|
||||
{{ .Params.heading }}
|
||||
{{ else }}
|
||||
{{- if eq .Title .Site.Title }}
|
||||
{{- .Title }}
|
||||
{{- else }}
|
||||
{{- .Title }} | {{ .Site.Params.docs.Title | default (.Site.Title) }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
</title>
|
||||
{{- if not hugo.IsProduction }}
|
||||
<meta name="robots" content="noindex">
|
||||
{{- end }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{{- with .Description | default ($.Param "description") }}
|
||||
<meta name="description" content="{{ . }}">
|
||||
{{- end }}
|
||||
<meta name="keywords" content="Documentation, Hugo, Hugo Theme, Bootstrap" />
|
||||
<meta name="author" content="Colin Wilson - Lotus Labs" />
|
||||
<meta name="email" content="support@aigis.uk" />
|
||||
<meta name="website" content="https://lotusdocs.dev" />
|
||||
<meta name="Version" content="v0.1.0" />
|
||||
<!-- favicon -->
|
||||
{{ block "favicon" . }}{{ partialCached (printf "%s/%s" ($.Scratch.Get "pathName") "head/favicon.html") . }}{{ end }}
|
||||
<!-- Dark Mode -->
|
||||
{{ if eq .Site.Params.docs.darkMode true -}}
|
||||
{{ $darkModeInit := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "js/darkmode-init.js") | js.Build | minify -}}
|
||||
<script>{{ $darkModeInit.Content | safeJS }}</script>
|
||||
{{ end -}}
|
||||
<!-- FlexSearch -->
|
||||
{{ if or (not (isset .Site.Params.flexsearch "enabled")) (eq .Site.Params.flexsearch.enabled true) -}}
|
||||
{{ if and (.Site.Params.docsearch.appID) (.Site.Params.docsearch.apiKey) -}}
|
||||
{{ else }}
|
||||
{{ $flexSearch := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "js/flexsearch.bundle.js") }}
|
||||
{{- if not .Site.IsServer }}
|
||||
{{ $flexSearch := $flexSearch | minify | fingerprint "sha384" }}
|
||||
<script type="text/javascript" src="{{ $flexSearch.Permalink }}" integrity="{{ $flexSearch.Data.Integrity }}" crossorigin="anonymous"></script>
|
||||
{{ else }}
|
||||
<script type="text/javascript" src="{{ $flexSearch.Permalink }}"></script>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Google Fonts -->
|
||||
{{- partialCached "google-fonts" . }}
|
||||
<!-- Custom CSS -->
|
||||
{{- $options := dict "enableSourceMap" true }}
|
||||
{{- if hugo.IsProduction}}
|
||||
{{- $options := dict "enableSourceMap" false "outputStyle" "compressed" }}
|
||||
{{- end }}
|
||||
{{- $style := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "scss/style.scss") }}
|
||||
{{- $style = $style | resources.ExecuteAsTemplate (printf "/%s/%s" ($.Scratch.Get "pathName") "scss/style.scss") . | resources.ToCSS $options }}
|
||||
{{- if hugo.IsProduction }}
|
||||
{{- $style = $style | minify | fingerprint "sha384" }}
|
||||
{{- end -}}
|
||||
<link rel="stylesheet" href="{{ $style.RelPermalink }}" {{ if hugo.IsProduction }}integrity="{{ $style.Data.Integrity }}"{{ end -}} crossorigin="anonymous">
|
||||
<!-- Katex CSS -->
|
||||
{{- if .Params.katex -}}
|
||||
{{- $options := dict "enableSourceMap" true }}
|
||||
{{- if hugo.IsProduction}}
|
||||
{{- $options := dict "enableSourceMap" false "outputStyle" "compressed" }}
|
||||
{{- end -}}
|
||||
{{- $katexCSS := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "scss/katex.scss") }}
|
||||
{{- $katexCSS = $katexCSS | resources.ExecuteAsTemplate (printf "/%s/%s" ($.Scratch.Get "pathName") "scss/katex.scss") . | resources.ToCSS $options }}
|
||||
{{- if hugo.IsProduction }}
|
||||
{{- $katexCSS = $katexCSS | minify | fingerprint "sha384" }}
|
||||
{{- end -}}
|
||||
<link rel="stylesheet" href="{{ $katexCSS.RelPermalink }}" {{ if hugo.IsProduction }}integrity="{{ $katexCSS.Data.Integrity }}"{{ end -}} crossorigin="anonymous">
|
||||
{{- end -}}
|
||||
<!-- Katex JS -->
|
||||
{{- if .Params.katex -}}
|
||||
{{ $katex := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "js/katex.js") }}
|
||||
{{ $katexAutoRender := resources.Get (printf "/%s/%s" ($.Scratch.Get "pathName") "js/auto-render.js") }}
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ $katex = $katex | minify | fingerprint "sha384" }}
|
||||
{{ $katexAutoRender = $katexAutoRender | minify | fingerprint "sha384" }}
|
||||
{{- end -}}
|
||||
<script src="{{ $katex.RelPermalink }}" {{ if hugo.IsProduction }}integrity="{{ $katex.Data.Integrity }}"{{ end -}} defer></script>
|
||||
<script src="{{ $katexAutoRender.RelPermalink }}" {{ if hugo.IsProduction }}integrity="{{ $katexAutoRender.Data.Integrity }}"{{ end -}} defer></script>
|
||||
{{ end -}}
|
||||
|
||||
<!-- Katex Config -->
|
||||
{{ if .Params.katex }}
|
||||
{{- partialCached (printf "%s/%s" ($.Scratch.Get "pathName") "footer/katex.html") . -}}
|
||||
{{ end }}
|
||||
<!-- Plausible Analytics Config -->
|
||||
{{- if not .Site.IsServer }}
|
||||
{{ if and (.Site.Params.plausible.scriptURL | default "https://plausible.io") (.Site.Params.plausible.dataDomain) -}}
|
||||
{{- partialCached (printf "%s/%s" ($.Scratch.Get "pathName") "head/plausible") . }}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
<!-- Google Analytics v4 Config -->
|
||||
{{- if not .Site.IsServer }}
|
||||
{{- if .Site.GoogleAnalytics }}
|
||||
{{- template "_internal/google_analytics.html" . -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</head>
|
||||
@@ -1,4 +1,5 @@
|
||||
<toc>
|
||||
<!-- change -->
|
||||
<div class="fw-bold text-uppercase mb-2">{{ .Title }}</div>
|
||||
{{ if eq .Site.Params.docs.scrollSpy true -}}
|
||||
{{ .TableOfContents | replaceRE "<nav id=\"TableOfContents\">" "<nav id=\"toc\">" | safeHTML }}
|
||||
|
||||
@@ -9638,11 +9638,14 @@ img {
|
||||
order: 1; }
|
||||
|
||||
.docs-content .main-content a {
|
||||
font-weight: 600;
|
||||
color: var(--content-link-color); }
|
||||
.docs-content .main-content a:hover {
|
||||
text-decoration: underline 2px var(--primary-200);
|
||||
text-underline-offset: 2.5px !important;
|
||||
transition: 0s !important; }
|
||||
.docs-content .main-content a code {
|
||||
color: var(--content-link-color); }
|
||||
|
||||
.docs-content .main-content #edit-this-page a:hover,
|
||||
.docs-content .main-content #list-item a:hover {
|
||||
@@ -9663,22 +9666,24 @@ img {
|
||||
font-weight: 700;
|
||||
color: var(--body-color); }
|
||||
|
||||
.docs-content .main-content a {
|
||||
font-weight: 600; }
|
||||
|
||||
.docs-content .content-title {
|
||||
font-weight: 700; }
|
||||
.docs-content .content-title i {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
color: var(--content-icon-color);
|
||||
background-color: var(--content-icon-bg);
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
border-radius: 5px; }
|
||||
font-weight: 700;
|
||||
align-self: center; }
|
||||
|
||||
i.title-icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
color: var(--content-icon-color);
|
||||
background-color: var(--content-icon-bg);
|
||||
display: inline-flex !important;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
border-radius: 5px; }
|
||||
@media (max-width: 768px) {
|
||||
i.title-icon {
|
||||
align-self: auto; } }
|
||||
.docs-content p.lead {
|
||||
color: var(--text-muted);
|
||||
font-weight: 400; }
|
||||
@@ -9692,17 +9697,22 @@ img {
|
||||
.docs-content p.lead {
|
||||
font-size: 1rem; } }
|
||||
|
||||
.docs-content .main-content img {
|
||||
max-width: 100%; }
|
||||
.docs-content .main-content img,
|
||||
.docs-content .main-content svg {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.docs-content .main-content a svg {
|
||||
vertical-align: middle;
|
||||
padding-bottom: 0.25rem;
|
||||
margin-left: 3px; }
|
||||
|
||||
.docs-content .main-content ul {
|
||||
list-style: none;
|
||||
line-height: 26px;
|
||||
padding-left: 0; }
|
||||
.docs-content .main-content ul li {
|
||||
.docs-content .main-content ul > li {
|
||||
position: relative;
|
||||
padding-left: 32px; }
|
||||
.docs-content .main-content ul li::before {
|
||||
.docs-content .main-content ul > li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 6px;
|
||||
@@ -9713,13 +9723,12 @@ img {
|
||||
background: var(--gray-500); }
|
||||
|
||||
.docs-content .main-content ol {
|
||||
list-style: none;
|
||||
line-height: 26px; }
|
||||
.docs-content .main-content ol li {
|
||||
counter-reset: listitem; }
|
||||
.docs-content .main-content ol > li {
|
||||
counter-increment: listitem;
|
||||
position: relative;
|
||||
padding-left: 32px; }
|
||||
.docs-content .main-content ol li::before {
|
||||
.docs-content .main-content ol > li::before {
|
||||
content: counter(listitem);
|
||||
background: var(--ordered-list-bg);
|
||||
color: var(--ordered-list-color);
|
||||
@@ -9735,6 +9744,11 @@ img {
|
||||
left: 0;
|
||||
top: 3px; }
|
||||
|
||||
.docs-content .main-content ol,
|
||||
.docs-content .main-content ul {
|
||||
list-style: none;
|
||||
line-height: 26px; }
|
||||
|
||||
.docs-content .main-content blockquote {
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.25rem;
|
||||
@@ -9752,7 +9766,7 @@ img {
|
||||
.docs-content .main-content code {
|
||||
font-size: inherit;
|
||||
color: var(--text-default);
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
padding: 1px 2px;
|
||||
background: var(--inline-code-bg);
|
||||
border: var(--inline-code-border);
|
||||
@@ -9822,11 +9836,20 @@ img {
|
||||
overflow-y: overlay;
|
||||
position: relative;
|
||||
border-right: 1px solid var(--sidebar-border-color);
|
||||
scrollbar-width: none; }
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--sidebar-bg) var(--sidebar-bg); }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content.desktop {
|
||||
overflow-y: hidden; }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content:hover {
|
||||
scrollbar-color: var(--sidebar-scrollbar-thumb-color) var(--sidebar-bg); }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 8px; }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar-track {
|
||||
background: var(--sidebar-bg);
|
||||
display: none; }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-content:hover::-webkit-scrollbar-thumb {
|
||||
background: var(--sidebar-scrollbar-thumb-color); }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-brand {
|
||||
background: var(--sidebar-bg);
|
||||
padding: 10px 20px;
|
||||
@@ -9837,6 +9860,7 @@ img {
|
||||
.page-wrapper .sidebar-wrapper .sidebar-brand > a {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
flex-grow: 1;
|
||||
transition: all 0.3s ease; }
|
||||
.page-wrapper .sidebar-wrapper .sidebar-brand > a:focus {
|
||||
outline: none; }
|
||||
@@ -10580,25 +10604,16 @@ button:not(:disabled) {
|
||||
background-size: 1.5rem;
|
||||
filter: invert(1) grayscale(100%) brightness(200%); }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.alert-dismissible .btn-close {
|
||||
background-size: 1.25rem; } }
|
||||
|
||||
[data-global-alert="closed"] #announcement {
|
||||
display: none; }
|
||||
|
||||
.alert code {
|
||||
background: #e7e8e9;
|
||||
color: #000;
|
||||
padding: 0.25rem 0.5rem; }
|
||||
|
||||
:root {
|
||||
--card-title-color: var(--text-default);
|
||||
--card-text-color: var(--text-muted); }
|
||||
|
||||
[data-dark-mode] {
|
||||
--card-title-color: var(--text-default);
|
||||
--card-text-color: #6c757d; }
|
||||
--card-text-color: var(--gray-500); }
|
||||
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
@@ -10617,7 +10632,8 @@ button:not(:disabled) {
|
||||
color: var(--card-title-color); }
|
||||
|
||||
.card-text {
|
||||
color: var(--card-text-color); }
|
||||
color: var(--card-text-color);
|
||||
font-weight: 500; }
|
||||
|
||||
:root {
|
||||
--form-border-color: var(--gray-200);
|
||||
@@ -10655,12 +10671,12 @@ button:not(:disabled) {
|
||||
background-color: var(--body-bg);
|
||||
text-align: left; }
|
||||
.form-control:focus {
|
||||
border-color: #2f55d4;
|
||||
border-color: var(--primary);
|
||||
box-shadow: none; }
|
||||
.form-control[readonly] {
|
||||
background-color: #fff; }
|
||||
background-color: var(--white); }
|
||||
.form-control:disabled {
|
||||
background-color: #dee2e6; }
|
||||
background-color: var(--gray-300); }
|
||||
.form-control::placeholder {
|
||||
color: var(--form-control-placeholder-color); }
|
||||
|
||||
@@ -10673,7 +10689,7 @@ button:not(:disabled) {
|
||||
border: 1px solid var(--form-check-input-border-color);
|
||||
background-color: var(--body-bg); }
|
||||
.form-check-input:focus {
|
||||
border-color: #2f55d4;
|
||||
border-color: var(--primary);
|
||||
box-shadow: none; }
|
||||
.form-check-input.form-check-input:checked {
|
||||
background-color: var(--form-check-input-background-color);
|
||||
@@ -10699,7 +10715,6 @@ table td:last-child, table th:last-child {
|
||||
.table {
|
||||
--bs-table-color: var(--text-default);
|
||||
--bs-table-bg: transparent;
|
||||
--bs-table-border-color: var(--bs-border-color);
|
||||
--bs-table-accent-bg: none;
|
||||
--bs-table-striped-color: var(--text-default);
|
||||
--bs-table-striped-bg: var(--alert-primary-bg);
|
||||
@@ -10807,10 +10822,12 @@ table td:last-child, table th:last-child {
|
||||
|
||||
:root {
|
||||
--feature-icon-color: var(--primary);
|
||||
--feature-icon-faint: var(--gray-200);
|
||||
--feature-link-hover-bg-color: var(--primary); }
|
||||
|
||||
[data-dark-mode] {
|
||||
--feature-icon-color: var(--primary-300);
|
||||
--feature-icon-faint: var(--gray-900);
|
||||
--feature-link-hover-bg-color: var(--gray-900); }
|
||||
|
||||
.features .icon {
|
||||
@@ -10834,6 +10851,10 @@ table td:last-child, table th:last-child {
|
||||
.features.feature-full-bg .icon-color {
|
||||
color: var(--feature-icon-color) !important; }
|
||||
|
||||
.features.feature-full-bg .icon-faint {
|
||||
color: var(--feature-icon-faint) !important;
|
||||
transition: all 0.5s ease; }
|
||||
|
||||
.features.feature-full-bg:hover {
|
||||
background-color: var(--feature-link-hover-bg-color) !important; }
|
||||
|
||||
@@ -11128,30 +11149,6 @@ table td:last-child, table th:last-child {
|
||||
.rounded-lg {
|
||||
border-radius: 30px !important; }
|
||||
|
||||
.border-primary {
|
||||
border-color: #2f55d4 !important; }
|
||||
|
||||
.border-secondary {
|
||||
border-color: #6c757d !important; }
|
||||
|
||||
.border-success {
|
||||
border-color: #2eca8b !important; }
|
||||
|
||||
.border-info {
|
||||
border-color: #17a2b8 !important; }
|
||||
|
||||
.border-warning {
|
||||
border-color: #f17425 !important; }
|
||||
|
||||
.border-danger {
|
||||
border-color: #e43f52 !important; }
|
||||
|
||||
.border-light {
|
||||
border-color: #f8f9fa !important; }
|
||||
|
||||
.border-dark {
|
||||
border-color: #0e1420 !important; }
|
||||
|
||||
.bg-white-color {
|
||||
background: var(--bg-white-color); }
|
||||
|
||||
|
||||
@@ -9465,139 +9465,134 @@ p {
|
||||
@media (max-width: 767px) {
|
||||
.four-oh-four {
|
||||
min-height: calc(100vh - 241px); } }
|
||||
#topnav .logo {
|
||||
float: left;
|
||||
color: #3c4858 !important; }
|
||||
#topnav .logo .l-dark,
|
||||
#topnav .logo .logo-dark-mode {
|
||||
display: none; }
|
||||
#topnav .logo .l-light,
|
||||
#topnav .logo .logo-light-mode {
|
||||
display: inline-block; }
|
||||
#topnav .logo:focus {
|
||||
outline: none; }
|
||||
|
||||
#topnav #navigation.toggle-menu {
|
||||
position: relative;
|
||||
display: block;
|
||||
#topnav {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: none; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item {
|
||||
display: block; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item > li {
|
||||
float: none;
|
||||
margin: 0 16px !important;
|
||||
text-align: center; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item > li > a {
|
||||
padding: 16px 0;
|
||||
min-height: auto;
|
||||
font-size: 18px; }
|
||||
|
||||
#topnav .navbar-toggle {
|
||||
background-color: transparent;
|
||||
z-index: 999;
|
||||
border: 0;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer; }
|
||||
#topnav .navbar-toggle .lines {
|
||||
width: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 4px 0 0 0;
|
||||
height: 18px; }
|
||||
#topnav .navbar-toggle span {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background-color: #0066ff;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
transition: transform .5s ease; }
|
||||
#topnav .navbar-toggle span:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
#topnav .navbar-toggle.open span {
|
||||
position: absolute; }
|
||||
#topnav .navbar-toggle.open span:first-child {
|
||||
top: 6px;
|
||||
transform: rotate(45deg); }
|
||||
#topnav .navbar-toggle.open span:nth-child(2) {
|
||||
visibility: hidden; }
|
||||
#topnav .navbar-toggle.open span:last-child {
|
||||
width: 100%;
|
||||
top: 6px;
|
||||
transform: rotate(-45deg); }
|
||||
#topnav .navbar-toggle.open span:hover {
|
||||
background-color: #0066ff; }
|
||||
|
||||
#topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,
|
||||
#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
#topnav .navigation-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
#topnav .navigation-menu > li {
|
||||
-webkit-transition: all .5s ease;
|
||||
transition: all .5s ease; }
|
||||
#topnav .logo {
|
||||
float: left;
|
||||
display: block;
|
||||
color: #3c4858 !important; }
|
||||
#topnav .logo .l-dark,
|
||||
#topnav .logo .logo-dark-mode {
|
||||
display: none; }
|
||||
#topnav .logo .l-light,
|
||||
#topnav .logo .logo-light-mode {
|
||||
display: inline-block; }
|
||||
#topnav .logo:focus {
|
||||
outline: none; }
|
||||
#topnav #navigation.toggle-menu {
|
||||
position: relative;
|
||||
margin: 0 10px; }
|
||||
#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item {
|
||||
display: block; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item > li {
|
||||
float: none;
|
||||
margin: 0 16px !important;
|
||||
text-align: center; }
|
||||
#topnav #navigation.toggle-menu .toggle-menu-item > li > a {
|
||||
padding: 16px 0;
|
||||
min-height: auto;
|
||||
font-size: 18px; }
|
||||
#topnav .navbar-toggle {
|
||||
border: 0;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer; }
|
||||
#topnav .navbar-toggle .lines {
|
||||
width: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 4px 0 0 0;
|
||||
height: 18px; }
|
||||
#topnav .navbar-toggle span {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background-color: #0066ff;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
transition: transform .5s ease; }
|
||||
#topnav .navbar-toggle span:last-child {
|
||||
margin-bottom: 0; }
|
||||
#topnav .navbar-toggle.open span {
|
||||
position: absolute; }
|
||||
#topnav .navbar-toggle.open span:first-child {
|
||||
top: 6px;
|
||||
transform: rotate(45deg); }
|
||||
#topnav .navbar-toggle.open span:nth-child(2) {
|
||||
visibility: hidden; }
|
||||
#topnav .navbar-toggle.open span:last-child {
|
||||
width: 100%;
|
||||
top: 6px;
|
||||
transform: rotate(-45deg); }
|
||||
#topnav .navbar-toggle.open span:hover {
|
||||
background-color: #0066ff; }
|
||||
#topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,
|
||||
#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus {
|
||||
background-color: transparent; }
|
||||
#topnav .navigation-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
#topnav .navigation-menu > li {
|
||||
float: left;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 10px; }
|
||||
#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
|
||||
color: #0066ff !important; }
|
||||
#topnav .navigation-menu > li > a {
|
||||
display: flex;
|
||||
color: #3c4858;
|
||||
font-size: 15px;
|
||||
background-color: transparent !important;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
line-height: 24px;
|
||||
font-family: var(--bs-font-sans-serif);
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
align-items: center; }
|
||||
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {
|
||||
color: #0066ff; }
|
||||
#topnav.scroll {
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); }
|
||||
#topnav.scroll .navigation-menu > li > a {
|
||||
color: #3c4858; }
|
||||
#topnav.scroll .navigation-menu > li > .menu-arrow {
|
||||
border-color: #3c4858; }
|
||||
#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {
|
||||
color: #0066ff; }
|
||||
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {
|
||||
border-color: #0066ff; }
|
||||
#topnav.nav-sticky {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
|
||||
box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li > a {
|
||||
color: #3c4858; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
|
||||
color: #0066ff !important; }
|
||||
#topnav .navigation-menu > li > a {
|
||||
display: flex;
|
||||
color: #3c4858;
|
||||
font-size: 15px;
|
||||
background-color: transparent !important;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
line-height: 24px;
|
||||
font-family: var(--bs-font-sans-serif);
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
align-items: center; }
|
||||
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {
|
||||
color: #0066ff; }
|
||||
|
||||
#topnav.scroll {
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); }
|
||||
#topnav.scroll .navigation-menu > li > a {
|
||||
color: #3c4858; }
|
||||
#topnav.scroll .navigation-menu > li > .menu-arrow {
|
||||
border-color: #3c4858; }
|
||||
#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {
|
||||
color: #0066ff; }
|
||||
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {
|
||||
border-color: #0066ff; }
|
||||
|
||||
#topnav.defaultscroll.dark-menubar .logo {
|
||||
line-height: 70px; }
|
||||
|
||||
#topnav.defaultscroll.scroll .logo {
|
||||
line-height: 62px; }
|
||||
|
||||
#topnav.defaultscroll.scroll.dark-menubar .logo {
|
||||
line-height: 62px; }
|
||||
|
||||
#topnav.nav-sticky {
|
||||
background: #fff;
|
||||
box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li > a {
|
||||
color: #3c4858; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
|
||||
color: #0066ff !important; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
|
||||
border-color: #0066ff !important; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
|
||||
color: #0066ff !important; }
|
||||
#topnav.nav-sticky.tagline-height {
|
||||
top: 0 !important; }
|
||||
#topnav.nav-sticky .logo .l-dark {
|
||||
display: inline-block; }
|
||||
#topnav.nav-sticky .logo .l-light {
|
||||
display: none; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
|
||||
border-color: #0066ff !important; }
|
||||
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
|
||||
color: #0066ff !important; }
|
||||
#topnav.nav-sticky.tagline-height {
|
||||
top: 0 !important; }
|
||||
#topnav.nav-sticky .logo .l-dark {
|
||||
display: inline-block; }
|
||||
#topnav.nav-sticky .logo .l-light {
|
||||
display: none; }
|
||||
|
||||
.logo {
|
||||
font-weight: 700;
|
||||
@@ -11011,6 +11006,10 @@ span.menu-icon {
|
||||
max-width: 100%;
|
||||
height: auto; } }
|
||||
|
||||
.hero {
|
||||
background-size: cover;
|
||||
padding-top: 70px; }
|
||||
|
||||
.icv {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user