1
|
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
|
2
|
|
3
|
@media (min-device-width: 1025px) {
|
4
|
|
5
|
/* Layout
|
6
|
----------------------------------------------------------------------------------------------------*/
|
7
|
|
8
|
/* Hyperlink Animation */
|
9
|
a,
|
10
|
.searchbox .results li.result.selected {
|
11
|
-o-transition: color 0.15s ease-in-out;
|
12
|
-webkit-transition: color 0.15s ease-in-out;
|
13
|
-moz-transition: color 0.15s ease-in-out;
|
14
|
transition: color 0.15s ease-in-out;
|
15
|
}
|
16
|
|
17
|
#system .pagination a,
|
18
|
#system .pagination strong {
|
19
|
-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
|
20
|
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
|
21
|
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
|
22
|
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
|
23
|
}
|
24
|
|
25
|
/* Menu Animations */
|
26
|
.menu-dropdown li.level1:hover .level1,
|
27
|
.menu-dropdown li.remain .level1 {
|
28
|
-o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.7s ease-in-out;
|
29
|
-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.7s ease-in-out;
|
30
|
-moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.7s ease-in-out;
|
31
|
transition: color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.7s ease-in-out;
|
32
|
}
|
33
|
|
34
|
#menubar li.level1,
|
35
|
#menubar .searchbox {
|
36
|
z-index: 120;
|
37
|
-webkit-transition: -webkit-filter 0.5s ease-in-out;
|
38
|
}
|
39
|
|
40
|
#menubar:hover li.level1,
|
41
|
#menubar:hover .searchbox { -webkit-filter: blur(1.5px); }
|
42
|
|
43
|
#menubar .menu-dropdown li.level1:hover,
|
44
|
#menubar .menu-dropdown li.remain,
|
45
|
#menubar .searchbox:hover {
|
46
|
-webkit-filter: blur(0px);
|
47
|
-webkit-transform: translate3d(0,0,0);
|
48
|
transform: translate3d(0,0,0);
|
49
|
}
|
50
|
|
51
|
/* Button Animations */
|
52
|
.button-default,
|
53
|
.button-primary,
|
54
|
#system .item > .links a,
|
55
|
form.style button,
|
56
|
form.style input[type='button'],
|
57
|
form.style input[type='submit'] {
|
58
|
-o-transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
|
59
|
-webkit-transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
|
60
|
-moz-transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
|
61
|
transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
|
62
|
}
|
63
|
|
64
|
|
65
|
/* Custom
|
66
|
----------------------------------------------------------------------------------------------------*/
|
67
|
|
68
|
/* Featured Spotlight */
|
69
|
.featured-spotlight { -webkit-backface-visibility: hidden; }
|
70
|
|
71
|
.featured-spotlight .overlay {
|
72
|
-moz-transition: all 500ms ease-in-out;
|
73
|
-webkit-transition: all 500ms ease-in-out;
|
74
|
-o-transition: all 500ms ease-in-out;
|
75
|
transition: all 500ms ease-in-out;
|
76
|
}
|
77
|
|
78
|
}
|