Advertisement
Guest User

Untitled

a guest
Jul 30th, 2014
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.21 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript" src="http://quotacle.com/js/jQuery1.10.2.js"></script>
  7. </head>
  8.  
  9. <body>
  10. <style>
  11. body {
  12.     background-color: #e8e8e8;
  13.     margin: 0;
  14.     padding: 0;
  15. }
  16. #banner {
  17.     background-color: #a63131;
  18.     width: 100%;
  19.     text-align: center;
  20.     display: block;
  21. }
  22. #banner-logo-wrapper {
  23.     display: inline-block;
  24.     padding: 12px 0px 10px 4px;
  25.     background-color: inherit;
  26. }
  27. #banner-logo-wrapper img{
  28.     background-color: #FFF;
  29. }
  30. #double-button-super-box {
  31.     display: block;
  32.     text-align: center;
  33.     margin: 30px 0 70px 0;
  34. }
  35. #double-button-box {
  36.     display: inline-block;
  37. }
  38. #library-button {
  39.     font-size: 14px;
  40.     font-weight: bold;
  41.     font-family: Helvetica, Arial, sans-serif;
  42.     text-decoration: none;
  43.     color: #000;
  44.     display: inline-block;
  45.     background-color: inherit;
  46.     border: 2px solid #CACACA;
  47.     border-radius: 4px;
  48.     padding: 6px 25px;
  49.     margin: 0 40px 0 30px;
  50.     float: left;
  51.     cursor: pointer;
  52. }
  53. #suggest-movie-button {
  54.     font-size: 14px;
  55.     font-weight: bold;
  56.     font-family: Helvetica, Arial, sans-serif;
  57.     color: #000;
  58.     display: inline-block;
  59.     background-color: inherit;
  60.     border: 2px solid #CACACA;
  61.     border-radius: 4px;
  62.     padding: 6px 12px;
  63.     margin: 0 0 0 40px;
  64.     float: left;
  65.     cursor: pointer;
  66. }
  67. </style>
  68. <a href="home.php"><div id="banner">
  69.     <div id="banner-logo-wrapper"><img id="banner-logo-image" src="http://quotacle.com/smallLogoBetaTransparent.png" height="22px" /></div>
  70. </div></a>
  71. <div id="double-button-super-box">
  72.     <div id="double-button-box">
  73.         <a href="library.php"><div id="library-button" class="top-buttons">Library</div></a><div id="suggest-movie-button" class="top-buttons">Suggest Movie</div>
  74.     </div>
  75. </div>
  76. <script type="text/javascript">
  77.     $('.top-buttons').hover(function() {
  78.         $(this).css({'backgroundColor': '#a63131','border-color':'#a63131','color':'#fff'});
  79.     },
  80.     function() {
  81.         $(this).css({'backgroundColor': '#e8e8e8','border-color':'#CACACA','color':'#000'});
  82.     });
  83. </script>
  84. </body>
  85. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement