mirror of
https://github.com/PCSX2/pcsx2-net-www.git
synced 2026-01-31 01:15:16 +01:00
cleaned up the config, added social links and fleshed out footer
This commit is contained in:
Tyler Wilding
121
config.yaml
121
config.yaml
@@ -1,7 +1,9 @@
|
||||
# baseURL: 'https://pcsx2.net/'
|
||||
baseURL: 'https://pcsx2.net/'
|
||||
disableKinds:
|
||||
# users dont need to see the taxonomy listing pages
|
||||
- "taxonomy"
|
||||
ignoreErrors:
|
||||
# users dont need to see the taxonomy listing pages
|
||||
- "error-disable-taxonomy"
|
||||
languageCode: en-us
|
||||
title: PCSX2
|
||||
@@ -9,93 +11,50 @@ theme:
|
||||
- pcsx2
|
||||
defaultContentLanguage: en
|
||||
paginate: 20
|
||||
pygmentsStyle: bw
|
||||
pygmentsCodeFences: true
|
||||
pygmentsCodeFencesGuessSyntax: true
|
||||
# Code Styling
|
||||
markup:
|
||||
highlight:
|
||||
anchorLineNos: false
|
||||
codeFences: true
|
||||
guessSyntax: false
|
||||
hl_Lines: ""
|
||||
lineAnchors: ""
|
||||
lineNoStart: 1
|
||||
lineNos: false
|
||||
lineNumbersInTable: true
|
||||
noClasses: true
|
||||
style: monokai
|
||||
tabWidth: 4
|
||||
enableEmoji: true
|
||||
# Website Parameters
|
||||
params:
|
||||
author: John Doe
|
||||
description: John Doe's personal website
|
||||
favicon_32: /img/favicon-32x32.png
|
||||
keywords: 'blog,developer,personal'
|
||||
info:
|
||||
- Full Stack DevOps
|
||||
- Magician
|
||||
avatarURL: images/avatar.jpg
|
||||
footerContent: ''
|
||||
dateFormat: 'January 2, 2006'
|
||||
hideFooter: false
|
||||
hideCredits: false
|
||||
hideCopyright: false
|
||||
since: 2019
|
||||
rtl: false
|
||||
colorScheme: auto
|
||||
hideColorSchemeToggle: false
|
||||
maxSeeAlsoItems: 5
|
||||
enableTwemoji: false
|
||||
customCSS:
|
||||
- css/custom.css
|
||||
customSCSS: []
|
||||
customJS: []
|
||||
csp:
|
||||
childsrc:
|
||||
- '''self'''
|
||||
fontsrc:
|
||||
- '''self'''
|
||||
- 'https://fonts.gstatic.com'
|
||||
- 'https://cdn.jsdelivr.net/'
|
||||
formaction:
|
||||
- '''self'''
|
||||
framesrc:
|
||||
- '''self'''
|
||||
imgsrc:
|
||||
- '''self'''
|
||||
objectsrc:
|
||||
- '''none'''
|
||||
stylesrc:
|
||||
- '''self'''
|
||||
- '''unsafe-inline'''
|
||||
- 'https://fonts.googleapis.com/'
|
||||
- 'https://cdn.jsdelivr.net/'
|
||||
scriptsrc:
|
||||
- '''self'''
|
||||
- '''unsafe-inline'''
|
||||
- 'https://www.google-analytics.com'
|
||||
prefetchsrc:
|
||||
- '''self'''
|
||||
connectsrc:
|
||||
- '''self'''
|
||||
- 'https://www.google-analytics.com'
|
||||
social:
|
||||
- name: Discord
|
||||
icon: fab fa-discord
|
||||
weight: 1
|
||||
url: 'https://discord.com/invite/TCz3t9k'
|
||||
- name: Github
|
||||
icon: fa fa-github
|
||||
weight: 1
|
||||
url: 'https://github.com/johndoe/'
|
||||
- name: Gitlab
|
||||
icon: fa fa-gitlab
|
||||
weight: 2
|
||||
url: 'https://gitlab.com/johndoe/'
|
||||
url: 'https://github.com/PCSX2'
|
||||
- name: Forums
|
||||
icon: fab fa-wpforms
|
||||
weight: 4
|
||||
url: 'https://forums.pcsx2.net/'
|
||||
- name: Wiki
|
||||
icon: fab fa-wikipedia-w
|
||||
weight: 6
|
||||
url: 'https://wiki.pcsx2.net'
|
||||
- name: Twitter
|
||||
icon: fa fa-twitter
|
||||
weight: 3
|
||||
url: 'https://twitter.com/johndoe/'
|
||||
- name: LinkedIn
|
||||
icon: fa fa-linkedin
|
||||
weight: 4
|
||||
url: 'https://www.linkedin.com/in/johndoe/'
|
||||
- name: Medium
|
||||
icon: fa fa-medium
|
||||
url: 'https://twitter.com/PCSX2'
|
||||
- name: YouTube
|
||||
icon: fab fa-youtube
|
||||
weight: 5
|
||||
url: 'https://medium.com/@johndoe'
|
||||
- name: RSS
|
||||
icon: fa fa-rss
|
||||
weight: 6
|
||||
url: 'https://myhugosite.com/index.xml'
|
||||
rel: alternate
|
||||
type: application/rss+xml
|
||||
url: 'https://www.youtube.com/user/PCSX2team'
|
||||
taxonomies:
|
||||
category: categories
|
||||
series: series
|
||||
tag: tags
|
||||
author: authors
|
||||
languages:
|
||||
@@ -120,18 +79,12 @@ languages:
|
||||
title: Documentation
|
||||
weight: 4
|
||||
url: /docs
|
||||
# TODO - temporarily disabled until page is finished
|
||||
# - name: About
|
||||
# title: About the Project
|
||||
# weight: 5
|
||||
# url: /about
|
||||
- name: Discord
|
||||
weight: 6
|
||||
url: 'https://discord.com/invite/TCz3t9k'
|
||||
pre: fa fa-discord
|
||||
- name: Github
|
||||
weight: 7
|
||||
url: 'https://github.com/PCSX2/pcsx2'
|
||||
pre: fa fa-github
|
||||
# TODO - translation
|
||||
# fr:
|
||||
# baseURL: 'https://pcsx2.net/fr/'
|
||||
# languageName: ':fr:'
|
||||
|
||||
@@ -10,33 +10,12 @@
|
||||
<div class="row">
|
||||
{{ $paginator := .Paginate (where .Pages "Type" "blog") }}
|
||||
{{ range $index, $page := $paginator.Pages }}
|
||||
<div class="col-12 mb-5">
|
||||
<a href="{{ $page.RelPermalink }}">
|
||||
<div class="card text-white bg-dark post-preview" style="background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url({{ $page.Params.previewImage}});">
|
||||
<div class="row h-25">
|
||||
<div class="col">
|
||||
<h3>{{ $page.Title }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex-fill d-inline-block text-truncate h-50" class="" style="max-width: calc(100%)">
|
||||
<div class="col">
|
||||
<p>{{ $page.Summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row h-25">
|
||||
<div class="col d-flex justify-content-end align-items-end">
|
||||
{{ $page.Date | time.Format ":date_long" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{{ partial "post-card.html" (dict "context" $ "post" . "easeDirection" "right" "alternateBackground" true) }}
|
||||
|
||||
{{ if eq ( mod (add $index 1) 5 ) 0 }}
|
||||
<div class="col-12 mb-5">
|
||||
{{- partial "advertisement.html" . -}}
|
||||
</div>
|
||||
|
||||
<div class="col-12 mb-5">
|
||||
{{- partial "advertisement.html" . -}}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- TODO - make this look nice -->
|
||||
@@ -49,8 +28,7 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h4>Tags</h4>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
@@ -62,13 +40,10 @@
|
||||
<sup>{{$cnt}}</sup>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
{{- partial "advertisement.html" . -}}
|
||||
</div>
|
||||
|
||||
@@ -32,6 +32,13 @@
|
||||
<p>They are nice</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="button d-flex">
|
||||
<a role="button" class="btn btn-outline-info" href="/tags/progress-report/">
|
||||
View More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-8">
|
||||
@@ -41,13 +48,6 @@
|
||||
{{ partial "post-card.html" (dict "context" $ "post" . "easeDirection" "right" "alternateBackground" true) }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="button d-flex justify-content-center">
|
||||
<a role="button" class="btn btn-outline-info" href="/tags/progress-report/">
|
||||
View More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -65,13 +65,6 @@
|
||||
{{ partial "post-card.html" (dict "context" $ "post" . "easeDirection" "left") }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="button d-flex justify-content-center">
|
||||
<a role="button" class="btn btn-outline-info" href="/tags/devblogs/">
|
||||
View More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 d-flex align-items-center">
|
||||
@@ -86,6 +79,13 @@
|
||||
<p>They are also nice</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="button d-flex">
|
||||
<a role="button" class="btn btn-outline-info" href="/tags/devblogs/">
|
||||
View More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -5,8 +5,7 @@
|
||||
</div>
|
||||
<div class="row mt-3">
|
||||
<p>
|
||||
This list will help you find out if your game is compatible with PCSX2 and
|
||||
to what extent.
|
||||
This list will help you determine how compatible games are with PCSX2
|
||||
</p>
|
||||
</div>
|
||||
<!-- search bar -->
|
||||
@@ -28,7 +27,7 @@
|
||||
<div class="row mt-3">
|
||||
<!-- compat buttons -->
|
||||
{{ partial "compat/filter-button.html" (dict "context" $
|
||||
"explanation" "The game runs flawlessly with no graphical or speed issues (can be SW mode)"
|
||||
"explanation" "The game runs flawlessly with no graphical or speed issues (can be in Software mode)"
|
||||
"filter" "perfect") }}
|
||||
{{ partial "compat/filter-button.html" (dict "context" $
|
||||
"explanation" "You can get from 'new game' to 'end credits' (regardless of speed)"
|
||||
|
||||
@@ -6,15 +6,50 @@
|
||||
{{ end }}
|
||||
</svg>
|
||||
<div class="footer" {{ if not (.IsHome) }}style="background-color: #0b0b0d;"{{ end }}>
|
||||
<div class="container p-3 text-center">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
PCSX2
|
||||
<div class="container p-3">
|
||||
<div class="row mt-5">
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col d-flex justify-content-start">
|
||||
<span class="d-flex align-items-center">
|
||||
<img class="brand-logo" src="/img/pcsx2-logo.png" alt="PCSX2 Logo">
|
||||
<h3 class="logo-text">PCSX2</h3>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-3">
|
||||
<div class="col">
|
||||
An Open-Source Playstation 2 Emulator
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 offset-md-4">
|
||||
<div class="row">
|
||||
<div class="col d-flex justify-content-start">
|
||||
<h3>Links</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-3">
|
||||
<div class="col d-flex justify-content-start">
|
||||
<ul class="footer-link-list">
|
||||
{{ range .Site.Params.social }}
|
||||
<li>
|
||||
<a href="{{ .url }}" {{ if in .url "http" }}target="blank" {{ end }}>
|
||||
<span>
|
||||
<i class="nav-icon {{ .icon }}"></i>
|
||||
{{ .name }}
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
Copyright {{ dateFormat "2006" now }}
|
||||
<div class="row mt-3">
|
||||
<div class="col d-flex justify-content-start">
|
||||
© {{ dateFormat "2006" now }} PCSX2. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 709 B After Width: | Height: | Size: 1.9 KiB |
@@ -14,10 +14,6 @@
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
||||
{{ $title := print .Site.Title " | " .Title }} {{ if .IsHome }}{{ $title =
|
||||
print .Site.Title " | PS2 Emulator" }}{{ end }}
|
||||
|
||||
@@ -30,12 +30,32 @@
|
||||
<ul class="navbar-nav w-75 justify-content-center">
|
||||
{{ range .Site.Menus.main }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="{{ .URL }}" {{ if in .URL "http" }}target="blank" {{ end
|
||||
}}>{{ .Name | safeHTML }}</a>
|
||||
<a class="nav-link" href="{{ .URL }}" {{ if in .URL "http" }}target="blank" {{ end }}>{{ .Name | safeHTML
|
||||
}}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<ul class="nav navbar-nav w-25 justify-content-end">
|
||||
<ul class="nav navbar-nav w-25 justify-content-end align-items-center">
|
||||
{{ if gt (len .Site.Params.social) }}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
|
||||
data-mdb-toggle="dropdown" aria-expanded="false">
|
||||
Related Links
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
{{ range .Site.Params.social }}
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item" href="{{ .url }}" {{ if in .url "http" }}target="blank" {{ end }}>
|
||||
<span>
|
||||
<i class="nav-icon {{ .icon }}"></i>
|
||||
{{ .name }}
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if gt (len .Site.Home.AllTranslations) 1 }}
|
||||
<li class="nav-item">
|
||||
<div class="dropdown" id="language-dropdown-container">
|
||||
@@ -52,7 +72,7 @@
|
||||
</li>
|
||||
{{ end }}
|
||||
<li class="nav-item">
|
||||
<a role="button" id="theme-button">
|
||||
<a role="button" class="nav-link" id="theme-button">
|
||||
<!-- TODO - update this on page load -->
|
||||
<i class="far fa-moon theme-icon" title="Dark Theme"></i>
|
||||
</a>
|
||||
|
||||
@@ -11,43 +11,19 @@
|
||||
--tertiary-color: #2cb67d;
|
||||
--stroke-color: #010101;
|
||||
--error-color: #f25042;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* --text-color: #F4F1F3;
|
||||
--text-color-dimmed: #797979;
|
||||
--text-color-muted: #424242;
|
||||
--text-color-alternate: #000000;
|
||||
--accent-color: #ff4761;;
|
||||
--accent-color-muted: #2f080e;
|
||||
--primary-color: #03a9f4;
|
||||
--primary-color-bg: #0d242f;
|
||||
--secondary-color: green;
|
||||
--background-color: #16161a;
|
||||
--half-background-color: #0c0c0c;
|
||||
--half-background-color-brighter: #2b2b2b; */
|
||||
/* light-theme */
|
||||
/* controller colors */
|
||||
--controller-triangle: #00d4ca;
|
||||
--controller-circle: #ff5653;
|
||||
--controller-cross: #8dbbf2;
|
||||
--controller-square: #f887d6;
|
||||
/* compat colors */
|
||||
--compat-perfect: #cc33ff;
|
||||
--compat-playable: #9acd32;
|
||||
--compat-ingame: #2d98d6;
|
||||
--compat-menus: #e4e21f;
|
||||
--compat-intro: #f6ad20;
|
||||
--compat-nothing: #ff0000;
|
||||
--compat-perfect: #BA68C8;
|
||||
--compat-playable: #9CCC65;
|
||||
--compat-ingame: #29B6F6;
|
||||
--compat-menus: #FBC02D;
|
||||
--compat-intro: #F57C00;
|
||||
--compat-nothing: #D32F2F;
|
||||
}
|
||||
|
||||
/* Sizing / Spacing */
|
||||
@@ -73,6 +49,7 @@ body {
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-weight: 700;
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
@@ -93,6 +70,10 @@ h1, h2 {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.no-horizontal-margins {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
@@ -102,25 +83,25 @@ h1, h2 {
|
||||
|
||||
.btn-color-triangle {
|
||||
background-color: var(--controller-triangle);
|
||||
color: var(--stroke-color);
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.btn-color-circle {
|
||||
background-color: var(--controller-circle);
|
||||
color: var(--stroke-color);
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.btn-color-cross {
|
||||
background-color: var(--controller-cross);
|
||||
color: var(--stroke-color);
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.btn-color-square {
|
||||
background-color: var(--controller-square);
|
||||
color: var(--stroke-color);
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@@ -130,15 +111,23 @@ h1, h2 {
|
||||
}
|
||||
|
||||
.footer {
|
||||
/* background-color: var(--primary-color-bg);
|
||||
border-top-color: var(--primary-color);
|
||||
border-top-width: 2px;
|
||||
border-top-style: solid;
|
||||
margin-top: 10em; */
|
||||
margin-bottom: 1em;
|
||||
color: var(--text-color-dimmed);
|
||||
}
|
||||
|
||||
.footer-link-list {
|
||||
padding-left: 0.5em;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.footer-link-list li a {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.footer-link-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -192,16 +181,20 @@ a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: var(--half-background-color-brighter);
|
||||
background-color: var(--secondary-bg-color);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: var(--text-color);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
thead {
|
||||
color: var(--text-color);
|
||||
thead, th {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
tr, .table-striped > tbody > tr:nth-of-type(2n) {
|
||||
@@ -235,7 +228,7 @@ td > ul {
|
||||
padding-right: 1em;
|
||||
line-height: 1em;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-color-alternate);
|
||||
color: var(--heading-color);
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
@@ -276,6 +269,10 @@ td > ul {
|
||||
/* padding: 0; */
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -296,16 +293,17 @@ td > ul {
|
||||
.navbar-brand, .nav-link {
|
||||
font-weight: 700;
|
||||
color: var(--heading-color) !important;
|
||||
transition: color .15s ease-in-out;
|
||||
transition: color .05s ease-in-out;
|
||||
}
|
||||
|
||||
.navbar-brand:hover, .nav-link:hover {
|
||||
color: var(--primary-color) !important;
|
||||
transition: color .15s ease-in-out;
|
||||
transition: color .05s ease-in-out;
|
||||
}
|
||||
|
||||
.logo-text {
|
||||
margin-left: 0.25em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
@@ -413,20 +411,11 @@ td > ul {
|
||||
}
|
||||
}
|
||||
|
||||
.card:hover .card-title.link {
|
||||
color: var(--tertiary-color);
|
||||
.card:hover {
|
||||
transform: translate3d(5px, -5px, 0);
|
||||
transition: color .15s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-title {
|
||||
transition: color .15s ease-in-out;
|
||||
text-shadow:
|
||||
-1px -1px 0 #000,
|
||||
1px -1px 0 #000,
|
||||
-1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
}
|
||||
|
||||
.btn-outline-info:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
@@ -457,67 +446,79 @@ button .material-icons-outlined {
|
||||
/* Compatibility Page */
|
||||
|
||||
button.compat-perfect.compat-filter-off {
|
||||
border-color: var(--compat-perfect);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-perfect);
|
||||
color: var(--compat-perfect);
|
||||
}
|
||||
|
||||
button.compat-perfect.compat-filter-on {
|
||||
border-color: var(--compat-perfect);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-perfect);
|
||||
color: black;
|
||||
}
|
||||
|
||||
button.compat-playable.compat-filter-off {
|
||||
border-color: var(--compat-playable);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-playable);
|
||||
color: var(--compat-playable);
|
||||
}
|
||||
|
||||
button.compat-playable.compat-filter-on {
|
||||
border-color: var(--compat-playable);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-playable);
|
||||
color: black;
|
||||
}
|
||||
|
||||
button.compat-ingame.compat-filter-off {
|
||||
border-color: var(--compat-ingame);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-ingame);
|
||||
color: var(--compat-ingame);
|
||||
}
|
||||
|
||||
button.compat-ingame.compat-filter-on {
|
||||
border-color: var(--compat-ingame);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-ingame);
|
||||
color: black;
|
||||
}
|
||||
|
||||
button.compat-menus.compat-filter-off {
|
||||
border-color: var(--compat-menus);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-menus);
|
||||
color: var(--compat-menus);
|
||||
}
|
||||
|
||||
button.compat-menus.compat-filter-on {
|
||||
border-color: var(--compat-menus);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-menus);
|
||||
color: black;
|
||||
}
|
||||
|
||||
button.compat-intro.compat-filter-off {
|
||||
border-color: var(--compat-intro);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-intro);
|
||||
color: var(--compat-intro);
|
||||
}
|
||||
|
||||
button.compat-intro.compat-filter-on {
|
||||
border-color: var(--compat-intro);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-intro);
|
||||
color: black;
|
||||
}
|
||||
|
||||
button.compat-nothing.compat-filter-off {
|
||||
border-color: var(--compat-nothing);
|
||||
font-weight: 700;
|
||||
border: 1px solid var(--compat-nothing);
|
||||
color: var(--compat-nothing);
|
||||
}
|
||||
|
||||
button.compat-nothing.compat-filter-on {
|
||||
border-color: var(--compat-nothing);
|
||||
font-weight: 700;
|
||||
border: none;
|
||||
background-color: var(--compat-nothing);
|
||||
color: black;
|
||||
}
|
||||
@@ -585,6 +586,10 @@ button.compat-nothing.compat-filter-on {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
.btn-primary:focus {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user