1 /* Copyright (c) 2013 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. */
5 /* This file contains styles specific to Android and iOS. */
12 color: rgb(76, 76, 76);
18 -webkit-flex-flow: column;
19 display: -webkit-flex;
23 #scrolling-container {
24 -webkit-flex: auto; /* Container should take up extra vertical space. */
25 -webkit-overflow-scrolling: touch;
56 background: rgb(245, 245, 245);
57 color: rgb(138, 138, 138);
63 text-overflow: ellipsis;
68 -webkit-padding-start: 64px;
70 url('../../../../ui/webui/resources/images/2x/search.png');
71 background-position: 16px center;
72 background-repeat: no-repeat;
73 background-size: 32px;
81 html[dir='rtl'] #search-field {
82 background-position: right 16px center;
91 .search-results .no-results-message {
95 #notification-bar.alone {
110 -webkit-padding-end: 0;
113 button.remove-entry {
114 background: url('../../../../ui/webui/resources/images/2x/x-thin.png')
115 no-repeat center center;
116 background-size: 13px;
118 box-sizing: border-box;
127 button.remove-entry:active {
140 border-bottom: 1px solid rgb(220, 220, 220);
141 border-top: 1px solid rgb(220, 220, 220);
148 #results-pagination button {
152 .entry-box-container {
160 #clear-browsing-data {
161 /* Style it like a native Android button. */
162 background-color: rgb(221, 221, 221);
165 border-top: 1px solid rgb(198, 198, 198);
173 text-transform: uppercase;
182 /* Fade out the entry-box, rather than its parent node, so that the dividing
183 line between entries doesn't fade out. */
184 .entry.fade-out .entry-box {
185 -webkit-transition: opacity 200ms;
193 .entry.fade-out .entry-box {
197 .entry input[type=checkbox] {
201 .entry .visit-entry {
203 -webkit-flex-flow: column;
204 -webkit-padding-start: 48px;
205 background-size: 32px;
210 -webkit-padding-start: 0;
215 -webkit-padding-end: 16px;
219 -webkit-padding-start: 16px;
227 /* iOS does not support the latest flexbox syntax, only the 2009 working draft
228 syntax (http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/). */
230 .site-domain-wrapper {
231 -wekbit-box-align: center;
232 display: -webkit-box;
235 .entry .visit-entry {
237 -webkit-box-orient: vertical;
238 -webkit-box-pack: center;
239 display: -webkit-box;
242 #scrolling-container {
250 #clear-browsing-data {
256 .entry .bookmark-section {
267 @media only screen and (max-width:600px) {
269 /* Omit the time on very small screens. */
274 } /* @media only screen and (max-width:600px) */
276 @media only screen and (min-width:720px) {
281 border: 1px solid rgb(220, 220, 220);
288 #scrolling-container {
289 padding-bottom: 30px;
292 #scrolling-container > * {
301 .no-results-message {
306 } /* @media only screen and (max-width:720px) */
309 .ios-keyboard-visible #clear-browsing-data {
313 .ios-keyboard-visible #scrolling-container {
314 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */