iegik · October 17, 2010 09:46
diff --git a/marker.html b/marker.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Marker</title>
 	<meta name="author" content="Arturs Jansons">
 	<!-- Date: 2010-10-16 -->
 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 	<script>
 	$(function(){
 		$('.mark').prepend('<span></span>');
 	})
 	</script>
 	<style>
 		.mark, .mark span {	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVEAAAAoCAMAAABw8jnNAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAwBQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Bz0LCAAAAP90Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKiss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");background-repeat: no-repeat;}
 		.mark {
 			background-color:#ccc;/*#f7b;/*#7bf;/*#bf7;/*dedault color | rgb colors*/
 			background-position: 100% 0;
 			position:relative;
 			padding: 0 0 0 15px;
 		}
 		.mark.red {background-color:#f7b;}
 		.mark.green {background-color:#bf7;}
 		.mark.blue {background-color:#7bf;}
 		.mark span {
 			background-position:0 -20px;
 			display:block;
 			position:absolute;
 			top:0;
 			width:20px;
 			height:20px;
 		}
 	</style>
 </head>
 <body>
    <p>
 	Lorem <span class="mark">ipsum dolor</span> sit amet, consectetur adipiscing elit. Nam <strong class="red mark">fermentum consectetur</strong> auctor. <span class="green mark">Mauris ac lectus erat</span>, ac lobortis neque. Mauris sit amet dui quis mauris <span class="blue mark">mollis varius non sed tellus. Aliquam fringilla ante aliquet diam dictum eget tempus tellus aliquet.</span> Suspendisse at nulla mauris, sit amet lobortis massa. Nullam faucibus velit id risus varius adipiscing. Donec vitae nisi urna. Aenean justo sapien, consequat id viverra nec, porttitor vel metus. Proin placerat ante vitae sem luctus sit amet facilisis mauris bibendum. Nulla nec elit elit, ut ultrices nulla.
    </p>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Marker</title>
	<meta name="author" content="Arturs Jansons">
	<!-- Date: 2010-10-16 -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script>
	$(function(){
	$('.mark').prepend('<span></span>');
	})
	</script>
	<style>
	.mark, .mark span { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVEAAAAoCAMAAABw8jnNAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAwBQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Bz0LCAAAAP90Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKiss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");background-repeat: no-repeat;}
	.mark {
	background-color:#ccc;/#f7b;/#7bf;/#bf7;/dedault color \| rgb colors*/
	background-position: 100% 0;
	position:relative;
	padding: 0 0 0 15px;
	}
	.mark.red {background-color:#f7b;}
	.mark.green {background-color:#bf7;}
	.mark.blue {background-color:#7bf;}
	.mark span {
	background-position:0 -20px;
	display:block;
	position:absolute;
	top:0;
	width:20px;
	height:20px;
	}
	</style>
	</head>
	<body>
	<p>
	Lorem <span class="mark">ipsum dolor</span> sit amet, consectetur adipiscing elit. Nam <strong class="red mark">fermentum consectetur</strong> auctor. <span class="green mark">Mauris ac lectus erat</span>, ac lobortis neque. Mauris sit amet dui quis mauris <span class="blue mark">mollis varius non sed tellus. Aliquam fringilla ante aliquet diam dictum eget tempus tellus aliquet.</span> Suspendisse at nulla mauris, sit amet lobortis massa. Nullam faucibus velit id risus varius adipiscing. Donec vitae nisi urna. Aenean justo sapien, consequat id viverra nec, porttitor vel metus. Proin placerat ante vitae sem luctus sit amet facilisis mauris bibendum. Nulla nec elit elit, ut ultrices nulla.
	</p>
	</body>
	</html>