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

Untitled

By: a guest on Oct 11th, 2014  |  syntax: HTML  |  size: 1.23 KB  |  views: 254  |  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. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <title>Blurred DIVs</title>
  5.                 <style TYPE="text/css">
  6.                 body {
  7.                         background: url('http://blog.napc.com/Portals/10319/images/clouds.jpg');
  8.                 }
  9.  
  10.                 .container {
  11.                         width: 100%;
  12.                 }
  13.  
  14.                 .blurred {
  15.                         width: 75%;
  16.                         padding: 10px;
  17.                         background: rgba(255, 255, 255, 0.7);
  18.                         border-radius: 7px;
  19.                 }
  20.                 </style>
  21.         </head>
  22.         <body>
  23.                 <div class="container">
  24.                 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- This is dumb. Don't do this. I only did it to quickly push the divs down to the darker part of the bg -->
  25.                         <div class="blurred">
  26.                                 Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
  27.                                 Content Content Content Content Content Content Content Content Content Content Content Content Content Content
  28.                         </div>
  29.                         <br />                 
  30.                         <div class="blurred">
  31.                                 Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
  32.                                 Content Content Content Content Content Content Content Content Content Content Content Content Content Content
  33.                         </div>
  34.                         <br />
  35.  
  36.                 </div>
  37.         </body>
  38. </html>
clone this paste RAW Paste Data