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 499 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
510 } | 510 } |
511 | 511 |
512 div.thumbnail-view { | 512 div.thumbnail-view { |
513 background-image: url('../images/icon_thumb_view.png'); | 513 background-image: url('../images/icon_thumb_view.png'); |
514 margin-left: -1px; | 514 margin-left: -1px; |
515 } | 515 } |
516 | 516 |
517 | 517 |
518 button.settings { | 518 button.settings { |
519 display: none; | 519 display: none; |
520 /* Temporary solution not to uglify settings button */ | |
521 height: 30px; | |
520 margin-left: 8px; | 522 margin-left: 8px; |
521 width: 57px; | 523 width: 57px; |
522 /* Temporary solution not to uglify settings button */ | |
523 height:30px; | |
524 } | 524 } |
525 | 525 |
526 [gdata] button.settings { | 526 [gdata] button.settings { |
527 background-image: url('../images/settings_button.png'); | 527 background-image: url('../images/settings_button.png'); |
528 display: block; | 528 display: block; |
529 } | 529 } |
530 | 530 |
531 [gdata] button.settings:active { | 531 [gdata] button.settings:active { |
532 background-image: url('../images/settings_button_pressed.png'); | 532 background-image: url('../images/settings_button_pressed.png'); |
533 } | 533 } |
(...skipping 433 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
967 } | 967 } |
968 | 968 |
969 .detail-icon[iconType='gdraw'] { | 969 .detail-icon[iconType='gdraw'] { |
970 background-image: url(../images/filetype_gdraw.png); | 970 background-image: url(../images/filetype_gdraw.png); |
971 } | 971 } |
972 | 972 |
973 .detail-icon[iconType='gtable'] { | 973 .detail-icon[iconType='gtable'] { |
974 background-image: url(../images/filetype_gtable.png); | 974 background-image: url(../images/filetype_gtable.png); |
975 } | 975 } |
976 | 976 |
977 /* The filename text in the preview pane. */ | |
978 .preview-filename { | |
dgozman
2012/04/12 11:18:14
Is this not used?
Vladislav Kaznacheev
2012/04/12 12:47:32
Yes, this is not used since we removed the right p
| |
979 -webkit-margin-start: 8px; | |
980 color: #666; | |
981 font-weight: bold; | |
982 margin-top: 10px; | |
983 overflow: hidden; | |
984 text-overflow: ellipsis; | |
985 white-space: nowrap; | |
986 } | |
987 | |
988 /* The preview image. */ | |
989 .preview-img { | |
990 margin-top: 10px; | |
991 max-height: 300px; | |
992 max-width: 190px; | |
993 } | |
994 | |
995 .preview-img.thumbnail { | |
996 -webkit-background-clip: content-box; | |
997 /* Checkboard background to distinguish images with alpha channels, from | |
998 * ../images/preview-background.png | |
999 */ | |
1000 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCA YAAABzenr0AAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOTQAADiYBwNzaZQAAAAd0SU1FB9sDExUSAaQ/5T MAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQ0lEQVRYw+3VsQkAMQwDQOfJRt 7r9/FQ3ilDuAiBUy84UKFVVX8M0t2TenxxOQAAAAAAAAB7+ueZaQIAAAAAAIC3AQceAAfi8EmRSgAAAA BJRU5ErkJggg==); | |
1001 border: 1px #666 solid; | |
1002 padding: 1px; | |
1003 } | |
1004 | |
1005 .preview-img[src=''] { | |
1006 visibility: hidden; | |
1007 } | |
1008 | |
1009 /* Decoration when multiple images are selected. */ | |
1010 .preview-img.multiple-selected { | |
1011 -webkit-box-shadow: 5px 5px 0 #aaa; | |
1012 } | |
1013 | |
1014 .metadata-item { | 977 .metadata-item { |
1015 -webkit-box-flex: 1; | 978 -webkit-box-flex: 1; |
1016 -webkit-box-orient: horizontal; | 979 -webkit-box-orient: horizontal; |
1017 -webkit-padding-start: 8px; | 980 -webkit-padding-start: 8px; |
1018 display: -webkit-box; | 981 display: -webkit-box; |
1019 } | 982 } |
1020 | 983 |
1021 .metadata-label { | 984 .metadata-label { |
1022 -webkit-margin-end: 6px; | 985 -webkit-margin-end: 6px; |
1023 } | 986 } |
(...skipping 216 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1240 top: 0; | 1203 top: 0; |
1241 width: 40px; | 1204 width: 40px; |
1242 } | 1205 } |
1243 | 1206 |
1244 .unmounted-panel:not([loading]) > .gdata.loading, | 1207 .unmounted-panel:not([loading]) > .gdata.loading, |
1245 .unmounted-panel:not([error]) > .gdata.error, | 1208 .unmounted-panel:not([error]) > .gdata.error, |
1246 .unmounted-panel:not([retry]) > .gdata.retry, | 1209 .unmounted-panel:not([retry]) > .gdata.retry, |
1247 .unmounted-panel:not([retry]) > .gdata.learn-more { | 1210 .unmounted-panel:not([retry]) > .gdata.learn-more { |
1248 display: none; | 1211 display: none; |
1249 } | 1212 } |
1213 | |
1214 body[ash] .dialog-title, | |
1215 body[type='full-page'] [invisibleif='full-page'], | |
dgozman
2012/04/12 11:18:14
I'm wondering whether css selectors have something
Vladislav Kaznacheev
2012/04/12 12:47:32
Not that I know of.
On 2012/04/12 11:18:14, dgozma
| |
1216 body:not([type='full-page']) [visibleif='full-page'], | |
1217 body:not([type='saveas-file']) [visibleif='saveas-file'], | |
1218 body:not([type='saveas-file']):not([type='full-page']) | |
1219 [visibleif='saveas-file full-page'] { | |
1220 display: none; | |
1221 } | |
OLD | NEW |