Revision 0ced28b6

b/snf-cyclades-app/synnefo/ui/new_ui/ui/fonts/snf-font.dev.svg
198 198 
	l-18.115,0 l0,28.282 l-8.869,0 l0-28.282 l-18.108,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.121,0 l0,28.282 l-8.869,0 l0-28.282 l-11.654,0
199 199 
	l0,32.698 l-86.289,0 l0-32.698 l-12.369,0 l0,28.282 l-8.869,0 l0-28.282 l-18.115,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 L 61.934,86.119 l0,28.282
200 200 
	l-8.869,0 l0-28.282 l-18.121,0 l0,28.282 l-8.869,0 l0-28.282 l-11.505,0 L 14.57,233.881 l 418.861,0 L 433.43,86.119 z" data-tags="ram" />
201 
<glyph unicode="&#x4b;" d="M 395.659,79.862c-4.709,4.702-10.971,7.286-17.617,7.286s-12.902-2.591-17.594-7.29c-0.426-0.425-0.814-0.874-1.202-1.326
202 
		l-116.021,72.605c 0.731,2.269, 1.124,4.609, 1.185,6.974l 87.729,0.086c 1.634-12.177, 12.053-21.606, 24.654-21.606
203 
		c 13.729,0, 24.903,11.186, 24.903,24.932c0,13.729-11.175,24.9-24.903,24.9c-12.616,0-23.042-9.446-24.658-21.624l-88.423-0.088
204 
		c-0.959,3.966-2.89,7.729-5.813,10.919l 99.789,103.438c 4.129-3.045, 9.213-4.867, 14.728-4.867c 13.729,0, 24.9,11.171, 24.9,24.9
205 
		c0,13.745-11.171,24.923-24.9,24.923c-13.73,0-24.902-11.184-24.902-24.923c0-6.012, 2.143-11.532, 5.702-15.836l-99.693-103.811
206 
		c-2.878,1.946-4.647,3.249-9.51,3.86L 224.004,314.022 c 4.863,0.883, 9.537,3.24, 13.191,6.89c 9.679,9.711, 9.675,25.509-0.007,35.225
207 
		c-4.709,4.706-10.971,7.297-17.631,7.297c-6.65,0-12.908-2.582-17.617-7.283c-9.704-9.7-9.684-25.511, 0.027-35.236
208 
		c 4.012-4.023, 9.883-6.482, 14.746-7.116l0-130.255 c-2.432-0.396-6.86-1.539-9.865-3.33l-94.8,96.006c 3.007,4.114, 4.804,9.166, 4.804,14.642
209 
		c0,13.745-11.171,24.923-24.902,24.923s-24.902-11.184-24.902-24.923c0-13.729, 11.171-24.9, 24.9-24.9
210 
		c 5.844,0, 11.209,2.039, 15.461,5.419l 94.050-95.465c-3.050-3.229-5.061-7.077-6.053-11.134l-103.189,0.269
211 
		c-0.697,5.426-3.132,10.455-7.071,14.386c-4.708,4.709-10.963,7.304-17.612,7.304c-6.65,0-12.906-2.595-17.608-7.302
212 
		c-4.709-4.706-7.302-10.963-7.302-17.619c0-6.652, 2.593-12.911, 7.304-17.63c 4.704-4.686, 10.949-7.265, 17.592-7.265l0,0
213 
		c 6.652,0, 12.911,2.591, 17.619,7.29c 3.901,3.901, 6.322,8.863, 7.044,14.232l 102.501-0.267c 0.034-1.125, 0.14-2.249, 0.323-3.358
214 
		l-102.8-42.476c-4.315,7.422-12.338,12.436-21.524,12.436c-13.729,0-24.9-11.171-24.9-24.9c0-13.727, 11.171-24.898, 24.9-24.898
215 
		c 13.729,0, 24.9,11.171, 24.9,24.898c0,2.204-0.314,4.331-0.858,6.363l 102.21,42.227c 1.201-2.632, 2.851-5.109, 5.012-7.265
216 
		c 0.475-0.477, 0.982-0.923, 1.493-1.357L 153.191,52.898c-3.023,1.269-6.295,1.943-9.662,1.943c-6.647,0-12.895-2.584-17.594-7.286
