document.write('
');
document.write('#navbar {
');
document.write(' border: 1px solid black;
');
document.write('}
');
document.write('
');
document.write('#navbar h2 {
');
document.write(' background-color: black;
');
document.write(' color: white;
');
document.write('}
');
document.write('
');
document.write('#navbar li {
');
document.write(' float: left;
');
document.write(' width: 100px;
');
document.write('}
');
document.write('
');
document.write('#navbar {
');
document.write(' border: 1px solid black;
');
document.write('
');
document.write(' //Applies to h2s within the navbar
');
document.write(' h2 {
');
document.write(' background-color: black;
');
document.write(' color: white;
');
document.write(' }
');
document.write('
');
document.write(' li {
');
document.write(' float: left;
');
document.write(' width: 100px;
');
document.write(' }
');
document.write('}
');
document.write('
');
document.write('
/**
');
document.write(' * Renders a snippet of CSS
');
document.write(' *
');
document.write(' * @param string $cssText
');
document.write(' * @return string
');
document.write(' */');
document.write('
function renderCSS
($cssText) {');
document.write('
$data =
preg_replace(\'/(\/\/.*\n)/\',
"",
$cssText);
// remove single line comments, like this, from // to \\n');
document.write('
$data =
preg_replace(\'/(\t|\r|\n)/\',
"",
$data);
// remove new lines \\n, tabs and \\r');
document.write('
$data =
preg_replace(\'/(\/\*[^*]*\*\/)/\',
\'\',
$data);
// remove multi-line comments /* */');
document.write('
$data =
preg_replace(\'/(\/\*[^\/]*\*\/)/\',
\'\',
$data);
// remove multi-line comments /* */');
document.write('
$data =
preg_replace(\'/(\s+)/\',
\' \',
$data);
// replace multi spaces with singles');
document.write('
$data = fixNesting
($data);
');
document.write('
$data =
preg_replace(\'/[^}{]+{\s?}/\',
\'\',
$data);
//Remove empty rules');
document.write('
$data =
preg_replace(\'/\s*{\s*/\',
"{",
$data);
');
document.write('
$data =
preg_replace(\'/\s*}\s*/\',
"}",
$data);
');
document.write('
$data =
preg_replace(\'/}/\',
"}\n",
$data);
');
document.write('
');
document.write('
return $data;
');
document.write('
}');
document.write('
');
document.write('
// Helper callback function for fixNesting (below)');
document.write('
function fixNesting_buildSelector
($outer,
$inner) {');
document.write('
$outerPieces =
split(",",
$outer);
');
document.write('
if (trim($inner) ==
"IEHACK") {');
document.write('
foreach ($outerPieces as $o) {');
document.write('
$resultPieces[] =
"* html " .
$o;
');
document.write('
}');
document.write('
} else {');
document.write('
$innerPieces =
split(",",
$inner);
');
document.write('
$resultPieces =
array();
');
document.write('
foreach ($outerPieces as $o) {');
document.write('
foreach ($innerPieces as $i) {');
document.write('
$resultPieces[] =
$o .
" " .
$i;
');
document.write('
}');
document.write('
}');
document.write('
}');
document.write('
return join(",",
$resultPieces);
');
document.write('
}');
document.write('
');
document.write('
');
document.write('
// Helper callback function for fixNesting (below)');
document.write('
function fixNesting_selector
($selectors,
$depth) {');
document.write('
$newSelector =
$selectors[0];
');
document.write('
');
document.write('
for($j =
1;
$j<
$depth;
$j++
) {');
document.write('
$newSelector = fixNesting_buildSelector
($newSelector,
$selectors[$j]);
');
document.write('
}');
document.write('
');
document.write('
return $newSelector;
');
document.write('
}');
document.write('
');
document.write('
function fixNesting
($cssText) {');
document.write('
$result =
array();
');
document.write('
$pieces =
split("{",
$cssText);
');
document.write('
');
document.write('
$selectorStackIndex =
0;
');
document.write('
$selectorStack =
array();
');
document.write('
');
document.write('
$currentPieceIndex =
0;
');
document.write('
');
document.write('
for ($i =
0;
$i<count
($pieces);
$i++
) {');
document.write('
$piece =
$pieces[$i];
');
document.write('
while (($closeBracketPos =
strpos($piece,
"}")) !==
false) {');
document.write('
if ($closeBracketPos >
0) {');
document.write('
$result[] =
substr($piece,
0,
$closeBracketPos);
');
document.write('
}');
document.write('
$result[] =
"}";
');
document.write('
');
document.write('
$selectorStackIndex--;
');
document.write('
');
document.write('
if ($selectorStackIndex >
0 ) {');
document.write('
$result[] = fixNesting_selector
($selectorStack,
$selectorStackIndex);
');
document.write('
$result[] =
"{";
');
document.write('
');
document.write('
}');
document.write('
$piece =
substr($piece,
$closeBracketPos+1);
');
document.write('
}');
document.write('
');
document.write('
if (trim($piece) ==
\'\') {');
document.write('
continue;
');
document.write('
}');
document.write('
');
document.write('
// Inner Rule');
document.write('
$endOfLastProperty =
strrpos($piece,
";");
');
document.write('
if ($endOfLastProperty !==
false) {');
document.write('
$result[] =
substr($piece,
0,
$endOfLastProperty+1);
');
document.write('
$piece =
substr($piece,
$endOfLastProperty+1);
');
document.write('
}');
document.write('
');
document.write('
if ($selectorStackIndex >
0) {');
document.write('
$result[] =
"}";
');
document.write('
}');
document.write('
');
document.write('
// Whole piece is the selector');
document.write('
$selector =
$piece;
');
document.write('
');
document.write('
$selectorStack[$selectorStackIndex++
] =
$selector;
');
document.write('
$result[] = fixNesting_selector
($selectorStack,
$selectorStackIndex);
');
document.write('
$result[] =
\'{\';
');
document.write('
}');
document.write('
$result =
join($result);
');
document.write('
');
document.write('
return $result;
');
document.write('
}');
document.write('
');