1c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 2c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 3c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) * found in the LICENSE file. */ 4c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 5c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* This file contains styles specific to Android and iOS. */ 6c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 7c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)body { 8c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: rgb(76, 76, 76); 9c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0; 10c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: 46px; 11c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 12c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 13c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h1 { 14c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-weight: bold; 15c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: 12px; 16c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 17c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 18c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#top-container, 19c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#results-display { 20c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0; 21c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 22c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 23c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#top-container, 24c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#results-display, 25c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#results-pagination { 26c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) max-width: none; 27c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 28c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 29c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h1, 30c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3, 31c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#notification-bar, 32c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-field, 33c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box, 34c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#loading-spinner { 35c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-left: 16px; 36c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-right: 16px; 37c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 38c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 39c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3 { 40c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background: rgb(245, 245, 245); 41c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: rgb(138, 138, 138); 42c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-size: 14px; 43c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 30px; 44c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) line-height: 30px; 45c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 0; 46c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) overflow: hidden; 47c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) text-overflow: ellipsis; 48c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) white-space: nowrap; 49c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 50c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 51c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-field { 52c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-start: 64px; 53c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-image: 54c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) url('../../../../ui/webui/resources/images/2x/search.png'); 554311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch background-position: 16px center; 56c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-repeat: no-repeat; 57c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-size: 32px; 58c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border: 0; 593240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch display: block; 60c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) line-height: 1.5; 61c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 16px; 62c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) width: 100%; 63c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 64c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 65b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)html[dir='rtl'] #search-field { 66b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) background-position: right 16px center; 67b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)} 68b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) 69c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).no-results-message { 70c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: 1em; 71c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-left: 16px; 72c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-right: 16px; 73c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 74c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 75c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).search-results .no-results-message { 76c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 1em; 77c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 78c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 79c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#notification-bar.alone { 80c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) float: none; 81c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-size: 75%; 82c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0; 83c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-bottom: 0; 84c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-top: 0; 85c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 86c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 87c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#remove-selected, 88c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-button, 89c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).gap, 90c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).snippet { 91c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 92c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 93c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 94c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box { 95c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-end: 0; 96c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 97c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 98c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)button.remove-entry { 99c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background: url('../../../../ui/webui/resources/images/2x/x-thin.png') 100c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) no-repeat center center; 101c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-size: 13px; 102c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border: 0; 103c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-sizing: border-box; 104c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 100%; 105c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) min-width: 45px; 106c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 0.7; 107c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding: 0 16px; 108c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) vertical-align: top; 109c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) width: 45px; 110c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 111c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 112c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)button.remove-entry:active { 113c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 1.0; 114c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 115c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 116c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box { 117c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: 0; 118c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 0; 119c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-bottom: 0; 120c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 121c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 122c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3, 123c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry, 124c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-field { 125c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-bottom: 1px solid rgb(220, 220, 220); 126c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-top: 1px solid rgb(220, 220, 220); 127c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: -1px; 128c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) overflow: hidden; 129c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 130c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 131c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box, 132c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-field, 133c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#results-pagination button { 134c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 60px; 135c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 136c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 137c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box-container { 138c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: block; 139c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 140c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 141c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)input { 142c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-radius: 0; 143c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 144c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 145c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#clear-browsing-data { 146c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) /* Style it like a native Android button. */ 147c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-color: rgb(221, 221, 221); 148c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border: 0; 149c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-radius: 0; 150c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-top: 1px solid rgb(198, 198, 198); 151c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) bottom: 0; 152c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: none; 153c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-size: 75%; 154c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-weight: bold; 155c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) height: 46px; 156c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0; 157c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) position: fixed; 158c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) text-shadow: none; 159c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) text-transform: uppercase; 160c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) width: 100%; 161c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 162c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 163c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).day-results, 164c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).search-results { 165c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0; 166c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 167c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 168c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)<if expr="pp_ifdef('ios')"> 169c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Add extra spacing caused by the missing search bar on iOS. */ 170c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3:first-of-type { 171c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 16px; 172c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 173c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)</if> 174c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 175c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Fade out the entry-box, rather than its parent node, so that the dividing 176c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) line between entries doesn't fade out. */ 177c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry.fade-out .entry-box { 178c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-transition: opacity 200ms; 179c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 1; 180c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 181c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 182c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry.fade-out { 183c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 1; 184c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 185c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 186c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry.fade-out .entry-box { 187c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) opacity: 0; 188c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 189c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 190c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry input[type=checkbox] { 191c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 192c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 193c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 194eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.entry .visit-entry { 195c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-flex: auto; 196c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-flex-flow: column; 197c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-start: 48px; 198c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background-size: 32px; 199c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) line-height: 1.3; 200c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 201c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 202c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry .domain { 203c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-start: 0; 204c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-size: 14px; 205c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 206c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 207c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#older-button { 208c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-end: 16px; 209c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 210c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 211c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#newest-button { 212c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-padding-start: 16px; 213c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 214c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 215c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#loading-spinner { 216c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 16px; 217c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 218c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 219c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)<if expr="pp_ifdef('ios')"> 220c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* iOS does not support the latest flexbox syntax, only the 2009 working draft 221c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) syntax (http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/). */ 222c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry-box, 223c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).site-domain-wrapper { 224c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -wekbit-box-align: center; 225c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-box; 226c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 227c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 228eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.entry .visit-entry { 229c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-flex: 1; 230c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-orient: vertical; 231c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-box-pack: center; 232c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-box; 233c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 234c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)</if> 235c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 236eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.entry .bookmark-section { 237eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch display: none; 238eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch} 239eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch 2404311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch.entry .time { 2414311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch line-height: 60px; 2424311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch min-width: 90px; 2434311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch text-align: inherit; 2444311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch width: 90px; 2454311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch} 2464311e82a78ceafbe0585f51d4c8a86df9f21aa0dBen Murdoch 247c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)@media only screen and (max-width:600px) { 248c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 249c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)/* Omit the time on very small screens. */ 250c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry .time { 251c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: none; 252c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 253c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 254c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} /* @media only screen and (max-width:600px) */ 255c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 256c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)@media only screen and (min-width:720px) { 257c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 258c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)body { 259c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-bottom: 76px; 260c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 261c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 262c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3, 263c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).entry, 264c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#search-field { 265c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border: 1px solid rgb(220, 220, 220); 266c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 267c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 268c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h3 { 269c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 30px; 270c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 271c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 272c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).page { 273c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin: 0 auto; 274c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) max-width: 718px; 275c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 276c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 277c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)h1, 278c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#notification-bar, 279c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#loading-spinner, 280c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).no-results-message { 281c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-left: 0; 282c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-right: 0; 283c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 284c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 285c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} /* @media only screen and (max-width:720px) */ 286