Skip to content

Instantly share code, notes, and snippets.

@maxpelic

maxpelic/dabblet.css

Created August 25, 2013 23:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save maxpelic/6336892 to your computer and use it in GitHub Desktop.
Save maxpelic/6336892 to your computer and use it in GitHub Desktop.
Download ZIP
popmenu
Raw
dabblet.css
/**
* popmenu
*/
body{
background-color:white;
height:500px;
width:500px;
}
#popnav{
transform: rotate(-45deg);
box-shadow:2px 2px 10px #997;
width:auto;
background-color:orange;
border-radius:10px;
padding:20px;
margin-left:-100px;
margin-top:75px;
padding-left:100px;
padding-right:100px;
position:fixed;
border-bottom:5px solid #FFCC0A;
border-top:1px solid#FFCC0A;
position:fixed;
float:left;
}
#popnav a{
color:black;
text-decoration:none;
font-family:Verdana bold;
width:auto;
padding:10px;
border-radius:10px;
background-color:#FFC00A;
box-shadow:0px 0px 10px grey;
margin-left:5px;
margin-right:5px;
border-bottom:2px solid #FFCC0A;
border-top:1px solid#FFCC0A;
}
#popnav a:hover{
box-shadow:0px 0px 20px grey;
}
#popnav a:active{
box-shadow:0px 0px 4px #FFF;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="popnav">
<a href="http://pelictech.blogspot.com">Blog</a>
<a href="http://facebook.com/pelictech">Facebook</a>
<a href="#">Home</a>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment