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

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

Issue 2832014: NTP: Add ability to uninstall apps from the ntp.... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years, 6 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 | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/new_tab_theme.css ('k') | chrome/browser/resources/ntp/apps.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Property Changes:
Added: svn:mime-type
+ text/css
OLDNEW
(Empty)
1 /* Apps */
2
3 #apps-section .app,
4 #apps-section .app[new=installed] {
5 -webkit-box-sizing: border-box;
6 -webkit-perspective: 400;
7 border-radius: 10px;
8 color: black;
9 display: inline-block;
10 margin: 5px 3px;
11 position: relative;
12 height: 136px;
13 width: 124px; /* 920 / 7 - margin * 2 */
14 }
15
16 .app > .front,
17 .app > .back,
18 .app a {
19 border-radius: 10px;
20 bottom: 0;
21 left: 0;
22 position: absolute;
23 right: 0;
24 top: 0;
25 }
26
27 .app > .front,
28 .app > .back {
29 -webkit-backface-visibility: hidden;
30 -webkit-transition: -webkit-transform .15s;
31 }
32
33 .app a {
34 -webkit-transition: background-color .5s;
35 background: rgba(255, 255, 255, 0) /* transparent white */
36 no-repeat center 10px;
37 background-size: 96px 96px;
38 font-weight: bold;
39 overflow: hidden;
40 padding: 111px 10px 10px; /* 10 + 96 + 5 */
41 text-align: center;
42 text-decoration: none;
43 text-overflow: ellipsis;
44 white-space: nowrap;
45 }
46
47 .app .flip {
48 background-color: transparent;
49 border: 0;
50 height: 14px;
51 padding: 0;
52 position: absolute;
53 right: 5px;
54 top: 5px;
55 width: 14px;
56 }
57
58 .app > .front > .flip {
59 -webkit-transition: opacity .3s;
60 -webkit-transition-delay: 0;
61 background-image: url(chrome://theme/balloon_wrench);
62 opacity: 0;
63 }
64
65 .app > .front > .flip:hover {
66 -webkit-transition: none;
67 background-image: url(chrome://theme/balloon_wrench_hover);
68 }
69
70 .app:hover > .front > .flip,
71 .app > .front > .flip:focus {
72 -webkit-transition-delay: .5s;
73 opacity: .9;
74 }
75
76 .app > .back > .flip {
77 background-image: url(chrome://theme/balloon_close);
78 opacity: .9;
79 }
80
81 .app > .back > .flip:hover {
82 background-image: url(chrome://theme/balloon_close_hover);
83 }
84
85 .app > .back {
86 padding: 10px;
87 }
88
89 .app > .back > h2 {
90 font-size: 100%;
91 margin: 10px 0;
92 overflow: hidden;
93 text-overflow: ellipsis;
94 white-space: nowrap;
95 }
96
97 .app > .back > button:not(.flip) {
98 width: 100%;
99 }
100
101 @-webkit-keyframes bounce {
102 0% {
103 -webkit-transform: scale(0, 0);
104 }
105
106 60% {
107 -webkit-transform: scale(1.2, 1.2);
108 }
109
110 100% {
111 -webkit-transform: scale(1, 1);
112 }
113 }
114
115 #apps-section .app[new=new] {
116 opacity: 0;
117 }
118
119 #apps-section .app[new=installed] {
120 -webkit-animation: bounce .5s ease-in-out;
121 -webkit-transition: opacity .5s;
122 }
123
124 /* Make items on the wrong side non focusable by hiding them. */
125 .app:not(.config) > .back button,
126 .app.config > .front button,
127 .app.config > .front a {
128 display: none;
129 }
130
131 html[has_3d=true] .app.config > .front {
132 -webkit-transform: rotateY(180deg);
133 }
134
135 html[has_3d=true] .app > .back {
136 -webkit-transform: rotateY(-180deg);
137 }
138
139 html[has_3d=true] .app.config > .back {
140 -webkit-transform: rotateY(0deg);
141 }
142
143 html[has_3d=false] .app.config > .front {
144 display: none;
145 }
146
147 html[has_3d=false] .app > .back {
148 display: none;
149 }
150
151 html[has_3d=false] .app.config > .back {
152 display: block;
153 }
154
OLDNEW
« no previous file with comments | « chrome/browser/resources/new_tab_theme.css ('k') | chrome/browser/resources/ntp/apps.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698