OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 .apps-page .tile-cell { | |
6 -webkit-margin-start: 20px; | |
7 height: 70px; | |
8 margin-bottom: 12px; | |
9 width: 70px; | |
10 } | |
11 | |
12 .apps-page .tile-cell:first-child { | |
13 -webkit-margin-start: 0; | |
14 } | |
15 | |
16 .apps-page .app { | |
17 display: block; | |
18 height: 70px; | |
19 margin-top: 8px; | |
20 outline: none; | |
21 text-align: center; | |
22 width: 70px; | |
23 } | |
24 | |
25 .apps-page .app .title { | |
26 color: #777; | |
27 font-size: 0.9166em; | |
28 left: -7px; | |
29 margin-top: 4px; | |
30 position: relative; | |
31 width: 84px; | |
32 } | |
33 | |
34 .app-contents { | |
35 -webkit-transition: -webkit-transform 100ms; | |
36 } | |
37 | |
38 .app-contents:active:not(.suppress-active), | |
39 .app:not(.click-focus):focus .app-contents:not(.suppress-active), | |
40 .drag-representation:not(.placing) .app-contents { | |
41 -webkit-transform: scale(1.1); | |
42 } | |
43 | |
44 /* Don't animate the initial scaling. */ | |
45 .app-contents:active:not(.suppress-active), | |
46 /* Active gets applied right before .suppress-active, so to avoid flicker | |
47 * we need to make the scale go back to normal without an animation. */ | |
48 .app-contents.suppress-active { | |
49 -webkit-transition-duration: 0; | |
50 } | |
51 | |
52 .app-contents > span { | |
53 display: block; | |
54 overflow: hidden; | |
55 text-overflow: ellipsis; | |
56 white-space: nowrap; | |
57 } | |
58 | |
59 .app-img-container { | |
60 /* -webkit-mask-image set by JavaScript to the image source. */ | |
61 -webkit-mask-size: 100% 100%; | |
62 margin-left: auto; | |
63 margin-right: auto; | |
64 } | |
65 | |
66 .app-img-container > * { | |
67 height: 100%; | |
68 width: 100%; | |
69 } | |
70 | |
71 .app-icon-div { | |
72 -webkit-box-align: center; | |
73 -webkit-box-pack: center; | |
74 background-color: white; | |
75 border: 1px solid #d5d5d5; | |
76 border-radius: 5px; | |
77 display: -webkit-box; | |
78 margin-left: auto; | |
79 margin-right: auto; | |
80 position: relative; | |
81 vertical-align: middle; | |
82 z-index: 0; | |
83 } | |
84 | |
85 .animate-tile-repositioning .app.small-icon { | |
86 margin-top: 0; | |
87 } | |
88 | |
89 .small-icon .app-icon-div { | |
90 height: 50px; | |
91 margin: 18px 9px 12px; | |
92 width: 50px; | |
93 } | |
94 | |
95 .small-icon .app-img-container { | |
96 bottom: 7px; | |
97 height: 16px; | |
98 left: 5px; | |
99 position: absolute; | |
100 width: 16px; | |
101 } | |
102 | |
103 .small-icon .color-stripe { | |
104 border-bottom-left-radius: 5px 5px; | |
105 border-bottom-right-radius: 5px 5px; | |
106 bottom: 0; | |
107 height: 3px; | |
108 opacity: 1.0; | |
109 position: absolute; | |
110 width: 100%; | |
111 z-index: 100; | |
112 } | |
113 | |
114 .app-context-menu > button:first-child { | |
115 font-weight: bold; | |
116 } | |
117 | |
118 .app-context-menu { | |
119 z-index: 1000; | |
120 } | |
121 | |
122 .app-context-menu > [checked]::before { | |
123 height: 5px; | |
124 } | |
125 | |
126 .launch-click-target { | |
127 cursor: pointer; | |
128 } | |
129 | |
130 /* Notifications */ | |
131 | |
132 .app-notification { | |
133 -webkit-transition: color 150ms linear; | |
134 color: #999; | |
135 display: block; | |
136 font-size: 0.9em; | |
137 white-space: nowrap; | |
138 } | |
139 | |
140 .app-notification:hover { | |
141 text-decoration: underline; | |
142 } | |
143 | |
144 .app-img-container > img:first-child { | |
145 display: block; | |
146 } | |
147 | |
148 .app .invisible { | |
149 visibility: hidden; | |
150 } | |
151 | |
152 /* Move the notification lower on apps pages to account for the 16px of | |
153 * transparency each app icon should have. */ | |
154 .apps-page #notification-container { | |
155 bottom: 15px; | |
156 } | |
OLD | NEW |