add paginator

templates/static/style.css

@@ -19,6 +19,16 @@ nav.top-nav {
 	border-bottom: 1px solid silver;
 }
 
+a {
+	color: gray;
+	text-decoration: none;
+}
+
+a:hover {
+	color: black;
+	text-decoration: underline;
+}
+
 nav.top-nav a {
 	display: inline-block;
 	padding: .75rem;
@@ -112,6 +122,10 @@ textarea:focus,
 	margin-top: 1rem;
 }
 
+.cards-table .actions {
+	font-size: 90%;
+}
+
 .cards-table td,
 .cards-table th {
 	padding: .5rem;
@@ -128,3 +142,43 @@ textarea:focus,
 .cards-table tbody tr:last-child td {
 	border-bottom: 2px solid silver;
 }
+
+.paginate {
+	margin: 1rem auto;
+	width: 300px;
+	text-align: center;
+	white-space: nowrap;
+}
+
+.paginate span,
+.paginate a {
+	padding: .5rem 1rem;
+	border-radius: .5rem;
+	border: 1px solid silver;
+	text-decoration: none;
+}
+
+.paginate span.num {
+	border: 1px solid #ccc;
+	color: gray;
+}
+
+.paginate a {
+	cursor: pointer;
+	user-select: none;
+}
+
+.paginate a:hover {
+	background: #ccc;
+	text-decoration: none;
+}
+
+.paginate .disabled {
+	opacity: .5;
+	cursor: default;
+}
+
+.paginate .disabled:hover {
+	color: gray;
+	background: transparent;
+}