217 
		c-4.708-4.706-7.299-10.96-7.297-17.61c 0.002-6.663, 2.6-12.926, 7.324-17.637c 4.691-4.69, 10.944-7.268, 17.596-7.268
218 
		c 6.652,0, 12.91,2.58, 17.628,7.279c 9.684,9.732, 9.682,25.531-0.014,35.225c-0.729,0.731-1.5,1.378-2.296,2.003l 50.126,86.727
219 
		c 3.267-1.534, 6.838-2.371, 10.557-2.371c 0.977,0, 1.941,0.068, 2.89,0.183l 30.299-131.613c-9.424-3.554-16.157-12.63-16.157-23.282
220 
		c0-13.745, 11.171-24.923, 24.898-24.923c 13.732,0, 24.905,11.184, 24.905,24.923c0,13.727-11.173,24.9-24.905,24.9
221 
		c-0.78,0-1.555-0.048-2.317-0.12l-30.322,131.726c 3.084,1.235, 5.912,3.089, 8.327,5.507c 1.22,1.222, 2.278,2.539, 3.19,3.928
222 
		l 115.242-72.112c-1.598-3.328-2.475-6.991-2.473-10.786c 0.002-6.648, 2.595-12.902, 7.299-17.587c 4.708-4.724, 10.969-7.329, 17.633-7.329
223 
		l 0.002,0 c 6.648,0, 12.902,2.597, 17.588,7.302C 405.379,54.342, 405.377,70.146, 395.659,79.862z" data-tags="network_full" />
201 224 
<glyph unicode="&#x20;" horiz-adv-x="224" />
202 225 
</font></defs></svg>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/fonts/snf-font.svg
198 198 
	l-18.115,0 l0,28.282 l-8.869,0 l0-28.282 l-18.108,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.121,0 l0,28.282 l-8.869,0 l0-28.282 l-11.654,0
199 199 
	l0,32.698 l-86.289,0 l0-32.698 l-12.369,0 l0,28.282 l-8.869,0 l0-28.282 l-18.115,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 l-18.102,0 l0,28.282 l-8.869,0 l0-28.282 L 61.934,86.119 l0,28.282
200 200 
	l-8.869,0 l0-28.282 l-18.121,0 l0,28.282 l-8.869,0 l0-28.282 l-11.505,0 L 14.57,233.881 l 418.861,0 L 433.43,86.119 z"  />
201 
<glyph unicode="&#x4b;" d="M 395.659,79.862c-4.709,4.702-10.971,7.286-17.617,7.286s-12.902-2.591-17.594-7.29c-0.426-0.425-0.814-0.874-1.202-1.326
202 
		l-116.021,72.605c 0.731,2.269, 1.124,4.609, 1.185,6.974l 87.729,0.086c 1.634-12.177, 12.053-21.606, 24.654-21.606
203 
		c 13.729,0, 24.903,11.186, 24.903,24.932c0,13.729-11.175,24.9-24.903,24.9c-12.616,0-23.042-9.446-24.658-21.624l-88.423-0.088
204 
		c-0.959,3.966-2.89,7.729-5.813,10.919l 99.789,103.438c 4.129-3.045, 9.213-4.867, 14.728-4.867c 13.729,0, 24.9,11.171, 24.9,24.9
205 
		c0,13.745-11.171,24.923-24.9,24.923c-13.73,0-24.902-11.184-24.902-24.923c0-6.012, 2.143-11.532, 5.702-15.836l-99.693-103.811
206 
		c-2.878,1.946-4.647,3.249-9.51,3.86L 224.004,314.022 c 4.863,0.883, 9.537,3.24, 13.191,6.89c 9.679,9.711, 9.675,25.509-0.007,35.225
207 
		c-4.709,4.706-10.971,7.297-17.631,7.297c-6.65,0-12.908-2.582-17.617-7.283c-9.704-9.7-9.684-25.511, 0.027-35.236
208 
		c 4.012-4.023, 9.883-6.482, 14.746-7.116l0-130.255 c-2.432-0.396-6.86-1.539-9.865-3.33l-94.8,96.006c 3.007,4.114, 4.804,9.166, 4.804,14.642
209 
		c0,13.745-11.171,24.923-24.902,24.923s-24.902-11.184-24.902-24.923c0-13.729, 11.171-24.9, 24.9-24.9
