| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /* Outer frame of the dialog. */ | 5 /* Outer frame of the dialog. */ |
| 6 body { | 6 body { |
| 7 -webkit-box-flex: 1; | 7 -webkit-box-flex: 1; |
| 8 -webkit-box-orient: vertical; | 8 -webkit-box-orient: vertical; |
| 9 -webkit-transition: opacity 70ms linear; | 9 -webkit-transition: opacity 70ms linear; |
| 10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
| (...skipping 500 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 511 } | 511 } |
| 512 | 512 |
| 513 div.thumbnail-view { | 513 div.thumbnail-view { |
| 514 background-image: url('../images/icon_thumb_view.png'); | 514 background-image: url('../images/icon_thumb_view.png'); |
| 515 margin-left: -1px; | 515 margin-left: -1px; |
| 516 } | 516 } |
| 517 | 517 |
| 518 | 518 |
| 519 button.settings { | 519 button.settings { |
| 520 display: none; | 520 display: none; |
| 521 /* Temporary solution not to uglify settings button */ |
| 522 height: 30px; |
| 521 margin-left: 8px; | 523 margin-left: 8px; |
| 522 width: 57px; | 524 width: 57px; |
| 523 /* Temporary solution not to uglify settings button */ | |
| 524 height:30px; | |
| 525 } | 525 } |
| 526 | 526 |
| 527 [gdata] button.settings { | 527 [gdata] button.settings { |
| 528 background-image: url('../images/settings_button.png'); | 528 background-image: url('../images/settings_button.png'); |
| 529 display: block; | 529 display: block; |
| 530 } | 530 } |
| 531 | 531 |
| 532 [gdata] button.settings:active { | 532 [gdata] button.settings:active { |
| 533 background-image: url('../images/settings_button_pressed.png'); | 533 background-image: url('../images/settings_button_pressed.png'); |
| 534 } | 534 } |
| (...skipping 439 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 974 } | 974 } |
| 975 | 975 |
| 976 .detail-icon[iconType='gdraw'] { | 976 .detail-icon[iconType='gdraw'] { |
| 977 background-image: url(../images/filetype_gdraw.png); | 977 background-image: url(../images/filetype_gdraw.png); |
| 978 } | 978 } |
| 979 | 979 |
| 980 .detail-icon[iconType='gtable'] { | 980 .detail-icon[iconType='gtable'] { |
| 981 background-image: url(../images/filetype_gtable.png); | 981 background-image: url(../images/filetype_gtable.png); |
| 982 } | 982 } |
| 983 | 983 |
| 984 /* The filename text in the preview pane. */ | |
| 985 .preview-filename { | |
| 986 -webkit-margin-start: 8px; | |
| 987 color: #666; | |
| 988 font-weight: bold; | |
| 989 margin-top: 10px; | |
| 990 overflow: hidden; | |
| 991 text-overflow: ellipsis; | |
| 992 white-space: nowrap; | |
| 993 } | |
| 994 | |
| 995 /* The preview image. */ | |
| 996 .preview-img { | |
| 997 margin-top: 10px; | |
| 998 max-height: 300px; | |
| 999 max-width: 190px; | |
| 1000 } | |
| 1001 | |
| 1002 .preview-img.thumbnail { | |
| 1003 -webkit-background-clip: content-box; | |
| 1004 /* Checkboard background to distinguish images with alpha channels, from | |
| 1005 * ../images/preview-background.png | |
| 1006 */ | |
| 1007 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCA
YAAABzenr0AAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOTQAADiYBwNzaZQAAAAd0SU1FB9sDExUSAaQ/5T
MAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQ0lEQVRYw+3VsQkAMQwDQOfJRt
7r9/FQ3ilDuAiBUy84UKFVVX8M0t2TenxxOQAAAAAAAAB7+ueZaQIAAAAAAIC3AQceAAfi8EmRSgAAAA
BJRU5ErkJggg==); | |
| 1008 border: 1px #666 solid; | |
| 1009 padding: 1px; | |
| 1010 } | |
| 1011 | |
| 1012 .preview-img[src=''] { | |
| 1013 visibility: hidden; | |
| 1014 } | |
| 1015 | |
| 1016 /* Decoration when multiple images are selected. */ | |
| 1017 .preview-img.multiple-selected { | |
| 1018 -webkit-box-shadow: 5px 5px 0 #aaa; | |
| 1019 } | |
| 1020 | |
| 1021 .metadata-item { | 984 .metadata-item { |
| 1022 -webkit-box-flex: 1; | 985 -webkit-box-flex: 1; |
| 1023 -webkit-box-orient: horizontal; | 986 -webkit-box-orient: horizontal; |
| 1024 -webkit-padding-start: 8px; | 987 -webkit-padding-start: 8px; |
| 1025 display: -webkit-box; | 988 display: -webkit-box; |
| 1026 } | 989 } |
| 1027 | 990 |
| 1028 .metadata-label { | 991 .metadata-label { |
| 1029 -webkit-margin-end: 6px; | 992 -webkit-margin-end: 6px; |
| 1030 } | 993 } |
| (...skipping 216 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1247 top: 0; | 1210 top: 0; |
| 1248 width: 40px; | 1211 width: 40px; |
| 1249 } | 1212 } |
| 1250 | 1213 |
| 1251 .unmounted-panel:not([loading]) > .gdata.loading, | 1214 .unmounted-panel:not([loading]) > .gdata.loading, |
| 1252 .unmounted-panel:not([error]) > .gdata.error, | 1215 .unmounted-panel:not([error]) > .gdata.error, |
| 1253 .unmounted-panel:not([retry]) > .gdata.retry, | 1216 .unmounted-panel:not([retry]) > .gdata.retry, |
| 1254 .unmounted-panel:not([retry]) > .gdata.learn-more { | 1217 .unmounted-panel:not([retry]) > .gdata.learn-more { |
| 1255 display: none; | 1218 display: none; |
| 1256 } | 1219 } |
| 1220 |
| 1221 body[ash] .dialog-title, |
| 1222 body[type='full-page'] [invisibleif='full-page'], |
| 1223 body:not([type='full-page']) [visibleif='full-page'], |
| 1224 body:not([type='saveas-file']) [visibleif='saveas-file'], |
| 1225 body:not([type='saveas-file']):not([type='full-page']) |
| 1226 [visibleif='saveas-file full-page'] { |
| 1227 display: none; |
| 1228 } |
| OLD | NEW |