<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Labeling test</title> <?php include '../inc/turbine.php'; turbine('../css.php', array('tests/labeling.cssp'), 'html'); ?> </head> <body> <h1>Expected output</h1> <pre>@media print { #pleasedontwork { border: 1px solid blue; } } @media screen { #some #deep #nesting #foo { color: red; } #bar { /* Inherited properties from: "#some #deep #nesting #foo" */ background: green; color: red; } #baz { font-weight: bold; } #test1 { /* Inherited properties from: "#some #deep #nesting #foo" */ color: red; }
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bugfix plugin test</title> <?php include '../inc/turbine.php'; turbine('../css.php', array('tests/bugfixes.cssp'), 'html'); ?> </head> <body> <h1>:hover</h1> <p><img src="bugfixes.png"></p> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Box shadow test</title> <?php include '../inc/turbine.php'; turbine('../css.php', array('tests/boxshadow.cssp'), 'html'); ?> </head> <body> <div class="softoffset1">Soft shadow with offset, drop shadow filter in IE</div> <div class="softnooffset1">Soft shadow without offset, glow filter in IE</div> <div class="hardoffset1">Hard shadow with offset, shadow filter in IE</div> <div class="hardnooffset1">Hard shadow without offset, deactivating filters in IE</div> <br style="clear:both"> <div class="rgb">RGB</div> <div class="rgba">RGBA</div> <div class="hsl">HSL</div> <div class="hsla">HSLA</div> </body> </html>