dominykas · January 23, 2013 01:45
diff --git a/ruby-for-translations.html b/ruby-for-translations.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8" />
 	<title>Invoice</title>
 	<style>
 	body {
 		font-family: sans-serif;
 		width: 640px;
 		margin: 0 auto;
 		font-size: 12px;
 		-webkit-print-color-adjust:exact;
 	}
 	header {
 		margin-bottom: 2em;
 	}
 	header h1, header p, header rt {
 		margin: 0;
 		text-align: center;
 	}
 	.from h2, .to h2 {
 		font-size: 14px;
 		margin: 0;
 	}
 	.from {
 		float: left;
 	}
 	.to {
 		float: right;
 	}
 	section {
 		padding: 1em 0;
 		clear: both;
 	}
 	table {
 		width: 100%;
 		border-spacing: 1px;
 	}
 	th, td {
 		border: 1px solid #999;
 		padding: 0.25em;
 	}
 	.num {
 		text-align: right;
 	}
 	.unit, .unit rt {
 		text-align: center;
 	}
 	th[scope=row], th[scope=row] rt {
 		font-weight: normal;
 		text-align: left;
 	}
 	tfoot th[scope=row], tfoot th[scope=row] rt {
 		text-align: right;
 		font-weight: bold;
 	}
 	thead, tfoot {
 		background: #eee;
 		font-weight: bold;
 	}
 	footer {
 		border-top: 1px solid #000;
 		text-align: center;
 	}
 	
 	dl {
 		overflow: hidden;
 		position: relative;
 	}
 	dt, dd {
 		display: inline;
 		margin: 0;
 		line-height: 2em;
 	}
 	.summary dt, .summary dd {
 		line-height: 3em;
 	}
 	dt:after {
 		content: ': ';
 	}
 	dd:not(:last-child):after {
 		content: '\A';
 		white-space: pre;
 	}
 	dd {
 		font-size: 125%;
 	}
 	rt {
 		font-size: 75%;
 		color: #999;
 		text-align: left;
 	}
 	th rt {
 		text-align: center;
 	}
 	
 	.entry {
 		font-style: oblique;
 		padding-left: 0.5em;
 	}
 	.entry:before {
 		content: "";
 		position: absolute;
 		border-bottom: 1px dotted #000;
 		width: 100%;
 		height: 2.25em;
 		margin-left: -0.25em;
 	}
 	
 	.bank h2 {
 		font-size: 12px; margin: 0
 	}
 	.bank dl {
 		margin-left: 3em;
 	}
 	.bank dd:after {
 		display: none;
 	}
 	.bank dd {
 		margin-right: 1em;
 	}
 	.bank dd:first-of-type:after {
 		content: '\A';
 		white-space: pre;
 		display: inline;
 	}
 	</style>
 </head>
 <body>
 <header>
 	<h1><ruby>
 		Sąskaita-faktūra nr. XX-1
 		<rp>/</rp>
 		<rt>Invoice no. XX-1</rt>
 	</ruby></h1>
 	<p><ruby>
 		2013 m. sausio 23 d.
 		<rp>/</rp>
 		<rt>23/Jan/2013</rt>
 	</ruby></p>
 </header>

 <div class="from">
 	<h2>Freelancer</h2>
 	<p>
 		Address<br/>
 		City<br/>
 		Lietuva / Lithuania
 	</p>
 	<dl>
 		<dt><ruby>
 			Įmonės kodas
 			<rp>/</rp>
 			<rt>Company number</rt>
 		</ruby></dt>
 		<dd>123456789</dd>
 	</dl>
 </div>
 	
 <div class="to">
 	<h2>Customer</h2>
 	<p>
 		Address<br/>
 		City<br/>
 		Ireland / Airija
 	</p>
 	<dl>
 		<dt><ruby>
 			Įmonės kodas
 			<rp>/</rp>
 			<rt>Company number</rt>
 		</ruby></dt>
 		<dd>123456</dd>
 		
 		<dt><ruby>
 			PVM mokėtojo kodas
 			<rp>/</rp>
 			<rt>VAT number</rt>
 		</ruby></dt>
 		<dd>IE0000000K</dd>

 	</dl>
 </div>

 <section>
 	<table>
 		<thead>
 			<tr>
 				<th scope="col"><ruby>
 					Prekės/paslaugos
 					<rp>/</rp>
 					<rt>Goods/services</rt>
 				</ruby></th>
 				<th scope="col"><ruby>
 					Kiekis
 					<rp>/</rp>
 					<rt>Amount</rt>
 				</ruby></th>
 				<th scope="col"><ruby>
 					Mato vnt.
 					<rp>/</rp>
 					<rt>Unit</rt>
 				</ruby></th>
 				<th scope="col"><ruby>
 					Kaina
 					<rp>/</rp>
 					<rt>Price</rt>
 				</ruby></th>
 				<th scope="col"><ruby>
 					Suma
 					<rp>/</rp>
 					<rt>Sum</rt>
 				</ruby></th>
 			</tr>
 		</thead>
 		<tr>
 			<th scope="row"><ruby>
 				Programinės įrangos projektavimas ir programavimas
 				<rp>/</rp>
 				<rt>Software design and development</rt>
 			</ruby></th>
 			<td class="num">13</td>
 			<td class="unit"><ruby>
 				val.
 				<rp>/</rp>
 				<rt>hours</rt>
 			</ruby></th>
 			<td class="num">&euro;51.23</td>
 			<td class="num">&euro;666</td>
 		</tr>
 		<tfoot>
 			<tr class="total">
 				<th scope="row" colspan=4><ruby>
 					Viso:
 					<rp>/</rp>
 					<rt>Total</rt>
 				</ruby></th>
 				<td class="num">&euro;666</th>
 			</tr>
 		</tfoot>
 	</table>
 </section>
 	
 <dl class="summary">
 	
 	<dt><ruby>
 		Mokėtina suma
 		<rp>/</rp>
 		<rt>Amount payable</rt>
 	</ruby></dt>
 	<dd class="entry"><ruby>
 		Šeši šimtai šešiasdešimt šeši eurai 00 ct.
 		<rp>/</rp>
 		<rt>Six hundred and sixty six Euro 00 ct.</rt>
 	</ruby></dd>
 	
 	<dt><ruby>
 		Sąskaitą išrašė
 		<rp>/</rp>
 		<rt>Issued by</rt>
 	</ruby></dt>
 	<dd class="entry">
 		<ruby>
 			Šefas
 			<rp>/</rp>
 			<rt>Boss</rt>
 		</ruby>
 		Freelancer Person
 	</dd>
 	
 	<dt><ruby>
 		Sąskaitą priėmė
 		<rp>/</rp>
 		<rt>Accepted by</rt>
 	</ruby></dt>
 	<dd class="entry"></dd>
 </dl>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Invoice</title>
	<style>
	body {
	font-family: sans-serif;
	width: 640px;
	margin: 0 auto;
	font-size: 12px;
	-webkit-print-color-adjust:exact;
	}
	header {
	margin-bottom: 2em;
	}
	header h1, header p, header rt {
	margin: 0;
	text-align: center;
	}
	.from h2, .to h2 {
	font-size: 14px;
	margin: 0;
	}
	.from {
	float: left;
	}
	.to {
	float: right;
	}
	section {
	padding: 1em 0;
	clear: both;
	}
	table {
	width: 100%;
	border-spacing: 1px;
	}
	th, td {
	border: 1px solid #999;
	padding: 0.25em;
	}
	.num {
	text-align: right;
	}
	.unit, .unit rt {
	text-align: center;
	}
	th[scope=row], th[scope=row] rt {
	font-weight: normal;
	text-align: left;
	}
	tfoot th[scope=row], tfoot th[scope=row] rt {
	text-align: right;
	font-weight: bold;
	}
	thead, tfoot {
	background: #eee;
	font-weight: bold;
	}
	footer {
	border-top: 1px solid #000;
	text-align: center;
	}

	dl {
	overflow: hidden;
	position: relative;
	}
	dt, dd {
	display: inline;
	margin: 0;
	line-height: 2em;
	}
	.summary dt, .summary dd {
	line-height: 3em;
	}
	dt:after {
	content: ': ';
	}
	dd:not(:last-child):after {
	content: '\A';
	white-space: pre;
	}
	dd {
	font-size: 125%;
	}
	rt {
	font-size: 75%;
	color: #999;
	text-align: left;
	}
	th rt {
	text-align: center;
	}

	.entry {
	font-style: oblique;
	padding-left: 0.5em;
	}
	.entry:before {
	content: "";
	position: absolute;
	border-bottom: 1px dotted #000;
	width: 100%;
	height: 2.25em;
	margin-left: -0.25em;
	}

	.bank h2 {
	font-size: 12px; margin: 0
	}
	.bank dl {
	margin-left: 3em;
	}
	.bank dd:after {
	display: none;
	}
	.bank dd {
	margin-right: 1em;
	}
	.bank dd:first-of-type:after {
	content: '\A';
	white-space: pre;
	display: inline;
	}
	</style>
	</head>
	<body>
	<header>
	<h1><ruby>
	Sąskaita-faktūra nr. XX-1
	<rp>/</rp>
	<rt>Invoice no. XX-1</rt>
	</ruby></h1>
	<p><ruby>
	2013 m. sausio 23 d.
	<rp>/</rp>
	<rt>23/Jan/2013</rt>
	</ruby></p>
	</header>

	<div class="from">
	<h2>Freelancer</h2>
	<p>
	Address<br/>
	City<br/>
	Lietuva / Lithuania
	</p>
	<dl>
	<dt><ruby>
	Įmonės kodas
	<rp>/</rp>
	<rt>Company number</rt>
	</ruby></dt>
	<dd>123456789</dd>
	</dl>
	</div>

	<div class="to">
	<h2>Customer</h2>
	<p>
	Address<br/>
	City<br/>
	Ireland / Airija
	</p>
	<dl>
	<dt><ruby>
	Įmonės kodas
	<rp>/</rp>
	<rt>Company number</rt>
	</ruby></dt>
	<dd>123456</dd>

	<dt><ruby>
	PVM mokėtojo kodas
	<rp>/</rp>
	<rt>VAT number</rt>
	</ruby></dt>
	<dd>IE0000000K</dd>

	</dl>
	</div>

	<section>
	<table>
	<thead>
	<tr>
	<th scope="col"><ruby>
	Prekės/paslaugos
	<rp>/</rp>
	<rt>Goods/services</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Kiekis
	<rp>/</rp>
	<rt>Amount</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Mato vnt.
	<rp>/</rp>
	<rt>Unit</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Kaina
	<rp>/</rp>
	<rt>Price</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Suma
	<rp>/</rp>
	<rt>Sum</rt>
	</ruby></th>
	</tr>
	</thead>
	<tr>
	<th scope="row"><ruby>
	Programinės įrangos projektavimas ir programavimas
	<rp>/</rp>
	<rt>Software design and development</rt>
	</ruby></th>
	<td class="num">13</td>
	<td class="unit"><ruby>
	val.
	<rp>/</rp>
	<rt>hours</rt>
	</ruby></th>
	<td class="num">€51.23</td>
	<td class="num">€666</td>
	</tr>
	<tfoot>
	<tr class="total">
	<th scope="row" colspan=4><ruby>
	Viso:
	<rp>/</rp>
	<rt>Total</rt>
	</ruby></th>
	<td class="num">€666</th>
	</tr>
	</tfoot>
	</table>
	</section>

	<dl class="summary">

	<dt><ruby>
	Mokėtina suma
	<rp>/</rp>
	<rt>Amount payable</rt>
	</ruby></dt>
	<dd class="entry"><ruby>
	Šeši šimtai šešiasdešimt šeši eurai 00 ct.
	<rp>/</rp>
	<rt>Six hundred and sixty six Euro 00 ct.</rt>
	</ruby></dd>

	<dt><ruby>
	Sąskaitą išrašė
	<rp>/</rp>
	<rt>Issued by</rt>
	</ruby></dt>
	<dd class="entry">
	<ruby>
	Šefas
	<rp>/</rp>
	<rt>Boss</rt>
	</ruby>
	Freelancer Person
	</dd>

	<dt><ruby>
	Sąskaitą priėmė
	<rp>/</rp>
	<rt>Accepted by</rt>
	</ruby></dt>
	<dd class="entry"></dd>
	</dl>

	</body>
	</html>