| /* 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. |
| * |
| * This is the stylesheet used by the network drop-down control. |
| */ |
| |
| .dropdown-title { |
| -webkit-appearance: none; |
| -webkit-box-align: start; |
| -webkit-padding-end: 20px; |
| -webkit-padding-start: 1px; |
| -webkit-user-select: none; |
| background-image: url('../../../../../ui/webui/resources/images/select.png'), |
| linear-gradient(to bottom, |
| rgb(237, 237, 237), |
| rgb(237, 237, 237) 38%, |
| rgb(222, 222, 222)); |
| background-position: center right; |
| background-repeat: no-repeat; |
| border: 1px solid rgba(0, 0, 0, 0.25); |
| border-radius: 2px; |
| box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), |
| inset 0 1px 2px rgba(255, 255, 255, 0.75); |
| color: #444; |
| display: -webkit-box; |
| font-size: inherit; |
| height: 22px; |
| margin: 0; |
| overflow: hidden; |
| padding-bottom: 2px; |
| padding-top: 2px; |
| text-align: left; |
| text-indent: 4px; |
| text-overflow: ellipsis; |
| text-shadow: 0 1px 0 rgb(240, 240, 240); |
| white-space: nowrap; |
| z-index: 10; |
| } |
| |
| html[dir=rtl] .dropdown-title { |
| background-position: center left; |
| } |
| |
| .dropdown-title:enabled:hover { |
| background-image: url('../../../../../ui/webui/resources/images/select.png'), |
| linear-gradient(to bottom, |
| rgb(237, 237, 237), |
| rgb(237, 237, 237) 38%, |
| rgb(222, 222, 222)); |
| border-color: rgba(0, 0, 0, 0.3); |
| box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), |
| inset 0 1px 2px rgba(255, 255, 255, 0.95); |
| color: black; |
| } |
| |
| .dropdown-title:enabled:active { |
| background-image: url('../../../../../ui/webui/resources/images/select.png'), |
| linear-gradient(to bottom, |
| rgb(231, 231, 231), |
| rgb(231, 231, 231) 38%, |
| rgb(215, 215, 215)); |
| box-shadow: none; |
| text-shadow: none; |
| } |
| |
| .dropdown-title:focus { |
| -webkit-transition: border-color 200ms; |
| border-color: rgb(77, 144, 254); |
| outline: none; |
| } |
| |
| html[highlight=strong] .dropdown-title:focus { |
| box-shadow: 0 0 23px rgb(77, 144, 254); |
| } |
| |
| .dropdown-title img { |
| margin-top: -1px; |
| } |
| |
| .dropdown-title div { |
| -webkit-box-flex: 1; |
| margin-top: 1px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .dropdown-container { |
| background: #f7f7f7; |
| border: 1px solid rgb(124, 145, 191); |
| max-height: 234px; |
| overflow-x: hidden; |
| overflow-y: auto; |
| padding-bottom: 2px; |
| padding-top: 2px; |
| position: absolute; |
| top: 100%; |
| width: 99.5%; |
| z-index: 10; |
| } |
| |
| .dropdown-item-container { |
| -webkit-padding-start: 5px; |
| display: -webkit-box; |
| height: 24px; |
| } |
| |
| .dropdown-item-container.hover { |
| background: rgb(220, 228, 250); |
| } |
| |
| .dropdown-image { |
| width: 25px; |
| } |
| |
| .dropdown-item { |
| -webkit-box-flex: 1; |
| color: #555; |
| cursor: default; |
| overflow: hidden; |
| padding-top: 4px; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| .dropdown-divider { |
| height: 3px; |
| } |
| |
| .dropdown-divider hr { |
| -webkit-margin-after: 2px; |
| -webkit-margin-before: 2px; |
| } |
| |
| .dropdown-item.disabled-item { |
| color: graytext; |
| } |
| |
| .dropdown-overlay { |
| bottom: 0; |
| left: 0; |
| position: fixed; |
| right: 0; |
| top: 0; |
| z-index: 5; |
| } |