Skip to content
Browse files

adding GitHub link

  • Loading branch information...
1 parent b9e4a99 commit b3727ed26d7c2deba0e6cf9a282a662a52675195 @beaucollins committed Dec 3, 2011
Showing with 29 additions and 2 deletions.
  1. +5 −2 index.html
  2. +24 −0 style.css
View
7 index.html
@@ -1,14 +1,17 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <title>index</title>
+ <title>Radial Menu Demo</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<script type="text/javascript" src="menu.js" charset="utf-8"></script>
</head>
-<body id="index" onload="">
+<body>
+
+ <a href="http://github.com/beaucollins/radial-menu/">View Source on GitHub</a>
<div id="app">
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
View
24 style.css
@@ -5,6 +5,30 @@ body {
margin: 0;
}
+a[href^="http://github.com/"] {
+ position: fixed;
+ top:0;
+ right:10px;
+ z-index: 4;
+ background: hsla(0,0%,100%,0.8);
+ background: -webkit-linear-gradient(hsla(0,0%,100%,1.0), hsla(0,0%,80%,1.0));
+ border-radius: 0 0 2px 2px;
+ padding: 8px;
+ box-shadow: 0 0 4px hsla(0,0%,0%,0.4);
+ color:#666;
+ font-weight:bold;
+ text-decoration:none;
+ text-shadow: 0 1px 0 hsla(0,0%,100%,1.0);
+}
+a[href^="http://github.com/"]:hover {
+ color: hsla(0,50%,50%,1.0);
+}
+a[href^="http://github.com/"]:focus {
+ color: hsla(0,50%,50%,1.0s);
+ background: -webkit-linear-gradient(hsla(0,0%,80%,1.0), hsla(0,0%,85%,1.0) 40%, hsla(0,0%,95%,1.0));
+ box-shadow: inset 0 -1px 2px hsla(0,0%,0%,0.5), 0 1px 2px hsla(0,0%,100%,0.4);
+}
+
#app {
position:absolute;
top:0;

0 comments on commit b3727ed

Please sign in to comment.
Something went wrong with that request. Please try again.