Skip to content

Instantly share code, notes, and snippets.

@bascht
Created October 11, 2017 14:32
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 bascht/50c992f8897ed998b7e960508e3a3dc3 to your computer and use it in GitHub Desktop.
Save bascht/50c992f8897ed998b7e960508e3a3dc3 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<style type="text/css">
body {
background-color: white;
font-size: 1.3em;
font-family: "monospace";
}
#time {
text-align: center;
color: #444;
font-size: 2em;
padding-top: 1em;
}
ul {
list-style-type: none;
float: left;
}
a {
text-decoration: none;
color: gray;
display: block;
background-color: #EEE;
padding: 1em 0.5em 1em 0.5em;
width: 250px;
border: 1px solid #eee;
}
ul li:last-child a {
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}
a:hover {
text-decoration: none;
color: #AAAAAA;
background-color: #FEFEFE;
border: 1px solid #DDD;
}
a:visited {
color: gray;
}
div hr {
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
margin: 0;
}
</style>
</head>
<body>
<ul class="column">
<li><h4>Tools</h4></li>
<li><a href="https://example.com">example</a></li>
[…]
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment