| 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 html { | 5 html { |
| 6 height: 100%; | 6 height: 100%; |
| 7 } | 7 } |
| 8 | 8 |
| 9 body { | 9 body { |
| 10 background-color: #f1f1f1; | 10 background-color: #f1f1f1; |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 78 padding: 10px; | 78 padding: 10px; |
| 79 } | 79 } |
| 80 | 80 |
| 81 #custom-container > div { | 81 #custom-container > div { |
| 82 margin: 10px 0 5px 0; | 82 margin: 10px 0 5px 0; |
| 83 } | 83 } |
| 84 | 84 |
| 85 .image-picker { | 85 .image-picker { |
| 86 -webkit-box-flex: 1; | 86 -webkit-box-flex: 1; |
| 87 display: -webkit-box; | 87 display: -webkit-box; |
| 88 /* Set line height to 100% to remove the extra vertical margin between two |
| 89 * rows of thumbnails. |
| 90 */ |
| 91 line-height: 100%; |
| 88 outline: none; | 92 outline: none; |
| 89 overflow-y: auto; | 93 overflow-y: auto; |
| 90 } | 94 } |
| 91 | 95 |
| 92 .image-picker > * { | 96 .image-picker > * { |
| 93 display: inline-block; | 97 display: inline-block; |
| 94 margin: 0; | 98 margin: 0; |
| 95 overflow: hidden; | 99 overflow: hidden; |
| 96 padding: 0; | 100 padding: 0; |
| 97 } | 101 } |
| 98 | 102 |
| 99 .image-picker [role=listitem] { | 103 .image-picker [role=listitem] { |
| 100 border: 1px solid rgba(0, 0, 0, 0.15); | |
| 101 border-radius: 4px; | |
| 102 height: 68px; | 104 height: 68px; |
| 103 margin: 1px; | 105 margin: 1px; |
| 104 padding: 2px; | |
| 105 width: 108px; | 106 width: 108px; |
| 106 } | 107 } |
| 107 | 108 |
| 108 /* The width and height of img tag need to be set here. Otherwise, an incorrect | 109 /* The width and height of img tag need to be set here. Otherwise, an incorrect |
| 109 * image size may be used during layout. Some images may be misaligned as a | 110 * image size may be used during layout. Some images may be misaligned as a |
| 110 * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for | 111 * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for |
| 111 * screen shot. | 112 * screen shot. |
| 112 */ | 113 */ |
| 113 .image-picker img { | 114 .image-picker img { |
| 114 height: 68px; | 115 height: 68px; |
| 115 width: 108px; | 116 width: 108px; |
| 116 } | 117 } |
| 117 | 118 |
| 118 .image-picker [selected][lead] { | 119 .image-picker [selected][lead] img { |
| 119 border: 2px solid rgb(0, 102, 204); | 120 border: 2px solid rgb(0, 102, 204); |
| 120 padding: 1px; | 121 height: 64px; |
| 122 width: 104px; |
| 121 } | 123 } |
| 122 | 124 |
| 123 #wallpaper-attribute { | 125 #wallpaper-attribute { |
| 124 -webkit-box-orient: vertical; | 126 -webkit-box-orient: vertical; |
| 125 display: -webkit-box; | 127 display: -webkit-box; |
| 126 } | 128 } |
| 127 | 129 |
| 128 .bottom-bar { | 130 .bottom-bar { |
| 129 -webkit-box-align: center; | 131 -webkit-box-align: center; |
| 130 -webkit-box-orient: horizontal; | 132 -webkit-box-orient: horizontal; |
| (...skipping 117 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 248 background-position: 0 0; | 250 background-position: 0 0; |
| 249 background-repeat: repeat-x; | 251 background-repeat: repeat-x; |
| 250 background-size: 16px 8px; | 252 background-size: 16px 8px; |
| 251 height: 5px; | 253 height: 5px; |
| 252 } | 254 } |
| 253 | 255 |
| 254 @-webkit-keyframes bg { | 256 @-webkit-keyframes bg { |
| 255 0% { background-position: 0 0; } | 257 0% { background-position: 0 0; } |
| 256 100% { background-position: -16px 0; } | 258 100% { background-position: -16px 0; } |
| 257 } | 259 } |
| OLD | NEW |