Skip to content
This repository
tree: 778c050906
Fetching contributors…

Cannot retrieve contributors at this time

file 65 lines (45 sloc) 2.267 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
<!doctype html>
<html lang="en" class="">
<head>
  <meta charset="utf-8">

  <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  <!--[if IE]><![endif]-->

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>
  <meta name="description" content="">
  <meta name="author" content="">


</head>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->

<body>

  <div id="container">
    <header>

    </header>
    
    <div id="main">
      <h1 style="margin:0px 0px 50px">LongTap and Touchmove are the new hover!</h1>
        <div class="touchme" id="Touchable" style="padding:20px;margin-right:20px;position:relative;float:left; width:400px; height:100px; display:block; background:SteelBlue">
            <div class="tooltip" style="white-space:nowrap; display:block; position:absolute; left:50px; top: -55px; display:none; z-index:10000; background: 50% 100% no-repeat url('https://assets0.github.com/images/modules/tipsy/tipsy-south.gif'); padding: 5px; font-size:30px; opacity: 0.8;text-shadow: black 1px 1px 0px;) ">
              <div class="inner" style="background-color: black;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
color: white;
padding: 5px 8px 4px;
text-align: center;">I just came to say hello</div>
            </div>
            <p>Try to long tap in the box on an iPad or iPhone or just hover on a Desktop</p>
        </div>

    <footer>

    </footer>
  </div> <!--! end of #container -->


  <!-- Javascript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>
  <script src="../ietest.js"></script>
  <script src="../hoverable.js"></script>
  
  <script src="test.js"></script>

 


</body>
</html>
Something went wrong with that request. Please try again.