[Qt] css2.1/t1* tests needs rebaseline after new testfonts
[WebKit-https.git] / Source / WebCore / Resources / colorSuggestionPicker.css
1 /*
2  * Copyright (C) 2012 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
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' AND ANY
14  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
15  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
16  * DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY
17  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
18  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
19  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
20  * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
21  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
22  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
23  */
24
25 body {
26     -webkit-user-select: none;
27     background-color: white;
28     font: -webkit-small-control;
29     margin: 0;
30     overflow: hidden;
31 }
32
33 #main {
34     background-color: white;
35     border: solid 1px #8899aa;
36     box-shadow: inset 2px 2px 2px white,
37         inset -2px -2px 1px rgba(0,0,0,0.1);
38     padding: 6px;
39     float: left;
40 }
41
42 .color-swatch {
43     float: left;
44     width: 20px;
45     height: 20px;
46     margin: 1px;
47     border: 1px solid #e0e0e0;
48 }
49
50 .color-swatch:hover {
51     border: 1px solid #000000;
52     margin: 1px;
53 }
54
55 .color-swatch-container {
56     width: 100%;
57     max-height: 104px;
58     overflow: auto;
59 }
60
61 .other-color {
62     width: 100%;
63     margin: 4px 0 0 0;
64 }