Fire JS Bin - twipho-lite

You can jump to the latest bin by adding /latest to your URL

Find

⟲

Replace

function html_entity_decode(str) {
  var ta = document.createElement("textarea");
  ta.innerHTML = str.replace(/</g, "<").replace(/>/g, ">");
  return ta.value;
}

<!DOCTYPE html>
<html>

<head>
  <title>Twitter Photos - TwiPho, Search twitpic.com, img.ly and yfrog.com!</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
  <div class="wrapper">
    <h1>twipho<span class="sub">*lite</span></h1>
    <form id="form1" name="form1" method="post" action="">
      <label for="search">
      </label>
      <table width="564" border="0" id="searchTable">
        <tr>
          <td width="558">
            <div align="center"><input name="search" type="text" id="search" /></div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center">
              <div id="options">
                <div id="services">
                  <label for="twitpic">Twitpic.com<input name="twitpic" type="checkbox" value="twitpic" checked="checked"/></label>
                  <label for="imgly">img.ly<input name="imgly" type="checkbox" value="imgly" checked="checked" /></label>
                  <label for="yfrog">yfrog.com<input name="yfrog" type="checkbox" value="yfrog" checked="checked" /></label>
                </div>
                <div id="rt">
                  Should we exclude retweets to cut down duplication?
                  <label><input type="radio" name="radio" id="yes" value="yes" checked="checked"/>Yes</label>
                  <label><input type="radio" name="radio" id="no" value="no" />No</label>
                </div>
              </div>
            </div>
          </td>
        </tr>
      </table>
    </form>
    <div id="results"><div class="clear"></div></div>
  </div>
  <div id="footer">
    <a href="http://0100.tv/" title="Website Design Sheffield">Website Design Sheffield</a>.
  </div>
</body>

</html>

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline }
body { line-height:1; height:100% }
html { height:100% }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
body { background:#00AFE4; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:62.5% }
.wrapper h1 { text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); padding:10px; text-align:center; font-size:6em; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
.wrapper { width:98%; padding:1% }
#searchTable { margin:auto; text-align:center }
#search { padding:5px; font-size:4em; text-align:center; border-radius:5px; box-shadow:0px 0px 10px rgba(255, 255, 255, 1); -webkit-border-radius:5px; -webkit-box-shadow:0px 0px 10px rgba(255, 255, 255, 1); -moz-border-radius:5px; -moz-box-shadow:0px 0px 10px rgba(255, 255, 255, 1); border:1px solid #09c; color:#09c; margin-bottom:20px; width:500px }
#options { font-size:1.1em; background-color:rgba(255, 255, 255, 0.2); padding:10px; width:490px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px }
#services input { margin-left:5px; margin-right:10px }
.sub { margin-left:-20px; font-size:40%; position:absolute; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg) }
#results { margin-top:20px; padding-bottom:40px }
.entry { float:left; width:150px; padding:10px; background-color:#1AB7E7; border:1px solid #5FCDEE; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:360px; margin:20px 20px 0px 0px }
#footer { clear:both; width:100%; position:fixed; bottom:0; left:0; opacity:0.5; padding:10px; font-size:1.4em; background-color:#fff }
#footer a { color:#09c; font-weight:bold; text-decoration:none }
#footer:hover { opacity:1 }
a { color:#fff }
.profile { text-align:center; margin-bottom:10px; font-size:1.8em; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5) }
.profile img { border:2px solid #fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-bottom:5px; margin-top:-20px }
.imageTweet { text-align:center }
.imageTweet img { border:2px solid #fff; max-width:148px }
.words { width:1234x; overflow:hidden; padding:5px 0px; font-size:1.3em; font-weight:bold; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); word-break:break-all }
.time, .details { padding:5px 0px }
.options { float:left; margin-left:20px }
.options img { border:none }
.profile h2 { clear:both }
.time, .details { font-size:1.1em }
.clear { clear: both }

Pop out