Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Sep 7th, 2012  |  syntax: None  |  size: 2.50 KB  |  views: 25  |  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. <html><head>
  2. <style type="text/css">
  3. .item {
  4.         width: 100%;
  5. }
  6.  
  7. .thumb_wrapper_left {
  8.         position: relative;
  9.         float: left;
  10.         width: 280px;
  11.         margin-right: 10px;
  12. }
  13.  
  14.  
  15. .thumb_left, .thumb_top_left, .thumb_bottom_left {
  16.         margin-left: 40px;
  17. }
  18.  
  19. .thumb {
  20.         border: 0px solid  #555555;
  21.         width: 200px;
  22.         height: 100px;
  23.         overflow: hidden;
  24.         position: relative;
  25.         -webkit-box-shadow: #CCCCCC 0px 0px 0px;
  26.         -khtml-box-shadow: #CCCCCC 0px 0px 0px;
  27.         -moz-box-shadow: #CCCCCC 0px 0px 0px;
  28.         box-shadow: #CCCCCC 0px 0px 0px;
  29. }
  30.  
  31. .thumb ul {
  32.         list-style: none;
  33.         width: 600px;
  34.         height: 100px;
  35. }
  36.  
  37. .images_wrapper {
  38.         margin: 0;
  39.         padding: 0;
  40.         list-style-type: none;
  41. }
  42.  
  43. .thumb ul li {
  44.         float: left;
  45. }
  46.  
  47. .thumb ul li a img {
  48.         border: 0px solid #00FF51;
  49.         display: block;
  50.         margin: 0;
  51.         padding: 0;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56.  
  57. <div class="item">
  58.     <div class="thumb_wrapper thumb_wrapper_left">
  59.         <div class="thumb thumb_left">
  60.             <ul style="width: 400px; margin: 0px;" class="images_wrapper">
  61.                 <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  62.                 </li>
  63.                 <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  64.                 </li>
  65.             </ul>
  66.         </div><a href="#" class="prev"></a><a href="#" class="next"></a>
  67.     </div>
  68.     <div class="description" style="float: left;">
  69.         <p>Description goes here.</p>
  70.     </div>
  71.    
  72. </div>
  73. <div style="clear:both;">
  74. <div style="border:red;" class="item">
  75.     <div class="thumb_wrapper thumb_wrapper_left">
  76.         <div class="thumb thumb_left">
  77.             <ul style="width: 400px; " class="images_wrapper">
  78.                 <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  79.                 </li>
  80.                 <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  81.                 </li>
  82.             </ul>
  83.         </div><a href="#" class="prev"></a><a href="#" class="next"></a>
  84.     </div>
  85.     <div class="description">
  86.        <p>Description goes here.</p>
  87.     </div>
  88.     <div style="clear:both"></div>
  89. </div>
  90.  
  91.  
  92.  
  93. </div></body></html>