From 507c35f2a4ea4c289789be55787d0fab111b6ca3 Mon Sep 17 00:00:00 2001 From: Pk11 Date: Mon, 21 Dec 2020 18:06:58 -0600 Subject: [PATCH] Use dsi.cfw.guide's kbd CSS --- _includes/language-alert.html | 2 +- assets/css/dark.scss | 5 +++- assets/css/light.scss | 3 ++ assets/css/style.scss | 29 ++++++++++++++++++- .../twilightmenu/download-play-pictochat.md | 2 +- .../_en-US/twilightmenu/how-to-get-box-art.md | 2 +- .../installing-3ds-universal-updater.md | 2 +- pages/_en-US/twilightmenu/installing-dsi.md | 2 +- .../twilightmenu/playing-in-widescreen.md | 4 +-- .../updating-3ds-universal-updater.md | 2 +- 10 files changed, 43 insertions(+), 10 deletions(-) diff --git a/_includes/language-alert.html b/_includes/language-alert.html index 06fae71f..48299191 100644 --- a/_includes/language-alert.html +++ b/_includes/language-alert.html @@ -1,5 +1,5 @@
- \ No newline at end of file diff --git a/assets/css/dark.scss b/assets/css/dark.scss index d5377d26..74b4516c 100755 --- a/assets/css/dark.scss +++ b/assets/css/dark.scss @@ -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; diff --git a/assets/css/light.scss b/assets/css/light.scss index 9dd3e67a..43af3b63 100755 --- a/assets/css/light.scss +++ b/assets/css/light.scss @@ -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); diff --git a/assets/css/style.scss b/assets/css/style.scss index 0e6157c6..3ace48eb 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -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 { diff --git a/pages/_en-US/twilightmenu/download-play-pictochat.md b/pages/_en-US/twilightmenu/download-play-pictochat.md index 94b410fe..5496214f 100644 --- a/pages/_en-US/twilightmenu/download-play-pictochat.md +++ b/pages/_en-US/twilightmenu/download-play-pictochat.md @@ -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 R + A on SYSNAND TWLN - Select `Search for titles` - Select `DS Download Play (NTR-HNDA).tmd` - Select `TMD file options...` diff --git a/pages/_en-US/twilightmenu/how-to-get-box-art.md b/pages/_en-US/twilightmenu/how-to-get-box-art.md index 1464206c..e2342f89 100644 --- a/pages/_en-US/twilightmenu/how-to-get-box-art.md +++ b/pages/_en-US/twilightmenu/how-to-get-box-art.md @@ -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 X to scan the full SD card or A to select a folder to scan +1. Select `Extras`, `Boxart`, then press X to scan the full SD card or A 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 diff --git a/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md b/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md index 9d5062d8..d0341e59 100644 --- a/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md +++ b/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md @@ -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 A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it - This will take a while diff --git a/pages/_en-US/twilightmenu/installing-dsi.md b/pages/_en-US/twilightmenu/installing-dsi.md index 48170c2e..242d1cf7 100644 --- a/pages/_en-US/twilightmenu/installing-dsi.md +++ b/pages/_en-US/twilightmenu/installing-dsi.md @@ -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 A and B +1. Turn on your DSi while holding A and B 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 diff --git a/pages/_en-US/twilightmenu/playing-in-widescreen.md b/pages/_en-US/twilightmenu/playing-in-widescreen.md index b965165c..28e7461a 100644 --- a/pages/_en-US/twilightmenu/playing-in-widescreen.md +++ b/pages/_en-US/twilightmenu/playing-in-widescreen.md @@ -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 X + START 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 START or SELECT 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) diff --git a/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md b/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md index cd49bcd4..e5ac6524 100644 --- a/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md +++ b/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md @@ -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 A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it +1. Press A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it - This will take a while