OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html i18n-values="dir:textdirection"> | 2 <html i18n-values="dir:textdirection"> |
3 <head> | 3 <head> |
4 <meta name="viewport" content="width=device-width" /> | 4 <meta name="viewport" content="width=device-width" /> |
5 <title i18n-content="title"> | 5 <title i18n-content="title"> |
6 </title> | 6 </title> |
7 <style> | 7 <style> |
8 | 8 |
9 body { | 9 body { |
10 background-color: #E6E6E6; | 10 background-color: #E6E6E6; |
(...skipping 18 matching lines...) Expand all Loading... |
29 html:not([subframe]) #sub-frame-error { | 29 html:not([subframe]) #sub-frame-error { |
30 display: none; | 30 display: none; |
31 } | 31 } |
32 | 32 |
33 #box { | 33 #box { |
34 background-color: #fbfbfb; | 34 background-color: #fbfbfb; |
35 border: 1px solid #AAA; | 35 border: 1px solid #AAA; |
36 border-bottom: 1px solid #888; | 36 border-bottom: 1px solid #888; |
37 border-radius: 3px; | 37 border-radius: 3px; |
38 color: black; | 38 color: black; |
39 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 39 <if expr="not is_android and not pp_ifdef('ios')"> |
40 /* Not done on mobile for performance reasons. */ | 40 /* Not done on mobile for performance reasons. */ |
41 box-shadow: 0px 2px 2px #AAA; | 41 box-shadow: 0px 2px 2px #AAA; |
42 </if> | 42 </if> |
43 } | 43 } |
44 | 44 |
45 h1 { | 45 h1 { |
46 color: #666; | 46 color: #666; |
47 margin: 10px 0px 25px 0px; | 47 margin: 10px 0px 25px 0px; |
48 font-weight: normal; | 48 font-weight: normal; |
49 font-size: 1.5em; | 49 font-size: 1.5em; |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 padding: 25px 20px; | 81 padding: 25px 20px; |
82 text-align: start; | 82 text-align: start; |
83 } | 83 } |
84 | 84 |
85 #suggestions { | 85 #suggestions { |
86 margin-top: 15px; | 86 margin-top: 15px; |
87 } | 87 } |
88 | 88 |
89 #sub-frame-error-details { | 89 #sub-frame-error-details { |
90 color: #8F8F8F; | 90 color: #8F8F8F; |
91 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 91 <if expr="not is_android and not pp_ifdef('ios')"> |
92 /* Not done on mobile for performance reasons. */ | 92 /* Not done on mobile for performance reasons. */ |
93 text-shadow: 0 1px 0 rgba(255,255,255,0.3); | 93 text-shadow: 0 1px 0 rgba(255,255,255,0.3); |
94 </if> | 94 </if> |
95 } | 95 } |
96 | 96 |
97 [jscontent=failedUrl] { | 97 [jscontent=failedUrl] { |
98 overflow-wrap: break-word; | 98 overflow-wrap: break-word; |
99 } | 99 } |
100 | 100 |
101 button { | 101 button { |
102 /* iOS does not support linear-gradient without a prefix. */ | 102 /* iOS does not support linear-gradient without a prefix. */ |
103 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); | 103 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); |
104 border: 1px solid rgba(0, 0, 0, 0.25); | 104 border: 1px solid rgba(0, 0, 0, 0.25); |
105 color: #444; | 105 color: #444; |
106 margin: 0px 5px; | 106 margin: 0px 5px; |
107 min-height: 29px; | 107 min-height: 29px; |
108 min-width: 65px; | 108 min-width: 65px; |
109 text-shadow: 0 1px 0 rgb(240, 240, 240); | 109 text-shadow: 0 1px 0 rgb(240, 240, 240); |
110 -webkit-user-select: none; | 110 -webkit-user-select: none; |
111 padding: 8px 13px; | 111 padding: 8px 13px; |
112 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 112 <if expr="not is_android and not pp_ifdef('ios')"> |
113 /* Not done on mobile for performance reasons. */ | 113 /* Not done on mobile for performance reasons. */ |
114 border-radius: 2px; | 114 border-radius: 2px; |
115 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0
.75); | 115 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0
.75); |
116 </if> | 116 </if> |
117 } | 117 } |
118 | 118 |
119 button:hover { | 119 button:hover { |
120 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | 120 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); |
121 border: 1px solid rgba(0, 0, 0, 0.3); | 121 border: 1px solid rgba(0, 0, 0, 0.3); |
122 color: #000; | 122 color: #000; |
123 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 123 <if expr="not is_android and not pp_ifdef('ios')"> |
124 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0
.95); | 124 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0
.95); |
125 </if> | 125 </if> |
126 } | 126 } |
127 | 127 |
128 button:active { | 128 button:active { |
129 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | 129 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); |
130 border: 1px solid rgba(0, 0, 0, 0.3); | 130 border: 1px solid rgba(0, 0, 0, 0.3); |
131 color: #444; | 131 color: #444; |
132 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 132 <if expr="not is_android and not pp_ifdef('ios')"> |
133 box-shadow: none; | 133 box-shadow: none; |
134 </if> | 134 </if> |
135 } | 135 } |
136 | 136 |
137 #reload-button { | 137 #reload-button { |
138 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); | 138 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); |
139 border: 1px solid rgba(45, 102, 195, 1); | 139 border: 1px solid rgba(45, 102, 195, 1); |
140 color: #fff; | 140 color: #fff; |
141 text-shadow: 0 1px 0 rgba(0,0,0,0.5); | 141 text-shadow: 0 1px 0 rgba(0,0,0,0.5); |
142 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 142 <if expr="not is_android and not pp_ifdef('ios')"> |
143 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 143 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
144 </if> | 144 </if> |
145 } | 145 } |
146 | 146 |
147 #reload-button:hover { | 147 #reload-button:hover { |
148 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); | 148 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); |
149 border: 1px solid rgba(45, 102, 195, 1); | 149 border: 1px solid rgba(45, 102, 195, 1); |
150 color: #fff; | 150 color: #fff; |
151 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 151 <if expr="not is_android and not pp_ifdef('ios')"> |
152 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 152 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
153 </if> | 153 </if> |
154 } | 154 } |
155 | 155 |
156 #reload-button:active { | 156 #reload-button:active { |
157 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); | 157 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); |
158 border: 1px solid rgba(38, 84, 160, 1); | 158 border: 1px solid rgba(38, 84, 160, 1); |
159 color: #fff; | 159 color: #fff; |
160 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 160 <if expr="not is_android and not pp_ifdef('ios')"> |
161 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); | 161 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
162 </if> | 162 </if> |
163 } | 163 } |
164 | 164 |
165 .hidden { | 165 .hidden { |
166 display: none; | 166 display: none; |
167 } | 167 } |
168 | 168 |
169 .suggestions { | 169 .suggestions { |
170 margin-top: 18px; | 170 margin-top: 18px; |
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
309 </div> | 309 </div> |
310 </div> | 310 </div> |
311 <div id="sub-frame-error"> | 311 <div id="sub-frame-error"> |
312 <!-- Show details when hovering over the icon, in case the details are | 312 <!-- Show details when hovering over the icon, in case the details are |
313 hidden because they're too large. --> | 313 hidden because they're too large. --> |
314 <img class="error-img" jsvalues=".title:errorDetails"> | 314 <img class="error-img" jsvalues=".title:errorDetails"> |
315 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 315 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
316 </div> | 316 </div> |
317 </body> | 317 </body> |
318 </html> | 318 </html> |
OLD | NEW |