Revision fe1e59a9

b/snf-cyclades-app/synnefo/ui/new_ui/ui/fonts/snf-font.svg
28 28
<glyph unicode="&#x66;" d="M1016.686-56.686h-1009.371v1009.371h1009.371v-1009.371zM42.189-22.031h939.842v939.842h-939.842v-939.842zM912.223 82.432h-800.461v731.136h800.461v-731.136zM146.432 117.526h731.136v661.138h-731.136v-661.138zM703.356 221.55h-382.698v139.542h139.118v34.699h-139.118v313.329h382.698v-313.329h-139.147v-34.699h139.147v-139.542zM355.343 256.644h313.315v69.354h-139.118v104.463h139.118v243.771h-313.315v-243.785h139.337v-104.463h-139.337v-69.339z" />
29 29
<glyph unicode="&#x67;" d="M1104.5 795.392c-41.056-18.208-85.472-30.688-131.84-36.16 47.264 28.352 83.904 73.472 101.312 127.168-44.864-26.272-93.984-45.504-146.016-55.776-42.144 44.64-101.888 72.672-167.712 72.672-127.168 0-229.824-103.104-229.824-229.824 0-18.016 1.728-35.616 5.824-52.416-190.976 9.408-360.096 101.088-473.664 239.968-19.744-33.856-31.072-73.44-31.072-115.424 0-79.776 40.608-150.144 102.368-191.136-37.856 0.96-73.44 11.36-104.352 28.672 0-1.152 0-1.856 0-3.040 0-111.040 79.36-204.192 184.416-225.312-19.328-5.216-39.488-7.968-60.64-7.968-14.848 0-29.088 1.28-43.2 3.904 29.184-91.104 114.080-157.6 214.592-159.488-78.4-61.824-177.536-98.208-285.408-98.208-18.272 0-36.864 1.12-54.816 3.072 101.824-65.088 222.72-103.488 352.48-103.488 422.528 0 653.664 350.464 653.664 654.080 0 10.016-0.352 19.808-0.672 29.6 44.96 32.64 83.68 73.056 114.56 119.104z" horiz-adv-x="1120" />
30 30
<glyph unicode="&#x68;" d="M954.857 636.571q0-22.857-16-38.857l-491.429-491.429q-16-16-38.857-16t-38.857 16l-284.571 284.571q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168.571 374.857 375.429q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857z" />
31
<glyph unicode="&#x69;" d="M640 813.412v-135.958c36.206-15.804 69.5-38.408 98.274-67.18 60.442-60.44 93.726-140.8 93.726-226.274s-33.286-165.834-93.726-226.274c-60.44-60.44-140.798-93.726-226.274-93.726s-165.834 33.286-226.274 93.726c-60.44 60.44-93.726 140.8-93.726 226.274s33.286 165.834 93.726 226.274c28.774 28.774 62.068 51.378 98.274 67.182v135.956c-185.048-55.080-320-226.472-320-429.412 0-247.424 200.578-448 448-448 247.424 0 448 200.576 448 448 0 202.94-134.95 374.332-320 429.412zM448 960h128v-512h-128z" />
31 32
<glyph unicode="&#x6a;" d="M749.714 449.714q0 92-49.714 168.571l-430.857-430.286q78.286-50.857 169.714-50.857 63.429 0 120.857 24.857t99.143 66.571 66.286 99.714 24.571 121.429zM178.857 278.857l431.429 430.857q-77.143 52-171.429 52-84.571 0-156-41.714t-113.143-113.714-41.714-156.571q0-92.571 50.857-170.857zM877.714 449.714q0-89.714-34.857-171.429t-93.429-140.571-140-93.714-170.571-34.857-170.571 34.857-140 93.714-93.429 140.571-34.857 171.429 34.857 171.143 93.429 140.286 140 93.714 170.571 34.857 170.571-34.857 140-93.714 93.429-140.286 34.857-171.143z" horiz-adv-x="878" />
33
<glyph unicode="&#x6b;" d="M384 960l-384-512h384l-256-512 896 640h-512l384 384z" />
32 34
<glyph unicode="&#x6c;" d="M733.714 540.571q0 16-10.286 26.286l-52 51.429q-10.857 10.857-25.714 10.857t-25.714-10.857l-233.143-232.571-129.143 129.143q-10.857 10.857-25.714 10.857t-25.714-10.857l-52-51.429q-10.286-10.286-10.286-26.286 0-15.429 10.286-25.714l206.857-206.857q10.857-10.857 25.714-10.857 15.429 0 26.286 10.857l310.286 310.286q10.286 10.286 10.286 25.714zM877.714 448q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
33 35
<glyph unicode="&#x6d;" d="M616.214-42.057h-208.457v386.692h-403.032v201.933h403.046v391.49h208.443v-391.49h403.076v-201.947h-403.076v-386.677zM442.207-7.636h139.63v386.677h403.046v133.105h-403.061v391.49h-139.644v-391.49h-403.032v-133.105h403.061v-386.677z" />
34 36
<glyph unicode="&#x6e;" d="M694.857 411.429v73.143q0 14.857-10.857 25.714t-25.714 10.857h-438.857q-14.857 0-25.714-10.857t-10.857-25.714v-73.143q0-14.857 10.857-25.714t25.714-10.857h438.857q14.857 0 25.714 10.857t10.857 25.714zM877.714 448q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" horiz-adv-x="878" />
37
<glyph unicode="&#x6f;" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM448 704h128v-128h-128zM640 192h-256v64h64v192h-64v64h192v-256h64z" />
38
<glyph unicode="&#x70;" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM448 768h128v-128h-128v128zM640 128h-256v64h64v256h-64v64h192v-320h64v-64z" />
35 39
<glyph unicode="&#x71;" d="M988.59 776.704q24.576-24.576 24.576-56.32t-24.576-56.32l-189.44-189.44v-480.256q0-21.504-16.384-37.888t-37.888-16.384h-692.224q-21.504 0-37.888 16.384t-16.384 37.888v692.224q0 21.504 16.384 37.888t37.888 16.384h480.256l189.44 189.44q24.576 24.576 56.32 24.576t56.32-24.576zM452.014 279.040l335.872 335.872-115.712 115.712-335.872-335.872zM314.798 349.696l4.096-88.064 91.136-4.096zM692.654 47.616v320.512l-169.984-163.84q-20.48-20.48-64.512-34.816t-82.944-14.336h-162.816v162.816q0 41.984 11.264 84.992t31.744 62.464l168.96 169.984h-320.512v-587.776h587.776zM825.774 651.776l69.632 69.632-116.736 116.736-69.632-69.632z" horiz-adv-x="1013" />
36 40
<glyph unicode="&#x73;" d="M2.121 729.143h109.773v-109.802h-109.773v109.802zM2.121 491.458h109.773v-109.904h-109.773v109.904zM2.121 253.773h109.773v-109.773h-109.773v109.773zM279.464 701.802h537.629v-54.886h-537.629v54.886zM279.464 464.029h537.629v-54.93h-537.629v54.93zM273.627 225.262h537.805v-54.901h-537.805v54.901z" />
37 41
<glyph unicode="&#x74;" d="M400.647 729.143h224.095v-224.139h-224.095v224.139zM1.258 729.070h223.978v-223.978h-223.978v223.978zM400.647 367.993h224.095v-224.007h-224.095v224.007zM798.661 729.143h223.949v-224.139h-223.949v224.139zM798.661 367.993h223.949v-224.007h-223.949v224.007zM1.258 367.993h223.978v-224.007h-223.978v224.007z" />
b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
230 230
			<input type="text" readonly="readonly" value="snf-ok [h]" />
