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="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>
</div>
</div>

View File

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

View File

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

View File

@ -124,7 +124,7 @@ div .btn-primary:hover {
.alert-secondary {
color: var(--code-color);
background-color: var(--code-bg);
border-color: var(--code-bg);
border-color: var(--alert-secondary-border);
}
// Override the dark text too
@ -326,6 +326,33 @@ table tr:nth-child(2n) {
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) {
// Only right align language dropdown when sm+
.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.
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 `DS Download Play (NTR-HNDA).tmd`
- Select `TMD file options...`

View File

@ -9,7 +9,7 @@ category: Other
### 3DS
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++
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 border style
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. 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)
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

View File

@ -14,6 +14,6 @@ category: Installing
1. **hiyaCFW users:** Copy the `title` folder to your SD card root
### 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. 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. Install the TWPatch CIA
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 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`
@ -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.
**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.
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
- 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. 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