diff options
Diffstat (limited to 'chromium/chrome/browser/resources/file_manager/foreground/css/common.css')
-rw-r--r-- | chromium/chrome/browser/resources/file_manager/foreground/css/common.css | 501 |
1 files changed, 0 insertions, 501 deletions
diff --git a/chromium/chrome/browser/resources/file_manager/foreground/css/common.css b/chromium/chrome/browser/resources/file_manager/foreground/css/common.css deleted file mode 100644 index e9051864258..00000000000 --- a/chromium/chrome/browser/resources/file_manager/foreground/css/common.css +++ /dev/null @@ -1,501 +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. */ - -/* Special attribute to hide elements. */ -[hidden] { - display: none !important; -} - -/* This file contains "borrowed" copy of standard styles. To simplify merging, - * when altering, please preserve original property value by adding comments. */ -input.common[type='checkbox'], -input.common[type='radio'] { - -webkit-appearance: none; - border: 1px solid #555; - border-radius: 1px; - box-sizing: border-box; - cursor: default; - height: 13px; - margin: 0; - opacity: 0.4; - width: 13px; -} - -input.common[type='checkbox']:hover, -input.common[type='checkbox']:checked, -input.common[type='radio']:hover, -input.common[type='radio']:checked { - opacity: 1; -} - -input.common[type='checkbox'] { - position: relative; -} - -input.common[type='checkbox']:checked::after { - background-image: -webkit-image-set( - url('../images/common/check_no_box.png') 1x, - url('../images/common/2x/check_no_box.png') 2x); - background-position: -3px -4px; - background-repeat: no-repeat; -} - -input.common[type='checkbox'].white { - border: none; -} - -input.common[type='checkbox'].white:not(:checked)::after { - background-image: -webkit-image-set( - url('../images/common/checkbox_white_unchecked.png') 1x, - url('../images/common/2x/checkbox_white_unchecked.png') 2x); - background-position: -1px 0; -} - -input.common[type='checkbox'].white:checked::after { - background-image: -webkit-image-set( - url('../images/common/checkbox_white_checked.png') 1x, - url('../images/common/2x/checkbox_white_checked.png') 2x); - background-position: -1px 0; -} - -input.common[type='checkbox']::after { - content: ''; - display: -webkit-box; - height: 15px; - left: -2px; - position: absolute; - top: -2px; - width: 17px; -} - -.bubble { - background: #FFF; - border-radius: 2px; - cursor: default; - outline: 1px solid rgba(0, 0, 0, 0.2); - padding: 16px; -} - -.bubble .pointer { - background: -webkit-image-set( - url('../images/common/bubble_point_white.png') 1x, - url('../images/common/2x/bubble_point_white.png') 2x); - display: block; - height: 11px; - left: 24px; - margin: 0 0 0 -5px; - outline: none; - position: absolute; - width: 17px; -} - -.bubble .pointer:not(.bottom) { - top: -11px; -} - -.bubble .pointer.bottom { - -webkit-transform: rotate(180deg); - bottom: -11px; -} - -.bubble .close-x { - background: -webkit-image-set( - url('../images/common/close_x_gray.png') 1x, - url('../images/common/2x/close_x_gray.png') 2x); - height: 21px; - opacity: 0.3; - position: absolute; - right: 3px; - top: 3px; - width: 21px; -} - -.bubble .close-x:hover { - opacity: 0.7; -} - -.buttonbar { - display: -webkit-box; - height: 31px; -} - -.buttonbar button:active img { - opacity: 1.0; -} - -.buttonbar button:hover img { - opacity: 0.72; -} - -.buttonbar button[disabled] img { - opacity: 0.9; -} - -.buttonbar button img { - display: inline-block; - margin: -3px 0 0; - opacity: 0.55; - vertical-align: middle; -} - -.buttonbar button.menubutton span.disclosureindicator { - -webkit-transform: rotate(90deg); - float: right; - margin-left: 7px; - margin-top: 10px; - opacity: .8; - transition: none; -} - -span.disclosureindicator { - background-image: -webkit-image-set( - url('../images/common/disclosure_arrow_dk_grey.png') 1x, - url('../images/common/2x/disclosure_arrow_dk_grey.png') 2x); - background-position: center; - background-repeat: no-repeat; - display: inline-block; - height: 7px; - width: 5px; -} - -/* "chrome-menu" class overrides some standard menu.css styles, to make custom - menus in FileBrowser look like native ChromeOS menus. */ - -menu.chrome-menu { - background-color: rgb(250, 250, 250); - border-radius: 3px; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); - color: rgb(34, 34, 34); - outline: none; - overflow: hidden; - padding: 5px 0; - transition: opacity 200ms ease-in; - z-index: 600; /* Must be below the overlay pane (1000). */ -} - -menu.chrome-menu[hidden] { - display: block !important; /* Overrides default [hidden] for animation. */ - opacity: 0; - pointer-events: none; - visibility: hidden; -} - -menu.chrome-menu.hide-delayed[hidden] { - transition-delay: 120ms; - transition-property: opacity, visibility; -} - -menu.chrome-menu > :not(hr) { - background-position: right 10px center; - background-repeat: no-repeat; - line-height: 30px; - padding-left: 20px; - padding-right: 20px; -} - -menu.chrome-menu > .menuitem-button { - background-position: center; - background-repeat: no-repeat; - border: 1px solid rgb(235, 235, 235); - height: 42px; - margin: -36px -1px -1px 0; - min-width: 60px; - padding: 0; - position: absolute; - width: 60px; -} - -menu.chrome-menu > .menuitem-button[checked] { - background-color: rgb(235, 235, 235); -} - -menu.chrome-menu > .menuitem-button.left { - right: 59px; -} - -menu.chrome-menu > .menuitem-button.right { - right: 0; -} - -menu.chrome-menu > menuitem[disabled] { - color: rgb(153, 153, 153); -} - -menu.chrome-menu > menuitem:not([disabled])[selected], -menu.chrome-menu > menuitem:not([disabled])[selected]:active { - background-color: rgb(66, 129, 244); - color: white; -} - -menu.chrome-menu > hr { - background: rgb(235, 235, 235); - height: 1px; - margin: 5px 0; -} - -menu.chrome-menu > menuitem[checked] { - background-image: -webkit-image-set( - url('../images/common/check_no_box.png') 1x, - url('../images/common/2x/check_no_box.png') 2x); -} - -menu.chrome-menu > [checked]::before { - display: none; -} - -menu[showShortcuts] > menuitem[shortcutText][selected]:not([disabled])::after { - color: white; -} - -/** - * Ok/Cancel style buttons - * Height: 31px (content:21px + border:5px * 2) - **/ -button, -input[type='button'], -input[type='submit'], -select { - background-color: rgb(250, 250, 250); - background-image: none; - background-position: center; - background-repeat: no-repeat; - border: 5px solid transparent; - border-image: -webkit-image-set( - url('chrome://resources/images/apps/button.png') 1x, - url('chrome://resources/images/2x/apps/button.png') - 2x) 5 / 5px / 2px repeat; - box-sizing: content-box; - color: rgb(34, 34, 34); - cursor: default; - height: 21px; - line-height: 21px; - margin: 0; - min-height: 21px; - min-width: 55px; - padding: 0 10px; - position: relative; - text-align: center; - z-index: 1; -} - -.buttonbar button { - -webkit-margin-start: 10px; -} - -button:hover, -input[type='button']:hover, -input[type='submit']:hover, -select:hover { - border-image: -webkit-image-set( - url('chrome://resources/images/apps/button_hover.png') 1x, - url('chrome://resources/images/2x/apps/button_hover.png') - 2x) 5 fill / 5px / 2px repeat; - color: #222; -} - -button:active, -input[type='button']:active, -input[type='submit']:active { - border-image: -webkit-image-set( - url('chrome://resources/images/apps/button_pressed.png') 1x, - url('chrome://resources/images/2x/apps/button_pressed.png') - 2x) 5 fill / 5px / 2px repeat; - color: #333; -} - -button[disabled], -input[type='button'][disabled], -input[type='submit'][disabled], -button[disabled]:hover, -input[type='button'][disabled]:hover, -input[type='submit'][disabled]:hover { - background-color: rgb(250, 250, 250); - background-image: none; - border-image: -webkit-image-set( - url('chrome://resources/images/apps/button.png') 1x, - url('chrome://resources/images/2x/apps/button.png') - 2x) 5 fill / 5px / 2px repeat; - color: rgb(150, 150, 150); -} - -/* Gray progress bar. */ -.progress-bar { - background-color: #e6e6e6; - border-radius: 3px; - height: 6px; -} - -.progress-track { - background-color: #888; - border-radius: 3px; - height: 6px; - min-width: 6px; -} - -.progress-track.smoothed { - transition: width 1s linear; -} - -/* Icons for the action choice dialog and choosing the default app. */ -div.import-photos-to-drive-icon { - background-image: -webkit-image-set( - url('../images/media/drive.png') 1x, - url('../images/media/2x/drive.png') 2x); -} - -div.view-files-icon { - background-image: -webkit-image-set( - url('../../common/images/icon32.png') 1x, - url('../../common/images/icon64.png') 2x); -} - -div.watch-single-video-icon { - background-image: -webkit-image-set( - url('../images/media/watch.png') 1x, - url('../images/media/2x/watch.png') 2x); -} - -/* Pop-up dialogs. */ - -.cr-dialog-container { - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-user-select: none; - display: -webkit-box; - height: 100%; - left: 0; - overflow: hidden; - position: absolute; - top: 0; - transition: opacity 250ms linear; - width: 100%; - z-index: 9999; -} - -.cr-dialog-frame { - -webkit-box-orient: vertical; - background-color: rgb(250, 250, 250); - border: 1px solid rgb(255, 255, 255); - border-radius: 2px; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); - color: rgb(34, 34, 34); - cursor: default; - display: -webkit-box; - padding: 20px; - position: relative; - width: 460px; -} - -.cr-dialog-frame:focus { - outline: none; -} - -@-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); - } -} - -.cr-dialog-frame.pulse { - -webkit-animation-duration: 180ms; - -webkit-animation-iteration-count: 1; - -webkit-animation-name: pulse; - -webkit-animation-timing-function: ease-in-out; -} - -.shown > .cr-dialog-frame { - -webkit-transform: perspective(500px) scale(1) - translateY(0) rotateX(0); - opacity: 1; -} - -.cr-dialog-frame { - -webkit-transform: perspective(500px) scale(0.99) - translateY(-20px) rotateX(5deg); - opacity: 0; - transition: all 180ms; - transition-duration: 250ms; -} - -.cr-dialog-shield { - background-color: white; - bottom: 0; - display: block; - left: 0; - opacity: 0; - pointer-events: none; - position: absolute; - right: 0; - top: 0; - transition: opacity 500ms; -} - -.shown > .cr-dialog-shield { - opacity: 0.5; - transition: opacity 500ms; -} - -.cr-dialog-title { - -webkit-margin-after: 10px; - -webkit-margin-end: 20px; - display: block; - font-size: 125%; - white-space: nowrap; - word-wrap: normal; -} - -.cr-dialog-text { - margin: 13px 0; -} - -.cr-dialog-text, -.cr-dialog-title { - overflow: hidden; - text-overflow: ellipsis; -} - -.cr-dialog-frame input { - box-sizing: border-box; - width: 100%; -} - -.cr-dialog-buttons { - -webkit-box-orient: horizontal; - -webkit-box-pack: end; - display: -webkit-box; - padding-top: 10px; -} - -.cr-dialog-buttons button { - -webkit-margin-start: 8px; - line-height: 1.8; -} - -.cr-dialog-close { - background: url('chrome://theme/IDR_CLOSE_DIALOG') center no-repeat; - display: inline-block; - height: 44px; - opacity: 0.7; - position: absolute; - right: 0; - top: 0; - width: 44px; -} - -.cr-dialog-close:hover { - background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H'); -} - -.cr-dialog-close:active { - background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P'); -} |