| 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 |