Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 1st, 2012  |  syntax: None  |  size: 7.78 KB  |  hits: 22  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style type="text/css">
  2. * {
  3.   margin: 0px;
  4.   padding: 0px;
  5.   outline: none;
  6. }
  7. body {
  8.   background: #FFF url('../../img/body-bg.png') repeat-x 0 0;
  9.   font-family: 'Trebuchet MS', Arial, sans-serif;
  10.   position: relative;
  11. }
  12. #map-place-element {
  13.   background-color: white;
  14.   border: 1px solid #AAA;
  15.   position: absolute;
  16.   top: 100px;
  17.   left: 100px;
  18.   padding: 3px 10px 15px 0;
  19.   z-index: 3;
  20. }
  21. #map-place-element table {
  22.   width: auto;
  23. }
  24. .booking-info {
  25.   width: 100%;
  26.   margin-top: 12px;
  27. }
  28. #map-place-element td:first-child {
  29.   padding-left: 0;
  30. }
  31. #map-place-element td td,
  32. #map-place-element .booking-one-day-price {
  33.   padding: 0;
  34. }
  35. #map-place-element td,
  36. #map-place-element td.booking-rating {
  37.   padding-left: 15px;
  38. }
  39. .booking-one-day-price,
  40. .booking-button-buy {
  41.   font-size: 14px;
  42.   padding-bottom: 10px;
  43. }
  44. .booking-one-day-price,
  45. .booking-button-buy {
  46.   font-size: 14px;
  47. }
  48. #map-place-element .booking-button-buy {
  49.   margin-top: 10px;
  50.   padding-bottom: 0;
  51. }
  52. #map-place-element .booking-image-td img {
  53.   width: 100px;
  54.   height: 100px;
  55. }
  56. .booking-image-td img {
  57.   border: 0;
  58. }
  59. .booking-image {
  60.   padding-bottom: 3px;
  61.   width: 65px;
  62.   height: 65px;
  63.   display: block;
  64. }
  65. .booking-info h3 {
  66.   margin: 0;
  67. }
  68. .booking-info h3 a,
  69. .booking-info h3 strong {
  70.   color: #353535;
  71.   font-size: 24px;
  72.   line-height: 24px;
  73.   border-bottom: 1px dotted #353535;
  74.   text-decoration: none;
  75.   display: inline-block;
  76. }
  77. .booking-info a {
  78.   color: #AAA;
  79. }
  80. .booking-stars {
  81.   font-size: 0;
  82. }
  83. .booking-address {
  84.   color: #353535;
  85.   font-size: 12px;
  86.   padding-top: 5px;
  87. }
  88. .booking-text-gray,
  89. a.booking-text-gray {
  90.   color: #AAA;
  91. }
  92. .booking-offers img {
  93.   width: 20px;
  94.   height: 20px;
  95.   margin-right: 5px;
  96.   vertical-align: -3px;
  97. }
  98. .booking-info table.booking-offer-desc {
  99.   font-size: 0;
  100.   line-height: 0;
  101.   margin-left: 5px;
  102. }
  103. .booking-offer-desc {
  104.   color: white;
  105.   font-size: 10px;
  106.   line-height: 10px;
  107.   font-weight: bold;
  108. }
  109. .booking-info .booking-offer-desc-top,
  110. .booking-info .booking-offer-desc-top td,
  111. .booking-info .booking-offer-desc-bottom,
  112. .booking-info .booking-offer-desc-bottom td {
  113.   height: 5px;
  114. }
  115. .booking-info .booking-offer-desc-top-left {
  116.   background: url( '../../img/orange-corner-left-top.png' ) no-repeat 0 0 !important;
  117.   width: 5px;
  118. }
  119. .booking-info .booking-offer-desc-top-right {
  120.   background: url( '../../img/orange-corner-right-top.png' ) no-repeat 0 0 !important;
  121.   width: 5px;
  122. }
  123. .booking-info .booking-offer-desc-bottom-left {
  124.   background: url( '../../img/orange-corner-left-bottom.png' ) no-repeat 0 0 !important;
  125.   width: 5px;
  126. }
  127. .booking-info .booking-offer-desc-bottom-right {
  128.   background: url( '../../img/orange-corner-right-bottom.png' ) no-repeat 0 0 !important;
  129.   width: 5px;
  130. }
  131. .booking-info table.booking-offer-desc {
  132.   font-size: 0;
  133.   line-height: 0;
  134.   margin-left: 5px;
  135. }
  136. .booking-info table.booking-offer-desc td {
  137.   background-color: #FF6500;
  138. }
  139. .booking-info table.booking-offer-desc span {
  140.   font-size: 10px;
  141.   line-height: 10px;
  142.   display: block;
  143.   margin: 0 3px;
  144. }
  145. .booking-one-day-price a, .booking-button-buy a {
  146.   background: url('../../img/booking-button-buy.png') no-repeat 0 0;
  147.   width: 137px;
  148.   height: 33px;
  149. }
  150. .booking-one-day-price a, .booking-button-buy a {
  151.   background: url('../../img/booking-button-buy.png') no-repeat 0 0;
  152.   width: 137px;
  153.   height: 33px;
  154. }
  155. .booking-one-day-price a {
  156.   vertical-align: top;
  157.   display: inline-block;
  158.   margin-left: 10px;
  159. }
  160. </style><div id="map-place-element">
  161.   <table cellpadding="0" cellspacing="0" border="0" class="booking-info">
  162.     <tbody><tr>
  163.       <td align="RIGHT" valign="TOP" class="booking-one-day-price">
  164.         Цена за сутки
  165.         <div>от <span id="priceS">6338</span></div>
  166.         <div>руб.</div>
  167.         <div class="booking-button-buy">
  168.           <a href="#" title=""></a>
  169.         </div>
  170.       </td>
  171.       <td align="LEFT" valign="TOP" class="booking-image-td">
  172.         <img src="../../img/preview-image.jpg" alt="100x100" class="booking-image">
  173.       </td>
  174.       <td align="LEFT" valign="TOP" colspan="3">
  175.         <table cellpadding="0" cellspacing="0" border="0" height="100">
  176.           <tbody><tr>
  177.             <td align="LEFT" valign="TOP" colspan="2">
  178.               <h3><a style="cursor: pointer" title=""><span id="nameS">Hôtel Bedford</span></a>
  179.               <span class="booking-stars">
  180.                 <img src="../../img/booking-star-orange.png" border="0" alt="">
  181.                 <img src="../../img/booking-star-orange.png" border="0" alt="">
  182.                 <img src="../../img/booking-star-gray.png" border="0" alt="">
  183.                 <img src="../../img/booking-star-gray.png" border="0" alt="">
  184.                 <img src="../../img/booking-star-gray.png" border="0" alt="">
  185.               </span>
  186.               </h3>
  187.               <div class="booking-address" colspan="2">
  188.                 <span id="countryS">Франция</span>, <span id="cityS"></span>, <span class="booking-text-gray" id="addressS"></span>
  189.               </div>
  190.             </td>
  191.           </tr>
  192.           <tr>
  193.             <td align="LEFT" valign="BOTTOM" class="booking-offers">
  194.               <table cellpadding="0" cellspacing="0" border="0">
  195.                 <tbody><tr>
  196.                   <td align="LEFT" valign="MIDDLE" id="offersS"><img src="../../img/booking-green-offer-10.png" alt="Номера/Удобства для гостей с ограниченными физическими возможностями" title="Номера/Удобства для гостей с ограниченными физическими возможностями"><img src="../../img/booking-green-offer-3.png" alt="Парковка" title="Парковка"><img src="../../img/booking-green-offer-9.png" alt="Допускается размещение домашних животных" title="Допускается размещение домашних животных"><img src="../../img/booking-green-offer-8.png" alt="Круглосуточная стойка регистрации" title="Круглосуточная стойка регистрации"><img src="../../img/booking-green-offer-7.png" alt="Ресторан (меню)" title="Ресторан (меню)"><img src="../../img/booking-green-offer-2.png" alt="Интернет " title="Интернет "></td>
  197.                     <td align="LEFT" valign="MIDDLE">
  198.                       <table cellpadding="0" cellspacing="0" border="0" class="booking-offer-desc">
  199.                         <tbody><tr class="booking-offer-desc-top">
  200.                           <td class="booking-offer-desc-top-left">&nbsp;</td>
  201.                           <td>&nbsp;</td>
  202.                           <td class="booking-offer-desc-top-right">&nbsp;</td>
  203.                         </tr>
  204.                         <tr>
  205.                           <td>&nbsp;</td>
  206.                           <td align="LEFT" valign="MIDDLE" class="booking-offer-desc-content" id="cc_required" style="visibility: hidden; ">
  207.                            
  208.                           </td>
  209.                           <td>&nbsp;</td>
  210.                         </tr>
  211.                         <tr class="booking-offer-desc-bottom">
  212.                           <td class="booking-offer-desc-bottom-left">&nbsp;</td>
  213.                           <td>&nbsp;</td>
  214.                           <td class="booking-offer-desc-bottom-right">&nbsp;</td>
  215.                         </tr>
  216.                       </tbody></table>
  217.                     </td>
  218.                   </tr>
  219.               </tbody></table>
  220.             </td>
  221.             <td align="LEFT" valign="BOTTOM" class="booking-rating">
  222.               <h3><a href="#" title="" id="ratingS">7.2</a></h3>
  223.             </td>
  224.           </tr>
  225.         </tbody></table>
  226.       </td>
  227.     </tr>
  228.   </tbody></table>
  229. </div>
create a new version of this paste RAW Paste Data