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

Untitled

By: a guest on May 1st, 2012  |  syntax: None  |  size: 2.75 KB  |  hits: 28  |  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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>SteamID Converter</title>
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  6. <script type="text/javascript" src="modal.js"></script>
  7. <script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2.43"></script>
  8. <script type="text/javascript" src="steamid_converter.js"></script>
  9. <style>
  10. body {
  11. font-family:verdana;
  12. font-size:15px;
  13. }
  14.  
  15. a {color:#333; text-decoration:none}
  16. a:hover {color:#ccc; text-decoration:none}
  17.  
  18. #mask {
  19.   position:absolute;
  20.   left:0;
  21.   top:0;
  22.   z-index:9000;
  23.   background-color:#000;
  24.   display:none;
  25. }
  26.  
  27. #boxes .window {
  28.   position:absolute;
  29.   left:0;
  30.   top:0;
  31.   width:440px;
  32.   height:400px;
  33.   display:none;
  34.   z-index:9999;
  35.   padding:20px;
  36. }
  37.  
  38. #boxes #dialog {
  39.   width:375px;
  40.   height:205px;
  41.   padding:10px;
  42.   background-color:#ffffff;
  43.   margin:4px;
  44. }
  45.  
  46. .table{
  47.         height:26px;
  48.         line-height:26px;
  49.         vertical-align:middle;
  50.         text-align:left;
  51.         font-size:18px;
  52.         font-family:Tahoma, Geneva, sans-serif;
  53. }
  54.  
  55. #close.table{
  56.         float:right;
  57.         margin:auto;
  58.         border:2px solid #FFF;
  59.         line-height:74px;
  60.         vertical-align:middle;
  61. }
  62.  
  63. #close:hover{
  64.         border:2px solid #666;
  65. }
  66.  
  67.  
  68. #table{
  69.         border-bottom:1px solid #000;
  70. }
  71.  
  72. #input{
  73.         font-size:15px;
  74.         font-family:Tahoma, Geneva, sans-serif;
  75. }
  76.  
  77. .submit{
  78.         text-align:center;
  79.         margin:auto;
  80. }
  81.  
  82. .steamid{
  83.         width:100px;
  84.         height:auto;
  85.         text-align:center;
  86.         margin:auto;
  87.         border:#03F;
  88. }
  89. </style>
  90. <script type="text/javascript">
  91. $(document).ready(function() {
  92.         $("#steamidprofile.steamid").hide();
  93.         $(".submit").click(function(){
  94.                 var ProfileID = $("#profileid").val();
  95.                 var SteamID = profileToSteamID(ProfileID);
  96.                 $("#steamidprofile.steamid").html(SteamID);
  97.                 $("#steamidprofile.steamid").fadeIn(slow);
  98.         });
  99. });
  100. </script>
  101. </head>
  102. <body>
  103. <a href="#dialog" name="modal">Simple Window Modal</a></li>
  104. <div id="boxes">  
  105. <div id="dialog" class="window">
  106. <table id="table" width="375">
  107. <tr>
  108. <td class="table">SteamID Converter!</td>
  109. <td><a href="#"class="close" /><img src="closelabel.gif" class="table" id="close" /></a>
  110. </td>
  111. </table>
  112. <br />
  113. <form name="Profile" method="get" action="">
  114. <div style="text-decoration:underline;">Profile ID (Numeric):</div>
  115. <div id="input">http://steamcommunity.com/profiles/
  116. <input name="profile" type="text" id="profileid" size="14" /></div>
  117. <div class="submit"><input type="button" value="Submit That Shit!" id="submit" /></div>
  118. <div class="steamid" id="steamidprofile"></div>
  119. </form>
  120. </div>
  121.  
  122. <!-- Mask to cover the whole screen -->
  123.   <div id="mask"></div>
  124. </div>
  125. </body>
  126. </html>
create a new version of this paste RAW Paste Data