Revision ceaaa3be

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
65 65
  box-shadow: $shadows;
66 66
}
67 67

  
68
@mixin padding1-0 {
69
	padding: 1px 0;
70
}
71

  
72

  
73 68
@mixin placeholder {
74 69
	&.placeholder { @content; }
75 70
	&:-moz-placeholder { @content; }
......
110 105
		margin:0 3px;
111 106
		&.tag1 { background-color:$error-color;}
112 107
		&.tag2 { background-color:$success-color;}
113
		&.tag3 { background-color:#25bfda;}
108
		&.tag3 { background-color:$alert-color;}
114 109
	}
115 110
}
116 111

  
......
121 116
	position: relative;
122 117
	bottom: -5px;
123 118
	margin-right: 20px;
119

  
120
	//temp
124 121
	&.tag4 { background-color: #ff5e4d;}
125 122
	&.tag5 { background-color: #25bfda;}
126 123
	&.tag6 { background-color: #fbf7c5;}
......
133 130

  
134 131

  
135 132
a {
136
	color:$primary-color;
137
	&:hover {
138
		color:$third-color;
133
	color:$link-color;
134
	&:hover, &.current, &.active  {
135
		color:$link-color-hover;
139 136
		@include transition(background, 300ms, ease-out);
140 137
	}
141 138

  
142 139
	
143 140
}
144 141

  
145
.more a .snf-checkbox-checked, .more a .snf-checkbox-unchecked{
146
	color: $net-opt-area-color;
142
.inactive {
143
	color:$inactive-color!important;
144
	&:hover {
145
		color:$inactive-color;
146
		cursor:default;
147
	}
147 148
}
148 149

  
150

  
149 151
.btn1 {
150 152
	border:1px solid $primary-color;
151 153
	color:$primary-color;
......
300 302
		a {
301 303
			position: relative;
302 304
			top:-5px;
303
			&:focus {
304
				border: 1px solid $secondary-color;
305
				padding: 10px;
306
			}
307 305
		}
308 306
		img {
309 307
			max-height: 30px;			
......
320 318
		position:absolute;
321 319
		top:25px;
322 320
		right:$header-padding-horizontal;
323
		a {
324
			color:$overlay-color;
325
			&:hover {
326
				color:$secondary-color;
327
			}
328
		}
321

  
329 322
		.wrap {
330 323
			$wr-padd-top:12px;
331
			border:1px solid $overlay-color;
324
			border:1px solid $body-font-color;
332 325
			background: white;
333
			color:$overlay-color;
334 326
			font-size:emCalc(12px);
335 327
			padding:$wr-padd-top 30px;
336 328
			line-height:100%;
......
361 353
	text-align:center;
362 354
	height:$bar-height;
363 355
	line-height:$bar-height;
364
	color:$overlay-color;
365 356
	background-color: lighten($primary-color,35%);
366
	a {
367
		color:$overlay-color;
368
	}
369 357
	h2 {
370 358
		float: left;
371 359
		margin:0 0 0 15px;
372
		color: $overlay-color;
373 360
		font-size: emCalc(12px);
374 361
		line-height: $bar-height;
375 362
		font-weight: normal;
......
424 411
		@include transition(width, 0.3s, linear);
425 412
		-webkit-backface-visibility: hidden;
426 413
		.hd-icon-search {
427
			color: $primary-color;
428 414
			display: block;
429 415
			width: $bar-height;
430 416
			height: $bar-height;
431 417
			line-height: $bar-height;
432 418
			float: right;
419
			color: $link-color;
433 420
			&:hover {
421
				color: $link-color-hover;
434 422
				cursor:pointer;
435
				color:$secondary-color;
436 423
			}
437 424
			z-index:1;
438 425
			position: relative;
......
441 428
		.hd-search-input {
442 429
			border: transparent;
443 430
			background-color: white;
444
			color: $overlay-color;
445 431
			padding: 0 10px;
446 432
			width: 160px;
447 433
			font-size: emCalc(10px);
......
451 437
			position: absolute;
452 438
			top:4px;
453 439
			left:0;
454
			@include placeholder {
455
				color:$overlay-color;
456
			}
457 440
		}
458 441
		&.hd-open {
459 442
			width: 190px;
......
480 463
		
481 464
	}
482 465
}
483
.new-btn {
484
	position: absolute;
485
	left:$header-padding-horizontal;
486
	bottom:0;
487
	height:$bar-height;
488
	a {
489
		@extend .btn1;
490
		span {
491
			font-size:emCalc(20px);
492
		}
493
	}
494
}
495 466

  
496 467
/* Icons Navigation ----------------------------------------------- */
497 468

  
......
502 473
		margin-right:$icons-nav-margin-horizontal;
503 474
		font-size: emCalc(26px);
504 475
		line-height: 1em;
505
		a {
506
			color:$black;
507
			&:hover,&.current {
508
				color:$secondary-color;
509
			}
510
		}
511 476
	}
512 477
}
513 478

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_forms.scss
45 45
		color: $wizard-base-font-color;
46 46
		@include box-shadow(none);
47 47
		@include placeholder {
48
			color:$black;
48
			color:$body-font-color;
49 49
		}
50 50
	}
51 51
}
......
71 71
}
72 72
.wizard {
73 73
	form.custom .custom.dropdown.medium {
74
		background:$overlay-color;
74
		background:$overlay-bg-color;
75 75
		color:white;
76 76
	}
77 77
	form.custom .custom.dropdown .current {
......
82 82
		height: 30px;
83 83
	}
84 84
	form.custom .custom.dropdown.open ul {
85
		background:$overlay-color;
85
		background:$overlay-bg-color;
86 86
		color:white;
87 87
	}
88 88
	form.custom .custom.dropdown ul li {
......
90 90
	}
91 91
	form.custom .custom.dropdown ul li.selected {
92 92
		color:white;
93
		background:lighten($overlay-color,10%);
93
		background:lighten($overlay-bg-color,10%);
94 94
	}
95 95
	form.custom .custom.dropdown ul li:hover {
96
		background:lighten($overlay-color,20%);
96
		background:lighten($overlay-bg-color,20%);
97 97
		color:white;
98 98
	}
99 99
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
56 56
		.status {
57 57
			font-size: emCalc(12px);
58 58
			line-height:140%;
59
			a {
60
				color: $secondary-color;
61
			}
62 59
			span {
63
				color: $secondary-color;
60
				color: $vm-active-color;
64 61
				display: block;
65 62
			}
66 63
		}
......
88 85
						text-align: left;
89 86
						padding: 5px 5px 5px 30px;
90 87
						a {
91
							color: $body-font-color;
92 88
							display: block;
93 89
							width:100%;
94
							&:hover {
95
								color:  $secondary-color;
96
							}
97 90
						}
98 91
					}
99 92
				}
......
123 116
		}
124 117
		h4 {
125 118
			font-size: emCalc(12px);
126
			color:$body-font-color;
127 119
			overflow: hidden;
128 120
			margin-bottom: 4px;
129 121
			height: 32px;
130 122
			font-weight: normal;
131 123
		}
132 124
		&.add-new {
133
			background-color: $secondary-color;
125
			background-color: $link-color-hover;
134 126
			@include transition(background-color, 300ms, linear);
135 127
			.container {
136 128
				.img-wrap {
......
139 131
					}
140 132
					.symbol {
141 133
						background-image: none;
142
						color: $secondary-color;
134
						color: $link-color-hover;
143 135
						font-size: 30px;
144 136
						text-indent: 0;
145 137
					}
......
149 141
				}
150 142
			}
151 143
			&:hover {
152
				background-color: $overlay-color;
144
				background-color: $link-color;
153 145
				@include transition(background-color, 300ms, linear);
154 146
				cursor: pointer;
155 147
				.container {
156 148
					.img-wrap {
157 149
						.symbol {
158
							color: $overlay-color;
150
							color: $link-color;
159 151
						}
160 152
					}
161 153
				}
......
177 169
		margin-left:-($row-width - 2*$main-padding-horizontal)/2;
178 170
		@include box-shadow(3px -2px 8px #ccc);
179 171
		background:#fff;
180
		a {
181
			color:$overlay-color;
182
			&:hover{
183
				color:$secondary-color;
184
			}
185
		}
186 172
		ul {
187 173
			list-style: none outside none;
188 174
			font-size:emCalc(12px);
......
195 181
						margin-right: 5px;
196 182
						position: relative;
197 183
						top: 2px;
198
						&.snf-checkbox-checked {
199
							color:$secondary-color;
200
						}
201 184
					}
202 185
					em {
203 186
						display: none;
204 187
						font-style: normal;
205 188
					}
206 189
					&:hover {
190
						color: $link-color-hover;
207 191
						cursor: pointer;
208 192
					}
209 193
				}
210 194
				a {
211
					color:$primary-color;
195
					color:$inactive-color;
212 196
					&:hover {
213
						color:$primary-color;
197
						color:$inactive-color;
214 198
						cursor:default;
215 199
					}
216 200
					&.active {
217
						color:$body-font-color;
201
						color:$link-color;
218 202
						&:hover {
219
							color:$secondary-color;
203
							color:$link-color-hover;
220 204
							cursor: pointer;
221 205
						}
222 206
					}
......
248 232
				float:left;
249 233
				&:hover {
250 234
					cursor: pointer;
251
					color:$secondary-color;
235
					color:$link-color-hover;
252 236
				}
253 237
			}
254 238
			.img-wrap {
......
301 285
				float: left;
302 286
				width: $info-w;
303 287
				font-size: emCalc(12px);
304
				color:$overlay-color;
305
				a {
306
					color: $overlay-color;
307
					&:hover {
308
						color:$secondary-color;
309
					}
310
				}
311 288
			}
312 289
			.actions {
313 290
				float: left;
......
317 294
				top:-4px;
318 295
				margin:0 10px;
319 296
				a {
320
					color:$secondary-color;
321
					&:hover {
322
						color:$overlay-color;
323
					}
324 297
					&:first-child {
325 298
						margin-right:5px;
326 299
					}
......
328 301
			}
329 302
			&.add-new {
330 303
				&:hover {
331
					background: $overlay-color;
304
					background: $link-color-hover;
332 305
				}
333 306
				.check {
334 307
					visibility: hidden;
......
344 317
					}
345 318
				}
346 319
			}
347
			&[data-status="building"] {
320
			&.building {
348 321
				.img-wrap {
349 322
					.incomplete {
350 323
						width:$list-vm-height;
......
358 331
			}
359 332
		}
360 333
	}
361
}
362

  
363
.inactive {
364
	color:$primary-color!important;
365
	&:hover {
366
		color:$primary-color;
367
		cursor:default;
368
	}
369 334
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
9 9
		pulse 1s infinite;
10 10
}
11 11

  
12
.list-view .build-progress {
13
	animation:
14
		progress_animation_list 5s infinite,
15
		pulse 1s infinite;
16
	-webkit-animation:
17
		progress_animation_list 5s infinite,
18
		pulse 1s infinite;
19
}
20

  
21 12
.reboot-progress {
22 13
	animation: 
23 14
		reboot_pulse 1s infinite;
......
34 25
	}
35 26
}
36 27

  
37
@include keyframes( progress_animation_list) {
38
	from {
39
		width: 0%
40
	}
41
	to {
42
		width: $list-vm-height;
43
	}
44
}
45

  
46 28
@include keyframes( pulse) {
47 29
	from {
48
		color: $secondary-color
30
		color: $vm-active-color
49 31
	}
50 32
	to {
51
		color: darken($secondary-color,10%)
33
		color: darken($vm-active-color,10%)
52 34
	}
53 35
}
54 36

  
......
62 44
	}
63 45
}
64 46

  
47
@mixin stateColor($color) {
48
	.img-wrap {
49
		.snf-PC_fill {
50
			color:$color;
51
		}
52
	}
53
	.status .logs, .status .state {
54
		color: $color;
55
	}
56
}
57

  
65 58
.vms .items-list {
66 59
	.img-wrap {
67 60
		width: 60px;
......
84 77
			&.fedora { background-image:url('../images/os-fedora.png'); }
85 78
		}
86 79
	}
