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 |
} |
Also available in: Unified diff