210 
		c 5.844,0, 11.209,2.039, 15.461,5.419l 94.050-95.465c-3.050-3.229-5.061-7.077-6.053-11.134l-103.189,0.269
211 
		c-0.697,5.426-3.132,10.455-7.071,14.386c-4.708,4.709-10.963,7.304-17.612,7.304c-6.65,0-12.906-2.595-17.608-7.302
212 
		c-4.709-4.706-7.302-10.963-7.302-17.619c0-6.652, 2.593-12.911, 7.304-17.63c 4.704-4.686, 10.949-7.265, 17.592-7.265l0,0
213 
		c 6.652,0, 12.911,2.591, 17.619,7.29c 3.901,3.901, 6.322,8.863, 7.044,14.232l 102.501-0.267c 0.034-1.125, 0.14-2.249, 0.323-3.358
214 
		l-102.8-42.476c-4.315,7.422-12.338,12.436-21.524,12.436c-13.729,0-24.9-11.171-24.9-24.9c0-13.727, 11.171-24.898, 24.9-24.898
215 
		c 13.729,0, 24.9,11.171, 24.9,24.898c0,2.204-0.314,4.331-0.858,6.363l 102.21,42.227c 1.201-2.632, 2.851-5.109, 5.012-7.265
216 
		c 0.475-0.477, 0.982-0.923, 1.493-1.357L 153.191,52.898c-3.023,1.269-6.295,1.943-9.662,1.943c-6.647,0-12.895-2.584-17.594-7.286
217 
		c-4.708-4.706-7.299-10.96-7.297-17.61c 0.002-6.663, 2.6-12.926, 7.324-17.637c 4.691-4.69, 10.944-7.268, 17.596-7.268
218 
		c 6.652,0, 12.91,2.58, 17.628,7.279c 9.684,9.732, 9.682,25.531-0.014,35.225c-0.729,0.731-1.5,1.378-2.296,2.003l 50.126,86.727
219 
		c 3.267-1.534, 6.838-2.371, 10.557-2.371c 0.977,0, 1.941,0.068, 2.89,0.183l 30.299-131.613c-9.424-3.554-16.157-12.63-16.157-23.282
220 
		c0-13.745, 11.171-24.923, 24.898-24.923c 13.732,0, 24.905,11.184, 24.905,24.923c0,13.727-11.173,24.9-24.905,24.9
221 
		c-0.78,0-1.555-0.048-2.317-0.12l-30.322,131.726c 3.084,1.235, 5.912,3.089, 8.327,5.507c 1.22,1.222, 2.278,2.539, 3.19,3.928
222 
		l 115.242-72.112c-1.598-3.328-2.475-6.991-2.473-10.786c 0.002-6.648, 2.595-12.902, 7.299-17.587c 4.708-4.724, 10.969-7.329, 17.633-7.329
223 
		l 0.002,0 c 6.648,0, 12.902,2.597, 17.588,7.302C 405.379,54.342, 405.377,70.146, 395.659,79.862z"  />
201 224 
<glyph unicode="&#x20;" horiz-adv-x="224" />
202 225 
</font></defs></svg>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
114 114 
	<section>
115 115 
		<h2>snf icons</h2>
116 116 
		<div class="glyph">
117 
			<div class="fs1" aria-hidden="true" data-icon="K"></div>
118 
			<input type="text" readonly="readonly" value="K" />
119 
		</div>
120 
		<div class="glyph">
117 121 
			<div class="fs1" aria-hidden="true" data-icon="t"></div>
118 
			<input type="text" readonly="readonly" value="t" />
122 
			<input type="text" readonly="readonly" value="t (no use)" />
119 123 
		</div>
120 124 
		<div class="glyph">
121 125 
			<div class="fs1" aria-hidden="true" data-icon="v"></div>
......
123 127 
		</div>
124 128 
		<div class="glyph">
125 129 
			<div class="fs1" aria-hidden="true" data-icon="s"></div>
126 
			<input type="text" readonly="readonly" value="s" />
130 
			<input type="text" readonly="readonly" value="s (no use)" />
127 131 
		</div>
128 132 
		<div class="glyph">
129 133 
			<div class="fs1" aria-hidden="true" data-icon="w"></div>
......
448 452 
		<span aria-hidden="true" class="snf-ram"></span>
449 453 
		&nbsp;snf-ram
450 454 
	</span>
