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