This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Dec 12th, 2012  |  syntax: HTML  |  size: 2.11 KB  |  views: 50  |  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.  
  5.   <title>Happy Birthday Dad!</title>
  6.   <link href="http://fonts.googleapis.com/css?family=Lobster|Yanone+Kaffeesatz|Reenie+Beanie|Josefin+Sans+Std+Light"
  7. rel="stylesheet" type="text/css">
  8.   <link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
  9.  
  10.   <style type="text/css">
  11.   body {
  12.     padding-left: 11em;
  13.     font-family: "Yanone Kaffeesatz", georgia, "Times New Roman",
  14.           Times, serif;
  15.     color: maroon;
  16.     background-color: #ddd; }
  17.   ul.navbar {
  18.     list-style-type: none;
  19.     padding: 0;
  20.     margin: 0;
  21.     position: absolute;
  22.     top: 2em;
  23.     left: 1em;
  24.     width: 9em; }
  25.   ul.navbar li:hover {
  26.     opacity: 1;
  27.   }
  28.   h1 {
  29.     font-family: Lobster, Helvetica, Geneva, Arial,
  30.           SunSans-Regular, sans-serif;
  31.     }
  32.   h1 {
  33.     border-bottom: thin dotted;
  34.     font-size: 32pt;
  35.     text-shadow: 2px 2px #abb1ab}
  36.   ul.navbar li {
  37.     background: #f2f2f2;
  38.     margin: 0.2em 0;
  39.     padding: 0.3em;
  40.     border-right: 1em solid maroon;
  41.     opacity: 0.8; }
  42.   ul.navbar a {
  43.     text-decoration: none;
  44.     color: #848608; }
  45.   ul.navbar a:hover {
  46.     color: #222; }
  47.   ul.navbar {
  48.     font-family: "Josefin Sans Std Light" }
  49.   ul.navbar {
  50.     font-size: 16pt }
  51.   a:link {
  52.     color: blue }
  53.   a:visited {
  54.     color: purple }
  55.   address {
  56.     margin-top: 1em;
  57.     padding-top: 1em;
  58.     font-family: 'Monda';
  59.     font-size:13pt;}
  60.   i {
  61.     }
  62.   </style>
  63. </head>
  64.  
  65. <body>
  66.  
  67.  
  68. <div style="position:absolute;top:25%;left:31%"><ul class="navbar">
  69.   <li><a href="http://www.yahoo.ca">Yahoo!</a>
  70.   <li><a href="HisPhotoSite.catz">HisPhotoSite</a>
  71.   <li><a href="http://www.facebook.com">Facebook</a>
  72.   <li><a href="http://www.betterphoto.com">Betterphoto</a>
  73. </ul></div>
  74.  
  75. <div style="position:absolute;top:21%;left:45%;width:311px;"><h1>Happy Birthday!</h1>
  76. </div>
  77. <div style="position:absolute;top:32%;left:45%;font-size:13pt;">You are xyz years, xyz months, xyz days, and xyz minutes old.</div>
  78.  
  79. <div style="position:absolute;top:87%;left:92%;">
  80. <address>his bday, 2012<br>
  81.   By me.</address>
  82. </div>
  83. </body>
  84. </html>
clone this paste RAW Paste Data