87
	[data-status="off"] {
88
		.img-wrap {
89
			.snf-PC_fill {
90
				color: $vm-off-color;
91
			}
92
		}
93
		.status .logs, .status .state {
94
			color: $vm-off-color;
95
		}
80
	.off {
81
		@include stateColor($vm-off-color);
96 82
	}
97
	[data-status="error"] {
98
		.img-wrap {
99
			.snf-PC_fill {
100
				color: $vm-error-color;
101
			}
102
		}
103
		.status .logs, .status .state a{
104
			color: $vm-error-color;
105
		}
83
	.error {
84
		@include stateColor($vm-error-color);
106 85
	}
107
	[data-status="shutting"] {
108
		.img-wrap {
109
			.snf-PC_fill {
110
				color: $vm-shutting-color;
111
			}
112
		}
113
		.status .logs, .status .state {
114
			color: $vm-shutting-color;
115
		}
86
	.shutting {
87
		@include stateColor($vm-shutting-color);
116 88
	}
117
	[data-status="starting"] {
118
		.img-wrap {
119
			.snf-PC_fill {
120
				color: $vm-starting-color;
121
			}
122
		}
123
		.status .logs, .status .state {
124
			color: $vm-starting-color;
125
		}
89
	.starting {
90
		@include stateColor($vm-starting-color);
126 91
	}
127
	[data-status="rebooting"] {
92
	.rebooting {
93
		@include stateColor($vm-rebooting-color);
94
		// temp
128 95
		.btn5.temp {
129 96
			color: #5c8fe1;
130 97
			border-color: #5c8fe1;
......
132 99
			position: absolute;
133 100
			right: 0;
134 101
		}
135
		.img-wrap {
136
			.snf-PC_fill {
137
				color: $vm-rebooting-color;
138
			}
139
		}
140
		.status .logs, .status .state {
141
			color: $vm-rebooting-color;
142
		}
143 102
	}
144
	[data-status="building"] {
103
	.building {
104
		// temp 
145 105
		.btn5.temp {
146
			color: #5c8fe1;
147
			border-color: #5c8fe1;
106
			color:blue;
148 107
			padding: 0 4px;
149 108
			position: absolute;
150 109
			right: 0;
......
155 114
				overflow: hidden;
156 115
			}
157 116
			.incomplete {
158
				color: #c7eae0;
117
				color: $vm-building-color;
159 118
				width:60px;
160 119
			}
161 120
			.complete {
......
165 124
			}
166 125
		}
167 126
	}
168
	 // there's no running
169 127
}
170 128

  
171 129
.vm {
172 130
	.top {
173 131
		.img-wrap {
174
			//@include sprite('../images/vm-on.png', 112px, 116px);
175 132
			display: inline-block;
176 133
			height: 112px;
177 134
			.snf-PC_fill {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
4 4

  
5 5
*/
6 6
body.with-overlay {
7
	background:$overlay-color;
7
	background:$overlay-bg-color;
8 8
	.main {
9 9
		opacity:0;
10 10
	}
......
50 50
					}
51 51
				}
52 52
			}
53
			a {
54
		        &.close-reveal-modal:hover {
55
		            text-decoration: none;
56
					color: $black;
57
		        }
58
		    }
59
		    &#start-confirm {
53
			&#start-confirm {
60 54
				background: $secondary-color url('../images/shutdown.png') no-repeat center 50px;	//55px from top
61 55
		    }
62 56
		    &#reboot-confirm {
......
136 130
						}
137 131
					}
138 132
				}
139
				a.close-reveal-modal {
140
					color:$secondary-color;
141
					&:hover {
142
						color:$black;
143
					}
144
				}
145 133
			}
146 134

  
147 135
		}
