anchor.diff:  <link href='http://fonts.googleapis.com/css?family=Gudea:400,700'
   	rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  -<link href="./css/bootstrap.css" rel="stylesheet">
  +<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
   <style type="text/css">
   * {
   	font-family: 'Gudea', sans-serif;
   }
   input[type='text'], textarea {
  -	width: 780px;
   	padding: 10px;
   	font-family: 'Gudea', sans-serif;
   	font-size: 17px;
  
positive.code: header {
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  .page {
  	width: 800px;
  
negative.code: 			<form id="test_form" action="javascript:void(0);">
  				<div class="block">
  					<label for="target_text">Target text</label>
  					<textarea id="target_text" class="form-control" tabindex="1"></textarea>
  				</div>
  				<div class="block">
  					<label for="match_pattern">Regex pattern</label>
  					<input type="text" id="match_pattern" class="form-control" tabindex="2" />
  					<div style="text-align: right">
  						<a href="javascript:void(0);" id="copy_match_pattern">Copy</a>
  					</div>
  				</div>
  				<div class="block">
  					<label for="replace_pattern">Replacement</label> 
  					<input type="text" id="replace_pattern" class="form-control" tabindex="3" />
  					<div style="text-align: right">
  						<a href="javascript:void(0);" id="copy_replace_pattern">Copy</a>
  					</div>
  				</div>
  				<div class="block" style="text-align: right;">
  					<input type="submit" value="TEST" tabindex="4" class="btn btn-primary" />
  				</div>
  			</form>
  			<div class="block">
  