CSS @import hierarchy for '-singlepage' test page for pavuk

Note: this is a test page for pavuk, to see if it can correctly spider/collect a complete CSS style sheets hierarchy which is constructed as a chain of CSS files using the CSS @import statement.

The relevant code is located in the header of this page and looks like this:

<style type="text/css" media="screen" >
<![CDATA[
@import url("css_import_hierarchy_4_singlepage_level1.css") screen;
]]>
</style>

Note that you may need to specify -read_cdata on the command line to ensure that pavuk will at least grab the initial CSS file (css_import_hierarchy_4_singlepage_level1.css). It is a chain of 5 CSS files:

css_import_hierarchy_4_singlepage_level1.css
css_import_hierarchy_4_singlepage_level2.css
css_import_hierarchy_4_singlepage_level3.css
css_import_hierarchy_4_singlepage_level4.css
css_import_hierarchy_4_singlepage_level5.css

so a proper spider should have collected all 5 of them. (Note that we do not include regular hyperlinks to the CSS files, so the only way to get them is for pavuk to actually grab them each through parsing the @import statements in them.)

Visual Cues

When grabbed correctly (or when viewed 'in vitro' on the website itself) you should see the colours in the boxes as described below. Note that the 'desired/expected colour' is shown next to it for reference: both 'RGB colour' boxes left and right should match in colour for each of the hierarchy levels.

Reference colour	Successful pavuk spider action & notes
RGB colour: #b2da28	RGB colour This colour will show up when the initial CSS has been correctly collected ('level 1')
RGB colour: #b39707	RGB colour This colour will show up when the second CSS has been correctly collected ('level 2')
RGB colour: #bb7585	RGB colour This colour will show up when the third CSS has been correctly collected ('level 3')
RGB colour: #906aff	RGB colour This colour will show up when the fourth CSS has been correctly collected ('level 4')
RGB colour: #f43948	RGB colour This colour will show up when the last CSS has been correctly collected ('level 5')

Other test cases

We offer additional test cases for use with pavuk ('make check') on this site. These include:

Index (collect them all)
Microsoft Internet Explorer conditional comments
CSS @import URL grabbing, where the relevant CSS is located in the HTML page