--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/booket.css	Sat Sep 06 18:18:29 2014 +0200
@@ -0,0 +1,285 @@
+/*
+ * Copyright (C) 2014 Guido Berhoerster <guido+booket@berhoerster.name>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included
+ * in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+html {
+    color: #000000;
+    background-color: #ffffff;
+    font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
+    max-width: 70em;
+    margin: 0 auto;
+}
+
+fieldset {
+    border: none;
+    border-top: 1px solid #888a85;
+}
+
+legend {
+    font-size: .75em;
+    font-weight: bold;
+}
+
+label,
+input[type="text"],
+input[type="file"],
+input[type="url"] {
+    display: block;
+}
+
+label {
+    font-weight: bold;
+    font-size: .75em;
+}
+
+kbd {
+    display: inline-block;
+    font-family: Courier, monospace;
+    background-color: #fdfdfb;
+    border: thin solid #babdb6;
+    box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #babdb6;
+    border-radius: .25em;
+    padding: .125em .5em;
+    white-space: nowrap;
+}
+
+h1 {
+    font-size: 2em;
+    margin: .67em 0
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: .75em 0
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: .83em 0
+}
+
+h1, h2, h3 {
+    font-weight: bolder
+}
+
+section,
+main,
+footer {
+    clear: both;
+}
+
+footer {
+    clear: both;
+    margin: 1em 0 0 0;
+    padding: .5em 0 0 0;
+    border-top: 1px solid #888a85;
+    font-size: .75em;
+}
+
+address {
+    font-style: inherit;
+    color: #555753;
+}
+
+address :link,
+address :visited {
+    text-decoration: underline;
+    color: inherit;
+}
+
+header h1 {
+    display: inline-block;
+    margin: 0 .25em 0 0;
+}
+
+header h1 ~ p {
+    display: inline-block;
+    margin: 0;
+    font-weight: bold;
+}
+
+#actions {
+    margin: 1em 0 0 0;
+}
+
+#actions > h2 {
+    display: none;
+}
+
+#actions form ~ form {
+    margin: 1em 0 0 0;
+}
+
+#keyboard-shortcuts {
+    float: right;
+    border: 1px solid #d3d7cf;
+    border-radius: .5em;
+    background-color: #fbfbf9;
+    padding: .5em;
+    margin: 0 0 1em 1em;
+    font-size: .75em;
+}
+
+#keyboard-shortcuts h3 {
+    font-size: 1em;
+    text-align: center;
+    margin: 0;
+}
+
+#keyboard-shortcuts dl {
+    margin: 1em 0 0 0;
+}
+
+#keyboard-shortcuts dd {
+    margin: .25em 0 0 0;
+}
+
+#keyboard-shortcuts dd ~ dt {
+    margin: .5em 0 0 0;
+}
+
+#bookmarks {
+    margin: 1em 0 0 0;
+}
+
+#bookmarks h2 {
+    margin: 0;
+}
+
+#tags,
+#search,
+#bookmark-message,
+#bookmark-list {
+    margin: .5em 0 0 0;
+}
+
+#tags h3,
+#search h3 {
+    display: none;
+}
+
+ul.tag-input-list,
+ul.tag-list {
+    margin: 0;
+    padding: 0;
+}
+
+ul#bookmark-list {
+    padding: 0;
+}
+
+ul.tag-input-list li,
+ul.tag-list li,
+ul#bookmark-list > li {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+ul.tag-list li {
+    display: inline-block;
+    border: 1px solid #c4a000;
+    border-radius: .25em;
+    padding: .1em;
+    background-color: #fce94f;
+    margin: .25em .25em 0 0;
+    white-space: nowrap;
+    font-size: .75em;
+}
+
+ul.tag-list button {
+    color: #000000;
+    background-color: transparent;
+    border: thin solid transparent;
+    border-radius: .1em;
+    padding: .1em;
+    margin: 0 .1em;
+    cursor: pointer;
+}
+
+ul.tag-list button:hover,
+ul.tag-list button:focus,
+ul.tag-list button:active {
+    border: thin solid #deba1a;
+    background-color: #ffff69;
+}
+
+ul.tag-list li.active-filter-tag {
+    border: thin solid #4e9a06;
+    background-color: #8ae234;
+}
+
+ul.tag-list li.active-filter-tag button:hover,
+ul.tag-list li.active-filter-tag button:focus,
+ul.tag-list li.active-filter-tag button:active {
+    border: thin solid #68b420;
+    background-color: #a4fc4e;
+}
+
+ul#bookmark-list > li {
+    border-top: 1px solid #888a85;
+    padding: .25em 0 0 0;    
+}
+
+ul#bookmark-list > li ~ li {
+    margin: .25em 0 0 0;    
+}
+
+ul#bookmark-list ul.tag-list {
+    max-width: 33%;
+    float: right;
+    margin: 0 0 .25em .25em;
+}
+
+ul#bookmark-list ul.tag-list > li {
+    float: right;
+}
+
+ul#bookmark-list > li::after {
+    display: block;
+    content: '';
+    clear: right;
+}
+
+ul#bookmark-list .bookmark-editor-form {
+    margin: .5em;
+}
+
+ul#bookmark-list .bookmark-editor-form fieldset {
+    border-top: 1px solid #d3d7cf;
+}
+
+a.bookmark-link:link,
+a.bookmark-link:visited {
+    color: #001754;
+    font-weight: bold;
+    text-decoration: underline;
+}
+
+a.bookmark-link:link:hover,
+a.bookmark-link:link:focus,
+a.bookmark-link:link:active,
+a.bookmark-link:visited:hover,
+a.bookmark-link:visited:focus,
+a.bookmark-link:visited:active {
+    color: #07316e;
+}