| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 * | 4 * |
| 5 * This is the stylesheet used by the network drop-down control. | 5 * This is the stylesheet used by the network drop-down control. |
| 6 */ | 6 */ |
| 7 | 7 |
| 8 .dropdown-title { | 8 .dropdown-title { |
| 9 -webkit-appearance: none; | 9 -webkit-appearance: none; |
| 10 -webkit-box-align: start; | 10 -webkit-box-align: start; |
| 11 -webkit-padding-end: 20px; | 11 -webkit-padding-end: 20px; |
| 12 -webkit-padding-start: 1px; | 12 -webkit-padding-start: 1px; |
| 13 -webkit-user-select: none; | 13 -webkit-user-select: none; |
| 14 background-image: url('../../shared/images/select.png'), | 14 background-image: url('../../shared/images/select.png'), |
| 15 -webkit-gradient(linear, left top, left bottom, | 15 -webkit-gradient(linear, left top, left bottom, |
| 16 color-stop(0, rgb(237, 237, 237)), | 16 color-stop(0, rgb(237, 237, 237)), |
| 17 color-stop(0.38, rgb(237, 237, 237)), | 17 color-stop(0.38, rgb(237, 237, 237)), |
| 18 color-stop(1, rgb(222, 222, 222))); | 18 color-stop(1, rgb(222, 222, 222))); |
| 19 background-position: center right; | 19 background-position: center right; |
| 20 background-repeat: no-repeat; | 20 background-repeat: no-repeat; |
| 21 border: 1px solid rgba(0, 0, 0, 0.25); |
| 21 border-radius: 2px; | 22 border-radius: 2px; |
| 22 border: 1px solid rgba(0, 0, 0, 0.25); | |
| 23 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), | 23 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), |
| 24 inset 0 1px 2px rgba(255, 255, 255, 0.75); | 24 inset 0 1px 2px rgba(255, 255, 255, 0.75); |
| 25 color: #444; | 25 color: #444; |
| 26 display: -webkit-box; | 26 display: -webkit-box; |
| 27 font-size: inherit; | 27 font-size: inherit; |
| 28 height: 22px; | 28 height: 22px; |
| 29 margin: 0; | 29 margin: 0; |
| 30 overflow: hidden; | 30 overflow: hidden; |
| 31 padding-bottom: 2px; |
| 31 padding-top: 2px; | 32 padding-top: 2px; |
| 32 padding-bottom: 2px; | |
| 33 text-overflow: ellipsis; | |
| 34 text-align: left; | 33 text-align: left; |
| 35 text-indent: 4px; | 34 text-indent: 4px; |
| 35 text-overflow: ellipsis; |
| 36 text-shadow: 0 1px 0 rgb(240, 240, 240); | 36 text-shadow: 0 1px 0 rgb(240, 240, 240); |
| 37 white-space: nowrap; | 37 white-space: nowrap; |
| 38 z-index: 10; | 38 z-index: 10; |
| 39 } | 39 } |
| 40 | 40 |
| 41 .dropdown-title:enabled:hover { | 41 .dropdown-title:enabled:hover { |
| 42 background-image: url('../../shared/images/select.png'), | 42 background-image: url('../../shared/images/select.png'), |
| 43 -webkit-gradient(linear, left top, left bottom, | 43 -webkit-gradient(linear, left top, left bottom, |
| 44 color-stop(0, rgb(237, 237, 237)), | 44 color-stop(0, rgb(237, 237, 237)), |
| 45 color-stop(0.38, rgb(237, 237, 237)), | 45 color-stop(0.38, rgb(237, 237, 237)), |
| (...skipping 26 matching lines...) Expand all Loading... |
| 72 | 72 |
| 73 .dropdown-title div { | 73 .dropdown-title div { |
| 74 -webkit-box-flex: 1; | 74 -webkit-box-flex: 1; |
| 75 margin-top: 1px; | 75 margin-top: 1px; |
| 76 overflow: hidden; | 76 overflow: hidden; |
| 77 text-overflow: ellipsis; | 77 text-overflow: ellipsis; |
| 78 } | 78 } |
| 79 | 79 |
| 80 .dropdown-container { | 80 .dropdown-container { |
| 81 background: #f7f7f7; | 81 background: #f7f7f7; |
| 82 border: 1px solid #7c91bf; | 82 border: 1px solid rgb(124, 145, 191); |
| 83 max-height: 330px; | 83 max-height: 330px; |
| 84 overflow-x: hidden; | 84 overflow-x: hidden; |
| 85 overflow-y: auto; | 85 overflow-y: auto; |
| 86 padding-bottom: 2px; | 86 padding-bottom: 2px; |
| 87 padding-top: 2px; | 87 padding-top: 2px; |
| 88 position: absolute; | 88 position: absolute; |
| 89 top: 100%; | 89 top: 100%; |
| 90 width: 99.5%; | 90 width: 99.5%; |
| 91 z-index: 10; | 91 z-index: 10; |
| 92 } | 92 } |
| 93 | 93 |
| 94 .dropdown-item-container { | 94 .dropdown-item-container { |
| 95 -webkit-padding-start: 5px; | 95 -webkit-padding-start: 5px; |
| 96 display: -webkit-box; | 96 display: -webkit-box; |
| 97 height: 24px; | 97 height: 24px; |
| 98 } | 98 } |
| 99 | 99 |
| 100 .dropdown-item-container.hover { | 100 .dropdown-item-container.hover { |
| 101 background: #dce4fa; | 101 background: rgb(220, 228, 250); |
| 102 } | 102 } |
| 103 | 103 |
| 104 .dropdown-image { | 104 .dropdown-image { |
| 105 width: 24px; | 105 width: 24px; |
| 106 } | 106 } |
| 107 | 107 |
| 108 .dropdown-item { | 108 .dropdown-item { |
| 109 -webkit-box-flex: 1; | 109 -webkit-box-flex: 1; |
| 110 color: #555; |
| 110 cursor: default; | 111 cursor: default; |
| 111 color: #555; | |
| 112 overflow: hidden; | 112 overflow: hidden; |
| 113 padding-top: 4px; | 113 padding-top: 4px; |
| 114 text-overflow: ellipsis; | 114 text-overflow: ellipsis; |
| 115 white-space: nowrap; | 115 white-space: nowrap; |
| 116 } | 116 } |
| 117 | 117 |
| 118 .dropdown-divider { | 118 .dropdown-divider { |
| 119 height: 3px; | 119 height: 3px; |
| 120 } | 120 } |
| 121 | 121 |
| 122 .dropdown-divider hr { | 122 .dropdown-divider hr { |
| 123 -webkit-margin-after: 2px; |
| 123 -webkit-margin-before: 2px; | 124 -webkit-margin-before: 2px; |
| 124 -webkit-margin-after: 2px; | |
| 125 } | 125 } |
| 126 | 126 |
| 127 .dropdown-item.disabled-item { | 127 .dropdown-item.disabled-item { |
| 128 color: graytext; | 128 color: graytext; |
| 129 } | 129 } |
| 130 | 130 |
| 131 .dropdown-overlay { | 131 .dropdown-overlay { |
| 132 bottom: 0; | 132 bottom: 0; |
| 133 left: 0; | 133 left: 0; |
| 134 position: fixed; | 134 position: fixed; |
| 135 right: 0; | 135 right: 0; |
| 136 top: 0; | 136 top: 0; |
| 137 z-index: 5; | 137 z-index: 5; |
| 138 } | 138 } |
| 139 | 139 |
| OLD | NEW |