OLD | NEW |
1 /* Apps */ | 1 /* Apps */ |
2 | 2 |
3 #apps-section .app, | 3 #apps-section .app, |
4 #apps-section .app[new=installed] { | 4 #apps-section .app[new=installed] { |
5 -webkit-box-sizing: border-box; | 5 -webkit-box-sizing: border-box; |
6 -webkit-perspective: 400; | 6 -webkit-perspective: 400; |
7 border-radius: 10px; | 7 border-radius: 10px; |
8 color: black; | 8 color: black; |
9 display: inline-block; | 9 display: inline-block; |
10 margin: 5px 3px; | 10 margin: 5px 3px; |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 | 58 |
59 .app > .front > .flip { | 59 .app > .front > .flip { |
60 -webkit-transition: opacity .3s; | 60 -webkit-transition: opacity .3s; |
61 -webkit-transition-delay: 0; | 61 -webkit-transition-delay: 0; |
62 background-image: url(chrome://theme/IDR_BALLOON_WRENCH); | 62 background-image: url(chrome://theme/IDR_BALLOON_WRENCH); |
63 opacity: 0; | 63 opacity: 0; |
64 } | 64 } |
65 | 65 |
66 .app > .front > .flip:hover { | 66 .app > .front > .flip:hover { |
67 -webkit-transition: none; | 67 -webkit-transition: none; |
68 background-image: url(chrome://theme/IDR_BALLOON_WRENCH_HOVER); | 68 background-image: url(chrome://theme/IDR_BALLOON_WRENCH_H); |
69 } | 69 } |
70 | 70 |
71 .app:hover > .front > .flip, | 71 .app:hover > .front > .flip, |
72 .app > .front > .flip:focus { | 72 .app > .front > .flip:focus { |
73 -webkit-transition-delay: .5s; | 73 -webkit-transition-delay: .5s; |
74 opacity: .9; | 74 opacity: .9; |
75 } | 75 } |
76 | 76 |
77 .app > .back > .flip { | 77 .app > .back > .flip { |
78 background-image: url(chrome://theme/IDR_BALLOON_CLOSE); | 78 background-image: url(chrome://theme/IDR_BALLOON_CLOSE); |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
115 | 115 |
116 #apps-section .app[new=new] { | 116 #apps-section .app[new=new] { |
117 opacity: 0; | 117 opacity: 0; |
118 } | 118 } |
119 | 119 |
120 #apps-section .app[new=installed] { | 120 #apps-section .app[new=installed] { |
121 -webkit-animation: bounce .5s ease-in-out; | 121 -webkit-animation: bounce .5s ease-in-out; |
122 -webkit-transition: opacity .5s; | 122 -webkit-transition: opacity .5s; |
123 } | 123 } |
124 | 124 |
125 #web-store-entry { | 125 a[app_id=web-store-entry] { |
126 background-image: url("web_store_icon.png"); | 126 background-image: url("web_store_icon.png"); |
127 } | 127 } |
128 | 128 |
129 /* Make items on the wrong side non focusable by hiding them. */ | 129 /* Make items on the wrong side non focusable by hiding them. */ |
130 .app:not(.config) > .back button, | 130 .app:not(.config) > .back button, |
131 .app.config > .front button, | 131 .app.config > .front button, |
132 .app.config > .front a { | 132 .app.config > .front a { |
133 display: none; | 133 display: none; |
134 } | 134 } |
135 | 135 |
(...skipping 13 matching lines...) Expand all Loading... |
149 display: none; | 149 display: none; |
150 } | 150 } |
151 | 151 |
152 html[has_3d=false] .app > .back { | 152 html[has_3d=false] .app > .back { |
153 display: none; | 153 display: none; |
154 } | 154 } |
155 | 155 |
156 html[has_3d=false] .app.config > .back { | 156 html[has_3d=false] .app.config > .back { |
157 display: block; | 157 display: block; |
158 } | 158 } |
OLD | NEW |