include/jscripts/infusion/components/uiOptions/html/UIOptionsTemplate-text.html

   1             <ul class="fl-clearfix">
   2                 <li class="flc-uiOptions-min-text-size">
   3                     <label for="min-text-size">Text Size</label>
   4                     <div class="fl-inputs">
   5                         <div class="fl-force-left">
   6                             <div class="fl-force-left fl-text-slider-left"><span class="fl-hidden-accessible">icon of a small capital letter 'A'</span></div>
   7                             <div class="flc-textfieldSlider-slider fl-force-left fl-slider fl-slider-horz"> </div>
   8                             <div class="fl-force-left fl-text-slider-right"><span class="fl-hidden-accessible">icon of a large capital letter 'A'</span></div>
   9                         </div>
  10                         <div class="fl-slider-input"><input id="min-text-size" class="flc-textfieldSlider-field" type="text" /> times</div>
  11
  12                     </div>
  13                 </li>
  14                 <li>
  15                     <label for="text-font">Text Style</label>
  16                     <select class="flc-uiOptions-text-font fl-inputs" id="text-font">
  17                     </select>
  18                 </li>
  19                 <li class="flc-uiOptions-line-spacing">
  20                     <label for="line-spacing">Line Spacing</label>
  21                     <div class="fl-inputs">
  22                         <div class="fl-force-left">
  23                             <div class="fl-force-left fl-spacing-slider-left"><span class="fl-hidden-accessible">icon of 3 horizontal lines with narrow spacing</span></div>
  24                             <div class="flc-textfieldSlider-slider fl-force-left fl-slider fl-slider-horz"> </div>
  25                             <div class="fl-force-left fl-spacing-slider-right"><span class="fl-hidden-accessible">icon of 3 horizontal lines with wide spacing</span></div>
  26                         </div>
  27                         <div class="fl-slider-input"><input id="line-spacing" class="flc-textfieldSlider-field" type="text" /> times</div>
  28
  29                     </div>
  30                 </li>
  31                 <li>
  32                     <label for="theme">Colour & Contrast</label>
  33                     <select class="flc-uiOptions-theme fl-inputs" id="theme"></select>
  34                 </li>
  35             </ul>