diff options
Diffstat (limited to 'Source/web/resources/colorSuggestionPicker.css')
-rw-r--r-- | Source/web/resources/colorSuggestionPicker.css | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/Source/web/resources/colorSuggestionPicker.css b/Source/web/resources/colorSuggestionPicker.css new file mode 100644 index 000000000..39a162bda --- /dev/null +++ b/Source/web/resources/colorSuggestionPicker.css @@ -0,0 +1,69 @@ +/* + * Copyright (C) 2012 Google 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. + */ + +body { + -webkit-user-select: none; + background-color: white; + font: -webkit-small-control; + margin: 0; + overflow: hidden; +} + +#main { + background-color: white; + border: solid 1px #8899aa; + box-shadow: inset 2px 2px 2px white, + inset -2px -2px 1px rgba(0,0,0,0.1); + padding: 6px; + float: left; +} + +.color-swatch { + float: left; + width: 20px; + height: 20px; + margin: 1px; + padding: 0; + border: 1px solid #e0e0e0; + box-sizing: content-box; +} + +.color-swatch:focus { + border: 1px solid #000000; + outline: none; +} + +.color-swatch-container { + width: 100%; + max-height: 104px; + overflow: auto; + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.other-color { + width: 100%; + margin: 4px 0 0 0; +} |