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 display: flex; 33 margin-left: 2px; 34 margin-right: 2px; 35 flex: 0 1 120px; 36 min-width: 40px; 37 } 38 39 .filter-text-filter.supports-regex { 40 flex: 0 0 155px; 41 } 42 43 .filter-text-filter label { 44 margin: auto 0; 45 } 46 47 .filter-bitset-filter { 48 padding: 0 10px !important; 49 overflow: hidden; 50 display: flex !important; 51 } 52 53 .filter-bitset-filter li { 54 display: inline-block; 55 margin: auto 2px; 56 padding: 4px 6px 3px 6px; 57 background: transparent; 58 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 59 border-radius: 8px; 60 } 61 62 .filter-bitset-filter-divider { 63 background-color: #ccc; 64 height: 16px; 65 width: 1px; 66 margin: auto 2px; 67 display: inline-block; 68 } 69 70 .filter-bitset-filter li.selected, 71 .filter-bitset-filter li:hover, 72 .filter-bitset-filter li:active { 73 color: white; 74 text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; 75 } 76 77 .filter-bitset-filter li:hover { 78 background: rgba(0, 0, 0, 0.2); 79 } 80 81 .filter-bitset-filter li.selected { 82 background: rgba(0, 0, 0, 0.3); 83 } 84 85 .filter-bitset-filter li:active { 86 background: rgba(0, 0, 0, 0.5); 87 } 88 89 .filter-combobox-filter { 90 margin-left: 5px; 91 margin-right: 2px; 92 flex: 0 0 auto; 93 } 94 95 .filter-checkbox-filter { 96 padding-left: 4px; 97 padding-right: 2px; 98 white-space: nowrap; 99 text-overflow: ellipsis; 100 overflow: hidden; 101 display: flex; 102 } 103 104 .filter-checkbox-filter > label { 105 display: flex; 106 margin: auto 0; 107 } 108 109 .filter-text-invalid { 110 background-color: rgb(255, 200, 200); 111 } 112 113 .filter-checkbox-filter .checkbox-filter-checkbox { 114 width: 10px; 115 height: 10px; 116 margin: auto 3px; 117 padding: 0; 118 border-radius: 2px; 119 border: solid 1px; 120 display: inline-block; 121 overflow: visible; 122 opacity: 0.8; 123 flex-shrink: 0; 124 } 125 126 127 .filter-checkbox-filter .checkbox-filter-checkbox-check { 128 -webkit-appearance: none; 129 width: 11px; 130 height: 11px; 131 margin-top: -2px; 132 margin-left: 1px; 133 } 134 135 .filter-checkbox-filter .checkbox-filter-checkbox-checked { 136 background-image: url(Images/statusbarButtonGlyphs.png); 137 background-size: 320px 144px; 138 background-position: -129px -110px; 139 } 140 141 .filters-toggle > .glyph { 142 -webkit-mask-position: -32px -48px; 143 } 144 145 .filters-toggle.toggled-shown .glyph { 146 background-color: rgb(66, 129, 235); 147 } 148 149 .filters-toggle.toggled-active .glyph { 150 background-color: rgb(216, 0, 0); 151 } 152