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