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) 52a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)html { 62a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) height: 100%; /* For printing. */ 72a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 82a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * sections. */ 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow-x: hidden; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#navigation { 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* This is a hack to prevent the navigation bar from occluding pointer events 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * from the bottom scroll bar (which shows when one needs to horizontally 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * scroll). Corresponding padding-top to offset this is in uber_frame.css */ 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: -20px; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* This value is different from the left value to compensate for the scroll 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * bar (which is always on and to the right) in RTL. */ 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 15px; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 155px; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 3; 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#navigation.background { 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 1; 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#navigation.changing-content { 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: -webkit-transform 100ms, width 100ms; 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).iframe-container { 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-start: -20px; 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: margin 100ms, opacity 100ms; 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) bottom: 0; 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0; 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 0; 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 1; 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).iframe-container.selected { 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-margin-start: 0; 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: margin 200ms, opacity 200ms; 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition-delay: 100ms; 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 1; 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 2; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).iframe-container.expanded { 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)iframe { 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: none; 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 68