extjs/build/examples/kitchensink/cupertino-en/resources/ext/ext-watermark/demo.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8">
   5         <title>IcoMoon Demo</title>
   6         <meta name="description" content="An Icon Font Generated By IcoMoon.io">
   7         <meta name="viewport" content="width=device-width">
   8         <link rel="stylesheet" href="demo-files/demo.css">
   9         <link rel="stylesheet" href="style.css"></head>
  10 <body>
  11         <div class="bgc1 clearfix">
  12                 <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ext-watermark <small class="fgc1">(Glyphs:&nbsp;12)</small></h1>
  13         </div>
  14         <div class="clearfix mhl ptl">
  15                 <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
  16                 <div class="glyph fs1">
  17                         <div class="clearfix bshadow0 pbs">
  18                                 <span class="icon-extjs-beta-left">
  19
  20                                 </span>
  21                                 <span class="mls"> icon-extjs-beta-left</span>
  22                         </div>
  23                         <fieldset class="fs0 size1of1 clearfix hidden-false">
  24                                 <input type="text" readonly value="61" class="unit size1of2" />
  25                                 <input type="text" maxlength="1" readonly value="&#x61;" class="unitRight size1of2 talign-right" />
  26                         </fieldset>
  27                         <div class="fs0 bshadow0 clearfix hidden-true">
  28                                 <span class="unit pvs fgc1">liga: </span>
  29                                 <input type="text" readonly value="" class="liga unitRight" />
  30                         </div>
  31                 </div>
  32                 <div class="glyph fs1">
  33                         <div class="clearfix bshadow0 pbs">
  34                                 <span class="icon-extjs-beta-right">
  35
  36                                 </span>
  37                                 <span class="mls"> icon-extjs-beta-right</span>
  38                         </div>
  39                         <fieldset class="fs0 size1of1 clearfix hidden-false">
  40                                 <input type="text" readonly value="62" class="unit size1of2" />
  41                                 <input type="text" maxlength="1" readonly value="&#x62;" class="unitRight size1of2 talign-right" />
  42                         </fieldset>
  43                         <div class="fs0 bshadow0 clearfix hidden-true">
  44                                 <span class="unit pvs fgc1">liga: </span>
  45                                 <input type="text" readonly value="" class="liga unitRight" />
  46                         </div>
  47                 </div>
  48                 <div class="glyph fs1">
  49                         <div class="clearfix bshadow0 pbs">
  50                                 <span class="icon-extjs-trial-left">
  51
  52                                 </span>
  53                                 <span class="mls"> icon-extjs-trial-left</span>
  54                         </div>
  55                         <fieldset class="fs0 size1of1 clearfix hidden-false">
  56                                 <input type="text" readonly value="63" class="unit size1of2" />
  57                                 <input type="text" maxlength="1" readonly value="&#x63;" class="unitRight size1of2 talign-right" />
  58                         </fieldset>
  59                         <div class="fs0 bshadow0 clearfix hidden-true">
  60                                 <span class="unit pvs fgc1">liga: </span>
  61                                 <input type="text" readonly value="" class="liga unitRight" />
  62                         </div>
  63                 </div>
  64                 <div class="glyph fs1">
  65                         <div class="clearfix bshadow0 pbs">
  66                                 <span class="icon-extjs-trial-right">
  67
  68                                 </span>
  69                                 <span class="mls"> icon-extjs-trial-right</span>
  70                         </div>
  71                         <fieldset class="fs0 size1of1 clearfix hidden-false">
  72                                 <input type="text" readonly value="64" class="unit size1of2" />
  73                                 <input type="text" maxlength="1" readonly value="&#x64;" class="unitRight size1of2 talign-right" />
  74                         </fieldset>
  75                         <div class="fs0 bshadow0 clearfix hidden-true">
  76                                 <span class="unit pvs fgc1">liga: </span>
  77                                 <input type="text" readonly value="" class="liga unitRight" />
  78                         </div>
  79                 </div>
  80                 <div class="glyph fs1">
  81                         <div class="clearfix bshadow0 pbs">
  82                                 <span class="icon-sencha-extjs-beta-left-2">
  83
  84                                 </span>
  85                                 <span class="mls"> icon-sencha-extjs-beta-left-2</span>
  86                         </div>
  87                         <fieldset class="fs0 size1of1 clearfix hidden-false">
  88                                 <input type="text" readonly value="65" class="unit size1of2" />
  89                                 <input type="text" maxlength="1" readonly value="&#x65;" class="unitRight size1of2 talign-right" />
  90                         </fieldset>
  91                         <div class="fs0 bshadow0 clearfix hidden-true">
  92                                 <span class="unit pvs fgc1">liga: </span>
  93                                 <input type="text" readonly value="" class="liga unitRight" />
  94                         </div>
  95                 </div>
  96                 <div class="glyph fs1">
  97                         <div class="clearfix bshadow0 pbs">
  98                                 <span class="icon-sencha-extjs-beta-left-3">
  99
 100                                 </span>
 101                                 <span class="mls"> icon-sencha-extjs-beta-left-3</span>
 102                         </div>
 103                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 104                                 <input type="text" readonly value="66" class="unit size1of2" />
 105                                 <input type="text" maxlength="1" readonly value="&#x66;" class="unitRight size1of2 talign-right" />
 106                         </fieldset>
 107                         <div class="fs0 bshadow0 clearfix hidden-true">
 108                                 <span class="unit pvs fgc1">liga: </span>
 109                                 <input type="text" readonly value="" class="liga unitRight" />
 110                         </div>
 111                 </div>
 112                 <div class="glyph fs1">
 113                         <div class="clearfix bshadow0 pbs">
 114                                 <span class="icon-sencha-extjs-beta-right-2">
 115
 116                                 </span>
 117                                 <span class="mls"> icon-sencha-extjs-beta-right-2</span>
 118                         </div>
 119                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 120                                 <input type="text" readonly value="67" class="unit size1of2" />
 121                                 <input type="text" maxlength="1" readonly value="&#x67;" class="unitRight size1of2 talign-right" />
 122                         </fieldset>
 123                         <div class="fs0 bshadow0 clearfix hidden-true">
 124                                 <span class="unit pvs fgc1">liga: </span>
 125                                 <input type="text" readonly value="" class="liga unitRight" />
 126                         </div>
 127                 </div>
 128                 <div class="glyph fs1">
 129                         <div class="clearfix bshadow0 pbs">
 130                                 <span class="icon-sencha-extjs-beta-right-3">
 131
 132                                 </span>
 133                                 <span class="mls"> icon-sencha-extjs-beta-right-3</span>
 134                         </div>
 135                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 136                                 <input type="text" readonly value="68" class="unit size1of2" />
 137                                 <input type="text" maxlength="1" readonly value="&#x68;" class="unitRight size1of2 talign-right" />
 138                         </fieldset>
 139                         <div class="fs0 bshadow0 clearfix hidden-true">
 140                                 <span class="unit pvs fgc1">liga: </span>
 141                                 <input type="text" readonly value="" class="liga unitRight" />
 142                         </div>
 143                 </div>
 144                 <div class="glyph fs1">
 145                         <div class="clearfix bshadow0 pbs">
 146                                 <span class="icon-sencha-extjs-trial-left-2">
 147
 148                                 </span>
 149                                 <span class="mls"> icon-sencha-extjs-trial-left-2</span>
 150                         </div>
 151                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 152                                 <input type="text" readonly value="69" class="unit size1of2" />
 153                                 <input type="text" maxlength="1" readonly value="&#x69;" class="unitRight size1of2 talign-right" />
 154                         </fieldset>
 155                         <div class="fs0 bshadow0 clearfix hidden-true">
 156                                 <span class="unit pvs fgc1">liga: </span>
 157                                 <input type="text" readonly value="" class="liga unitRight" />
 158                         </div>
 159                 </div>
 160                 <div class="glyph fs1">
 161                         <div class="clearfix bshadow0 pbs">
 162                                 <span class="icon-sencha-extjs-trial-left-3">
 163
 164                                 </span>
 165                                 <span class="mls"> icon-sencha-extjs-trial-left-3</span>
 166                         </div>
 167                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 168                                 <input type="text" readonly value="6a" class="unit size1of2" />
 169                                 <input type="text" maxlength="1" readonly value="&#x6a;" class="unitRight size1of2 talign-right" />
 170                         </fieldset>
 171                         <div class="fs0 bshadow0 clearfix hidden-true">
 172                                 <span class="unit pvs fgc1">liga: </span>
 173                                 <input type="text" readonly value="" class="liga unitRight" />
 174                         </div>
 175                 </div>
 176                 <div class="glyph fs1">
 177                         <div class="clearfix bshadow0 pbs">
 178                                 <span class="icon-sencha-extjs-trial-right-2">
 179
 180                                 </span>
 181                                 <span class="mls"> icon-sencha-extjs-trial-right-2</span>
 182                         </div>
 183                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 184                                 <input type="text" readonly value="6b" class="unit size1of2" />
 185                                 <input type="text" maxlength="1" readonly value="&#x6b;" class="unitRight size1of2 talign-right" />
 186                         </fieldset>
 187                         <div class="fs0 bshadow0 clearfix hidden-true">
 188                                 <span class="unit pvs fgc1">liga: </span>
 189                                 <input type="text" readonly value="" class="liga unitRight" />
 190                         </div>
 191                 </div>
 192                 <div class="glyph fs1">
 193                         <div class="clearfix bshadow0 pbs">
 194                                 <span class="icon-sencha-extjs-trial-right-3">
 195
 196                                 </span>
 197                                 <span class="mls"> icon-sencha-extjs-trial-right-3</span>
 198                         </div>
 199                         <fieldset class="fs0 size1of1 clearfix hidden-false">
 200                                 <input type="text" readonly value="6c" class="unit size1of2" />
 201                                 <input type="text" maxlength="1" readonly value="&#x6c;" class="unitRight size1of2 talign-right" />
 202                         </fieldset>
 203                         <div class="fs0 bshadow0 clearfix hidden-true">
 204                                 <span class="unit pvs fgc1">liga: </span>
 205                                 <input type="text" readonly value="" class="liga unitRight" />
 206                         </div>
 207                 </div>
 208         </div>
 209
 210         <!--[if gt IE 8]><!-->
 211         <div class="mhl clearfix mbl">
 212                 <h1>Font Test Drive</h1>
 213                 <label>
 214                         Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
 215                         min="8" value="48" />
 216                         px
 217                 </label>
 218                 <input id="testText" type="text" class="phl size1of1 mvl"
 219                 placeholder="Type some text to test..." value=""/>
 220                 </label>
 221                 <div id="testDrive" class="icon-">&nbsp;
 222                 </div>
 223         </div>
 224         <!--<![endif]-->
 225         <div class="bgc1 clearfix">
 226                 <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
 227         </div>
 228
 229         <script src="demo-files/demo.js"></script>
 230 </body>
 231 </html>