OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are |
| 6 * met: |
| 7 * |
| 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above |
| 11 * copyright notice, this list of conditions and the following disclaimer |
| 12 * in the documentation and/or other materials provided with the |
| 13 * distribution. |
| 14 * * Neither the name of Google Inc. nor the names of its |
| 15 * contributors may be used to endorse or promote products derived from |
| 16 * this software without specific prior written permission. |
| 17 * |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ |
| 30 |
| 31 .filter-text-filter { |
| 32 margin-top: 1px; |
| 33 margin-left: 1px; |
| 34 margin-right: 1px; |
| 35 flex: 0 0 100px; |
| 36 } |
| 37 |
| 38 .filter-bitset-filter { |
| 39 line-height: 19px; |
| 40 padding-right: 10px !important; |
| 41 overflow: hidden; |
| 42 } |
| 43 |
| 44 .filter-bitset-filter li { |
| 45 display: inline-block; |
| 46 margin: 1px 2px; |
| 47 padding: 0px 6px; |
| 48 background: transparent; |
| 49 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; |
| 50 border-radius: 8px; |
| 51 } |
| 52 |
| 53 .filter-bitset-filter-divider { |
| 54 background-color: #ccc; |
| 55 height: 16px; |
| 56 width: 1px; |
| 57 vertical-align: middle; |
| 58 display: inline-block; |
| 59 } |
| 60 |
| 61 .filter-bitset-filter li.selected, |
| 62 .filter-bitset-filter li:hover, |
| 63 .filter-bitset-filter li:active { |
| 64 color: white; |
| 65 text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; |
| 66 } |
| 67 |
| 68 .filter-bitset-filter li.all { |
| 69 margin: 1px 8px; |
| 70 } |
| 71 |
| 72 .filter-bitset-filter li:hover { |
| 73 background: rgba(0, 0, 0, 0.2); |
| 74 } |
| 75 |
| 76 .filter-bitset-filter li.selected { |
| 77 background: rgba(0, 0, 0, 0.3); |
| 78 } |
| 79 |
| 80 .filter-bitset-filter li:active { |
| 81 background: rgba(0, 0, 0, 0.5); |
| 82 } |
| 83 |
| 84 .filter-combobox-filter { |
| 85 margin-left: 5px; |
| 86 margin-right: 2px; |
| 87 flex: 0 0 auto; |
| 88 } |
| 89 |
| 90 .filter-checkbox-filter { |
| 91 line-height: 22px; |
| 92 padding-left: 4px; |
| 93 padding-right: 2px; |
| 94 white-space: nowrap; |
| 95 text-overflow: ellipsis; |
| 96 overflow: hidden; |
| 97 } |
| 98 |
| 99 .filter-checkbox-filter .checkbox-filter-checkbox { |
| 100 width: 10px; |
| 101 height: 10px; |
| 102 margin: 0 3px 0 3px; |
| 103 padding: 0; |
| 104 border-radius: 2px; |
| 105 border: solid 1px; |
| 106 display: inline-block; |
| 107 overflow: visible; |
| 108 opacity: 0.8; |
| 109 vertical-align: -1px; |
| 110 } |
| 111 |
| 112 |
| 113 .filter-checkbox-filter .checkbox-filter-checkbox-check { |
| 114 -webkit-appearance: none; |
| 115 width: 11px; |
| 116 height: 11px; |
| 117 margin-top: -2px; |
| 118 margin-left: 1px; |
| 119 } |
| 120 |
| 121 .filter-checkbox-filter .checkbox-filter-checkbox-checked { |
| 122 background-image: url(Images/statusbarButtonGlyphs.png); |
| 123 background-size: 320px 120px; |
| 124 background-position: -129px -110px; |
| 125 } |
| 126 |
| 127 .filters-toggle > .glyph { |
| 128 -webkit-mask-position: -32px -48px; |
| 129 } |
| 130 |
| 131 .filters-toggle.toggled-shown .glyph { |
| 132 background-color: rgb(66, 129, 235); |
| 133 } |
| 134 |
| 135 .filters-toggle.toggled-active .glyph { |
| 136 background-color: rgb(216, 0, 0); |
| 137 } |
OLD | NEW |