<img src="/images/mono-panner-annotated.png" alt="image of the mono panner"/>
-<div class="well">
-<p>
+<p class="note">
The mono panner looks a quite similar to the
<a href="/mixing/panning/stereo_panner">stereo panner</a>
interface. The difference is that the L/R labels in the lower half
of the mono panner do not move because there is no "width" to
control.
</p>
-</div>
<h2>Using the mouse</h2>
<dl class="faq">
<dt>Reset to defaults</dt>
-<dd>Click <key class="mod3">right button</key></dd>
+<dd>Click <kbd class="mod3">right button</kbd></dd>
<dt>Change to a "hard left"</dt>
-<dd>Double click <key>right button</key> in the left side
+<dd>Double click <kbd>right button</kbd> in the left side
of the panner</dd>
<dt>Change to a "hard right"</dt>
-<dd>Double click <key>right button</key> in the right side
+<dd>Double click <kbd>right button</kbd> in the right side
of the panner</dd>
<dt>Set the position to center</dt>
-<dd>Double Click <key>right button</key> in the middle of the panner</dd>
+<dd>Double Click <kbd>right button</kbd> in the middle of the panner</dd>
</dl>
<h2>Keyboard bindings</h2>
</p>
<dl>
- <dt><key>←</key> / <key class="mod1">←</key></dt>
+ <dt><kbd>←</kbd> / <kbd class="mod1">←</kbd></dt>
<dd>move position 1° / 5° to the left</dd>
- <dt><key>→</key> / <key class="mod1">→</key></dt>
- <dd>move position 1° / 5° to the right</dd>
- <dt><key>0</key></dt>
+ <dt><kbd>→</kbd> / <kbd class="mod1">→</kbd></dt>
+ <dd>move position 1° / 5° to the right</dd>
+ <dt><kbd>0</kbd></dt>
<dd>reset position to center</dd>
</dl>
</p>
<dl>
-<dt>up or left / <key class="mod1">up</key> or <key class="mod1">left</key></dt>
+<dt>up or left / <kbd class="mod1">up</kbd> or <kbd class="mod1">left</kbd></dt>
<dd>move position to the left by 1° / 5°</dd>
-<dt>down or right / <key class="mod1">down</key> or <key class="mod1">right</key></dt>
+<dt>down or right / <kbd class="mod1">down</kbd> or <kbd class="mod1">right</kbd></dt>
<dd>move position to the right by 1° / 5°</dd>
</dl>