Advertisement
Guest User

Заголовок размытый

a guest
Mar 8th, 2015
389
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.30 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" class="no-js">
  3. <html>
  4. <head>
  5. <title>
  6. "Заголовок размытый" from sprutos :)
  7. </title>
  8. <meta charset="utf-8" />
  9. <style type="text/css">
  10. body {
  11.   font-family: serif;
  12. }
  13. body table {
  14.   width: 940px;
  15.   padding-top: 30px;
  16.   margin-left: auto;
  17.   margin-right: auto;
  18. }
  19. h3 {
  20.   margin-top: 0px;
  21. }
  22. .tbl_top {
  23.   padding-left: 25px;
  24. }
  25. .td_top1 {
  26.   width: 400px;
  27. }
  28. .td_top2 {
  29.   width: 320px;
  30.   border: 1px solid #111;
  31.   padding: 4px;
  32. }
  33. .top_border {
  34.   border: 1px solid #bbb;
  35.   text-align: right;
  36.   font-size: 14px;
  37.   padding: 17px 1px 12px 12px;
  38. }
  39. .tbl_mid td {
  40.   width: 33%;
  41. }
  42. .div_mid_border1 {
  43.   width: 320px;
  44.   height: 330px;
  45.   border: 1px solid #bbb;
  46.   padding: 5px 0;
  47.   vertical-align: top;
  48.   float: left;
  49. }
  50. .div_mid_border23 {
  51.   width: 240px;
  52.   height: 330px;
  53.   border: 1px solid #bbb;
  54.   vertical-align: top;
  55.   float: right;
  56. }
  57. .div_mid_small {
  58.   font-size: 13px;
  59. }
  60. .tbl_bot {
  61.   width: 900px;
  62.   border-collapse: collapse;
  63.   margin-top: 70px;
  64. }
  65. .tbl_bot_td {
  66.   border: 1px solid #111;
  67.   padding: 3px;
  68. }
  69. .td_bot_total {
  70.   padding-top: 30px;
  71. }
  72. </style>
  73. </head>
  74. <body>
  75. <table class="tbl_top" cellpadding="0" cellspacing="0">
  76.   <tr>
  77.     <td class="td_top1">
  78.       <h2>[ Заголовок размытый ]</h2>
  79.     </td>
  80.     <td class="td_top2">
  81.       <div class="top_border">
  82.         <div><b>Invoice</b> ${INVOICE_NUMBER}</div>
  83.         <div><b>issued on</b> ${ISSUED_DATA}</div>
  84.         <div><b>Must be paid to:</b> ${ISSUED_DEADLINE}</div>
  85.       </div>
  86.     </td>
  87.   </tr>
  88. </table>
  89. <table class="tbl_mid" cellpadding="0" cellspacing="0">
  90.   <tr>
  91.     <td class="td_mid1">
  92.       <div class='div_mid_border1'>
  93.         <h3>From:</h3>
  94.         <div>[ Размытый<br/> текст ]<br/><br/><br/><br/></div>
  95.         <h3>Beneficiary Bank:</h3>
  96.         <div>[ Размытый текст ]</div>
  97.       </div>
  98.     </td>
  99.     <td class="td_mid23">
  100.       <div class='div_mid_border23'>
  101.         <h3>To:</h3>
  102.         <div>${INVOICE_TO}</div>
  103.       </div>
  104.     </td>
  105.     <td class="td_mid23">
  106.       <div class='div_mid_border23'>
  107.         <h3>Invoice summary:</h3>
  108.         <div>[ Размытый текст ]</div>
  109.         <div class="div_mid_small">
  110.           <div>Invoice for: <b>${ISSUED_TO}</b></div>
  111.           <div>Account number: <b>${ACCOUNT}</b></div>
  112.           <div>Invoice amount: ${AMOUNT}</div>
  113.         </div>
  114.       </div>
  115.     </td>
  116.   </tr>
  117. </table>
  118. <table class="tbl_bot" cellpadding="0" cellspacing="0">
  119.   <tr>
  120.     <td class="tbl_bot_td">Service desctiption</td>
  121.     <td class="tbl_bot_td">Amount</td>
  122.     <td class="tbl_bot_td">Unit</td>
  123.     <td class="tbl_bot_td">Cost, per unit</td>
  124.     <td class="tbl_bot_td">VAT</td>
  125.     <td class="tbl_bot_td">Summary</td>
  126.   </tr>
  127.   <tr>
  128.     <td class="tbl_bot_td">${r_desc}</td>
  129.     <td class="tbl_bot_td">${r_qty}</td>
  130.     <td class="tbl_bot_td">${r_unit}</td>
  131.     <td class="tbl_bot_td">${r_unit_cost}</td>
  132.     <td class="tbl_bot_td">${r_vat}</td>
  133.     <td class="tbl_bot_td">${r_summary}</td>
  134.   </tr>
  135.   <tr>
  136.     <td class="td_bot_total">
  137.       <div><b>Total: ${INVOICE_TOTAL}</b></div>
  138.     </td>
  139.   </tr>
  140. </table>
  141. </body>
  142. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement