Retrieve resources from media and supports query rules while serializing

Source/web/tests/data/pageserializer/css/css_test_page.html

Index: Source/web/tests/data/pageserializer/css/css_test_page.html
diff --git a/Source/web/tests/data/pageserializer/css/css_test_page.html b/Source/web/tests/data/pageserializer/css/css_test_page.html
index badff29f68f73ce50db801940325cfdf8340a1cc..9d90315485c18984acbe27d09d657827e5c6529d 100644
--- a/Source/web/tests/data/pageserializer/css/css_test_page.html
+++ b/Source/web/tests/data/pageserializer/css/css_test_page.html
@@ -31,6 +31,12 @@ ol {
   list-style-image: url('ol-dot.png');
 }
 
+@media all {
+  #divPink {
+    background-image: url('pink_background.png');
+  }
+} /* media all */
+
 </style>
 
 <script>
@@ -82,6 +88,11 @@ This div has a green image as its background.
 This div has a purple image as its background.
 </div>
 
+<!-- Style is defined in a media query -->
+<div id='divPink'>
+This div has a pink image as its background.
+</div>
+
 Unordered list:<br>
 <ul>
   <li>Blue</li>