Revision 09566b56

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list_v1.html
54 54
				</div>
55 55
				<div class="main-actions">
56 56
					<ul>
57
						<li class="stopped"><a href="">Add machine</a></li>
58
						<li class="running"><a href="">Destroy</a></li>
57
						<li class="running single"><a href="">Add machine</a></li>
58
						<li class="both"><a href="">Destroy</a></li>
59 59
					</ul>
60 60
				</div>
61 61
				</div>
......
87 87
								</div>
88 88
							</div>
89 89
							<div class="img-wrap">
90
								<div class="img">
90
								<div class="img running">
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">
113
								<div class="img running">
114 114
									Network
115 115
									
116 116
								</div>
......
135 135
								</div>
136 136
							</div>
137 137
							<div class="img-wrap">
138
								<div class="img">
138
								<div class="img running">
139 139
									Network
140 140
									
141 141
								</div>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
711 711
	h3 {
712 712
		font-size:1em;
713 713
	}
714
	a:hover { color: $secondary-color;}	
714
	a { 
715
		color: $secondary-color;
716
		&:hover {
717
			text-decoration: underline;
718
		}
719
		&.close-reveal-modal:hover {
720
			text-decoration: none;
721
			color:$secondary-color;
722
		}
723
	}	
715 724
}
716 725

  
717 726

  
......
731 740
	.editable {
732 741
		position: relative;
733 742
		.input-txt {
734
			width:320px;
743
			display: inline-block;
735 744
		}
736 745
		.editbuttons {
737
			position: absolute;
738
			left:340px;
739
			top:0;
746
			display: inline-block;
747
			margin-left:20px;
740 748
			a {
741 749
				&.save, 
742 750
				&.cancel { 
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7560 7560
  font-size: 1em;
7561 7561
}
7562 7562
/* line 714, ../sass/app.scss */
7563
.reveal-modal a {
7564
  color: #ff7bac;
7565
}
7566
/* line 716, ../sass/app.scss */
7563 7567
.reveal-modal a:hover {
7568
  text-decoration: underline;
7569
}
7570
/* line 719, ../sass/app.scss */
7571
.reveal-modal a.close-reveal-modal:hover {
7572
  text-decoration: none;
7564 7573
  color: #ff7bac;
7565 7574
}
7566 7575

  
7567
/* line 719, ../sass/app.scss */
7576
/* line 728, ../sass/app.scss */
7568 7577
.reveal-custom {
7569 7578
  position: absolute;
7570 7579
  top: 100px;
......
7575 7584
  display: none;
7576 7585
}
7577 7586

  
7578
/* line 731, ../sass/app.scss */
7587
/* line 740, ../sass/app.scss */
7579 7588
.details dl .editable {
7580 7589
  position: relative;
7581 7590
}
7582
/* line 733, ../sass/app.scss */
7591
/* line 742, ../sass/app.scss */
7583 7592
.details dl .editable .input-txt {
7584
  width: 320px;
7593
  display: inline-block;
7585 7594
}
7586
/* line 736, ../sass/app.scss */
7595
/* line 745, ../sass/app.scss */
7587 7596
.details dl .editable .editbuttons {
7588
  position: absolute;
7589
  left: 340px;
7590
  top: 0;
7597
  display: inline-block;
7598
  margin-left: 20px;
7591 7599
}
7592
/* line 751, ../sass/app.scss */
7600
/* line 759, ../sass/app.scss */
7593 7601
.details dl .editable input[type="text"] {
7594 7602
  position: relative;
7595 7603
  height: 25px;
......
7601 7609
  top: -1px;
7602 7610
}
7603 7611

  
7604
/* line 767, ../sass/app.scss */
7612
/* line 775, ../sass/app.scss */
7605 7613
.editable .editbuttons a {
7606 7614
  color: #ff7bac;
7607 7615
}
7608
/* line 770, ../sass/app.scss */
7616
/* line 778, ../sass/app.scss */
7609 7617
.editable .editbuttons a.save, .editable .editbuttons a.cancel {
7610 7618
  display: none;
7611 7619
}
7612
/* line 771, ../sass/app.scss */
7620
/* line 779, ../sass/app.scss */
7613 7621
.editable .editbuttons a:hover {
7614 7622
  color: #919194;
7615 7623
}
7616
/* line 777, ../sass/app.scss */
7624
/* line 785, ../sass/app.scss */
7617 7625
.editable input[type="text"] {
7618 7626
  display: none;
7619 7627
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/styles.css
135 135
	color: #ff7bac;
136 136
}
137 137

  
138
.wrapper .details dl .editable input
139
{
140
	width: 150px;
141
}
142

  
143
.wrapper .details dl .editable .editbuttons
144
{
145
	left: 80px;
146
}
147

  
148
.wrapper .details dl .editable .editbuttons .save {
149
	position: absolute;
150
	left:70px;
151
}
152

  
153
.wrapper .details dl .editable .editbuttons .cancel {
154
	position: absolute;
155
	left:90px;
156
}
157 138

  
158 139

  
159 140
 /* styles for network details */
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html
222 222
		<span data-tooltip class="has-tip ours problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
223 223
	</div>
224 224
	<div id="vm-connect" class="reveal-modal medium">
225
  		<p>A direct connection to this machine can be established using the <a target=​"_blank" href=​"http:​/​/​en.wikipedia.org/​wiki/​Secure_Shell">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
225
  		<p>A direct connection to this machine can be established using the <a target=​"_blank" href="http://en.wikipedia.org/wiki/Secure_Shell">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
226 226
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
227
		<p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p>
227
		
228 228
		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
229
		<p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p>
229 230
  		<a class="close-reveal-modal" title="close window">&#215;</a>
230 231
	</div>
231 232
	<script src="javascripts/vendor/jquery.js"></script>

Also available in: Unified diff