| OLD | NEW |
|---|
| (Empty) |
| 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 | |
| 3 * found in the LICENSE file. | |
| 4 */ | |
| 5 | |
| 6 /* Bookmark Tiles ************************************************************/ | |
| 7 | |
| 8 .bookmark { | |
| 9 display: -webkit-box; | |
| 10 position: absolute; | |
| 11 -webkit-box-orient: vertical; | |
| 12 } | |
| 13 | |
| 14 .bookmark-fills-parent { | |
| 15 bottom: 0; | |
| 16 display: -webkit-box; | |
| 17 left: 0; | |
| 18 position: absolute; | |
| 19 right: 0; | |
| 20 top: 0; | |
| 21 } | |
| 22 | |
| 23 .bookmark.removable .close-button { | |
| 24 display: block; | |
| 25 opacity: 0; | |
| 26 position: absolute; | |
| 27 right: 0; | |
| 28 top: 0; | |
| 29 z-index: 5; | |
| 30 -webkit-transition: opacity 150ms; | |
| 31 } | |
| 32 | |
| 33 .bookmark .close-button { | |
| 34 display: none; | |
| 35 } | |
| 36 | |
| 37 html[dir=rtl] .bookmark .close-button { | |
| 38 left: 0; | |
| 39 right: auto; | |
| 40 } | |
| 41 | |
| 42 .bookmark:hover .close-button { | |
| 43 opacity: 1; | |
| 44 -webkit-transition-delay: 500ms; | |
| 45 } | |
| 46 | |
| 47 .bookmark .favicon { | |
| 48 background: no-repeat 5% 90%; | |
| 49 } | |
| 50 | |
| 51 .bookmark .color-stripe { | |
| 52 border-bottom-left-radius: 3px 3px; | |
| 53 border-bottom-right-radius: 3px 3px; | |
| 54 /* Matches height of title. */ | |
| 55 bottom: 23px; | |
| 56 height: 3px; | |
| 57 /* Matches padding-top of the title. */ | |
| 58 margin-bottom: 8px; | |
| 59 position: absolute; | |
| 60 width: 100%; | |
| 61 z-index: 100; | |
| 62 } | |
| 63 | |
| 64 .bookmark .title { | |
| 65 cursor: pointer; | |
| 66 display: block; | |
| 67 height: 23px; | |
| 68 overflow: hidden; | |
| 69 padding-top: 8px; | |
| 70 text-align: center; | |
| 71 text-decoration: none; | |
| 72 text-overflow: ellipsis; | |
| 73 white-space: nowrap; | |
| 74 } | |
| 75 | |
| 76 .bookmark .button { | |
| 77 cursor: pointer; | |
| 78 background-color: rgba(0, 0, 0, 0.15); | |
| 79 border: 1px solid transparent; | |
| 80 border-radius: 5px; | |
| 81 bottom: 70px; | |
| 82 position: relative; | |
| 83 z-index: 5; | |
| 84 -webkit-box-flex: 1; | |
| 85 -webkit-transition: background-color 150ms; | |
| 86 } | |
| 87 | |
| 88 .bookmark:hover .button { | |
| 89 background-color: rgba(0, 0, 0, 0.3); | |
| 90 } | |
| 91 | |
| 92 .bookmark .button-frame { | |
| 93 background-color: #fff; | |
| 94 border-radius: 5px; | |
| 95 } | |
| 96 | |
| 97 .bookmark:hover .button-frame { | |
| 98 background-color: #f7f7f7; | |
| 99 } | |
| 100 | |
| 101 /* The bookmark gets a shadow when clicked, but not when the click is on the | |
| 102 * close button. */ | |
| 103 .bookmark:active .close-button:not(:active) + .button-frame { | |
| 104 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); | |
| 105 } | |
| 106 | |
| 107 /* Bookmark Titles ************************************************************/ | |
| 108 | |
| 109 #bookmarks-title-wrapper { | |
| 110 /* this color matches the gradiant end color for the #footer element. */ | |
| 111 background-color: rgba(242, 242, 242, 0.9); | |
| 112 border-bottom: 1px solid; | |
| 113 color: #777; | |
| 114 display: -webkit-box; | |
| 115 font-size: 16px; | |
| 116 height: 48px; | |
| 117 line-height: 48px; | |
| 118 overflow: hidden; | |
| 119 white-space: nowrap; | |
| 120 } | |
| 121 | |
| 122 #bookmarks-title-wrapper .title-crumb { | |
| 123 cursor: pointer; | |
| 124 margin: 0 25px; | |
| 125 } | |
| 126 | |
| 127 #bookmarks-title-wrapper .title-crumb-active { | |
| 128 color: #7f7f7f; | |
| 129 cursor: default; | |
| 130 font-weight: bold; | |
| 131 -webkit-margin-end: 0; | |
| 132 -webkit-padding-end: 10px; | |
| 133 } | |
| 134 | |
| 135 .section-title { | |
| 136 display: -webkit-box; | |
| 137 left: 0; | |
| 138 overflow: hidden; | |
| 139 position: absolute; | |
| 140 right: 0; | |
| 141 top: 0; | |
| 142 -webkit-box-flex: 1; | |
| 143 -webkit-box-orient: horizontal; | |
| 144 } | |
| 145 | |
| 146 .bookmark-separator { | |
| 147 background: -webkit-canvas(bookmark-chevron) center center no-repeat; | |
| 148 border: 0; | |
| 149 height: 44px; | |
| 150 margin: 2px 0; | |
| 151 width: 10px; | |
| 152 } | |
| 153 | |
| 154 html[dir="rtl"] .bookmark-separator { | |
| 155 -webkit-transform: scale(-1, 1); | |
| 156 } | |
| 157 | |
| 158 #bookmarks-top-link-wrapper { | |
| 159 left: 10px; | |
| 160 position: absolute; | |
| 161 right: 10px; | |
| 162 text-align: end; | |
| 163 top: 10px; | |
| 164 } | |
| 165 | |
| 166 #bookmarks-bottom-link-wrapper { | |
| 167 height: 40px; | |
| 168 /* Matches .tile-page-content padding-right - 10px */ | |
| 169 margin: 0px -70px; | |
| 170 text-align: end; | |
| 171 } | |
| 172 | |
| 173 .bookmarks-import-data-link-wrapper { | |
| 174 left: 0; | |
| 175 position: absolute; | |
| 176 right: 0; | |
| 177 top: 33%; | |
| 178 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 8760003:
[ntp4] Remove bookmarks page implementation and resources. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src/