455 
<span class="box1">
456 
		<span aria-hidden="true" class="snf-network_full"></span>
457 
		&nbsp;snf-network_full
458 
	</span>
451 459 

  		





  452
  460
  
    
	</section>


  		





  453
  461
  
    
	<header>


  		





  ......




  473
  481
  
    
			<li class="box1">disk icon <span class="note">(final?)</span ></li>


  		





  474
  482
  
    
			<li class="box1">vm icon outline <span class="note">(final?)</span ></li>


  		





  475
  483
  
    
			<li class="box1">network icon outline <span class="note">(final?)</span ></li>


  		





  476
  
  
    
			<li class="box1">network icon filled <span class="note">(not final)</span ></li>


  		





  477
  484
  
    
			<li class="box1">keys? icon</li>


  		





  478
  485
  
    
			<li class="box1">ips icon</li>


  		





  479
  486
  
    
			<li class="box1">folder icon</li>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/images/font-icons/kpal/network_full.svg
    
  






  
  1
  
    
<?xml version="1.0" encoding="utf-8"?>


  		





  
  2
  
    
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->


  		





  
  3
  
    
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">


  		





  
  4
  
    
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"


  		





  
  5
  
    
	 width="250px" height="250px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve">


  		





  
  6
  
    
<g>


  		





  
  7
  
    
	<path d="M195.619,158.137c-1.938-1.934-4.514-2.998-7.248-2.998s-5.307,1.065-7.238,3c-0.175,0.174-0.334,0.359-0.494,0.545


  		





  
  8
  
    
		l-47.731-29.869c0.3-0.933,0.462-1.897,0.487-2.869l36.092-0.036c0.672,5.01,4.959,8.889,10.143,8.889


  		





  
  9
  
    
		c5.648,0,10.246-4.601,10.246-10.256c0-5.648-4.598-10.244-10.246-10.244c-5.189,0-9.48,3.885-10.145,8.896l-36.377,0.037


  		





  
  10
  
    
		c-0.394-1.631-1.19-3.179-2.392-4.491l41.052-42.554c1.698,1.252,3.791,2.002,6.059,2.002c5.648,0,10.244-4.596,10.244-10.244


  		





  
  11
  
    
		c0-5.654-4.596-10.254-10.244-10.254c-5.649,0-10.245,4.6-10.245,10.254c0,2.473,0.881,4.743,2.345,6.515l-41.013,42.708


  		





  
  12
  
    
		c-1.183-0.801-1.912-1.336-3.912-1.587V61.805c2-0.364,3.924-1.334,5.426-2.834c3.982-3.994,3.98-10.494-0.004-14.491


  		





  
  13
  
    
		c-1.938-1.936-4.514-3.001-7.253-3.001c-2.736,0-5.31,1.063-7.248,2.996c-3.993,3.991-3.985,10.495,0.012,14.497


  		





  
  14
  
    
		c1.651,1.654,4.066,2.666,6.066,2.927v53.586c-1,0.164-2.823,0.634-4.059,1.369l-39-39.496c1.237-1.693,1.976-3.771,1.976-6.023


  		





  
  15
  
    
		c0-5.654-4.596-10.254-10.245-10.254s-10.245,4.6-10.245,10.254c0,5.648,4.596,10.244,10.244,10.244


  		





  
  16
  
    
		c2.403,0,4.611-0.838,6.36-2.229l38.692,39.275c-1.255,1.328-2.083,2.911-2.49,4.581l-42.451-0.111


  		





  
  17
  
    
		c-0.287-2.233-1.289-4.301-2.908-5.919c-1.937-1.938-4.51-3.005-7.245-3.005c-2.736,0-5.309,1.067-7.243,3.004


  		





  
  18
  
    
		c-1.938,1.936-3.004,4.51-3.004,7.249c0,2.737,1.066,5.312,3.005,7.252c1.935,1.928,4.505,2.989,7.237,2.989l0,0


  		





  
  19
  
    
		c2.737,0,5.312-1.065,7.249-3c1.604-1.604,2.601-3.647,2.899-5.854l42.169,0.11c0.013,0.463,0.057,0.925,0.132,1.382


  		





  
  20
  
    
		l-42.291,17.475c-1.775-3.053-5.076-5.116-8.855-5.116c-5.648,0-10.244,4.596-10.244,10.244c0,5.647,4.596,10.243,10.244,10.243


  		





  
  21
  
    
		c5.648,0,10.244-4.596,10.244-10.243c0-0.906-0.13-1.781-0.353-2.618l42.049-17.372c0.493,1.082,1.174,2.101,2.062,2.989


  		





  
  22
  
    
		c0.196,0.197,0.404,0.38,0.614,0.559L95.869,169.23c-1.243-0.522-2.589-0.799-3.976-0.799c-2.734,0-5.306,1.064-7.238,2.998


  		





  
  23
  
    
		c-1.937,1.936-3.002,4.508-3.001,7.244c0.001,2.74,1.07,5.317,3.013,7.256c1.931,1.93,4.502,2.991,7.239,2.991


  		





  
  24
  
    
		c2.737,0,5.311-1.062,7.251-2.994c3.985-4.003,3.984-10.503-0.005-14.491c-0.299-0.3-0.618-0.568-0.945-0.824l20.622-35.68


  		





  
  25
  
    
		c1.343,0.631,2.814,0.975,4.343,0.975c0.401,0,0.798-0.029,1.19-0.075l12.465,54.146c-3.876,1.461-6.646,5.197-6.646,9.578


  		





  
  26
  
    
		c0,5.654,4.596,10.254,10.243,10.254c5.65,0,10.247-4.6,10.247-10.254c0-5.647-4.597-10.244-10.247-10.244


  		





  
  27
  
    
		c-0.321,0-0.64,0.021-0.954,0.049l-12.475-54.191c1.268-0.509,2.432-1.271,3.426-2.266c0.501-0.502,0.938-1.045,1.312-1.616


  		





  
  28
  
    
		l47.41,29.666c-0.658,1.368-1.018,2.875-1.017,4.438c0.001,2.735,1.067,5.307,3.002,7.234c1.937,1.943,4.513,3.016,7.254,3.016


  		





  
  29
  
    
		h0.001c2.735,0,5.307-1.068,7.235-3.004C199.618,168.637,199.617,162.134,195.619,158.137z"/>


  		





  
  30
  
    
