diff options
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/SearchBar.css')
-rw-r--r-- | Source/WebInspectorUI/UserInterface/SearchBar.css | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/SearchBar.css b/Source/WebInspectorUI/UserInterface/SearchBar.css new file mode 100644 index 000000000..7275e4c55 --- /dev/null +++ b/Source/WebInspectorUI/UserInterface/SearchBar.css @@ -0,0 +1,49 @@ +/* + * Copyright (C) 2013 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' + * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, + * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS + * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR + * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF + * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS + * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN + * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) + * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF + * THE POSSIBILITY OF SUCH DAMAGE. + */ + +.search-bar > input[type="search"] { + margin: 1px 6px; + + outline: none; + + -webkit-appearance: none; + + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; + background-clip: padding-box; + + height: 19px; + + transition: background-color 200ms ease-in-out; +} + +.search-bar > input[type="search"]::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} + +.search-bar > input[type="search"]:focus { background-color: white; } +.search-bar > input[type="search"]:not(:placeholder-shown) { background-color: white; } /* Needs to be a separate rule. See http://webkit.org/b/118162 */ |