......
155 143
		top:-$bar-height;
156 144
		width:100%;
157 145
		height:100%;
158
		background:$overlay-color;
146
		background:$overlay-bg-color;
159 147
		z-index:20;
160 148
		.overlay-div {
161 149
			display: none;
......
183 171
				border:1px solid white;
184 172
			}
185 173
			&.wizard {
186
				background:$overlay-color;
174
				background:$overlay-bg-color;
187 175
				padding:0 ;
188 176
				width:100%;
189 177
				top:0;
......
233 221
									line-height: $bar-submenu-height;
234 222
									list-style: none outside none;
235 223
									a {
236
										color:$black;
224
										color:$body-font-color;
237 225
										&:hover, &:focus, &.current {
238 226
											color:white;
239 227
										}
......
241 229
											text-decoration: underline;
242 230
										}
243 231
										&.disabled {
244
											color: $disabled-flavor-color;
232
											color: $inactive-color;
245 233
											cursor: default;
246 234

  
247 235
										}
......
346 334
								}
347 335
								&.current {
348 336
									background:white;
349
									color:$overlay-color;
337
									color:$overlay-bg-color;
350 338
									.name-col {
351
										color:$overlay-color;
339
										color:$overlay-bg-color;
352 340
									}
353 341
									.btn-col {
354 342
										a {
355
											border-color:$overlay-color;
356
											color:$overlay-color;
343
											border-color:$overlay-bg-color;
344
											color:$overlay-bg-color;
357 345
											&.current {
358 346
												color:white;
359
												background:$overlay-color;
347
												background:$overlay-bg-color;
360 348
											}
361 349
										}
362 350
									}
......
390 378

  
391 379
											font-size:1em;
392 380
										&.current {
393
											color:$overlay-color;
381
											color:$overlay-bg-color;
394 382
										}
395 383
									}
396 384
								}
......
413 401
										dt {
414 402
											width: 20%;
415 403
											float:left;
416
											color:$black;
417 404
											font-weight:normal;
418 405
										}
