Revision 3b80225c

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/glafkopis.js
19 19 
	$('.lt-sidebar li a.flavor_selection').click(function(e){
20 20 
		e.preventDefault();
21 21 
		select_flavor = 1;
22 
		console.log('yio!')
22 23 
		var classes = $(this).attr('class').split(" ");
23 24 
		// the second class is: 'small_flavor' or 'medium_flavor' or 'large_flavor'
24 25
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list_v1.html
7 7 
<head>
8 8 
	<meta charset="utf-8" />
9 9 
    <meta name="viewport" content="width=device-width" />
10 
    <title>Synnefo | VM list</title>
10 
    <title>Synnefo | Network list</title>
11 11 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
12 12 
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
13 13 
    <link rel="stylesheet" href="stylesheets/styles.css" />
......
50 50 
			<div class="actions clearfix">
51 51
52 52 
				<div class="lt-actions">
53 
					<div class="new-btn"><a href="vm_create_a_v1.html"><span>+</span> NEW NETWORK</a></div>
53 
					<div class="new-btn"><a href="network_create_v1.html"><span>+</span> NEW NETWORK</a></div>
54 54 
				</div>
55 55 
				<div class="main-actions">
56 56 
					<ul>
......
77 77 
		<!-- main area -->
78 78 
		<section class="main">
79 79
80 
			<div class="networks entities vms">
80 
			<div class="networks entities">
81 81 
				<ul class="items-list small-block-grid-2 large-block-grid-4">
82 82 
					<li>
83 83 
						<div class="container">
......
87 87 
								</div>
88 88 
							</div>
89 89 
							<div class="img-wrap">
90 
								<div class="img running">
90 
								<div class="img">
91 91 
									Network
92 92 
								</div>
93 93 
							</div>
......
110 110 
								</div>
111 111 
							</div>
112 112 
							<div class="img-wrap">
113 
								<div class="img running">
113 
								<div class="img">
114 114 
									Network
115 115
116 116 
								</div>
......
135 135 
								</div>
136 136 
							</div>
137 137 
							<div class="img-wrap">
138 
								<div class="img running">
138 
								<div class="img">
139 139 
									Network
140 140
141 141 
								</div>
......
201 201
202 202 
	<script src="javascripts/foundation/foundation.topbar.js"></script>
203 203 
	<script src="javascripts/common.js"></script>
204 
	<script src="javascripts/common_ab.js"></script>
204 
	<script src="javascripts/glafkopis.js"></script>
205 205
206 206
207 207 
    <script src="javascripts/gp-script.js"></script>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/athina.css
1 
/* line 7, ../sass/athina.scss */
2 
body {
3 
  color: red;
4 
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/styles.css
37 37 
}
38 38 

  		





  39
  39
  
    

  		





  40
  
  
    
/* styles for detailed info about vm (used for vm_details_v1.html) */


  		





  
  40
  
    
/* styles for the detailed info of each vm (used for vm_details_v1.html) */


  		





  41
  41
  
    

  		





  42
  42
  
    

  		





  43
  43
  
    
.graph_container{


  		





  ......




  143
  143
  
    
}


  		





  144
  144
  
    

  		





  145
  145
  
    

  		





  146
  
  
    
.lt-sidebar ul li a.flavor_selection:hover span{


  		





  147
  
  
    
	display: none;


  		





  
  146
  
    
.lt-sidebar ul li a.flavor_selection{


  		





  
  147
  
    
	display: block;


  		





  148
  148
  
    
}


  		





  149
  149
  
    

  		





  150
  150
  
    

  		





  ......




  191
  191
  
    
	margin-bottom: 1em;


  		





  192
  192
  
    
}


  		





  193
  193
  
    

  		





  194
  
  
    

  		





  
  194
  
    
/* main icon in details page */


  		





  195
  195
  
    
.network .top .img {


  		





  196
  
  
    
background: url("../images/network-green140x159.png") no-repeat center center;


  		





  197
  
  
    
width: 140px;


  		





  198
  
  
    
height: 159px;


  		





  
  196
  
    
background: url("../images/network-green102x116.png") no-repeat center center;


  		





  
  197
  
    
width: 102px;


  		





  
  198
  
    
height: 116px;


  		





  199
  199
  
    
display: inline-block;


  		





  200
  200
  
    
text-indent: -2000px;


  		





  201
  201
  
    
overflow: hidden;


  		





  
  202
  
    
background-size: 100%;


  		





  202
  203
  
    
}


  		





  203
  204
  
    

  		





  
  205
  
    

  		





  
  206
  
    
/* scroll bar */


  		





  204
  207
  
    
.networks .items-list .img {


  		





  205
  
  
    
background: url("../images/network-green112x127.png") no-repeat center center;


  		





  206
  
  
    
width: 112px;


  		





  207
  
  
    
height: 127px;


  		





  
  208
  
    
background: url("../images/network-green102x116.png") no-repeat center center;


  		





  
  209
  
    
height: 58px;


  		





  
  210
  
    
width: 51px;


  		





  208
  211
  
    
display: inline-block;


  		





  209
  212
  
    
text-indent: -2000px;


  		





  210
  213
  
    
overflow: hidden;


  		





  
  214
  
    
background-size: 80%;


  		





  211
  215
  
    
}


  		





  212
  216
  
    

  		





  213
  217
  
    
.network .close-font{


  		





  ......




  223
  227
  
    
/* styles for network list */


  		





  224
  228
  
    

  		





  225
  229
  
    
.networks .items-list .container .img {


  		





  226
  
  
    
background: url("../images/network-green69x78.png") no-repeat center center;


  		





  227
  
  
    
width: 69px;


  		





  228
  
  
    
height: 78px;


  		





  229
  
  
    
display: inline-block;


  		





  
  230
  
    
background: url("../images/network-green102x116.png") no-repeat center center;


  		





  
  231
  
    
height: 58px;


  		





  
  232
  
    
width: 51px;


  		





  230
  233
  
    
text-indent: -2000px;


  		





  231
  234
  
    
overflow: hidden;


  		





  
  235
  
    
background-size: 100%


  		





  
  236
  
    
}


  		





  
  237
  
    

  		





  
  238
  
    

  		





  
  239
  
    
/* styles for confirmation window */


  		





  
  240
  
    

  		





  
  241
  
    
.confirmation{


  		





  
  242
  
    
	


  		





  
  243
  
    
}


  		





  
  244
  
    

  		





  
  245
  
    

  		





  
  246
  
    
/* detailed pages: about the gaps that separate the area with the big img and the buttons from the rest of the page */ 


  		





  
  247
  
    

  		





  
  248
  
    

  		





  
  249
  
    
.details .top .actions ul{


  		





  
  250
  
    
	padding: 1em 1em 0 1em;


  		





  
  251
  
    
	margin-bottom: 0;


  		





  
  252
  
    
} 


  		





  
  253
  
    

  		





  
  254
  
    
.details .border-bottom-style1{


  		





  
  255
  
    
	padding-bottom: 0;


  		





  232
  256
  
    
}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_b_v1.html
    
  






  137
  137
  
    
	<script src="javascripts/foundation/foundation.tooltips.js"></script>


  		





  138
  138
  
    
	


  		





  139
  139
  
    
	<script src="javascripts/foundation/foundation.topbar.js"></script>


  		





  140
  
  
    
	<script src="javascripts/common.js"></script>


  		





  141
  140
  
    
	<script src="javascripts/glafkopis.js"></script>


  		





  
  141
  
    
	<script src="javascripts/common.js"></script>


  		





  142
  142
  
    
	


  		





  143
  143
  
    
  


  		





  144
  144
  
    
  <script>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html
    
  






  10
  10
  
    
    <title>Synnefo | VM list</title>


  		





  11
  11
  
    
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>


  		





  12
  12
  
    
    <link rel="stylesheet" href="stylesheets/font_custom.css" />


  		





  13
  
  
    
    <link rel="stylesheet" href="stylesheets/gp-stylesheet.css" />


  		





  
  13
  
    
    <link rel="stylesheet" href="stylesheets/styles.css" />


  		





  14
  14
  
    
    <link rel="stylesheet" href="stylesheets/normalize.css" />


  		





  15
  15
  
    
    <link rel="stylesheet" href="stylesheets/app.css" />


  		





  16
  16
  
    
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />


  		





  ......




  75
  75
  
    
	</div>


  		





  76
  76
  
    
	<div class="row-full wrapper">


  		





  77
  77
  
    

  		





  78
  
  
    
		


  		





  
  78
  
    
		<div class="confirmation"></div>


  		





  79
  79
  
    
		<!-- main area -->


  		





  80
  80
  
    
		<section class="main">


  		





  81
  81
  
    
			


  		





  ......




  252
  252
  
    
	


  		





  253
  253
  
    
	<script src="javascripts/foundation/foundation.topbar.js"></script>


  		





  254
  254
  
    
	<script src="javascripts/common.js"></script>


  		





  255
  
  
    
	<script src="javascripts/common_ab.js"></script>


  		





  256
  
  
    
	


  		





  257
  
  
    
   


  		





  258
  
  
    
    <script src="javascripts/gp-script.js"></script>


  		





  259
  
  
    
  


  		





  
  255
  
    
	<script src="javascripts/glafkopis.js"></script>


  		





  
  256
  
    
	  


  		





  260
  257
  
    
  <script>


  		





  261
  258
  
    
    $(document).foundation();


  		





  262
  259
  
    
  </script>


  		












Also available in:
  Unified diff