| OLD | NEW |
|---|
| 1 <!-- This page is used to test that CSS resources are retrieved correctly by | 1 <!-- This page is used to test that CSS resources are retrieved correctly by |
| 2 the PageSerializer. | 2 the PageSerializer. |
| 3 --> | 3 --> |
| 4 <html> | 4 <html> |
| 5 <head> | 5 <head> |
| 6 | 6 |
| 7 <link rel="stylesheet" type="text/css" href="link_styles.css" /> | 7 <link rel="stylesheet" type="text/css" href="link_styles.css" /> |
| 8 | 8 |
| 9 <style> | 9 <style> |
| 10 @import url('import_styles.css'); | 10 @import url('import_styles.css'); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 } | 24 } |
| 25 | 25 |
| 26 ul { | 26 ul { |
| 27 list-style-image: url('ul-dot.png'); | 27 list-style-image: url('ul-dot.png'); |
| 28 } | 28 } |
| 29 | 29 |
| 30 ol { | 30 ol { |
| 31 list-style-image: url('ol-dot.png'); | 31 list-style-image: url('ol-dot.png'); |
| 32 } | 32 } |
| 33 | 33 |
| 34 @media all { |
| 35 #divPink { |
| 36 background-image: url('pink_background.png'); |
| 37 } |
| 38 } /* media all */ |
| 39 |
| 34 </style> | 40 </style> |
| 35 | 41 |
| 36 <script> | 42 <script> |
| 37 // Dynamically creates a CSS style. | 43 // Dynamically creates a CSS style. |
| 38 function onLoad() { | 44 function onLoad() { |
| 39 var styleText = "#divPurple {background-image:url('purple_background.png')}"; | 45 var styleText = "#divPurple {background-image:url('purple_background.png')}"; |
| 40 var div = document.getElementById('divPurple'); | 46 var div = document.getElementById('divPurple'); |
| 41 var styleNode= document.createElement('style'); | 47 var styleNode= document.createElement('style'); |
| 42 styleNode.type= 'text/css'; | 48 styleNode.type= 'text/css'; |
| 43 styleNode.media= 'screen'; | 49 styleNode.media= 'screen'; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 75 <!-- Style is inlined --> | 81 <!-- Style is inlined --> |
| 76 <div id='divGreen' style="background-image:url('green_background.png')"> | 82 <div id='divGreen' style="background-image:url('green_background.png')"> |
| 77 This div has a green image as its background. | 83 This div has a green image as its background. |
| 78 </div> | 84 </div> |
| 79 | 85 |
| 80 <!-- Style id dynamically generated with JavaScript in the onload handler --> | 86 <!-- Style id dynamically generated with JavaScript in the onload handler --> |
| 81 <div id='divPurple'> | 87 <div id='divPurple'> |
| 82 This div has a purple image as its background. | 88 This div has a purple image as its background. |
| 83 </div> | 89 </div> |
| 84 | 90 |
| 91 <!-- Style is defined in a media query --> |
| 92 <div id='divPink'> |
| 93 This div has a pink image as its background. |
| 94 </div> |
| 95 |
| 85 Unordered list:<br> | 96 Unordered list:<br> |
| 86 <ul> | 97 <ul> |
| 87 <li>Blue</li> | 98 <li>Blue</li> |
| 88 <li>Red</li> | 99 <li>Red</li> |
| 89 <li>Yellow</li> | 100 <li>Yellow</li> |
| 90 <li>Blue</li> | 101 <li>Blue</li> |
| 91 <li>Green</li> | 102 <li>Green</li> |
| 92 <li>Red</li> | 103 <li>Red</li> |
| 93 </ul> | 104 </ul> |
| 94 <br> | 105 <br> |
| 95 | 106 |
| 96 Ordered list:<br> | 107 Ordered list:<br> |
| 97 <ol> | 108 <ol> |
| 98 <li>Blue</li> | 109 <li>Blue</li> |
| 99 <li>Red</li> | 110 <li>Red</li> |
| 100 <li>Yellow</li> | 111 <li>Yellow</li> |
| 101 <li>Blue</li> | 112 <li>Blue</li> |
| 102 <li>Green</li> | 113 <li>Green</li> |
| 103 <li>Red</li> | 114 <li>Red</li> |
| 104 </ol> | 115 </ol> |
| 105 | 116 |
| 106 </body> | 117 </body> |
| 107 | 118 |
| 108 </html> | 119 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1203873004:
Retrieve resources from media and supports query rules while serializing (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master