| 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 <title i18n-content="title"> | 4 <title i18n-content="title"> |
| 5 </title> | 5 </title> |
| 6 <style> | 6 <style> |
| 7 html { |
| 8 height: 100%; |
| 9 background-color: #999; |
| 10 } |
| 7 body { | 11 body { |
| 8 background-color: #fff; | 12 height: 100%; |
| 9 color: #000; | 13 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBB), to(#999)); |
| 10 font-family: Helvetica, Arial, sans-serif; | 14 font-family: Helvetica, Arial, sans-serif; |
| 11 font-size: 83%; | 15 margin: 0; |
| 12 line-height: 120%; | |
| 13 max-width: 35em; | |
| 14 padding: 0.5em 1em; | |
| 15 } | 16 } |
| 16 li { | 17 #cell { |
| 17 padding-bottom: .3em; | 18 border-top: 1px solid #999; |
| 19 padding: 40px; |
| 20 } |
| 21 #box { |
| 22 width: 80%; |
| 23 max-width: 750px; |
| 24 background-color: white; |
| 25 color: black; |
| 26 font-size: 10pt; |
| 27 line-height: 18px; |
| 28 -webkit-box-shadow: 2px 5px 12px #555; |
| 29 border-radius: 5px; |
| 30 margin: auto; |
| 31 padding: 20px; |
| 18 } | 32 } |
| 19 ul { | 33 ul { |
| 20 margin: .5em 0 0; | 34 margin: 0; |
| 21 padding-bottom: 0; | 35 padding-bottom: 0; |
| 22 } | 36 } |
| 23 h1 { | 37 h1 { |
| 24 font-size: 1.5em; | 38 font-size: 18pt; |
| 25 margin-bottom: 1.5em; | 39 line-height: 30px; |
| 40 margin: 0; |
| 41 } |
| 42 h1 img { |
| 43 float: right; |
| 44 border: 0; |
| 45 margin-top: -4px; |
| 46 -webkit-margin-start: 20px; |
| 47 } |
| 48 html[dir=rtl] h1 img { |
| 49 float: left; |
| 26 } | 50 } |
| 27 h2 { | 51 h2 { |
| 28 font-size: 1em; | 52 font-size: 10pt; |
| 29 font-weight: bold; | 53 font-weight: bold; |
| 30 margin: 0 0 .5em; | 54 margin: 0; |
| 31 padding: 0; | 55 padding: 0; |
| 32 } | 56 } |
| 33 a { | 57 a { |
| 34 color: #00c; | 58 color: #00c; |
| 35 } | 59 } |
| 36 a:active { | 60 a:active { |
| 37 color: #f00; | 61 color: #f00; |
| 38 } | 62 } |
| 39 a:visited { | 63 a:visited { |
| 40 color: #551a8b; | 64 color: #551a8b; |
| 41 } | 65 } |
| 42 #errorSummary, #suggestions, #search { | 66 #errorSummary, #suggestions, #search { |
| 43 margin-bottom: 2.5em; | 67 -webkit-margin-start: 3px; |
| 68 margin-top: 15px; |
| 44 } | 69 } |
| 45 #zipInfo { | 70 #errorDetails { |
| 46 padding-left: 16px; | 71 color: #777; |
| 47 overflow: hidden; | 72 -webkit-margin-start: 3px; |
| 48 -webkit-transition: height .1s ease-out; | 73 margin-top: 30px; |
| 49 } | |
| 50 #plus { | |
| 51 border: 0; | |
| 52 cursor: pointer; | |
| 53 vertical-align: baseline; | |
| 54 } | |
| 55 #details { | |
| 56 background-color: #e0e0e0; | |
| 57 max-width: 30em; | |
| 58 padding: 1em; | |
| 59 } | |
| 60 #errorDetails.hide-details #plus { | |
| 61 display: inline; | |
| 62 } | |
| 63 #errorDetails.show-details #plus { | |
| 64 display: none; | |
| 65 } | |
| 66 #errorDetails.hide-details #minus { | |
| 67 display: none; | |
| 68 } | |
| 69 #errorDetails.show-details #minus { | |
| 70 display: inline; | |
| 71 } | |
| 72 #errorDetails.hide-details #zipInfo { | |
| 73 height: 0 !important; | |
| 74 } | 74 } |
| 75 </style> | 75 </style> |
| 76 <script> | |
| 77 function toggleDiv() { | |
| 78 var elt = document.getElementById('errorDetails'); | |
| 79 elt.className = (elt.className == 'show-details') ? 'hide-details' | |
| 80 : 'show-details'; | |
| 81 | |
| 82 if (elt.className == 'show-details') { | |
| 83 zipInfo.style.height = zipInfo.offsetHeight + 'px'; | |
| 84 } else { | |
| 85 zipInfo.style.height = 'auto'; | |
| 86 } | |
| 87 } | |
| 88 </script> | |
| 89 </head> | 76 </head> |
| 90 | 77 |
| 91 <body id="t"> | 78 <body id="t"> |
| 79 <div id="cell"> |
| 80 <div id="box"> |
| 81 <h1> |
| 82 <img src="../../app/theme/%DISTRIBUTION%/product_logo.png" /> |
| 83 <span i18n-content="heading"></span> |
| 84 </h1> |
| 92 | 85 |
| 93 <h1 i18n-content="heading"></h1> | 86 <div id="errorSummary" jsselect="summary"> |
| 87 <p jsvalues=".innerHTML:msg"></div> |
| 94 | 88 |
| 95 <div id="errorSummary" jsselect="summary"> | 89 <div id="suggestions"> |
| 96 <p jsvalues=".innerHTML:msg"></p> | 90 <h2 i18n-content="suggestionsHeading"></h2> |
| 97 </div> | 91 <ul> |
| 92 <li jsselect="suggestionsReload"> |
| 93 <span jsvalues=".innerHTML:msg"></span> |
| 94 </li> |
| 95 <li jsselect="suggestionsHomepage"> |
| 96 <span jscontent="suggestionsHomepageMsg"></span> |
| 97 <a jscontent="hostName" jsvalues="href:homePage"></a> |
| 98 </li> |
| 99 <li jsselect="suggestionsLearnMore"> |
| 100 <span jsvalues=".innerHTML:msg"></span> |
| 101 </li> |
| 102 </ul> |
| 103 </div> |
| 98 | 104 |
| 99 <div id="suggestions"> | 105 <div id="errorDetails" i18n-content="details"></div> |
| 100 <h2 i18n-content="suggestionsHeading"></h2> | |
| 101 <ul> | |
| 102 <li jsselect="suggestionsReload"> | |
| 103 <span jsvalues=".innerHTML:msg"></span> | |
| 104 </li> | |
| 105 <li jsselect="suggestionsHomepage"> | |
| 106 <span jscontent="suggestionsHomepageMsg"></span> | |
| 107 <a jscontent="hostName" jsvalues="href:homePage"></a> | |
| 108 </li> | |
| 109 <li jsselect="suggestionsLearnMore"> | |
| 110 <span jsvalues=".innerHTML:msg"></span> | |
| 111 </li> | |
| 112 </ul> | |
| 113 </div> | |
| 114 | |
| 115 <div id="errorDetails" class="hide-details"> | |
| 116 <a href="javascript:void(0);" style="text-decoration:none" onclick="toggleDiv()
"> | |
| 117 <img id="plus" src="../../browser/resources/shared/images/plus.png"> | |
| 118 <img id="minus" src="../../browser/resources/shared/images/minus.png"> | |
| 119 <span id="errorExpander" i18n-content="detailsLink" style="text-decoration:und
erline"></span> | |
| 120 </a> | |
| 121 <div id="zipInfo"> | |
| 122 <p i18n-content="detailsHeading"></p> | |
| 123 <div id="details" i18n-content="details"></div> | |
| 124 </div> | 106 </div> |
| 125 </div> | 107 </div> |
| 126 </body> | 108 </body> |
| 127 </html> | 109 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews