15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* begin: show/hide selected ntp section */ 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .main-section { 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .main-section.selected { 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* end: show/hide selected ntp section */ 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* begin: rules to make most visited container stay at bottom */ 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .main-section.selected#most_visited_container { 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_container { 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #recently_closed_container { 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 0; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 10px; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .box-spacer { 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1.0; 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list { 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 0; 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* end: rules to make most visited container stay at bottom */ 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_container { 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list { 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 15px; 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .thumbnail-cell { 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: left; 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 210px; 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 20px; 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: center; 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 230px; 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 54c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] .thumbnail-cell { 55c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) float: right; 56c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 57c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list .thumbnail-container { 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #999; 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 160px; 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list .thumbnail { 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: url(images/default_thumbnail.png); 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: center center; 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-size: cover; 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: pointer; 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list .inner-border { 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-gradient( 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) linear, 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left top, 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left bottom, 805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(rgba(0, 0, 0, 0)), 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) to(rgba(0, 0, 0, 0.05))); 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgba(255, 255, 255, 0.8); 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 158px; 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 228px; 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list .title-spacer { 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 35px; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 0; 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #most_visited_list .title { 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: -10px; 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow-x: hidden; 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow-y: visible; 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-overflow: ellipsis; 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: -2px; 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) white-space: nowrap; 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 250px; 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 106c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] #most_visited_list .title { 107c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) right: -10px; 108c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 109c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .recently-closed-title-container { 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgba(0, 0, 0, 0.5); 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: inline-block; 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 25px; 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-bottom: 10px; 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-left: 6px; /* match recently closed border & margin */ 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 120c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] .recently-closed-title-container { 121c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-right: 6px; 122c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 123c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] .recently-closed-title-container .title { 1255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 16px; 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #recently_closed_list .cell { 1305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgba(0, 0, 0, 0.25); 1315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-width: 1px; 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: left; 1335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 16px; 1345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 5px; 1355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 1365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 5px; 1375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 188px; 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 140c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] #recently_closed_list .cell { 141c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) float: right; 142c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 143c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #recently_closed_list .title { 1455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: blue; 1465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 12pt; 1475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 1485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-left: 2px; 1495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: left; 1505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-overflow: ellipsis; 1515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 153c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] #recently_closed_list .title { 154c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) padding-right: 2px; 155c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) text-align: right; 156c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 157c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body[device='tablet'] #recently_closed_list .icon { 1595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: bottom left; 1605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 1615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-size: 16px 16px; 1625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: left; 1635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 16px; 1645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 2px; 1655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: -1px; 1675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 16px; 1685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 169c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 170c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)html[dir='rtl'] body[device='tablet'] #recently_closed_list .icon { 171c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) float: right; 172c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 173c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 174