
var template = {"url":"http://jsbin.com/ehaja","html" : "<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\"\n  \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" xml:lang=\"en\" lang=\"en\">\n<head>\n<meta http-equiv=\"Content-type\" content=\"text\/html; charset=utf-8\" \/>\n<title>Pure CSS Nudge Example<\/title>\n<style type=\"text\/css\" media=\"screen\">\n<!--\nbody { font: 1em \"Trebuchet MS\", verdana, arial, sans-serif; font-size: 90%; background: #212121; color: #eee;}\ninput, textarea { font-family: Arial; font-size: 125%; padding: 7px; }\nlabel { display: block; } \nul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\nli {\n  margin: 0;\n  padding: 0 5px;\n}\n\nli a {\n  -webkit-transition-property: padding-left;\n  -webkit-transition-duration: 200ms;\n  -webkit-transition-timing-function: ease-out;\n  text-decoration: none;\n  color: #eee;\n}\n\nli a:hover {\n  padding-left: 20px;\n  color: rgb(190, 235, 255);\n}\n-->\n<\/style>\n<\/head>\n<body>\n    <h1>Pure CSS Nudge Example<\/h1>\n    <ul>\n      <li><a href=\"#\">Item 1<\/a><\/li>\n      <li><a href=\"#\">Item 2<\/a><\/li>\n      <li><a href=\"#\">Item 3<\/a><\/li>\n      <li><a href=\"#\">Item 4<\/a><\/li>\n      <li><a href=\"#\">Item 5<\/a><\/li>\n    <\/ul>\n<\/body>\n<\/html>","javascript":""}
