Revision f8f24db6 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
97 97
		background:$secondary-color;
98 98
		color:$white;
99 99
	}
100
	&.current {
101
		cursor:default;
102
	}
100 103
}
101 104

  
102 105
// white background, on hover transparent
......
107 110
	border-color:$secondary-color;
108 111
	&:hover, 
109 112
	&.current {
110
		color:$white;
111 113
		background:transparent;
112 114
		border-color:$white;
113 115
	}
......
127 129
}
128 130

  
129 131

  
132
// reverse btn2
133
.btn4 {
134
	@extend .btn1;
135
	color:$white; 
136
	border-color:$white;
137
	background:$success-color;
138
	&:hover, 
139
	&.current {
140
		border-color:$white;
141
		background:darken($success-color,15%);
142

  
143
	}
144
}
145

  
130 146
a:hover {
131 147
	@include transition(background, 300ms, ease-out);
132 148
}
133 149

  
134 150
.dummy-navigation {
151
	display:none;
135 152
	position: fixed;
136 153
	right:0;
137 154
	top:100px;
......
168 185

  
169 186
.row-full {
170 187
	width:$row-top-width;
188
	margin:0 auto;
171 189
}
172 190

  
173 191
.lt-sidebar {
174 192
	width:250px;
175 193
	float:left;
176
	overflow:scroll;
177
	height:300px;
194
	
178 195
	&+.main {
179 196
		overflow:hidden;
180 197
	}
......
198 215
	}
199 216
	.actions {
200 217
		text-align:center;
218
		height:45px;
219
		line-height:45px;
220
		position:relative;
221
		margin:2*$header-padding-vertical 0 $header-padding-vertical;
222
		.main-actions {
223
			display: none;
224
		}
201 225
		ul {
202
			margin:$header-padding-vertical 0 0;
226
			margin:0;
203 227
			li {
204 228
				list-style: none outside none;
205 229
				display: inline-block;
......
218 242
	}
219 243
	.new-btn {
220 244
		position: absolute;
221
		left:$header-padding-horizontal;
222
		bottom:$header-padding-vertical;
245
		left:0;
246
		bottom:0;
223 247
		a {
224 248
			@extend .btn1;
225 249
			span {
......
264 288
		@include sprite('../images/info-close.png', 31px, 30px);
265 289
	}
266 290
}
291

  
292

  
293
.info.error {
294
	background:$error-color;
295
	color:$white;
296
}
297

  
298

  
267 299
.info.alert {
268
	background:$secondary-color;
300
	background:$alert-color;
269 301
	color:$white;
270 302
}
271 303

  
272 304
.info.warning {
273
	background:$warning-color;
274
	color:$black;
305
	background:$primary-color;
306
	color:$white;
275 307
}
276 308

  
277 309
.info.success {
......
317 349
}
318 350

  
319 351
.lt-sidebar.vms {
352
	overflow:scroll;
353
	height:300px;
320 354
	font-size:emCalc(12px);
355
	.items-list {
356
		padding:0;
357
	}
321 358
	.items-list li .img, 
322 359
	.items-list li .os {
323 360
		background-size:80%;
324 361
	}
362
	li:hover,
363
	li.current {
364
		background:lighten($primary-color,30%);
365
		cursor: pointer;
366
	}
325 367
}
326 368

  
327 369
.vm {
......
345 387
}
346 388

  
347 389
.details {
390
	position:relative;
391
		
348 392
	.top {
393
		padding:100px $header-padding-horizontal;
349 394
		text-align: center;
350 395
		.img {
351 396
			@include sprite('../images/vm-on.png', 112px, 116px);
......
386 431
			}
387 432
		}
388 433
	}
434
	.close {
435
		position: absolute;
436
		right:$header-padding-horizontal;
437
		top:50px;
438
		@include sprite('../images/info-close-grey.png', 31px, 30px);
439
	}
389 440
}
390 441

  
391 442
.border-bottom-style1 {
......
413 464
						}
414 465
					}
415 466
				}
467

  
416 468
			}
417 469
		}
418 470

  
......
420 472
	.lt-sidebar, 
421 473
	.main {
422 474
		padding:100px $header-padding-horizontal;
475
		position:relative;
423 476
	}
424 477
	.navigation {
425 478
		.rt {
426 479
			float:right;
427 480
		}
428 481
	}
482
	.close {
483
		position: absolute;
484
		right:$header-padding-horizontal;
485
		top:50px;
486
		@include sprite('../images/info-close.png', 31px, 30px);
487
	}
429 488
}
430 489

  
431 490
.create-vm {

Also available in: Unified diff