<beginfold id='3'>/*</beginfold id='3'>*
 * This is a pseudo CSS file to test Kate's CSS syntax highlighting.
 <endfold id='3'>*/</endfold id='3'>

@import url("othersheet.css") screen, tv;

body <beginfold id='1'>{</beginfold id='1'>
	font-size: 15pt;
	font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
	margin-top: 0px;			<beginfold id='3'>/*</beginfold id='3'> yet another comment <endfold id='3'>*/</endfold id='3'>
	margin-bottom: 0px;
	// this is no comment, it's just broken!
	margin-left: 0px;
	margin-right: 0px;
<endfold id='1'>}</endfold id='1'>

.something
<beginfold id='1'>{</beginfold id='1'>
	margin-right: 0px;
	color: #cdd;
	color: #AAFE04;
	color: rgb(10%,30%,43%);
	background: maroon;
<endfold id='1'>}</endfold id='1'>

a:hover <beginfold id='1'>{</beginfold id='1'>
<endfold id='1'>}</endfold id='1'>

#header,
p.intro:first-letter,
p:lang(nl),
img[align="right"]
<beginfold id='1'>{</beginfold id='1'>
	border: 1px solid Qt::red !important;
	-moz-border-radius: 15px; <beginfold id='3'>/*</beginfold id='3'> unknown properties render italic <endfold id='3'>*/</endfold id='3'>
<endfold id='1'>}</endfold id='1'>

@media print <beginfold id='4'>{</beginfold id='4'>

	#header
	<beginfold id='1'>{</beginfold id='1'>
		display: none;
	<endfold id='1'>}</endfold id='1'>

<endfold id='4'>}</endfold id='4'>

<beginfold id='3'>/*</beginfold id='3'>
TODO: add more tests, e.g. media
<endfold id='3'>*/</endfold id='3'>
