@supports (-webkit-font-smoothing: auto) {

kbd span.ctrl-or-cmd:first-child::after {

content: '⌘ cmd';

}

}

Template:Key press/styles.css

2025-07-30T06:38:59Z

Amos1:

.keyboard-key {
border: 1px solid var(--border-color-base, #aaa);
border-radius: 0.2em;
box-shadow: 0.1em 0.2em 0.2em #ddd;
background-image: linear-gradient(
to bottom,
var(--background-color-neutral, #eee),
var(--background-color-interactive-subtle, #f9f9f9),
var(--background-color-neutral, #eee)
);
color: var(--color-base, #333);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.85em;
}

/* use darker shadow colour for dark mode */
@media screen {
html.skin-theme-clientpref-night .keyboard-key {
box-shadow: 0.1em 0.2em 0.2em #444;
}
}
@media screen and (prefers-color-scheme: dark) {
/* automatic mode */
html.skin-theme-clientpref-os .keyboard-key {
box-shadow: 0.1em 0.2em 0.2em #444;
}
}

kbd span.ctrl-or-cmd:first-child::after
{
content: 'ctrl';
}

/*@supports (or -moz-osx-font-smoothing: auto) {*/
/* kbd span.ctrl-or-cmd:first-child::after { content: '⌘ cmd'; }*/
/*}*/

2025-07-30T03:05:25Z

Amos1:

2025-07-30T00:26:14Z

Amos1:

2025-07-30T00:16:16Z

Amos1:

Template:Key press/core

2025-07-30T00:15:00Z

Amos1:

<kbd class="keyboard-key nowrap {{#ifeq:{{{1}}}|OSSpecificCtrl| os-specific}}">{{#switch:{{lc:{{{1}}}}}
| OSSpecificCtrl = osspecific
| caps lock = ⇪ Caps Lock
| [[caps lock]] = ⇪ [[Caps Lock]]
| shift = ⇧ Shift
| [[shift key|shift]] = ⇧ [[Shift key|Shift]]
| enter = ↵ Enter
| [[enter key|enter]] = ↵ [[Enter key|Enter]]
| cmd = ⌘ Cmd
| [[cmd key|cmd]]
| [[command key|cmd]] = ⌘ [[Command key|Cmd]]
| command = ⌘ Command
| [[cmd key|command]]
| [[command key|command]] = |⌘ [[Command key|Command]]
| opt = ⌥ Opt
| [[opt key|opt]]
| [[option key|opt]] = ⌥ [[Option key|Opt]]
| option = ⌥ Option
| [[option key]]
| [[opt key|option]]
| [[option key|option]] = ⌥ [[Option key|Option]]
| tab = Tab ↹
| [[tab key|tab]] = [[Tab key|Tab]] ↹
| backspace = ← Backspace
| [[backspace]] = ← [[Backspace]]
| win = ⊞ Win
| [[win key|win]]
| [[windows key|win]] = ⊞ [[Windows key|Win]]
| menu = ≣ Menu
| [[menu key|menu]] = ≣ [[Menu key|Menu]]
| up = ↑
| [[arrow keys|up]] = [[Arrow keys|↑]]
| down = ↓
| [[arrow keys|down]] = [[Arrow keys|↓]]
| left = ←
| [[arrow keys|left]] = [[Arrow keys|←]]
| right = →
| [[arrow keys|right]] = [[Arrow keys|→]]
| *
| asterisk = <nowiki>*</nowiki>
| #
| hash = <nowiki>#</nowiki>
| [[#]] = [[Number sign|#]]
| :
| colon = <nowiki>:</nowiki>
| [[:]] = [[Colon (punctuation)|:]]
| pipe = <nowiki>|</nowiki>
| [[|]] = [[Pipe symbol|<nowiki>|</nowiki>]]
| ;
| semicolon = <nowiki>;</nowiki>
| [[;]] = [[Semi-colon|<nowiki>;</nowiki>]]
| equals = <nowiki>=</nowiki>


| l-up
| l up = L↑
| l-down
| l down = L↓
| l-left
| l left = L←
| l-right
| l right = L→
| l-ne
| l ne = L↗
| l-se
| l se = L↘
| l-nw
| l nw = L↖
| l-sw
| l sw = L↙

| r-up
| r up = R↑
| r-down
| r down = R↓
| r-left
| r left = R←
| r-right
| r right = R→
| r-ne
| r ne = R↗
| r-se
| r se = R↘
| r-nw
| r nw = R↖
| r-sw
| r sw = R↙


| ps x
| ex = ×
| ps c
| circle = ○
| ps s
| square = □
| ps t
| triangle = △


| c-up
| c up = C↑
| c-down
| c down = C↓
| c-left
| c left = C←
| c-right
| c right = C→
| c-ne
| c ne = C↗
| c-se
| c se = C↘
| c-nw
| c nw = C↖
| c-sw
| c sw = C↙


| #default = {{{1}}}
}}</kbd><noinclude>
</noinclude>

Test

2025-07-29T00:57:57Z

Amos1: Replaced content with "{{#getOS:}}"

Test

2025-07-29T00:53:46Z

Amos1:

{{#switch:{{#getOS:}}
| mac = <span class="kp-mac">…</span>
| windows = <span class="kp-win">…</span>
| linux = <span class="kp-linux">…</span>
| #default= <span class="kp-generic">…</span>
}}

Test

2025-07-29T00:39:09Z

Amos1: Created page with "{{key_press|cmd|k}}"

2025-07-28T23:11:13Z

Amos1: Amos1 changed the content model of the page Template:Test from "plain text" to "wikitext"

<div class="test-box">
Styled by TemplateStyles!
</div>

<div class="test-box2">
Not Styled by TemplateStyles!
</div>

Template:Test

2025-07-28T23:10:47Z

Amos1: Amos1 changed the content model of the page Template:Test from "wikitext" to "plain text"

<div class="test-box">
Styled by TemplateStyles!
</div>

<div class="test-box2">
Not Styled by TemplateStyles!
</div>