Revision ca5bff12 snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
1 1 
<!doctype html>
2 2 
<html>
3 3 
<head>
4 
<meta charset="utf-8" />
5 
  <meta name="viewport" content="width=device-width" />
4 6 
<title>snf-font-1</title>
5 7 
<link rel="stylesheet" href="stylesheets/font_custom.css" />
6 8 
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
......
103 105 
</head>
104 106 
<body>
105 107 
	<div class="w-main centered">
106 
	<section class="mtm clearfix" id="glyphs">
108 
	<section class="mtm clearfix" >
107 109 
	<header>
108 110 
		<h1>Icons included in snf-font-1</h1>
109 111
......
116 118 
			<input type="text" readonly="readonly" value="t" />
117 119 
		</div>
118 120 
		<div class="glyph">
121 
			<div class="fs1" aria-hidden="true" data-icon="v"></div>
122 
			<input type="text" readonly="readonly" value="v" />
123 
		</div>
124 
		<div class="glyph">
119 125 
			<div class="fs1" aria-hidden="true" data-icon="s"></div>
120 126 
			<input type="text" readonly="readonly" value="s" />
121 127 
		</div>
128 
		<div class="glyph">
129 
			<div class="fs1" aria-hidden="true" data-icon="w"></div>
130 
			<input type="text" readonly="readonly" value="w" />
131 
		</div>
132 
		<div class="glyph">
133 
			<div class="fs1" aria-hidden="true" data-icon="x"></div>
134 
			<input type="text" readonly="readonly" value="x" />
135 
		</div>
136 
		<div class="glyph">
137 
			<div class="fs1" aria-hidden="true" data-icon="u"></div>
138 
			<input type="text" readonly="readonly" value="u" />
139 
		</div>
140 
		<div class="glyph">
141 
			<div class="fs1" aria-hidden="true" data-icon="y"></div>
142 
			<input type="text" readonly="readonly" value="y" />
143 
		</div>
144 
		<div class="glyph">
145 
			<div class="fs1" aria-hidden="true" data-icon="z"></div>
146 
			<input type="text" readonly="readonly" value="" />
147 
		</div>
122 148 
	</section>
123 149 

  		





  124
  150
  
    
	<section>


  		





  ......




  212
  238
  
    
			<input type="text" readonly="readonly" value="g" />


  		





  213
  239
  
    
		</div>	


  		





  214
  240
  
    
	</section>


  		





  
  241
  
    
	</section>


  		





  215
  242
  
    

  		





  216
  243
  
    
	<div class="clear"></div>


  		





  217
  
  
    
	<section class="mtm clearfix" id="glyphs">


  		





  
  244
  
    
	<section class="mtm clearfix">


  		





  218
  245
  
    
	<header>


  		





  219
  246
  
    
		<h1>Class Names</h1>


  		





  220
  247
  
    
	</header>


  		





  ......




  307
  334
  
    
		<span aria-hidden="true" class="snf-pencil-circled"></span>


  		





  308
  335
  
    
		&nbsp;snf-pencil-circled


  		





  309
  336
  
    
	</span>


  		





  
  337
  
    
	<span class="box1">


  		





  
  338
  
    
		<span aria-hidden="true" class="snf-HDD"></span>


  		





  
  339
  
    
		&nbsp;snf-HDD


  		





  
  340
  
    
	</span>


  		





  
  341
  
    
	<span class="box1">


  		





  
  342
  
    
		<span aria-hidden="true" class="snf-network"></span>


  		





  
  343
  
    
		&nbsp;snf-network


  		





  
  344
  
    
	</span>


  		





  
  345
  
    
	<span class="box1">


  		





  
  346
  
    
		<span aria-hidden="true" class="snf-PC"></span>


  		





  
  347
  
    
		&nbsp;snf-PC


  		





  
  348
  
    
	</span>


  		





  
  349
  
    
	<span class="box1">


  		





  
  350
  
    
		<span aria-hidden="true" class="snf-PC_fill"></span>


  		





  
  351
  
    
		&nbsp;snf-PC_fill


  		





  
  352
  
    
	</span>


  		





  
  353
  
    
	<span class="box1">


  		





  
  354
  
    
		<span aria-hidden="true" class="snf-Pithos"></span>


  		





  
  355
  
    
		&nbsp;snf-Pithos


  		





  
  356
  
    
	</span>


  		





  
  357
  
    
	<span class="box1">


  		





  
  358
  
    
		<span aria-hidden="true" class="snf-DASHboard"></span>


  		





  
  359
  
    
		&nbsp;snf-DASHboard


  		





  
  360
  
    
	</span>


  		





  310
  361
  
    
	</section>


  		





  311
  362
  
    
	<header>


  		





  312
  363
  
    
		<h1>Usage Example</h1>


  		





  ......




  350
  401
  
    
			<li class="box1">cancel edit icon <span class="note">(not final)</span></li>


  		





  351
  402
  
    
		</ul>


  		





  352
  403
  
    
	</section>


  		





  353
  
  
    
	


  		





  
  404
  
    
</div>	


  		





  354
  405
  
    
</body>


  		





  355
  406
  
    
</html>


  		












Also available in:
  Unified diff