Permalink
Browse files

Added the files from gh-pages to master too

  • Loading branch information...
1 parent 00e29d2 commit 52c3376a86fe517da4105550854d9bd09d43926e @Prinzhorn committed Mar 24, 2012
Showing with 163 additions and 0 deletions.
  1. +64 −0 index.html
  2. +99 −0 style.css
View
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+ <title>Dropdown menu with delay</title>
+
+ <link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+ <a href="https://github.com/Prinzhorn/delayed-css-drop-down"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
+ <div id="center">
+ <ul id="nav">
+ <li>
+ <a href="#">Bacon</a>
+ <ul>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Bacon</a>
+ <ul>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Bacon</a>
+ <ul>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Bacon</a>
+ <ul>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Bacon</a>
+ <ul>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ <li><a href="#">More Bacon</a></li>
+ </ul>
+ </li>
+ </ul>
+ <div id="content">
+ <p>
+ Ham drumstick beef corned beef, jowl rump frankfurter bresaola chuck tongue tail sirloin ribeye biltong. Strip steak swine ribeye sausage chuck jowl turducken pork loin, frankfurter tongue jerky kielbasa. Spare ribs sausage chuck bresaola tail. Pork loin brisket filet mignon pig, cow sausage bresaola pork chop turducken spare ribs ham salami. Sirloin capicola frankfurter pig ball tip fatback. T-bone pancetta bacon venison, sausage beef ribs frankfurter fatback pig chuck bresaola cow. Ball tip pancetta sirloin jowl, filet mignon tri-tip ribeye chuck boudin pig shank.
+ </p>
+ </div>
+ </div>
+</body>
+
+</html>
View
@@ -0,0 +1,99 @@
+body {
+ background:#C0E4F2;
+ font-size:125%;
+}
+
+#center {
+ width:960px;
+ background:#fff;
+ margin:1em auto;
+ border:1em solid #fff;
+}
+
+#nav {
+ display:block;
+ float:left;
+ width:100%;
+ padding:0;
+ margin:0;
+ list-style-type:none;
+ background:#222;
+}
+
+#nav > li {
+ display:block;
+ float:left;
+ margin:0;
+ padding:0;
+ position:relative;
+}
+
+#nav > li > a, #nav ul > li > a {
+ display:block;
+ background:#222;
+ color:#fff;
+ padding:.5em 1em;
+ text-decoration:none;
+}
+
+#nav > li > a {
+ border-right:1px solid #ccc;
+}
+
+#nav ul > li > a {
+ padding-right:3em;
+ border-top:1px solid #bbb;
+}
+
+#nav > li > a:hover, #nav ul > li > a:hover {
+ background:#3FC4FF;
+ color:#000;
+}
+
+#nav ul {
+ display:block;
+ opacity:0;
+ position:absolute;
+ list-style-type:none;
+ padding:0;
+ margin:0;
+ z-index:1;
+ white-space:nowrap;
+
+ transition: opacity 0s 1s, z-index 0s 1s;
+ -o-transition: opacity 0s 1s, z-index 0s 1s;
+ -ms-transition: opacity 0s 1s, z-index 0s 1s;
+ -moz-transition: opacity 0s 1s, z-index 0s 1s;
+ -webkit-transition: opacity 0s 1s, z-index 0s 1s;
+}
+
+#nav > li:hover > ul {
+ opacity:1;
+ z-index:3;
+ display:block;
+
+ transition: opacity, z-index;
+ -o-transition: opacity, z-index;
+ -ms-transition: opacity, z-index;
+ -moz-transition: opacity, z-index;
+ -webkit-transition: opacity, z-index;
+}
+
+#nav:hover ul {
+ opacity:0;
+ z-index:1;
+ display:none;
+
+ transition: none;
+ -o-transition: none;
+ -ms-transition: none;
+ -moz-transition: none;
+ -webkit-transition: none;
+}
+
+#content {
+ padding:1em;
+ clear:both;
+ position:relative;
+ z-index:2;
+}

0 comments on commit 52c3376

Please sign in to comment.