419 406
										dd {
420
											color:#485057;
421 407
											margin:0 0 5px;
422 408
										}
423 409
									}
......
452 438
										color:white;
453 439
										margin-right:60px;
454 440
										padding-left:emCalc(10px);
455
										&:hover {
456
											em {
457
												opacity:1;
458
											}
459
										}
460 441
										em {
461 442
											display: block;
462 443
											margin-top:4px;
463 444
											font-size:11px;
464
											color:$black;
465 445
											font-style:normal;
466 446
											font-weight:normal;
467
											opacity:0.6;
468 447
											white-space: nowrap;
469 448
										}
470 449
									}
......
472 451
										visibility: hidden;
473 452
										overflow:hidden;
474 453
										min-height:40px;
475
										color:$black;
476 454
										font-size:11px;
477 455
									}
478 456
								}
......
512 490
													span {
513 491
														position:absolute;
514 492
														right:10px;
515
														color:$black;
516 493
														font-size: emCalc(9px);
517 494
														top:2px;
518 495
													}
......
539 516
												@extend .btn5;
540 517
												min-width: 60px;
541 518
												&.current {
542
													color:$overlay-color;
519
													color:$overlay-bg-color;
543 520
												}
544 521
												&.disabled {
545 522
													border-color: $disabled-resource-color;
......
640 617
			                        color:white;
641 618
			                }
642 619
			                    &.current, &.current:hover {
643
			                        color:$overlay-color;
620
			                        color:$overlay-bg-color;
644 621
			                    }
645 622
			                }
646 623
			                .advanced-conf-options {
......
802 779
			        right:0;
803 780
			        bottom:0;
804 781
			        border-top:1px solid $overlay-color-top;
805
			        background:$overlay-color;
782
			        background:$overlay-bg-color;
806 783
			        .row {
807 784
			            height: $bar-submenu-height;
808 785
			            line-height: $bar-submenu-height;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
27 27
// We use these to control text direction settings
28 28
// $text-direction: ltr;
29 29

  
30
// PALETTE
30 31
// We use these as default colors throughout
31
$primary-color: #919194;
32
$secondary-color: #30c79e;
33
$third-color: #30c79e;
34
$overlay-color: #485057;
35
$overlay-color-top:#636a70;
36
$overlay-darker-color:#33383D;
37
$black:#1a1a1a;
32
$primary-color: #919194; // inactive grey
33
$secondary-color: #30c79e; // green
34
$third-color: #485057; // charbon black
35
$color-1 : #25bfda; // light blue
36

  
37

  
38
$overlay-bg-color: $third-color;
39
$overlay-color-top: #636a70;
40
$overlay-darker-color: #33383D;
41

  
42

  
43
// color usage
44
$inactive-color: $primary-color;
45
$link-color: $third-color;
46
$link-color-hover : $secondary-color;
38 47

  
39 48
$alert-color: $secondary-color;
40 49
$success-color: #00a551;
......
53 62
$vm-shutting-color: #666c6b;
54 63
$vm-starting-color: #566db1;
55 64
$vm-rebooting-color: #ffc54a;
65
$vm-building-color: #c7eae0;
56 66
$network-color: #79c79e;
57 67

  
58 68
// wizard step2 colors
59 69
$disabled-resource-color: #3a4046;
60
$disabled-flavor-color: #495561;
61 70

  
62 71
// wizard step3 colors
63 72
$ssh-opt-area-color: #ff7049;
......
509 518
// $custom-form-check-color: #222;
510 519

  
511 520
// We use these to style the custom select form element.
512
$custom-select-bg: $overlay-color;
513
$custom-select-fade-to-color: $overlay-color;
521
$custom-select-bg: $overlay-bg-color;
522
$custom-select-fade-to-color: $overlay-bg-color;
514 523
$custom-select-border-color: white;
515 524
$custom-select-triangle-color: white;
516 525
$custom-select-triangle-color-open: white;
......
1012 1021
// $has-tip-font-weight: bold;
1013 1022
// $has-tip-font-color: #333;
1014 1023
$has-tip-border-bottom-hover: none;
1015
// $has-tip-font-color-hover: $primary-color;
1024
$has-tip-font-color-hover: $link-color-hover;
1016 1025
$has-tip-cursor-type: inherit;
1017 1026

  
1018 1027
$tooltip-padding: emCalc(2px) emCalc(12px);
1019 1028
$tooltip-bg: #cecece;
1020 1029
$tooltip-font-size: emCalc(12px);
1021 1030
$tooltip-font-weight: normal;
1022
$tooltip-font-color: $black;
1031
$tooltip-font-color: $body-font-color;
1023 1032
// $tooltip-line-height: 1.3;
1024 1033
// $tooltip-close-font-size: emCalc(10px);
1025 1034
// $tooltip-close-font-weight: normal;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss
83 83
			}
84 84
		}
85 85
	}
86
	.breadcrumbs {
87
		li:first-child {
88
			font-weight:bold;
89
			a {
90
				color:$black;
91
				&:hover {
92
					color:$secondary-color;
93
				}
94
			}
95
		}
96
		a:hover {
97
			color: $secondary-color;
98
		}
99
	}
