OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 /* Outer frame of the dialog. */ | 7 /* Outer frame of the dialog. */ |
8 body { | 8 body { |
9 -webkit-box-flex: 1; | 9 -webkit-box-flex: 1; |
10 -webkit-box-orient: vertical; | 10 -webkit-box-orient: vertical; |
(...skipping 1133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1144 | 1144 |
1145 #drag-image-container > li input[type=checkbox] { | 1145 #drag-image-container > li input[type=checkbox] { |
1146 display: none; | 1146 display: none; |
1147 } | 1147 } |
1148 | 1148 |
1149 menu.file-context-menu { | 1149 menu.file-context-menu { |
1150 z-index: 4; | 1150 z-index: 4; |
1151 } | 1151 } |
1152 | 1152 |
1153 input.common.pin[type="checkbox"]:checked::after { | 1153 input.common.pin[type="checkbox"]:checked::after { |
| 1154 position: relative; |
1154 content: url('../images/pin.png'); | 1155 content: url('../images/pin.png'); |
1155 left: 3px; | 1156 left: 3px; |
1156 top: -4px; | 1157 top: -4px; |
1157 } | 1158 } |
1158 | 1159 |
1159 div.offline { | 1160 div.offline { |
1160 -webkit-box-pack: center; | 1161 -webkit-box-pack: center; |
1161 display: -webkit-box; | 1162 display: -webkit-box; |
1162 } | 1163 } |
1163 | 1164 |
1164 div.offline > * { | 1165 div.offline > * { |
1165 -webkit-box-align: center; | 1166 -webkit-box-align: center; |
1166 display: -webkit-box; | 1167 display: -webkit-box; |
1167 } | 1168 } |
1168 | 1169 |
1169 div.shade { | 1170 div.shade { |
1170 position: absolute; | 1171 position: absolute; |
1171 left: 0; | 1172 left: 0; |
1172 right: 0; | 1173 right: 0; |
1173 top: 0; | 1174 top: 0; |
1174 bottom: 0; | 1175 bottom: 0; |
1175 background-color: rgba(255, 255, 255, 0.8); | 1176 background-color: rgba(255, 255, 255, 0.8); |
1176 opacity: 0; | 1177 opacity: 0; |
1177 webkit-transition: opacity 1000ms linear; | 1178 webkit-transition: opacity 1000ms linear; |
1178 } | 1179 } |
1179 | 1180 |
1180 div.shade[fadein] { | 1181 div.shade[fadein] { |
1181 opacity: 1; | 1182 opacity: 1; |
1182 } | 1183 } |
| 1184 |
| 1185 /* Message panel for unmounted GData */ |
| 1186 .dialog-container:not([unmounted]) .dialog-body > div.unmounted-panel, |
| 1187 .dialog-container[unmounted] .dialog-body > div:not(.unmounted-panel) { |
| 1188 display: none; |
| 1189 } |
| 1190 |
| 1191 div.unmounted-panel { |
| 1192 padding-top: 20px; |
| 1193 padding-left: 50px; |
| 1194 } |
| 1195 |
| 1196 div.unmounted-panel > * { |
| 1197 height: 22px; |
| 1198 margin-bottom: 10px; |
| 1199 } |
| 1200 |
| 1201 div.unmounted-panel > div { |
| 1202 display: -webkit-box; |
| 1203 -webkit-box-orient: horizontal; |
| 1204 -webkit-box-pack: start; |
| 1205 -webkit-box-align: center; |
| 1206 } |
| 1207 |
| 1208 .unmounted-panel > .gdata.loading, |
| 1209 .unmounted-panel > .gdata.error { |
| 1210 margin-left: -30px; /* Room for the spinner.*/ |
| 1211 padding-left: 30px; |
| 1212 } |
| 1213 |
| 1214 .unmounted-panel > .gdata.loading { |
| 1215 background-image: url(../images/spinner.svg); |
| 1216 background-repeat: no-repeat; |
| 1217 background-position: 0 center; |
| 1218 } |
| 1219 |
| 1220 .unmounted-panel:not([loading]) > .gdata.loading, |
| 1221 .unmounted-panel:not([error]) > .gdata.error, |
| 1222 .unmounted-panel:not([retry]) > .gdata.retry, |
| 1223 .unmounted-panel:not([retry]) > .gdata.learn-more { |
| 1224 display: none; |
| 1225 } |
OLD | NEW |