231 231
		</div>
232 232
	</section>
233
	
234
	<section>
235
		<h2>edit</h2>
236
		<div class="glyph">
237
			<div class="fs1" aria-hidden="true" data-icon="q"></div>
238
			<input type="text" readonly="readonly" value="snf-edit-1 [q]" />
239
		</div>
240
	</section>
241 233
		
242 234
	<section>
243
		<h2>twitter</h2>
244
		<div class="glyph">
245
			<div class="fs1" aria-hidden="true" data-icon="g"></div>
246
			<input type="text" readonly="readonly" value="snf-twitter-off-black [g]" />
247
		</div>	
248
	</section>
249

  
250
	<section>
251 235
		<h2>show - preview - view type</h2>
252 236
		<div class="glyph">
253 237
			<div class="fs1" aria-hidden="true" data-icon="A"></div>
......
274 258
			<input type="text" readonly="readonly" value="snf-arrow-down [M]" />
275 259
		</div>
276 260
	</section>
277
		<section>
278
		<h2>search</h2>
261

  
262
	<section>
263
		<h2>misc</h2>
264
		<div class="glyph">
265
			<div class="fs1" aria-hidden="true" data-icon="q"></div>
266
			<input type="text" readonly="readonly" value="snf-edit-1 [q]" />
267
		</div>