100 86
}
101 87

  
102 88

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/icons.scss
9 9
			a {
10 10
				.snf-font {
11 11
					font-size: 25px;
12
					color: $black;
12
					color: $body-font-color;
13 13
				}
14 14
				&:hover {
15 15
					span {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6577 6577
/* line 36, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6578 6578
.has-tip:hover, .has-tip:focus {
6579 6579
  border-bottom: none;
6580
  color: #919194;
6580
  color: #30c79e;
6581 6581
}
6582 6582
/* line 42, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6583 6583
.has-tip.tip-left, .has-tip.tip-right {
......
6596 6596
  max-width: 85%;
6597 6597
  left: 50%;
6598 6598
  width: 100%;
6599
  color: #1a1a1a;
6599
  color: #1e1e1e;
6600 6600
  background: #cecece;
6601 6601
  -webkit-border-radius: 7px;
6602 6602
  border-radius: 7px;
......
6614 6614
}
6615 6615
/* line 71, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6616 6616
.tooltip.opened {
6617
  color: #919194 !important;
6617
  color: #30c79e !important;
6618 6618
  border-bottom: none !important;
6619 6619
}
6620 6620

  
......
6820 6820

  
6821 6821
/* Mixins ----------------------------------------------- */
6822 6822
/* Circle and Tags ----------------------------------------------- */
6823
/* line 96, ../sass/_common.scss */
6823
/* line 91, ../sass/_common.scss */
6824 6824
.circle, .tags a, .tag-demo, .advanced-conf-step #color {
6825 6825
  display: inline-block;
6826 6826
  -webkit-border-radius: 999px;
......
6829 6829
  behavior: url(PIE.htc);
6830 6830
}
6831 6831

  
6832
/* line 104, ../sass/_common.scss */
6832
/* line 99, ../sass/_common.scss */
6833 6833
.tags {
6834 6834
  text-align: center;
6835 6835
}
6836
/* line 106, ../sass/_common.scss */
6836
/* line 101, ../sass/_common.scss */
6837 6837
.tags a {
6838 6838
  width: 12px;
6839 6839
  height: 12px;
6840 6840
  margin: 0 3px;
6841 6841
}
6842
/* line 111, ../sass/_common.scss */
6842
/* line 106, ../sass/_common.scss */
6843 6843
.tags a.tag1 {
6844 6844
  background-color: #ff5c58;
6845 6845
}
6846
/* line 112, ../sass/_common.scss */
6846
/* line 107, ../sass/_common.scss */
6847 6847
.tags a.tag2 {
6848 6848
  background-color: #00a551;
6849 6849
}
6850
/* line 113, ../sass/_common.scss */
6850
/* line 108, ../sass/_common.scss */
6851 6851
.tags a.tag3 {
6852
  background-color: #25bfda;
6852
  background-color: #30c79e;
6853 6853
}
6854 6854

  
6855
/* line 117, ../sass/_common.scss */
6855
/* line 112, ../sass/_common.scss */
6856 6856
.tag-demo, .advanced-conf-step #color {
6857 6857
  width: 18px;
6858 6858
  height: 18px;
......
6860 6860
  bottom: -5px;
6861 6861
  margin-right: 20px;
6862 6862
}
6863
/* line 124, ../sass/_common.scss */
6863
/* line 121, ../sass/_common.scss */
6864 6864
.tag-demo.tag4, .advanced-conf-step .tag4#color {
6865 6865
  background-color: #ff5e4d;
6866 6866
}
6867
/* line 125, ../sass/_common.scss */
6867
/* line 122, ../sass/_common.scss */
6868 6868
.tag-demo.tag5, .advanced-conf-step .tag5#color {
6869 6869
  background-color: #25bfda;
6870 6870
}
6871
/* line 126, ../sass/_common.scss */
6871
/* line 123, ../sass/_common.scss */
6872 6872
.tag-demo.tag6, .advanced-conf-step .tag6#color {
6873 6873
  background-color: #fbf7c5;
6874 6874
}
6875
/* line 127, ../sass/_common.scss */
6875
/* line 124, ../sass/_common.scss */
6876 6876
.tag-demo.tag7, .advanced-conf-step .tag7#color {
6877 6877
  background-color: #83a697;
