Nice css checkboxes

This commit is contained in:
flaviut 2014-06-03 20:28:46 -04:00
commit 4854d89dbc
2 changed files with 16 additions and 3 deletions

View file

@ -139,6 +139,11 @@ a:hover {
line-height: 20px; line-height: 20px;
} }
#sidebar a:visited { #sidebar a.visited:before { /* selected with JS */
color: #AE6B1B; content: "";
font-family: "FontAwesome";
position: absolute;
left: -3em;
color: #EEE;
text-shadow: -1px 0 #2B2B2B, 0 1px #2B2B2B, 1px 0 #2B2B2B, 0 -1px #2B2B2B
} }

View file

@ -5,7 +5,6 @@
<title>Nimrod by Example - <%= @item[:title] %></title> <title>Nimrod by Example - <%= @item[:title] %></title>
<link rel="stylesheet" href="<%= @items['/stylesheets/main/'].path %>"> <link rel="stylesheet" href="<%= @items['/stylesheets/main/'].path %>">
<link rel="stylesheet" href="<%= @items['/stylesheets/syntax/'].path %>"> <link rel="stylesheet" href="<%= @items['/stylesheets/syntax/'].path %>">
<meta name="generator" content="nanoc <%= Nanoc::VERSION %>"> <meta name="generator" content="nanoc <%= Nanoc::VERSION %>">
</head> </head>
<body> <body>
@ -15,5 +14,14 @@
<div id="sidebar"> <div id="sidebar">
<%= @items["/toc/"].compiled_content(:snapshot => :last) %> <%= @items["/toc/"].compiled_content(:snapshot => :last) %>
</div> </div>
<script>
localStorage.setItem(window.location.pathname, true);
var tocLinks = document.querySelectorAll("#sidebar a:link, a:visited");
for(var i = 0; i < tocLinks.length; i++){
if(localStorage.getItem(tocLinks[i].getAttribute("href")) != null){
tocLinks[i].classList.add("visited");
}
}
</script>
</body> </body>
</html> </html>