Changed bookmarks - 2021-10-08

css/bookmarks.css

@@ -1,23 +1,20 @@
+h1.title {
+    font-size: 48px;
+    font-family: chancery,cursive,LiSu,sans-serif;
+}
+
 .tag {
     background-color: transparent;
 }
 
-/* When the input field gets focus, change its width to 100% */
-input[type=text]:focus {
-    width: 100%;
-}
-
-input {
+input#search {
+    display: block;
+    margin: auto;
+    margin-bottom: 20px;
     width: 400px;
-    margin: 10px;
     box-sizing: border-box;
     border: 2px solid #ccc;
     border-radius: 4px;
     font-size: 16px;
-    background-color: white;
-    background-position: 10px 12px;
-    background-repeat: no-repeat;
-    padding: 12px 20px 12px 40px;
-    -webkit-transition: width .4s ease-in-out;
-    transition: width .4s ease-in-out;
+    padding: 12px 20px 12px 20px;
 }

css/readtheorg.css

@@ -1055,14 +1055,13 @@ h2.footnotes{
     background-color: #EDEDED;
     border: 1px solid #EDEDED;
     color: #939393;
-    cursor: pointer;
     display: block;
     float: right;
     font-size: 80%;
     font-weight: normal;
     margin: 0 3px;
     padding: 1px 2px;
-    border-radius: 10px;
+    border-radius: 5px;
 }
 
 .tag .FLAGGED {

header.org

@@ -0,0 +1,17 @@
+#+TITLE: Bookmarks
+
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="./css/htmlize.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="./css/readtheorg.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="./css/bookmarks.css"/>
+#+HTML_HEAD: <script src="./js/jquery.min.js"></script>
+#+HTML_HEAD: <script src="./js/bootstrap.min.js"></script>
+#+HTML_HEAD: <script src="./js/jquery.stickytableheaders.min.js"></script>
+#+HTML_HEAD: <script src="./js/readtheorg.js"></script>
+#+HTML_HEAD: <script src="./js/bookmarks.js"></script>
+
+#+OPTIONS: toc:nil
+#+OPTIONS: html-postamble:nil
+
+#+begin_export html
+  <input type="text" id="search" placeholder="Type to search">
+#+end_export