| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
| 6 /* Bookmark Tiles ************************************************************/ | 6 /* Bookmark Tiles ************************************************************/ |
| 7 | 7 |
| 8 .bookmark { | 8 .bookmark { |
| 9 display: -webkit-box; | 9 display: -webkit-box; |
| 10 position: absolute; | 10 position: absolute; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 left: 0; | 33 left: 0; |
| 34 right: auto; | 34 right: auto; |
| 35 } | 35 } |
| 36 | 36 |
| 37 .bookmark:hover .close-button { | 37 .bookmark:hover .close-button { |
| 38 opacity: 1; | 38 opacity: 1; |
| 39 -webkit-transition-delay: 0.5s; | 39 -webkit-transition-delay: 0.5s; |
| 40 } | 40 } |
| 41 | 41 |
| 42 .bookmark .favicon { | 42 .bookmark .favicon { |
| 43 background: no-repeat 50% 50%; | 43 background: no-repeat 5% 90%; |
| 44 background-size: 32px; | |
| 45 } | 44 } |
| 46 | 45 |
| 47 .bookmark .color-stripe { | 46 .bookmark .color-stripe { |
| 48 border-bottom-left-radius: 3px 3px; | 47 border-bottom-left-radius: 3px 3px; |
| 49 border-bottom-right-radius: 3px 3px; | 48 border-bottom-right-radius: 3px 3px; |
| 50 bottom: 23px; | 49 bottom: 33px; |
| 51 height: 3px; | 50 height: 3px; |
| 52 opacity: 0.5; | 51 opacity: 0.5; |
| 53 position: absolute; | 52 position: absolute; |
| 54 width: 100%; | 53 width: 100%; |
| 55 z-index: 100; | 54 z-index: 100; |
| 56 } | 55 } |
| 57 | 56 |
| 58 .bookmark .title { | 57 .bookmark .title { |
| 59 cursor: pointer; | 58 cursor: pointer; |
| 60 display: block; | 59 display: block; |
| 61 height: 23px; | 60 height: 23px; |
| 62 line-height: 23px; | 61 line-height: 23px; |
| 63 overflow: hidden; | 62 overflow: hidden; |
| 63 padding-top: 10px; |
| 64 text-align: center; | 64 text-align: center; |
| 65 text-decoration: none; |
| 65 text-overflow: ellipsis; | 66 text-overflow: ellipsis; |
| 66 white-space: nowrap; | 67 white-space: nowrap; |
| 67 } | 68 } |
| 68 | 69 |
| 69 .bookmark .button { | 70 .bookmark .button { |
| 70 cursor: pointer; | 71 cursor: pointer; |
| 71 background-color: rgba(0, 0, 0, 0.2); | 72 background-color: rgba(0, 0, 0, 0.15); |
| 72 border: 1px solid transparent; | 73 border: 1px solid transparent; |
| 73 border-radius: 5px; | 74 border-radius: 5px; |
| 74 bottom: 70px; | 75 bottom: 70px; |
| 75 position: relative; | 76 position: relative; |
| 76 z-index: 5; | 77 z-index: 5; |
| 77 -webkit-box-flex: 1; | 78 -webkit-box-flex: 1; |
| 78 -webkit-transition: background-color .15s; | 79 -webkit-transition: background-color .15s; |
| 79 } | 80 } |
| 80 | 81 |
| 81 .bookmark:hover .button { | 82 .bookmark:hover .button { |
| 82 background-color: rgba(0, 0, 0, 0.4); | 83 background-color: rgba(0, 0, 0, 0.3); |
| 83 } | 84 } |
| 84 | 85 |
| 85 .bookmark .button-frame { | 86 .bookmark .button-frame { |
| 86 background: -webkit-gradient(radial, 50% 25%, 0, 50% 50%, 80, from(#fff), | 87 background-color: #fff; |
| 87 color-stop(0.68, #f5f5f5), to(#e5e5e5)); | |
| 88 border-radius: 5px; | 88 border-radius: 5px; |
| 89 } | 89 } |
| 90 | 90 |
| 91 .bookmark:hover .button-frame { |
| 92 background-color: #f7f7f7; |
| 93 } |
| 94 |
| 91 /* The bookmark gets a shadow when clicked, but not when the click is on the | 95 /* The bookmark gets a shadow when clicked, but not when the click is on the |
| 92 * close button. */ | 96 * close button. */ |
| 93 .bookmark:active .close-button:not(:active) + .button-frame { | 97 .bookmark:active .close-button:not(:active) + .button-frame { |
| 94 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); | 98 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); |
| 95 } | 99 } |
| 96 | 100 |
| 97 /* Bookmark Titles ************************************************************/ | 101 /* Bookmark Titles ************************************************************/ |
| 98 | 102 |
| 99 #bookmarks-title-wrapper { | 103 #bookmarks-title-wrapper { |
| 100 background: #fff; | 104 background: #fff; |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 background: -webkit-canvas(bookmark-chevron) center center no-repeat; | 154 background: -webkit-canvas(bookmark-chevron) center center no-repeat; |
| 151 border: 0; | 155 border: 0; |
| 152 height: 44px; | 156 height: 44px; |
| 153 margin: 2px 0; | 157 margin: 2px 0; |
| 154 width: 10px; | 158 width: 10px; |
| 155 } | 159 } |
| 156 | 160 |
| 157 .bookmarks-manager-link-container { | 161 .bookmarks-manager-link-container { |
| 158 height: 40px; | 162 height: 40px; |
| 159 } | 163 } |
| OLD | NEW |