26352a261c82f12c65722f93cf89c04e57c12710
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / GoToLineDialog.css
1 /*
2  * Copyright (C) 2013 Apple 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''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 .go-to-line-dialog {
27     position: relative;
28     left: 50%;
29     top: 50px;
30     width: calc(100% - 40px);
31     max-width: 452px;
32     height: 38px;
33     -webkit-transform: translate(-50%, -50%);
34     padding: 3px;
35     border-radius: 5px;
36     background-color: rgba(232, 232, 232, 0.95);
37     border: 1px rgb(218, 218, 218) solid;
38     box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.33);
39 }
40
41 .go-to-line-dialog > div {
42     width: 100%;
43     height: 100%;
44     border-radius: 4px;
45     background-color: white;
46     border: 1px rgb(206, 206, 206) solid;
47 }
48
49 .go-to-line-dialog > div > input {
50     position: absolute;
51     left: 2px;
52     right: 36px;
53     border: none;
54     background-color: transparent;
55     font-family: "Lucida Grande", sans-serif;
56     font-size: 20px;
57     color: rgb(12, 12, 12);
58     padding: 0 0 1px 5px;
59     outline: none;
60 }
61
62 .go-to-line-dialog > div > input::-webkit-input-placeholder {
63     color: rgb(133, 133, 133);
64 }
65
66 .go-to-line-dialog > div > img {
67     position: absolute;
68     top: 9px;
69     right: 12px;
70     padding: 2px;
71     border-radius: 9px;
72     width: 18px;
73     height: 18px;
74     background-color: rgb(188, 188, 188);
75     display: none;
76     content: url(../Images/CloseWhite.svg);
77 }
78
79 .go-to-line-dialog > div > img:active {
80     background-color: rgb(140, 140, 140);
81 }
82
83 .go-to-line-dialog.non-empty > div > img {
84     display: block;
85 }