mediawiki-skins-Citizen/resources/skins.citizen.preferences/templates/preferences.mustache

{{!
	string msg-preferences
	string msg-theme-label
	string msg-prefs-citizen-theme-option-auto
	string msg-prefs-citizen-theme-option-light
	string msg-prefs-citizen-theme-option-dark
	string msg-prefs-citizen-fontsize-label
	string msg-prefs-citizen-pagewidth-label
	string msg-prefs-citizen-resetbutton-label
}}

<aside id="citizen-pref-panel" class="citizen-pref-panel">
	<header id="citizen-pref-header">{{msg-preferences}}</header>
	<div class="citizen-client-prefs" id="citizen-client-prefs"></div>
	<form id="citizen-pref-form">
		{{! Page width }}
		<fieldset class="citizen-pref-item" id="citizen-pref-pagewidth">
			<label for="citizen-pref-pagewidth" class="citizen-pref-item__label">
				<span class="citizen-pref-item__title">{{msg-prefs-citizen-pagewidth-label}}</span>
				<span class="citizen-pref-item__value" id="citizen-pref-pagewidth__value"></span>
			</label>
			<input id="citizen-pref-pagewidth__input" name="citizen-pref-pagewidth" type="range" max="10" list="citizen-pref-pagewidth__tickmarks">
			<datalist id="citizen-pref-pagewidth__tickmarks" class="citizen-pref__tickmarks">
				<option value="0" label="720px"></option>
				<option value="1"></option>
				<option value="2"></option>
				<option value="3"></option>
				<option value="4"></option>
				<option value="5"></option>
				<option value="6"></option>
				<option value="7"></option>
				<option value="8"></option>
				<option value="9"></option>
				<option value="10" label="∞"></option>
			</datalist>
		</fieldset>
	</form>
	<button id="citizen-pref-resetbutton">{{msg-prefs-citizen-resetbutton-label}}</button>
</aside>