| 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 |