Web Inspector: RTL: add support for Error page
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Debug / UncaughtExceptionReporter.css
1 /*
2  * Copyright (C) 2015 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 .sheet-container {
27     position: absolute;
28     left: 0;
29     right: 0;
30     top: 0;
31     bottom: 0;
32     z-index: var(--z-index-uncaught-exception-sheet);
33     background-color: hsl(0, 0%, 96%);
34     overflow: scroll;
35 }
36
37 .uncaught-exception-sheet {
38     min-width: 400px;
39     padding: 50px 0;
40     font-family: '-webkit-system-font';
41     font-size: 11pt;
42     color: hsl(0, 0%, 40%);
43
44     --uncaught-exception-sheet-margin-start: 65px;
45     --uncaught-exception-sheet-margin-end: 55px;
46 }
47
48 body[dir=ltr] .uncaught-exception-sheet {
49     margin-left: var(--uncaught-exception-sheet-margin-start);
50     margin-right: var(--uncaught-exception-sheet-margin-end);
51 }
52
53 body[dir=rtl] .uncaught-exception-sheet {
54     margin-left: var(--uncaught-exception-sheet-margin-end);
55     margin-right: var(--uncaught-exception-sheet-margin-start);
56 }
57
58 .uncaught-exception-sheet a {
59     text-decoration: underline;
60     color: hsl(240, 55%, 30%);
61     cursor: pointer;
62     font-weight: 500;
63     font-size: 97%;
64 }
65 .uncaught-exception-sheet a:hover,
66 .uncaught-exception-sheet a:active {
67     color: hsl(240, 55%, 25%);
68 }
69
70 .uncaught-exception-sheet h1,
71 .uncaught-exception-sheet h2 {
72     font-size: 24px;
73     line-height: 28px;
74     margin-bottom: 0px;
75     margin-top: 10px;
76     font-weight: normal;
77 }
78
79 .uncaught-exception-sheet h2 {
80     margin-top: 40px;
81 }
82
83 .uncaught-exception-sheet h1 > img {
84     position: relative;
85     height: 35px;
86     margin-top: -5px;
87
88     --uncaught-exception-sheet-h1-img-margin-start: -50px;
89 }
90
91 body[dir=ltr] .uncaught-exception-sheet h1 > img {
92     float: left;
93     margin-left: var(--uncaught-exception-sheet-h1-img-margin-start);
94 }
95
96 body[dir=rtl] .uncaught-exception-sheet h1 > img {
97     float: right;
98     margin-right: var(--uncaught-exception-sheet-h1-img-margin-start);
99 }
100
101 .uncaught-exception-sheet h2 > img {
102     position: relative;
103     height: 25px;
104     margin-top: 0;
105
106     --uncaught-exception-sheet-h2-img-margin-start: -45px;
107 }
108
109 body[dir=ltr] .uncaught-exception-sheet h2 > img {
110     float: left;
111     margin-left: var(--uncaught-exception-sheet-h2-img-margin-start);
112 }
113
114 body[dir=rtl] .uncaught-exception-sheet h2 > img {
115     float: right;
116     margin-right: var(--uncaught-exception-sheet-h2-img-margin-start);
117 }
118
119 .uncaught-exception-sheet dl {
120     max-width: 600px;
121 }
122
123 .uncaught-exception-sheet dt {
124     font-style: italic;
125     font-size: 17px;
126 }
127
128 .uncaught-exception-sheet dd {
129     margin: 10px 0 20px;
130     font-size: 13px;
131     line-height: 18px;
132
133     --uncaught-exception-sheet-dd-margin-start: 10px;
134 }
135
136 body[dir=ltr] .uncaught-exception-sheet dd {
137     margin-left: var(--uncaught-exception-sheet-dd-margin-start);
138 }
139
140 body[dir=rtl] .uncaught-exception-sheet dd {
141     margin-right: var(--uncaught-exception-sheet-dd-margin-start);
142 }
143
144 .uncaught-exception-sheet ul {
145     margin: 0;
146     padding: 0;
147     font-family: Menlo, monospace;
148     font-size: 12px;
149     line-height: 18px;
150
151     --uncaught-exception-sheet-ul-margin-start: 2px;
152 }
153
154 body[dir=ltr] .uncaught-exception-sheet ul {
155     margin-left: var(--uncaught-exception-sheet-ul-margin-start);
156 }
157
158 body[dir=rtl] .uncaught-exception-sheet ul {
159     margin-right: var(--uncaught-exception-sheet-ul-margin-start);
160 }
161
162 .uncaught-exception-sheet li {
163     margin-bottom: 20px;
164     word-break: break-word;
165     -webkit-user-select: text;
166     white-space: pre;
167 }