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:

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: