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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
28 28 
		background: #eee;
29 29 
		padding: .75em;
30 30 
		margin: .75em 1.5em .75em 1px;
31 
		width: 16.5em;
31 
		width: 20em;
32 32 
		border-radius: .25em;
33 33 
		box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC;
34 34 
	}
......
115 115 
		<h2>snf icons</h2>
116 116 
		<div class="glyph">
117 117 
			<div class="fs1" aria-hidden="true" data-icon="v"></div>
118 
			<input type="text" readonly="readonly" value="snf-network [v]" />
118 
			<input type="text" readonly="readonly" value="snf-network-outline [v]" />
119 119 
		</div>
120 120 
		<div class="glyph">
121 121 
			<div class="fs1" aria-hidden="true" data-icon="K"></div>
122 122 
			<input type="text" readonly="readonly" value="snf-network-full [K]" />
123 123 
		</div>
124 124 
		<div class="glyph">
125 
			<div class="fs1" aria-hidden="true" data-icon="T"></div>
126 
			<input type="text" readonly="readonly" value="snf-network-create-outline [T]" />
127 
		</div>
128 
		<div class="glyph">
129 
			<div class="fs1" aria-hidden="true" data-icon="U"></div>
130 
			<input type="text" readonly="readonly" value="snf-network-create-full [U]" />
131 
		</div>
132 
		<div class="glyph">
133 
			<div class="fs1" aria-hidden="true" data-icon="7"></div>
134 
			<input type="text" readonly="readonly" value="snf-network-broken-1-outline [7]" />
135 
		</div>
136 
		<div class="glyph">
137 
			<div class="fs1" aria-hidden="true" data-icon="V"></div>
138 
			<input type="text" readonly="readonly" value="snf-network-broken-1-full [V]" />
139 
		</div>
140 
		<div class="glyph">
141 
			<div class="fs1" aria-hidden="true" data-icon="8"></div>
142 
			<input type="text" readonly="readonly" value="snf-network-broken-2-outline [8]" />
143 
		</div>
144 
		<div class="glyph">
145 
			<div class="fs1" aria-hidden="true" data-icon="W"></div>
146 
			<input type="text" readonly="readonly" value="snf-network-broken-2-full [W]" />
147 
		</div>
148 
		<div class="glyph">
125 149 
			<div class="fs1" aria-hidden="true" data-icon="w"></div>
126 
			<input type="text" readonly="readonly" value="snf-PC [w]" />
150 
			<input type="text" readonly="readonly" value="snf-pc-outline [w]" />
127 151 
		</div>
128 152 
		<div class="glyph">
129 153 
			<div class="fs1" aria-hidden="true" data-icon="x"></div>
130 154 
			<input type="text" readonly="readonly" value="snf-pc-full [x]" />
131 155 
		</div>
132 156 
		<div class="glyph">
157 
			<div class="fs1" aria-hidden="true" data-icon="S"></div>
158 
			<input type="text" readonly="readonly" value="snf-pc-create-full [S]" />
159 
		</div>
160 
		<div class="glyph">
161 
			<div class="fs1" aria-hidden="true" data-icon="9"></div>
162 
			<input type="text" readonly="readonly" value="snf-pc-broken-outline [9]" />
163 
		</div>
164 
		<div class="glyph">
165 
			<div class="fs1" aria-hidden="true" data-icon="X"></div>
166 
			<input type="text" readonly="readonly" value="snf-pc-broken-full [X]" />
167 
		</div>
168 
		<div class="glyph">
169 
			<div class="fs1" aria-hidden="true" data-icon="!"></div>
170 
			<input type="text" readonly="readonly" value="snf-pc-reboot-outline [!]" />
171 
		</div>
172 
		<div class="glyph">
173 
			<div class="fs1" aria-hidden="true" data-icon="Y"></div>
174 
			<input type="text" readonly="readonly" value="snf-pc-reboot-full [Y]" />
175 
		</div>
