Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(43)

Side by Side Diff: chrome/browser/resources/ntp/apps.css

Issue 3236001: Add the collapsed 'miniview' to the apps and most visisted sections. (Closed)
Patch Set: more unnecessary changes Created 10 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698