| Index: chrome/browser/resources/shared/css/overlay.css
|
| ===================================================================
|
| --- chrome/browser/resources/shared/css/overlay.css (revision 177292)
|
| +++ chrome/browser/resources/shared/css/overlay.css (working copy)
|
| @@ -1,165 +0,0 @@
|
| -/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
|
| - * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file. */
|
| -
|
| -/* The shield that overlays the background. */
|
| -.overlay {
|
| - -webkit-box-align: center;
|
| - -webkit-box-orient: vertical;
|
| - -webkit-box-pack: center;
|
| - -webkit-transition: 200ms opacity;
|
| - background-color: rgba(255, 255, 255, 0.75);
|
| - bottom: 0;
|
| - display: -webkit-box;
|
| - left: 0;
|
| - overflow: auto;
|
| - padding: 20px;
|
| - position: fixed;
|
| - right: 0;
|
| - top: 0;
|
| -}
|
| -
|
| -/* Used to slide in the overlay. */
|
| -.overlay.transparent .page {
|
| - /* TODO(flackr): Add perspective(500px) rotateX(5deg) when accelerated
|
| - * compositing is enabled on chrome:// pages. See http://crbug.com/116800. */
|
| - -webkit-transform: scale(0.99) translateY(-20px);
|
| -}
|
| -
|
| -/* The foreground dialog. */
|
| -.overlay .page {
|
| - -webkit-border-radius: 3px;
|
| - -webkit-box-orient: vertical;
|
| - -webkit-transition: 200ms -webkit-transform;
|
| - background: white;
|
| - box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
|
| - color: #333;
|
| - display: -webkit-box;
|
| - min-width: 400px;
|
| - padding: 0;
|
| - position: relative;
|
| - z-index: 0;
|
| -}
|
| -
|
| -/* If the options page is loading don't do the transition. */
|
| -.loading .overlay,
|
| -.loading .overlay .page {
|
| - -webkit-transition-duration: 0 !important;
|
| -}
|
| -
|
| -/* keyframes used to pulse the overlay */
|
| -@-webkit-keyframes pulse {
|
| - 0% {
|
| - -webkit-transform: scale(1);
|
| - }
|
| - 40% {
|
| - -webkit-transform: scale(1.02);
|
| - }
|
| - 60% {
|
| - -webkit-transform: scale(1.02);
|
| - }
|
| - 100% {
|
| - -webkit-transform: scale(1);
|
| - }
|
| -}
|
| -
|
| -.overlay .page.pulse {
|
| - -webkit-animation-duration: 180ms;
|
| - -webkit-animation-iteration-count: 1;
|
| - -webkit-animation-name: pulse;
|
| - -webkit-animation-timing-function: ease-in-out;
|
| -}
|
| -
|
| -.overlay .page > .close-button {
|
| - background-image: url('chrome://theme/IDR_CLOSE_DIALOG');
|
| - background-position: center;
|
| - background-repeat: no-repeat;
|
| - height: 14px;
|
| - position: absolute;
|
| - right: 7px;
|
| - top: 7px;
|
| - width: 14px;
|
| - z-index: 1;
|
| -}
|
| -
|
| -html[dir='rtl'] .overlay .page > .close-button {
|
| - left: 10px;
|
| - right: auto;
|
| -}
|
| -
|
| -.overlay .page > .close-button:hover {
|
| - background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
|
| -}
|
| -
|
| -.overlay .page > .close-button:active {
|
| - background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
|
| -}
|
| -
|
| -.overlay .page h1 {
|
| - -webkit-padding-end: 24px;
|
| - -webkit-user-select: none;
|
| - color: #333;
|
| - /* 120% of the body's font-size of 84% is 16px. This will keep the relative
|
| - * size between the body and these titles consistent. */
|
| - font-size: 120%;
|
| - /* TODO(flackr): Pages like sync-setup and delete user collapse the margin
|
| - * above the top of the page. Use padding instead to make sure that the
|
| - * headers of these pages have the correct spacing, but this should not be
|
| - * necessary. See http://crbug.com/119029. */
|
| - margin: 0;
|
| - padding: 14px 17px 14px;
|
| - text-shadow: white 0 1px 2px;
|
| -}
|
| -
|
| -.overlay .page .content-area {
|
| - -webkit-box-flex: 1;
|
| - overflow: auto;
|
| - padding: 6px 17px 6px;
|
| - position: relative;
|
| -}
|
| -
|
| -.overlay .page .action-area {
|
| - -webkit-box-align: center;
|
| - -webkit-box-orient: horizontal;
|
| - -webkit-box-pack: end;
|
| - display: -webkit-box;
|
| - padding: 14px 17px;
|
| -}
|
| -
|
| -html[dir='rtl'] .overlay .page .action-area {
|
| - left: 0;
|
| -}
|
| -
|
| -.overlay .page .action-area-right {
|
| - display: -webkit-box;
|
| -}
|
| -
|
| -.overlay .page .button-strip {
|
| - -webkit-box-orient: horizontal;
|
| - display: -webkit-box;
|
| -}
|
| -
|
| -.overlay .page .button-strip > button {
|
| - -webkit-margin-start: 10px;
|
| - display: block;
|
| -}
|
| -
|
| -/* On OSX 10.7, hidden scrollbars may prevent the user from realizing that the
|
| - * overlay contains scrollable content. To resolve this, style the scrollbars on
|
| - * OSX so they are always visible. See http://crbug.com/123010. */
|
| -<if expr="is_macosx">
|
| -.overlay .page .content-area::-webkit-scrollbar {
|
| - -webkit-appearance: none;
|
| - width: 11px;
|
| -}
|
| -
|
| -.overlay .page .content-area::-webkit-scrollbar-thumb {
|
| - background-color: rgba(0, 0, 0, 0.2);
|
| - border: 2px solid white;
|
| - border-radius: 8px;
|
| -}
|
| -
|
| -.overlay .page .content-area::-webkit-scrollbar-thumb:hover {
|
| - background-color: rgba(0, 0, 0, 0.5);
|
| -}
|
| -</if>
|
|
|