176 
		<div class="glyph">
177 
			<div class="fs1" aria-hidden="true" data-icon="@"></div>
178 
			<input type="text" readonly="readonly" value="snf-pc-switch-outline [@]" />
179 
		</div>
180 
		<div class="glyph">
181 
			<div class="fs1" aria-hidden="true" data-icon="Z"></div>
182 
			<input type="text" readonly="readonly" value="snf-pc-switch-full [Z]" />
183 
		</div>
184 
		<div class="glyph">
133 185 
			<div class="fs1" aria-hidden="true" data-icon="u"></div>
134 
			<input type="text" readonly="readonly" value="snf-HDD [u]" />
186 
			<input type="text" readonly="readonly" value="snf-volume-outline [u]" />
187 
		</div>
188 
		<div class="glyph">
189 
			<div class="fs1" aria-hidden="true" data-icon="O"></div>
190 
			<input type="text" readonly="readonly" value="snf-volume-full [O]" />
191 
		</div>
192 
		<div class="glyph">
193 
			<div class="fs1" aria-hidden="true" data-icon="6"></div>
194 
			<input type="text" readonly="readonly" value="snf-volume-create-full [6]" />
195 
		</div>
196 
		<div class="glyph">
197 
			<div class="fs1" aria-hidden="true" data-icon="0"></div>
198 
			<input type="text" readonly="readonly" value="snf-volume-broken-outline [0]" />
135 199 
		</div>
136 200 
		<div class="glyph">
137 201 
			<div class="fs1" aria-hidden="true" data-icon="y"></div>
138 202 
			<input type="text" readonly="readonly" value="snf-pithos-outline [y]" />
139 203 
		</div>
140 204 
		<div class="glyph">
205 
			<div class="fs1" aria-hidden="true" data-icon="5"></div>
206 
			<input type="text" readonly="readonly" value="snf-pithos-full [5]" />
207 
		</div>
208 
		<div class="glyph">
141 209 
			<div class="fs1" aria-hidden="true" data-icon="z"></div>
142 210 
			<input type="text" readonly="readonly" value="snf-dashboard-outline [z]" />
143 211 
		</div>
......
146 214 
			<input type="text" readonly="readonly" value="snf-chip-outline [E]" />
147 215 
		</div>
148 216 
		<div class="glyph">
217 
			<div class="fs1" aria-hidden="true" data-icon="3"></div>
218 
			<input type="text" readonly="readonly" value="snf-chip-full [3]" />
219 
		</div>
220 
		<div class="glyph">
149 221 
			<div class="fs1" aria-hidden="true" data-icon="F"></div>
150 
			<input type="text" readonly="readonly" value="snf-lock_closed [F]" />
222 
			<input type="text" readonly="readonly" value="snf-lock-closed-full [F]" />
151 223 
		</div>
152 224 
		<div class="glyph">
153 225 
			<div class="fs1" aria-hidden="true" data-icon="G"></div>
154 
			<input type="text" readonly="readonly" value="snf-lock_open [G]" />
226 
			<input type="text" readonly="readonly" value="snf-lock-open-full [G]" />
155 227 
		</div>
156 228 
		<div class="glyph">
157 229 
			<div class="fs1" aria-hidden="true" data-icon="H"></div>
158 230 
			<input type="text" readonly="readonly" value="snf-router-outline [H]" />
159 
		</div>
231 
		</div>
232 
		<div class="glyph">
233 
			<div class="fs1" aria-hidden="true" data-icon="2"></div>
234 
			<input type="text" readonly="readonly" value="snf-router-full [2]" />
235 
		</div>
160 236 
		<div class="glyph">
161 237 
			<div class="fs1" aria-hidden="true" data-icon="I"></div>
162 238 
			<input type="text" readonly="readonly" value="snf-www [I]" />
......
166 242 
			<input type="text" readonly="readonly" value="snf-ram-outline [J]" />
167 243 
		</div>
168 244 
		<div class="glyph">
245 
			<div class="fs1" aria-hidden="true" data-icon="R"></div>
246 
			<input type="text" readonly="readonly" value="snf-ram-full [R]" />
247 
		</div>
248 
		<div class="glyph">
169 249 
			<div class="fs1" aria-hidden="true" data-icon="e"></div>
170 
			<input type="text" readonly="readonly" value="snf-snapshot [e]" />
250 
			<input type="text" readonly="readonly" value="snf-snapshot-outline [e]" />
251 
		</div>
252 
		<div class="glyph">
253 
			<div class="fs1" aria-hidden="true" data-icon="N"></div>
254 
			<input type="text" readonly="readonly" value="snf-snapshot-full [N]" />
171 255 
		</div>
172 256 
		<div class="glyph">
173 257 
			<div class="fs1" aria-hidden="true" data-icon="f"></div>
174 258 
			<input type="text" readonly="readonly" value="snf-image-outline [f]" />
175 259 
		</div>
176 260 
		<div class="glyph">
261 
			<div class="fs1" aria-hidden="true" data-icon="Q"></div>
262 
			<input type="text" readonly="readonly" value="snf-image-full [Q]" />
263 
		</div>
264 
		<div class="glyph">
177 265 
			<div class="fs1" aria-hidden="true" data-icon="m"></div>
178 266 
			<input type="text" readonly="readonly" value="snf-plus-outline [m]" />
267 
		</div>
268 
		<div class="glyph">
269 
			<div class="fs1" aria-hidden="true" data-icon="4"></div>
270 
			<input type="text" readonly="readonly" value="snf-plus-full [4]" />
179 271 
		</div>
180 272 
		<div class="glyph">
181 273 
			<div class="fs1" aria-hidden="true" data-icon="P"></div>
182 274 
			<input type="text" readonly="readonly" value="snf-nic-outline [P]" />
183 275 
		</div>
184 276 
		<div class="glyph">
185 
			<div class="fs1" aria-hidden="true" data-icon="R"></div>
186 
			<input type="text" readonly="readonly" value="snf-ram-full [R]" />
187 
		</div>
188 
		<div class="glyph">
189 277 
			<div class="fs1" aria-hidden="true" data-icon="r"></div>
190 278 
			<input type="text" readonly="readonly" value="snf-nic-full [r]" />
191 279 
		</div>
192 280 
		<div class="glyph">
193 
			<div class="fs1" aria-hidden="true" data-icon="N"></div>
194 
			<input type="text" readonly="readonly" value="snf-snapshot-full [N]" />
281 
			<div class="fs1" aria-hidden="true" data-icon="#"></div>
282 
			<input type="text" readonly="readonly" value="snf-nic-outline [#]" />
195 283 
		</div>
196 284 
		<div class="glyph">
197 
			<div class="fs1" aria-hidden="true" data-icon="O"></div>
198 
			<input type="text" readonly="readonly" value="snf-volume-full [O]" />
285 
			<div class="fs1" aria-hidden="true" data-icon="1"></div>
286 
			<input type="text" readonly="readonly" value="snf-key-full [1]" />
199 287 
		</div>
200 288 
	</section>
201 289 

  		





  ......




  237
  325
  
    
		<div class="fs1" aria-hidden="true" data-icon="j"></div>


  		





  238
  326
  
    
		<input type="text" readonly="readonly" value="snf-ban-circle [j]" />


  		





  239
  327
  
    
		</div>


  		





  
  328
  
    
		<div class="glyph">


  		





  
  329
  
    
			<div class="fs1" aria-hidden="true" data-icon="$"></div>


  		





  
  330
  
    
			<input type="text" readonly="readonly" value="snf-trash [$]" />


  		





  
  331
  
    
		</div>


  		





  240
  332
  
    
	</section>


  		





  241
  333
  
    
	


  		





  242
  334
  
    
	<section>


  		












Also available in:
  Unified diff