Use dsi.cfw.guide's kbd CSS

This commit is contained in:
Pk11 2020-12-21 18:06:58 -06:00
parent 6f935161c2
commit 507c35f2a4
10 changed files with 43 additions and 10 deletions

View File

@ -1,5 +1,5 @@
<div class="row"> <div class="row">
<div class="alert alert-primary alert-dismissible fade language-alert show d-none rounded-0" role="alert"> <div class="alert alert-secondary alert-dismissible fade language-alert show d-none rounded-0" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> </div>
</div> </div>

View File

@ -10,10 +10,13 @@
--blockquote-color: #999; --blockquote-color: #999;
--code-bg: #3f3f3f; --code-bg: #3f3f3f;
--code-color: #ddd; --code-color: #ddd;
--a-color: #0366d6; --a-color: #58a6ff;
--small-color: gray; --small-color: gray;
--carousel-caption-bg: #333b; --carousel-caption-bg: #333b;
--table-alt-bg: #2a2a2a; --table-alt-bg: #2a2a2a;
--kbd-bg: #666;
--kbd-border: #444;
--alert-secondary-border: #2f2f2f;
// Cards // Cards
--card-background: #444; --card-background: #444;

View File

@ -14,6 +14,9 @@
--small-color: gray; --small-color: gray;
--carousel-caption-bg: #fffb; --carousel-caption-bg: #fffb;
--table-alt-bg: #f0f0f0; --table-alt-bg: #f0f0f0;
--kbd-bg: #fafafa;
--kbd-border: #ddd;
--alert-secondary-border: #bbb;
// Cards // Cards
--card-background: var(--main-bg); --card-background: var(--main-bg);

View File

