-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
20 lines (20 loc) · 1.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width">
<title>Cursors</title>
<meta name="description" content="All available cursors">
<style>body{margin:0;font:300 1.5em "Helvetica Neue",sans-serif}header,div,footer{padding:2em}div{box-sizing:border-box}main{overflow:hidden}h1{font-weight:500}a{text-decoration:none;color:#94d4e8}@media(min-width:55em){div{width:50%;float:left}}@media(min-width:85em){div{width:33.33333%}}@media(min-width:115em){div{width:25%}}</style>
</head>
<body>
<header>
<h1><a href="//github.com/chrisnager/cursors">Cursors <img src="squirtle.cur"></a></h1>
<p>All available cursors</p>
</header>
<main></main>
<footer>
<small><a href="//github.com/chrisnager/cursors">github</a> · <a href="//codepen.io/chrisnager/pen/fqkml">codepen</a> · <a href="//twitter.com/chrisnager">@chrisnager</a></small>
</footer>
<script>var i,c=['auto','pointer','default','none','context-menu','help','progress','wait','cell','crosshair','text','vertical-text','alias','copy','move','no-drop','not-allowed','initial','inherit','n-resize','s-resize','e-resize','w-resize','ns-resize','ew-resize','ne-resize','nw-resize','se-resize','sw-resize','nesw-resize','nwse-resize','col-resize','row-resize','all-scroll','url(bulbasaur.cur), auto','url(squirtle.cur) 0 16, pointer','zoom-in','zoom-out','grab','grabbing','-webkit-grab','-webkit-grabbing'];for(i=0;i<c.length;i++){var d=document.createElement('div'),h='hsl('+~~(Math.random()*360)+',50%,75%)';d.innerHTML=d.style.cursor=c[i];d.style.backgroundColor=h;document.getElementsByTagName('main')[0].appendChild(d);}</script>
</body>
</html>