6878 6878
}
6879 6879

  
6880 6880
/* Buttons and Links ----------------------------------------------- */
6881
/* line 135, ../sass/_common.scss */
6881
/* line 132, ../sass/_common.scss */
6882 6882
a {
6883
  color: #919194;
6883
  color: #485057;
6884 6884
}
6885
/* line 137, ../sass/_common.scss */
6886
a:hover {
6885
/* line 134, ../sass/_common.scss */
6886
a:hover, a.current, a.active {
6887 6887
  color: #30c79e;
6888 6888
  -webkit-transition: background 300ms ease-out;
6889 6889
  -moz-transition: background 300ms ease-out;
......
6892 6892
  transition: background 300ms ease-out;
6893 6893
}
6894 6894

  
6895
/* line 145, ../sass/_common.scss */
6896
.more a .snf-checkbox-checked, .more a .snf-checkbox-unchecked {
6897
  color: #ff948c;
6895
/* line 142, ../sass/_common.scss */
6896
.inactive {
6897
  color: #919194 !important;
6898
}
6899
/* line 144, ../sass/_common.scss */
6900
.inactive:hover {
6901
  color: #919194;
6902
  cursor: default;
6898 6903
}
6899 6904

  
6900
/* line 149, ../sass/_common.scss */
6901
.btn1, .btn2, .btn3, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a {
6905
/* line 151, ../sass/_common.scss */
6906
.btn1, .btn2, .btn3, .upload-widget .btns a, .btn4, .btn-img, .details .top .actions ul li a {
6902 6907
  border: 1px solid #919194;
6903 6908
  color: #919194;
6904 6909
  display: inline-block;
......
6906 6911
  line-height: 1em;
6907 6912
  text-align: center;
6908 6913
}
6909
/* line 158, ../sass/_common.scss */
6910
.btn1:hover, .btn2:hover, .btn3:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current, .btn1:focus, .btn2:focus, .btn3:focus, .upload-widget .btns a:focus, .btn4:focus, .btn-img:focus, .new-btn a:focus, .details .top .actions ul li a:focus {
6914
/* line 160, ../sass/_common.scss */
6915
.btn1:hover, .btn2:hover, .btn3:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .details .top .actions ul li a.current, .btn1:focus, .btn2:focus, .btn3:focus, .upload-widget .btns a:focus, .btn4:focus, .btn-img:focus, .details .top .actions ul li a:focus {
6911 6916
  border-color: #30c79e;
6912 6917
  background: #30c79e;
6913 6918
  color: #fff;
6914 6919
}
6915
/* line 163, ../sass/_common.scss */
6916
.btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
6920
/* line 165, ../sass/_common.scss */
6921
.btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .details .top .actions ul li a.current {
6917 6922
  cursor: default;
6918 6923
}
6919 6924

  
6920
/* line 168, ../sass/_common.scss */
6925
/* line 170, ../sass/_common.scss */
6921 6926
.btn2 {
6922 6927
  color: #30c79e;
6923 6928
  background: #fff;
6924 6929
  border-color: #30c79e;
6925 6930
}
6926
/* line 175, ../sass/_common.scss */
6931
/* line 177, ../sass/_common.scss */
6927 6932
.btn2:hover, .btn2.current, .btn2:focus {
6928 6933
  background: transparent;
6929 6934
  border-color: #fff;
6930 6935
}
6931 6936

  
6932
/* line 181, ../sass/_common.scss */
6937
/* line 183, ../sass/_common.scss */
6933 6938
.btn3, .upload-widget .btns a {
6934 6939
  color: #fff;
6935 6940
  border-color: #fff;
6936 6941
}
6937
/* line 187, ../sass/_common.scss */
6942
/* line 189, ../sass/_common.scss */
6938 6943
.btn3:hover, .upload-widget .btns a:hover, .btn3.current, .upload-widget .btns a.current, .btn3:focus, .upload-widget .btns a:focus {
6939 6944
  color: #30c79e;
6940 6945
  background: #fff;
6941 6946
  border-color: #fff;
6942 6947
}
6943 6948

  
6944
/* line 194, ../sass/_common.scss */
6949
/* line 196, ../sass/_common.scss */
6945 6950
.btn4 {
6946 6951
  color: #fff;
6947 6952
  border-color: #fff;
6948 6953
  background: #30c79e;
6949 6954
}
6950
/* line 201, ../sass/_common.scss */
6955
/* line 203, ../sass/_common.scss */
6951 6956
.btn4:hover, .btn4.current, .btn4:focus {
6952 6957
  color: #30c79e;
6953 6958
  border-color: #30c79e;
6954 6959
  background: #fff;
6955 6960
}
6956 6961

  
6957
/* line 208, ../sass/_common.scss */
6962
/* line 210, ../sass/_common.scss */
6958 6963
.btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a {
6959 6964
  border: 1px solid white;
6960 6965
  color: white;
......
6965 6970
  text-align: center;
6966 6971
  font-size: 0.75em;
6967 6972
}
6968
/* line 218, ../sass/_common.scss */
6973
/* line 220, ../sass/_common.scss */
6969 6974
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus {
6970 6975
  border-width: 2px;
6971 6976
  line-height: 26px;
6972 6977
  padding: 0 19px;
6973 6978
  color: white;
6974 6979
}
6975
/* line 224, ../sass/_common.scss */
6980
/* line 226, ../sass/_common.scss */
6976 6981
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current {
6977 6982
  background: white;
6978 6983
  color: #30c79e;
6979 6984
}
6980 6985

  
6981
/* line 230, ../sass/_common.scss */
6986
/* line 232, ../sass/_common.scss */
6982 6987
.btn-img {
6983 6988
  border-color: #30c79e;
6984 6989
}
6985
/* line 234, ../sass/_common.scss */
6990
/* line 236, ../sass/_common.scss */
6986 6991
.btn-img:hover, .btn-img:focus {
6987 6992
  background: transparent;
6988 6993
}
6989
/* line 238, ../sass/_common.scss */
6994
/* line 240, ../sass/_common.scss */
6990 6995
.btn-img a img, .btn-img a span {
6991 6996
  margin-left: 5px;
6992 6997
}
6993 6998

  
6994 6999
/* Layout ----------------------------------------------- */
6995
/* line 246, ../sass/_common.scss */
7000
/* line 248, ../sass/_common.scss */
6996 7001
html, body {
6997 7002
  height: 100%;
6998 7003
}
6999 7004

  
7000
/* line 250, ../sass/_common.scss */
7005
/* line 252, ../sass/_common.scss */
7001 7006
body {
7002 7007
  padding-top: 110px;
7003 7008
}
7004 7009

  
7005
/* line 254, ../sass/_common.scss */
7010
/* line 256, ../sass/_common.scss */
7006 7011
.overlay-wrapper {
7007 7012
  min-height: 100%;
7008 7013
}
7009 7014

  
7010
/* line 258, ../sass/_common.scss */
7015
/* line 260, ../sass/_common.scss */
7011 7016
.lt-sidebar {
7012 7017
  width: 250px;
7013 7018
  float: left;
7014 7019
}
7015
/* line 261, ../sass/_common.scss */
7020
/* line 263, ../sass/_common.scss */
7016 7021
.lt-sidebar.nav {
7017 7022
  margin-top: 0;
7018 7023
  font-size: 1em;
7019 7024
  overflow: auto;
7020 7025
}
7021
/* line 266, ../sass/_common.scss */
7026
/* line 268, ../sass/_common.scss */
7022 7027
.lt-sidebar + .main {
7023 7028
  overflow: hidden;
7024 7029
}
7025 7030

  
7026
/* line 271, ../sass/_common.scss */
7031
/* line 273, ../sass/_common.scss */
7027 7032
.main {
7028 7033
  padding: 0 0.625em;
7029 7034
}
7030 7035

  
7031 7036
/* Header ----------------------------------------------- */
7032
/* line 277, ../sass/_common.scss */
7037
/* line 279, ../sass/_common.scss */
7033 7038
.header {
7034 7039
  position: fixed;
7035 7040
  top: 0;
......
7042 7047
  background: white;
7043 7048
  z-index: 100;
7044 7049
}
7045
/* line 288, ../sass/_common.scss */
7050
/* line 290, ../sass/_common.scss */
7046 7051
.header .icons-nav {
7047 7052
  position: absolute;
7048 7053
  left: 15px;
......
7050 7055
  line-height: 80px;
7051 7056
  top: 0;
7052 7057
}
7053
/* line 294, ../sass/_common.scss */
7058
/* line 296, ../sass/_common.scss */
7054 7059
.header .icons-nav li {
7055 7060
  line-height: 80px;
7056 7061
}
7057
/* line 298, ../sass/_common.scss */
7062
/* line 300, ../sass/_common.scss */
7058 7063
.header .logo {
7059 7064
  text-align: center;
7060 7065
}
7061
/* line 300, ../sass/_common.scss */
7066
/* line 302, ../sass/_common.scss */
7062 7067
.header .logo a {
7063 7068
  position: relative;
7064 7069
  top: -5px;
7065 7070
}
7066
/* line 303, ../sass/_common.scss */
7067
.header .logo a:focus {
7068
  border: 1px solid #30c79e;
7069
  padding: 10px;
7070
}
7071
/* line 308, ../sass/_common.scss */
7071
/* line 306, ../sass/_common.scss */
7072 7072
.header .logo img {
7073 7073
  max-height: 30px;
7074 7074
}
7075
/* line 311, ../sass/_common.scss */
7075
/* line 309, ../sass/_common.scss */
7076 7076
.header .logo h2 {
7077 7077
  display: none;
7078 7078
  margin: 0;
......
7080 7080
  color: #919194;
7081 7081
  font-weight: normal;
7082 7082
}
7083
/* line 319, ../sass/_common.scss */
7083
/* line 317, ../sass/_common.scss */
7084 7084
.header .login {
7085 7085
  position: absolute;
7086 7086
  top: 25px;
7087 7087
  right: 15px;
7088 7088
}
7089
/* line 323, ../sass/_common.scss */
7090
.header .login a {
7091
  color: #485057;
7092
}
7093
/* line 325, ../sass/_common.scss */
7094
.header .login a:hover {
7095
  color: #30c79e;
7096
}
7097
/* line 329, ../sass/_common.scss */
7089
/* line 322, ../sass/_common.scss */
7098 7090
.header .login .wrap {
7099
  border: 1px solid #485057;
7091
  border: 1px solid #1e1e1e;
7100 7092
  background: white;
7101
  color: #485057;
7102 7093
  font-size: 0.75em;
7103 7094
  padding: 12px 30px;
7104 7095
  line-height: 100%;
7105 7096
}
7106
/* line 337, ../sass/_common.scss */
7097
/* line 329, ../sass/_common.scss */
7107 7098
.header .login .wrap ul {
7108 7099
  padding: 0;
7109 7100
  margin: 0;
7110 7101
  list-style: none outside none;
7111 7102
  display: none;
7112 7103
}
7113
/* line 342, ../sass/_common.scss */
7104
/* line 334, ../sass/_common.scss */
7114 7105
.header .login .wrap ul li {
7115 7106
  list-style: none outside none;
7116 7107
  padding: 0;
......
7118 7109
}
7119 7110

  
7120 7111
/* Actions Bar ----------------------------------------------- */
7121
/* line 355, ../sass/_common.scss */
7112
/* line 347, ../sass/_common.scss */
7122 7113
.actions-bar {
7123 7114
  position: fixed;
7124 7115
  left: 0;
......
7128 7119
  text-align: center;
7129 7120
  height: 30px;
7130 7121
  line-height: 30px;
7131
  color: #485057;
7132 7122
  background-color: #ebebec;
7133 7123
}
7134
/* line 366, ../sass/_common.scss */
7135
.actions-bar a {
7136
  color: #485057;
7137
}
7138
/* line 369, ../sass/_common.scss */
7124
/* line 357, ../sass/_common.scss */
7139 7125
.actions-bar h2 {
7140 7126
  float: left;
7141 7127
  margin: 0 0 0 15px;
7142
  color: #485057;
7143 7128
  font-size: 0.75em;
7144 7129
  line-height: 30px;
7145 7130
  font-weight: normal;
7146 7131
}
7147
/* line 378, ../sass/_common.scss */
7132
/* line 365, ../sass/_common.scss */
7148 7133
.actions-bar .filter-menu {
7149 7134
  float: right;
7150 7135
  position: relative;
7151 7136
}
7152
/* line 381, ../sass/_common.scss */
7137
/* line 368, ../sass/_common.scss */
7153 7138
.actions-bar .filter-menu .filter {
7154 7139
  padding: 0 10px;
7155 7140
  font-size: 0.75em;
7156 7141
  position: relative;
7157 7142
  top: -2px;
7158 7143
}
7159
/* line 387, ../sass/_common.scss */
7144
/* line 374, ../sass/_common.scss */
7160 7145
.actions-bar .filter-menu .options {
7161 7146
  display: none;
7162 7147
  position: absolute;
......
7168 7153
  text-align: left;
7169 7154
  margin: 0;
7170 7155
}
7171
/* line 399, ../sass/_common.scss */
7156
/* line 386, ../sass/_common.scss */
7172 7157
.actions-bar .filter-menu.current .options {
7173 7158
  background-color: #ababad;
7174 7159
  display: inline-block;
7175 7160
}
7176
/* line 402, ../sass/_common.scss */
7161
/* line 389, ../sass/_common.scss */
7177 7162
.actions-bar .filter-menu.current .options a {
7178 7163
  color: white;
7179 7164
}
7180
/* line 411, ../sass/_common.scss */
7165
/* line 398, ../sass/_common.scss */
7181 7166
.actions-bar .row {
7182 7167
  position: relative;
7183 7168
  height: 30px;
7184 7169
}
7185
/* line 416, ../sass/_common.scss */
7170
/* line 403, ../sass/_common.scss */
7186 7171
.actions-bar .hd-search {
7187 7172
  width: 24px;
7188 7173
  overflow: hidden;
......
7197 7182
  transition: width 0.3s linear;
7198 7183
  -webkit-backface-visibility: hidden;
7199 7184
}
7200
/* line 426, ../sass/_common.scss */
7185
/* line 413, ../sass/_common.scss */
7201 7186
.actions-bar .hd-search .hd-icon-search {
7202
  color: #919194;
7203 7187
  display: block;
7204 7188
  width: 30px;
7205 7189
  height: 30px;
7206 7190
  line-height: 30px;
7207 7191
  float: right;
7192
  color: #485057;
7208 7193
  z-index: 1;
7209 7194
  position: relative;
7210 7195
  background: #ebebec;
7211 7196
}
7212
/* line 433, ../sass/_common.scss */
7197
/* line 420, ../sass/_common.scss */
7213 7198
.actions-bar .hd-search .hd-icon-search:hover {
7214
  cursor: pointer;
7215 7199
  color: #30c79e;
7200
  cursor: pointer;
7216 7201
}
7217
/* line 441, ../sass/_common.scss */
7202
/* line 428, ../sass/_common.scss */
7218 7203
.actions-bar .hd-search .hd-search-input {
7219 7204
  border: transparent;
7220 7205
  background-color: white;
7221
  color: #485057;
7222 7206
  padding: 0 10px;
7223 7207
  width: 160px;
7224 7208
  font-size: 0.625em;
......
7229 7213
  top: 4px;
7230 7214
  left: 0;
7231 7215
}
7232
/* line 74, ../sass/_common.scss */
7233
.actions-bar .hd-search .hd-search-input.placeholder {
7234
  color: #485057;
7235
}
7236
/* line 75, ../sass/_common.scss */
7237
.actions-bar .hd-search .hd-search-input:-moz-placeholder {
7238
  color: #485057;
7239
}
7240
/* line 76, ../sass/_common.scss */
7241
.actions-bar .hd-search .hd-search-input::-moz-placeholder {
7242
  color: #485057;
7243
}
7244
/* line 77, ../sass/_common.scss */
7245
.actions-bar .hd-search .hd-search-input::-webkit-input-placeholder {
7246
  color: #485057;
7247
}
7248
/* line 458, ../sass/_common.scss */
7216
/* line 441, ../sass/_common.scss */
7249 7217
.actions-bar .hd-search.hd-open {
7250 7218
  width: 190px;
7251 7219
}
7252
/* line 462, ../sass/_common.scss */
7220
/* line 445, ../sass/_common.scss */
7253 7221
.actions-bar .view-type {
7254 7222
  float: right;
7255 7223
  margin-right: 15px;
7256 7224
}
7257
/* line 465, ../sass/_common.scss */
7225
/* line 448, ../sass/_common.scss */
7258 7226
.actions-bar .view-type .current, .actions-bar .view-type a:hover {
7259 7227
  color: #30c79e;
7260 7228
}
7261
/* line 468, ../sass/_common.scss */
7229
/* line 451, ../sass/_common.scss */
7262 7230
.actions-bar .view-type .snf-listview {
7263 7231
  position: relative;
7264 7232
  top: 3px;
7265 7233
  margin-right: 3px;
7266 7234
  font-size: 22px;
7267 7235
}
7268
/* line 474, ../sass/_common.scss */
7236
/* line 457, ../sass/_common.scss */
7269 7237
.actions-bar .view-type .snf-gridview {
7270 7238
  font-size: 22px;
7271 7239
  position: relative;
......
7273 7241
  margin-right: 3px;
7274 7242
}
7275 7243

  
7276
/* line 483, ../sass/_common.scss */
7277
.new-btn {
7278
  position: absolute;
7279
  left: 15px;
7280
  bottom: 0;
7281
  height: 30px;
7282
}
7283
/* line 490, ../sass/_common.scss */
7284
.new-btn a span {
7285
  font-size: 1.25em;
7286
}
7287

  
7288 7244
/* Icons Navigation ----------------------------------------------- */
7289
/* line 498, ../sass/_common.scss */
7245
/* line 469, ../sass/_common.scss */
7290 7246
.icons-nav {
7291 7247
  margin: 0;
7292 7248
  padding: 0;
7293 7249
}
7294
/* line 500, ../sass/_common.scss */
7250
/* line 471, ../sass/_common.scss */
7295 7251
.icons-nav li {
7296 7252
  display: inline-block;
7297 7253
  margin-right: 10px;
7298 7254
  font-size: 1.625em;
7299 7255
  line-height: 1em;
7300 7256
}
7301
/* line 505, ../sass/_common.scss */
7302
.icons-nav li a {
7303
  color: #1a1a1a;
7304
}
7305
/* line 507, ../sass/_common.scss */
7306
.icons-nav li a:hover, .icons-nav li a.current {
7307
  color: #30c79e;
7308
}
7309 7257

  
7310 7258
/* Top info  ----------------------------------------------- */
7311
/* line 519, ../sass/_common.scss */
7259
/* line 484, ../sass/_common.scss */
7312 7260
.top-info {
7313 7261
  padding: 50px 100px;
7314 7262
  position: relative;
7315 7263
  z-index: 10;
7316 7264
  display: none;
7317 7265
}
7318
/* line 524, ../sass/_common.scss */
7266
/* line 489, ../sass/_common.scss */
7319 7267
.top-info .close {
7320 7268
  position: absolute;
7321 7269
  right: 15px;
......
7328 7276
  overflow: hidden;
7329 7277
}
7330 7278

  
7331
/* line 533, ../sass/_common.scss */
7279
/* line 498, ../sass/_common.scss */
7332 7280
.info.error {
7333 7281
  background: #ff5c58;
7334 7282
  color: #fff;
7335 7283
}
7336 7284

  
7337
/* line 539, ../sass/_common.scss */
7285
/* line 504, ../sass/_common.scss */
7338 7286
.info.alert {
7339 7287
  background: #30c79e;
7340 7288
  color: #fff;
7341 7289
}
7342 7290

  
7343
/* line 544, ../sass/_common.scss */
7291
/* line 509, ../sass/_common.scss */
7344 7292
.info.warning {
7345 7293
  background: #919194;
7346 7294
  color: #fff;
7347 7295
}
7348 7296

  
7349
/* line 549, ../sass/_common.scss */
7297
/* line 514, ../sass/_common.scss */
7350 7298
.info.success {
7351 7299
  background: #00a551;
7352 7300
  color: #fff;
7353 7301
}
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff