| 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 14 matching lines...) Expand all Loading... |
| 25 border: 1px solid #AAA; | 25 border: 1px solid #AAA; |
| 26 border-bottom: 1px solid #888; | 26 border-bottom: 1px solid #888; |
| 27 border-radius: 3px; | 27 border-radius: 3px; |
| 28 color: black; | 28 color: black; |
| 29 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> | 29 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> |
| 30 /* Not done on mobile for performance reasons. */ | 30 /* Not done on mobile for performance reasons. */ |
| 31 box-shadow: 0px 2px 2px #AAA; | 31 box-shadow: 0px 2px 2px #AAA; |
| 32 </if> | 32 </if> |
| 33 } | 33 } |
| 34 | 34 |
| 35 ul { | |
| 36 margin: 0; | |
| 37 padding-bottom: 0; | |
| 38 } | |
| 39 | |
| 40 li { | |
| 41 padding-top: 2px; | |
| 42 } | |
| 43 | |
| 44 h1 { | 35 h1 { |
| 45 color: #666; | 36 color: #666; |
| 46 margin: 10px 0px 25px 0px; | 37 margin: 10px 0px 25px 0px; |
| 47 font-weight: normal; | 38 font-weight: normal; |
| 48 font-size: 1.5em; | 39 font-size: 1.5em; |
| 49 } | 40 } |
| 50 | 41 |
| 51 h2 { | |
| 52 font-weight: normal; | |
| 53 margin: 0; | |
| 54 padding: 0; | |
| 55 } | |
| 56 | |
| 57 a { | 42 a { |
| 58 color: #00c; | 43 color: #15c; |
| 59 } | 44 text-decoration: none; |
| 60 | |
| 61 a:active { | |
| 62 color: #f00; | |
| 63 } | |
| 64 | |
| 65 a:visited { | |
| 66 color: #551a8b; | |
| 67 } | 45 } |
| 68 | 46 |
| 69 #content-top { | 47 #content-top { |
| 70 margin: 20px 20px 20px 25px; | 48 margin: 20px 20px 20px 25px; |
| 71 } | 49 } |
| 72 | 50 |
| 73 #help-box-outer { | 51 #help-box-outer { |
| 74 overflow: hidden; | 52 overflow: hidden; |
| 75 -webkit-transition: height ease-in 218ms; | 53 -webkit-transition: height ease-in 218ms; |
| 76 } | 54 } |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 127 } | 105 } |
| 128 | 106 |
| 129 .failedUrl { | 107 .failedUrl { |
| 130 word-wrap: break-word; | 108 word-wrap: break-word; |
| 131 } | 109 } |
| 132 | 110 |
| 133 .hidden { | 111 .hidden { |
| 134 display: none; | 112 display: none; |
| 135 } | 113 } |
| 136 | 114 |
| 115 .suggestions { |
| 116 margin-top: 18px; |
| 117 } |
| 118 |
| 119 .suggestionHeader { |
| 120 font-weight: bold; |
| 121 margin-bottom: 4px; |
| 122 } |
| 123 |
| 124 .suggestionBody { |
| 125 color: #777; |
| 126 } |
| 127 |
| 137 /* Increase line height at higher resolutions. */ | 128 /* Increase line height at higher resolutions. */ |
| 138 @media (min-width: 641px) and (min-height: 641px) { | 129 @media (min-width: 641px) and (min-height: 641px) { |
| 139 #details { | 130 #details { |
| 140 line-height: 18px; | 131 line-height: 18px; |
| 141 } | 132 } |
| 142 #help-box-inner { | 133 #help-box-inner { |
| 143 line-height: 20px; | 134 line-height: 18px; |
| 144 } | 135 } |
| 145 } | 136 } |
| 146 | 137 |
| 147 /* Decrease padding at low sizes. */ | 138 /* Decrease padding at low sizes. */ |
| 148 @media (max-width: 640px), (max-height: 640px) { | 139 @media (max-width: 640px), (max-height: 640px) { |
| 149 body { | 140 body { |
| 150 margin: 15px; | 141 margin: 15px; |
| 151 } | 142 } |
| 152 h1 { | 143 h1 { |
| 153 margin: 10px 0px 15px 0px; | 144 margin: 10px 0px 15px 0px; |
| 154 } | 145 } |
| 155 #content-top { | 146 #content-top { |
| 156 margin: 15px; | 147 margin: 15px; |
| 157 } | 148 } |
| 158 #help-box-inner { | 149 #help-box-inner { |
| 159 padding: 20px; | 150 padding: 20px; |
| 160 } | 151 } |
| 161 #details { | 152 #details { |
| 162 margin: 15px; | 153 margin: 15px; |
| 163 } | 154 } |
| 155 .suggestions { |
| 156 margin-top: 10px; |
| 157 } |
| 158 |
| 159 .suggestionHeader { |
| 160 margin-bottom: 0px; |
| 161 } |
| 164 } | 162 } |
| 165 | 163 |
| 166 </style> | 164 </style> |
| 167 </head> | 165 </head> |
| 168 | 166 |
| 169 <script> | 167 <script> |
| 170 /** | 168 /** |
| 171 * Sets the classes of elements to match their jscontent values. | 169 * Sets the classes of elements to match their jscontent values. |
| 172 * Elements without jscontent values are ignored. | 170 * Elements without jscontent values are ignored. |
| 173 * | 171 * |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 211 <button id="moreLessButton" onclick="toggleHelpBox()" jsdisplay="more" jsval
ues=".moreText:more; .lessText:less;" jscontent="more"></button> | 209 <button id="moreLessButton" onclick="toggleHelpBox()" jsdisplay="more" jsval
ues=".moreText:more; .lessText:less;" jscontent="more"></button> |
| 212 </div> | 210 </div> |
| 213 | 211 |
| 214 <!-- Outer and inner divs are needed both for margins and sizing. --> | 212 <!-- Outer and inner divs are needed both for margins and sizing. --> |
| 215 <div id="help-box-outer" class="hidden"> | 213 <div id="help-box-outer" class="hidden"> |
| 216 <div id="help-box-inner"> | 214 <div id="help-box-inner"> |
| 217 <div id="errorSummary" jsselect="summary"> | 215 <div id="errorSummary" jsselect="summary"> |
| 218 <span jsvalues=".innerHTML:msg"></span> | 216 <span jsvalues=".innerHTML:msg"></span> |
| 219 </div> | 217 </div> |
| 220 | 218 |
| 221 <div id="suggestions" jsdisplay="suggestionsHeading"> | 219 <div class="suggestions" jsselect="suggestions"> |
| 222 <h2 i18n-content="suggestionsHeading"></h2> | 220 <div class="suggestionHeader" jsvalues=".innerHTML:header"></div> |
| 223 <ul> | 221 <div class="suggestionBody" jsvalues=".innerHTML:body"></div> |
| 224 <li jsselect="suggestionsHomepage"> | |
| 225 <span jscontent="suggestionsHomepageMsg"></span> | |
| 226 <a jscontent="hostName" jsvalues="href:homePage"></a> | |
| 227 </li> | |
| 228 <li jsselect="suggestionsCheckConnection"> | |
| 229 <span jsvalues=".innerHTML:msg"></span> | |
| 230 </li> | |
| 231 <li jsselect="suggestionsDNSConfig"> | |
| 232 <span jsvalues=".innerHTML:msg"></span> | |
| 233 </li> | |
| 234 <li jsselect="suggestionsDisableNetworkPrediction"> | |
| 235 <span jsvalues=".innerHTML:msg"></span> | |
| 236 </li> | |
| 237 <li jsselect="suggestionsFirewallConfig"> | |
| 238 <span jsvalues=".innerHTML:msg"></span> | |
| 239 </li> | |
| 240 <li jsselect="suggestionsProxyConfig"> | |
| 241 <span jsvalues=".innerHTML:msg"></span> | |
| 242 </li> | |
| 243 <li jsselect="suggestionsProxyDisable"> | |
| 244 <span jsvalues=".innerHTML:msg"></span> | |
| 245 </li> | |
| 246 <li jsselect="suggestionsDisableExtension"> | |
| 247 <span jsvalues=".innerHTML:msg"></span> | |
| 248 </li> | |
| 249 <li jsselect="suggestionsLearnMore"> | |
| 250 <span jsvalues=".innerHTML:msg"></span> | |
| 251 </li> | |
| 252 <li jsselect="suggestionsViewPolicies"> | |
| 253 <span jsvalues=".innerHTML:msg"></span> | |
| 254 </li> | |
| 255 <li jsselect="suggestionsContactAdministrator"> | |
| 256 <span jsvalues=".innerHTML:msg"></span> | |
| 257 </li> | |
| 258 </ul> | |
| 259 </div> | 222 </div> |
| 260 </div> | 223 </div> |
| 261 </div> | 224 </div> |
| 262 </div> | 225 </div> |
| 263 <div id="details"> | 226 <div id="details"> |
| 264 <div jsdisplay="errorDetails" jscontent="errorDetails"></div> | 227 <div jsdisplay="errorDetails" jscontent="errorDetails"></div> |
| 265 <div jscontent="errorCode"></div> | 228 <div jscontent="errorCode"></div> |
| 266 </div> | 229 </div> |
| 267 </div> | 230 </div> |
| 268 </body> | 231 </body> |
| 269 </html> | 232 </html> |
| OLD | NEW |