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

Untitled

By: a guest on Jun 12th, 2012  |  syntax: None  |  size: 2.61 KB  |  hits: 12  |  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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.   <title></title>
  6.     <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
  7.     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  8.     <meta name="robots" content="none, noindex, nofollow" />
  9.   <style type="text/css" media="screen">
  10.     #container
  11.     {
  12.       width: 900px;
  13.       margin: 0 auto;
  14.     }
  15.     #container-inner
  16.     {
  17.      
  18.     }
  19.     .person {
  20.       display: block;
  21.       width: 220px;
  22.       padding: 10px 0;
  23.       overflow: hidden;
  24.       /* fallback (Opera) */
  25.       background: #FFF;
  26.       /* Mozilla: */
  27.       background: -moz-linear-gradient(top, #AAA, #DDD);
  28.       /* Chrome, Safari:*/
  29.       background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#DDD));
  30.       /* MSIE */
  31.       filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#AAA', EndColorStr='#DDD', GradientType=0);
  32.       border-radius: 10px 10px 10px 10px;
  33.       -moz-border-radius: 10px 10px 10px 10px;
  34.       -webkit-border-radius: 10px 10px 10px 10px;
  35.       border: 1px solid #AAA;
  36.       box-shadow: 0 5px 5px #EEE;
  37.       -moz-box-shadow: 0 5px 5px #EEE;
  38.       -webkit-box-shadow: 0 5px 5px #EEE;
  39.     }
  40.     .person .inner {
  41.       margin: 0 10px;
  42.       display: block;
  43.       line-height: 1;
  44.       position: relative;
  45.  
  46.     }
  47.     .person .inner a {
  48.       position: absolute;
  49.       bottom: 0;
  50.       display: block;
  51.       width: 100%;
  52.       text-align: center;
  53.       text-decoration: none;
  54.       color: #FFF;
  55.       text-transform: uppercase;
  56.       line-height: 2em;
  57.       background-color: rgba(0, 0, 0, .5);
  58.       border-radius: 0 0 10px 10px;
  59.       -moz-border-radius: 0 0 10px 10px;
  60.       -webkit-border-radius: 0 0 10px 10px;
  61.     }
  62.     .person .inner a:hover {
  63.       color: #EEE;
  64.       background-color: rgba(0, 0, 0, .9);
  65.      
  66.     }
  67.     .person .inner img {
  68.       border-radius: 10px 10px 10px 10px;
  69.       -moz-border-radius: 10px 10px 10px 10px;
  70.       -webkit-border-radius: 10px 10px 10px 10px;
  71.     }
  72.   </style>
  73. </head>
  74. <body>
  75.   <div id="container">
  76.     <div id="container-inner">
  77.      
  78.       <div class="person">
  79.         <div class="inner">
  80.           <img src="http://qwertyphilia.com/wp-content/uploads/2009/01/drupal1.gif" width="200" height="100" alt="" />
  81.           <a href="#">Blah Blah Drupal</a>
  82.         </div>
  83.       </div>
  84.      
  85.     </div>
  86.     <!-- END container-inner -->
  87.   </div>
  88.   <!-- END container -->
  89. </body>
  90. </html>