</g>


  		





  
  31
  
    
</svg>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/lte-ie7.js
    
  






  41
  41
  
    
			'snf-lock_open' : '&#x47;',


  		





  42
  42
  
    
			'snf-modem' : '&#x48;',


  		





  43
  43
  
    
			'snf-www' : '&#x49;',


  		





  44
  
  
    
			'snf-ram' : '&#x4a;'


  		





  
  44
  
    
			'snf-ram' : '&#x4a;',


  		





  
  45
  
    
			'snf-network_full' : '&#x4b;'


  		





  45
  46
  
    
		},


  		





  46
  47
  
    
		els = document.getElementsByTagName('*'),


  		





  47
  48
  
    
		i, attr, c, el;


  		












  

    
      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-cancel-circled2, .snf-cancel-circled-outline, .snf-cancel-outline, .snf-ok, .snf-remove, .snf-ban-circle, .snf-ok-circle, .snf-ok-sign, .snf-remove-sign, .snf-minus-sign, .snf-pencil, .snf-edit, .snf-edit-1, .snf-pencil-circled, .snf-icon-compute-outline, .snf-icon-networks-fill, .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{


  		





  
  31
  
    
.snf-font, .snf-custom-checkbox, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-cancel-circled2, .snf-cancel-circled-outline, .snf-cancel-outline, .snf-ok, .snf-remove, .snf-ban-circle, .snf-ok-circle, .snf-ok-sign, .snf-remove-sign, .snf-minus-sign, .snf-pencil, .snf-edit, .snf-edit-1, .snf-pencil-circled, .snf-icon-compute-outline, .snf-icon-networks-fill, .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{


  		





  32
  32
  
    
	font-family: "snf-font";


  		





  33
  33
  
    
	speak: none;


  		





  34
  34
  
    
	font-style: normal;


  		





  ......




  146
  146
  
    
}


  		





  147
  147
  
    
.snf-ram:before {


  		





  148
  148
  
    
	content: "\4a";


  		





  
  149
  
    
}


  		





  
  150
  
    

  		





  
  151
  
    
.snf-network_full:before {


  		





  
  152
  
    
	content: "\4b";


  		





  149
  153
  
    
}


  		












Also available in:
  Unified diff