Packages

zotonic_mod_base

1.0.0-rc.13
1.0.0-rc.17 1.0.0-rc.15 1.0.0-rc.14 1.0.0-rc.13 1.0.0-rc.12 1.0.0-rc.11 1.0.0-rc.10 1.0.0-rc.9 1.0.0-rc.8 1.0.0-rc.7 1.0.0-rc.6 1.0.0-rc.5 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc.1 1.0.0-rc.0 1.0.0-d1 1.0.0-alpha.8

Basic scomps, actions and validators

HexDocs

Current section

Files

Jump to
Readme
19 Versions
1 Dependency
Dependants
Files
Activity
zotonic_mod_base priv lib css z.icons _src demo.html
Raw

priv/lib/css/z.icons/_src/demo.html 

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>IcoMoon Demo</title>

    <meta name="description" content="An Icon Font Generated By IcoMoon.io">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="demo-files/demo.css">

    <link rel="stylesheet" href="style.css"></head>

<body>

    <div class="bgc1 clearfix">

        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;25)</small></h1>

    </div>

    <div class="clearfix mhl ptl">

        <h1 class="mvm mtn fgc1">Grid Size: 20</h1>

        <div class="glyph fs1">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-edit">

                

                </span>

                <span class="mls"> icon-edit</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e606" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe606;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

    </div>

    <div class="clearfix mhl ptl">

        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-off">

                

                </span>

                <span class="mls"> icon-off</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60f" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60f;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-ok">

                

                </span>

                <span class="mls"> icon-ok</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e608" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe608;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-ok-circle">

                

                </span>

                <span class="mls"> icon-ok-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e602" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe602;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-minus">

                

                </span>

                <span class="mls"> icon-minus</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60a" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60a;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-minus-circle">

                

                </span>

                <span class="mls"> icon-minus-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e603" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe603;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-plus">

                

                </span>

                <span class="mls"> icon-plus</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60d" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60d;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-plus-circle">

                

                </span>

                <span class="mls"> icon-plus-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e604" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe604;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-help">

                

                </span>

                <span class="mls"> icon-help</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60e" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60e;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-help-circle">

                

                </span>

                <span class="mls"> icon-help-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e600" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-info-circle">

                

                </span>

                <span class="mls"> icon-info-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e601" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-user">

                

                </span>

                <span class="mls"> icon-user</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e605" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe605;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-cross">

                

                </span>

                <span class="mls"> icon-cross</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60c" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60c;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-cross-circle">

                

                </span>

                <span class="mls"> icon-cross-circle</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e609" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe609;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-grab">

                

                </span>

                <span class="mls"> icon-grab</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60b" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60b;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-drag">

                

                </span>

                <span class="mls"> icon-drag</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e60b" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe60b;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-logo">

                

                </span>

                <span class="mls"> icon-logo</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="5a" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#x5a;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs2">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-logo-z">

                

                </span>

                <span class="mls"> icon-logo-z</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e607" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe607;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

    </div>

    <div class="clearfix mhl ptl">

        <h1 class="mvm mtn fgc1">Grid Size: 14</h1>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-search">

                

                </span>

                <span class="mls"> icon-search</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e616" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe616;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-share">

                

                </span>

                <span class="mls"> icon-share</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e615" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe615;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-google-plus">

                

                </span>

                <span class="mls"> icon-google-plus</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e610" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe610;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-linkedin">

                

                </span>

                <span class="mls"> icon-linkedin</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e611" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe611;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-instagram">

                

                </span>

                <span class="mls"> icon-instagram</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e612" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe612;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-twitter">

                

                </span>

                <span class="mls"> icon-twitter</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e613" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe613;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-facebook">

                

                </span>

                <span class="mls"> icon-facebook</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="e614" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xe614;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="" class="liga unitRight" />

            </div>

        </div>

        <div class="glyph fs3">

            <div class="clearfix bshadow0 pbs">

                <span class="icon-github">

                

                </span>

                <span class="mls"> icon-github</span>

            </div>

            <fieldset class="fs0 size1of1 clearfix hidden-false">

                <input type="text" readonly value="eab0" class="unit size1of2" />

                <input type="text" maxlength="1" readonly value="&#xeab0;" class="unitRight size1of2 talign-right" />

            </fieldset>

            <div class="fs0 bshadow0 clearfix hidden-true">

                <span class="unit pvs fgc1">liga: </span>

                <input type="text" readonly value="github, brand40" class="liga unitRight" />

            </div>

        </div>

    </div>



    <!--[if gt IE 8]><!-->

    <div class="mhl clearfix mbl">

        <h1>Font Test Drive</h1>

        <label>

            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"

            min="8" value="48" />

            px

        </label>

        <input id="testText" type="text" class="phl size1of1 mvl"

        placeholder="Type some text to test..." value=""/>

        <div id="testDrive" class="icon-">&nbsp;

        </div>

    </div>

    <!--<![endif]-->

    <div class="bgc1 clearfix">

        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>

    </div>



    <script src="demo-files/demo.js"></script>

</body>

</html>