@ -124,7 +124,7 @@ div .btn-primary:hover {
.alert-secondary { .alert-secondary {
color: var(--code-color); color: var(--code-color);
background-color: var(--code-bg); background-color: var(--code-bg);
border-color: var(--code-bg); border-color: var(--alert-secondary-border);
} }
// Override the dark text too // Override the dark text too
@ -326,6 +326,33 @@ table tr:nth-child(2n) {
background-color: var(--table-alt-bg); background-color: var(--table-alt-bg);
} }
// Buttons
kbd {
padding: 3px 6px;
font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
line-height: 10px;
color: var(--main-color);
vertical-align: middle;
background-color: var(--kbd-bg);
border: 1px solid var(--kbd-border);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--kbd-border);
}
kbd.l {
border-radius: 15px 6px 6px 6px;
padding-left: 8px;
}
kbd.r {
border-radius: 6px 15px 6px 6px;
padding-right: 8px;
}
kbd.face {
border-radius: 15px;
}
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {
// Only right align language dropdown when sm+ // Only right align language dropdown when sm+
.language-dropdown { .language-dropdown {

View File

@ -10,7 +10,7 @@ If you're using a DSi console, you should already be able to launch those apps.
Otherwise, if you have a 3DS, proceed below. Otherwise, if you have a 3DS, proceed below.
In GodMode9: In GodMode9:
- Press R+A on SYSNAND TWLN - Press <kbd class="r">R</kbd> + <kbd class="face">A</kbd> on SYSNAND TWLN
- Select `Search for titles` - Select `Search for titles`
- Select `DS Download Play (NTR-HNDA).tmd` - Select `DS Download Play (NTR-HNDA).tmd`
- Select `TMD file options...` - Select `TMD file options...`

View File

@ -9,7 +9,7 @@ category: Other
### 3DS ### 3DS
1. Install [KirovAir's TWiLight Menu++ Updater fork](https://github.com/KirovAir/TWiLightMenu-Updater/releases) 1. Install [KirovAir's TWiLight Menu++ Updater fork](https://github.com/KirovAir/TWiLightMenu-Updater/releases)
- This will replace the normal TWiLight Menu++ Updater, so use Universal-Updater instead for updating TWiLight Menu++ - This will replace the normal TWiLight Menu++ Updater, so use Universal-Updater instead for updating TWiLight Menu++
1. Select `Extras`, `Boxart`, then press <kbd>X</kbd> to scan the full SD card or <kbd>A</kbd> to select a folder to scan 1. Select `Extras`, `Boxart`, then press <kbd class="face">X</kbd> to scan the full SD card or <kbd class="face">A</kbd> to select a folder to scan
1. Choose a box art size 1. Choose a box art size
1. Choose a border style 1. Choose a border style
1. Make sure box art is set to be shown in TWiLight Menu++ settings 1. Make sure box art is set to be shown in TWiLight Menu++ settings

View File

@ -9,5 +9,5 @@ category: Installing
1. Install [Universal-Updater](https://github.com/Universal-Team/Universal-Updater/releases) 1. Install [Universal-Updater](https://github.com/Universal-Team/Universal-Updater/releases)
1. Open Universal-Updater and find TWiLight Menu++ in the app grid, you can search for it if your having trouble finding it 1. Open Universal-Updater and find TWiLight Menu++ in the app grid, you can search for it if your having trouble finding it
- It has this icon: ![TWiLight Menu++ icon](https://raw.githubusercontent.com/DS-Homebrew/TWiLightMenu/master/booter/icon.bmp) - It has this icon: ![TWiLight Menu++ icon](https://raw.githubusercontent.com/DS-Homebrew/TWiLightMenu/master/booter/icon.bmp)
1. Press `A` or tap the download icon in the sidebar and select `TWiLight Menu++` to install it 1. Press <kbd class="face">A</kbd> or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while - This will take a while

View File

@ -14,6 +14,6 @@ category: Installing
1. **hiyaCFW users:** Copy the `title` folder to your SD card root 1. **hiyaCFW users:** Copy the `title` folder to your SD card root
### Autobooting with Unlaunch ### Autobooting with Unlaunch
1. Turn on your DSi while holding <kbd>A</kbd> and <kbd>B</kbd> 1. Turn on your DSi while holding <kbd class="face">A</kbd> and <kbd class="face">B</kbd>
1. In the Unlaunch menu, go to `OPTIONS` 1. In the Unlaunch menu, go to `OPTIONS`
1. Set `NO BUTTON` or a button of your choice to the `TWiLight Menu++` that says `BOOT.NDS` on the bottom screen 1. Set `NO BUTTON` or a button of your choice to the `TWiLight Menu++` that says `BOOT.NDS` on the bottom screen

View File

@ -16,7 +16,7 @@ Requires an Old/New Nintendo 3DS or 2DS console.
1. In Luma config, enable external FIRMs and modules 1. In Luma config, enable external FIRMs and modules
1. Install the TWPatch CIA 1. Install the TWPatch CIA
1. Launch TWPatch 1. Launch TWPatch
1. Press X+START to generate a `TwlBg.cxi` file with widescreen 1. Press <kbd class="face">X</kbd> + <kbd>START</kbd> to generate a `TwlBg.cxi` file with widescreen
- If the top screen doesn't indicate that wide patch is enabled, start from step 4 again - If the top screen doesn't indicate that wide patch is enabled, start from step 4 again
- If widescreen still doesn't work, wait for RTCom-activated widescreen to be released - If widescreen still doesn't work, wait for RTCom-activated widescreen to be released
1. In the TWiLight Menu++ settings, switch the page to `Misc settings`, and set `Screen Aspect Ratio` to `16:10` 1. In the TWiLight Menu++ settings, switch the page to `Misc settings`, and set `Screen Aspect Ratio` to `16:10`
@ -28,7 +28,7 @@ You're all done! Enjoy your DS games in widescreen!
For this to be fixed so only the widescreen-compatible games run in widescreen, wait for RTCom-activated widescreen to be released. For this to be fixed so only the widescreen-compatible games run in widescreen, wait for RTCom-activated widescreen to be released.
**NOTE2:** **NOTE2:**
Do not hold `START` or `SELECT` when launching TWLMenu++, if you don't want widescreen to look glitched. Do not hold <kbd>START</kbd> or <kbd>SELECT</kbd> when launching TWLMenu++, if you don't want widescreen to look glitched.
If you don't see the screen aspect ratio setting, wait for RTCom-activated widescreen to be released. If you don't see the screen aspect ratio setting, wait for RTCom-activated widescreen to be released.
Not every game is widescreen compatible. [We have created a list of games with widescreen](https://github.com/DS-Homebrew/TWiLightMenu/blob/master/7zfile/3DS%20-%20CFW%20users/Games%20supported%20with%20widescreen.txt) Not every game is widescreen compatible. [We have created a list of games with widescreen](https://github.com/DS-Homebrew/TWiLightMenu/blob/master/7zfile/3DS%20-%20CFW%20users/Games%20supported%20with%20widescreen.txt)

View File

@ -11,7 +11,7 @@ category: Updating
1. Open Universal-Updater 1. Open Universal-Updater
- If you don't have it, follow the [installing](installing-3ds-universal-updater) instructions - If you don't have it, follow the [installing](installing-3ds-universal-updater) instructions
1. Find TWiLight Menu++ in the app grid, you can search for it if you're having trouble finding it 1. Find TWiLight Menu++ in the app grid, you can search for it if you're having trouble finding it
1. Press <kbd>A</kbd> or tap the download icon in the sidebar and select `TWiLight Menu++` to install it 1. Press <kbd class="face">A</kbd> or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while - This will take a while