Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <style>
  2. body {background:url(bg.jpg);padding:0px; -webkit-background-size: cover;
  3. -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
  4. h1 {font-family:Arial, Helvetica, sans-serif;color:#ffffff; text-shadow:1px 1px 1px #333333}
  5.  
  6. .top {position:fixed;top:0px;left:0px; width:100%;background:rgba(0, 0, 0, 0.7);color:#ffffff; height:20px;}
  7. .top a {float:left;margin-left:20px;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:13px; text-align:left; text-decoration:none}
  8. #container {min-height:300px;border:solid 4px #cccccc;
  9. padding:12px;width:600px;margin-top:40px;background:rgba(0, 0, 0, 0.7);}
  10.  
  11. .isi{ margin-bottom:10px;border-bottom:dotted 1px #cccccc; padding:10px; text-align:justify;color:#ffffff;
  12.  text-shadow:1px 1px 1px #333333;font-family:Arial, Helvetica, sans-serif;font-size:15px;}
  13. .kode {float:left;line-height:35px;margin:2px;font-size:40px;font-family:Arial, Helvetica, sans-serif;}
  14.        
  15. .loading{display: none;font-size: 13px;font-weight: bold;height:160px;position: absolute;
  16. padding-top:140px;text-decoration: none;width: 600px;}.loading label{} 
  17.  
  18. #paging_button ul{width: 600px; padding:0px; margin:8px;}
  19. #paging_button ul li { font-family:Arial, Helvetica, sans-serif;text-align:center; padding:10px 15px 10px 15px;background:#0099FF;color:#ffffff; float:left; list-style:none;cursor:pointer}
  20. #paging_button ul li:hover{ color: #fff; cursor: pointer;background:#333333;}
  21. </style>
  22. <script>
  23. $(document).ready(function(){
  24.     //show loading bar
  25.     function showLoader(){
  26.         $('.loading').fadeIn(500);
  27.     }
  28.     //hide loading bar
  29.     function hideLoader(){
  30.         $('.loading').fadeOut(500);
  31.     };
  32.    
  33.     $("#paging_button li").click(function(){
  34.         //show the loading bar
  35.         showLoader();
  36.        
  37.         $("#paging_button li").css({'background-color' : ''});
  38.         $(this).css({'background-color' : '#333333'});
  39.  
  40.         $("#content").load("data.php?page=" + this.id, hideLoader);
  41.     });
  42.    
  43.     // by default first time this will execute
  44.     $("#1").css({'background-color' : '#333333'});
  45.     showLoader();
  46.     $("#content").load("data.php?page=1", hideLoader);
  47. });
  48. </script>
  49. <script type="text/javascript" src="jquery-1.3.2.js"></script>