summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/file_manager/css/combobutton.css
diff options
context:
space:
mode:
Diffstat (limited to 'chrome/browser/resources/file_manager/css/combobutton.css')
-rw-r--r--chrome/browser/resources/file_manager/css/combobutton.css110
1 files changed, 110 insertions, 0 deletions
diff --git a/chrome/browser/resources/file_manager/css/combobutton.css b/chrome/browser/resources/file_manager/css/combobutton.css
new file mode 100644
index 0000000..7daed67
--- /dev/null
+++ b/chrome/browser/resources/file_manager/css/combobutton.css
@@ -0,0 +1,110 @@
+/*
+ * Copyright (c) 2011 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.
+ */
+
+.cr-button {
+ border: 1px solid #aaa;
+ border-radius: 2px;
+ font: -webkit-small-control;
+}
+
+.cr-button:hover {
+ border: 1px solid #999;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0;
+}
+
+.cr-button:active {
+ -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0 inset;
+}
+
+
+
+.cr-combobutton {
+ position: relative;
+ display: none;
+ font: -webkit-small-control;
+}
+
+.cr-combobutton[visible] {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+}
+
+.cr-cb-container {
+ -webkit-box-flex: 1;
+ display: -webkit-box;
+}
+
+.cr-cb-button-container {
+ -webkit-box-flex: 1;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.cr-combobutton[open] .cr-cb-button-container {
+ border-top-left-radius: 0;
+}
+
+.cr-cb-button-container > * {
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.cr-combobutton[open] .cr-cb-button-container:hover > * {
+ background-color: #f2f6fa;
+}
+
+.cr-cb-trigger {
+ -webkit-box-flex: 0;
+ -webkit-margin-start: -1px;
+ width: 20px;
+ background-image: url('../images/disclosure_arrow_dk_grey_down.png');
+ background-repeat: no-repeat;
+ background-position: center;
+ display: none;
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.cr-combobutton[multiple] .cr-cb-trigger {
+ display: block;
+}
+
+.cr-combobutton[open] .cr-cb-trigger {
+ border-top-right-radius: 0;
+}
+
+.cr-cb-popup {
+ position: absolute;
+ left: 0;
+ right: 0;
+ display: none;
+ -webkit-box-orient: vertical;
+ -webkit-box-align: stretch;
+
+ border: 1px solid #aaa;
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ border-bottom-width: 0;
+}
+
+.cr-cb-popup:active {
+ box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.cr-combobutton[open] .cr-cb-popup {
+ display: -webkit-box;
+}
+
+.cr-cb-popup > * {
+ background-color: white;
+}
+
+.cr-cb-popup > *:hover {
+ background-color: #f2f6fa;
+}