| 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 charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <style> | 5 <style> |
| 6 body { | 6 body { |
| 7 margin: 10px; | 7 margin: 10px; |
| 8 min-width: 47em; | 8 min-width: 47em; |
| 9 } | 9 } |
| 10 | 10 |
| 11 a { | 11 a { |
| 12 color: blue; | 12 color: blue; |
| 13 font-size: 103%; | 13 font-size: 103%; |
| 14 } | 14 } |
| 15 | 15 |
| 16 div#header { | 16 div#header { |
| 17 margin-bottom: 1.05em; | 17 margin-bottom: 1.05em; |
| 18 /* 67px is the height of the header's background image. */ | 18 /* 67px is the height of the header's background image. */ |
| 19 min-height: 67px; | 19 min-height: 67px; |
| 20 overflow: hidden; | 20 overflow: hidden; |
| 21 padding-bottom: 20px; | 21 padding-bottom: 20px; |
| 22 padding-left: 0; | 22 -webkit-padding-start: 0; |
| 23 padding-top: 20px; | 23 padding-top: 20px; |
| 24 position: relative; | 24 position: relative; |
| 25 -webkit-box-sizing: border-box; | 25 -webkit-box-sizing: border-box; |
| 26 } | 26 } |
| 27 | 27 |
| 28 html[dir=rtl] #header { | |
| 29 padding-right: 0; | |
| 30 } | |
| 31 | |
| 32 #header h1 { | 28 #header h1 { |
| 33 background: url('../../app/theme/conflicts_section.png') 0px 20px no-repeat; | 29 background: url('../../app/theme/conflicts_section.png') 0px 20px no-repeat; |
| 34 display: inline; | 30 display: inline; |
| 35 margin: 0; | 31 margin: 0; |
| 36 padding-bottom: 43px; | 32 padding-bottom: 43px; |
| 37 padding-left: 75px; | 33 padding-left: 75px; |
| 38 padding-top: 40px; | 34 padding-top: 40px; |
| 39 } | 35 } |
| 40 | 36 |
| 41 html[dir=rtl] #header h1 { | 37 html[dir=rtl] #header h1 { |
| (...skipping 17 matching lines...) Expand all Loading... |
| 59 div.content { | 55 div.content { |
| 60 font-size: 88%; | 56 font-size: 88%; |
| 61 margin-top: 5px; | 57 margin-top: 5px; |
| 62 } | 58 } |
| 63 | 59 |
| 64 .section-header { | 60 .section-header { |
| 65 background: #ebeff9; | 61 background: #ebeff9; |
| 66 border-top: 1px solid #b5c7de; | 62 border-top: 1px solid #b5c7de; |
| 67 font-size: 99%; | 63 font-size: 99%; |
| 68 padding-bottom: 2px; | 64 padding-bottom: 2px; |
| 69 padding-left: 5px; | 65 -webkit-padding-start: 5px; |
| 70 padding-top: 3px; | 66 padding-top: 3px; |
| 71 width: 100%; | 67 width: 100%; |
| 72 } | 68 } |
| 73 | 69 |
| 74 html[dir=rtl] .section-header { | |
| 75 padding-right: 5px; | |
| 76 padding-left: 0; | |
| 77 } | |
| 78 | |
| 79 .section-header > table > tr > td:first-child { | 70 .section-header > table > tr > td:first-child { |
| 80 width: 100%; | 71 width: 100%; |
| 81 } | 72 } |
| 82 | 73 |
| 83 .section-header > table { | 74 .section-header > table { |
| 84 width: 100%; | 75 width: 100%; |
| 85 } | 76 } |
| 86 | 77 |
| 87 .section-header-title { | 78 .section-header-title { |
| 88 font-weight: bold; | 79 font-weight: bold; |
| 89 } | 80 } |
| 90 | 81 |
| 91 .vbox-container { | 82 .vbox-container { |
| 92 display: -webkit-box; | 83 display: -webkit-box; |
| 93 -webkit-box-orient: vertical; | 84 -webkit-box-orient: vertical; |
| 94 } | 85 } |
| 95 | 86 |
| 96 .wbox { | 87 .wbox { |
| 97 display: -webkit-box; | 88 display: -webkit-box; |
| 98 -webkit-box-align: stretch; | 89 -webkit-box-align: stretch; |
| 99 -webkit-box-flex: 1; | 90 -webkit-box-flex: 1; |
| 100 } | 91 } |
| 101 | 92 |
| 102 #top { | 93 #top { |
| 103 padding-right: 5px; | 94 -webkit-padding-end: 5px; |
| 104 } | |
| 105 | |
| 106 html[dir=rtl] #top { | |
| 107 padding-left: 5px; | |
| 108 padding-right: 0; | |
| 109 } | 95 } |
| 110 | 96 |
| 111 .module-loaded > td { | 97 .module-loaded > td { |
| 112 padding-bottom: 4px; | 98 padding-bottom: 4px; |
| 113 padding-top: 5px; | 99 padding-top: 5px; |
| 114 } | 100 } |
| 115 | 101 |
| 116 .module { | 102 .module { |
| 117 border-bottom: 1px solid #cdcdcd; | 103 border-bottom: 1px solid #cdcdcd; |
| 118 } | 104 } |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 283 </td> | 269 </td> |
| 284 </tr> | 270 </tr> |
| 285 </table> | 271 </table> |
| 286 </div> | 272 </div> |
| 287 </div> | 273 </div> |
| 288 </div> | 274 </div> |
| 289 </div> | 275 </div> |
| 290 </div> | 276 </div> |
| 291 </body> | 277 </body> |
| 292 </html> | 278 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 5217005:
RTL HTML/CSS clean-up with -webkit-foo-{start,end}... (Closed)
Base URL: svn://chrome-svn/chrome/trunk/src/