279 268
		<div class="glyph">
280 269
			<div class="fs1" aria-hidden="true" data-icon="d"></div>
281 270
			<input type="text" readonly="readonly" value="snf-search [d]" />
271
		</div>
272
		<div class="glyph">
273
			<div class="fs1" aria-hidden="true" data-icon="g"></div>
274
			<input type="text" readonly="readonly" value="snf-twitter-off-black [g]" />
275
		</div>	
276
		<div class="glyph">
277
			<div class="fs1" aria-hidden="true" data-icon="i"></div>
278
			<input type="text" readonly="readonly" value="snf-switch [i]" />
279
		</div>	
280
		<div class="glyph">
281
			<div class="fs1" aria-hidden="true" data-icon="k"></div>
282
			<input type="text" readonly="readonly" value="snf-lightning [k]" />
283
		</div>	
284
		<div class="glyph">
285
			<div class="fs1" aria-hidden="true" data-icon="o"></div>
286
			<input type="text" readonly="readonly" value="snf-info_outline [o]" />
287
		</div>	
288
		<div class="glyph">
289
			<div class="fs1" aria-hidden="true" data-icon="p"></div>
290
			<input type="text" readonly="readonly" value="snf-info_filled [p]" />
282 291
		</div>	
283 292
	</section>
284 293

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/font_custom.css
28 28
you can use the generic selector below, but it"s slower:
29 29
[class*="snf-"] {
30 30
*/
31
.snf-font, .snf-custom-checkbox, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-ok, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit-1, .snf-HDD, .snf-network, .snf-PC, .snf-PC_fill, .snf-Pithos, .snf-DASHboard, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-cpu, .snf-lock_closed, .snf-lock_open, .snf-modem, .snf-www, .snf-ram, .snf-network_full, .snf-arrow-up, .snf-arrow-down, .snf-gridview, .snf-images, .snf-listview, .snf-plus, .snf-search, .snf-snapshot{
31
.snf-font, .snf-custom-checkbox, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-ok, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit-1, .snf-HDD, .snf-network, .snf-PC, .snf-PC_fill, .snf-Pithos, .snf-DASHboard, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-cpu, .snf-lock_closed, .snf-lock_open, .snf-modem, .snf-www, .snf-ram, .snf-network_full, .snf-arrow-up, .snf-arrow-down, .snf-gridview, .snf-images, .snf-listview, .snf-plus, .snf-search, .snf-snapshot, .snf-switch, .snf-lightning, .snf-info_outline, .snf-info_filled{
32 32
	font-family: "snf-font";
33 33
	speak: none;
34 34
	font-style: normal;
......
139 139
}
140 140
.snf-snapshot:before {
141 141
	content: "\65";
142
}
143

  
144
.snf-switch:before {
145
	content: "\69";
146
}
147
.snf-lightning:before {
148
	content: "\6b";
149
}
150
.snf-info_outline:before {
151
	content: "\6f";
152
}
153
.snf-info_filled:before {
154
	content: "\70";
142 155
}

Also available in: Unified diff