commit 2013f7251f85e81c43f48a3f4a72ccf35147a875
parent 44b5afe5f28bfe287e64dfa227e94e98678ea8a1
Author: Peter <peter@minskio.co.uk>
Date: Thu, 4 Aug 2022 17:24:45 +0100
Increase size of clickable input box
Also minify CSS and sort
Diffstat:
1 file changed, 15 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
@@ -5,21 +5,24 @@
<title>New Tab</title>
<link rel="icon" type="image/png" sizes="16x16" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBBsMMCnqv3OaAAAAlUlEQVQoz83PIQvCABQE4E+ZQxQGxpnMgvgXxoqoQVxZWTCvrPpjrDYXzBoG/jHDQBFXBe/BC3f3uHv8BxYSvS+2J7GAyEXReVi4iEg9xJ2G2ENK6SrsNISuSiq1wMDoJYwNQKBWsdOIHJwMtZ3OMjDR2BG7WVnKxGZmpnJzsHZv223k6Ns7Olq/onLb98/tbueT/T2ejsYUrwqCFKkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDktMTRUMTU6MTE6NTQrMDA6MDCEo9THAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTExVDA4OjUzOjE4KzAwOjAwRp+EjgAAAABJRU5ErkJggg==" />
<style>
+ #screen,input{background-color:var(--prompt-bg-color)}
+ #input,input{color:var(--input-color)}
+ #input p,input{display:inline-block}
+ #bookmarks,*{padding:0;margin:0}
:root{--main-bg-color:#2e3440;--prompt-bg-color:#151515;--input-color:#6c99bb;--text-color:#d6dce8}
- *{margin:0;padding:0;border:0;outline:0;font-family:monospace;font-size:1rem}
+ *{border:0;outline:0;font-family:monospace;font-size:1rem}
body{overflow:hidden;background-color:var(--main-bg-color)}
- div#introduction p{width:56vw;margin:auto;color:var(--text-color);margin-top:10%}
- #screen{width:56vw;box-shadow:0.1rem 0.1rem 0.7rem;border-radius:0.3rem;padding:1.5em 0;background-color:var(--prompt-bg-color);margin:auto;margin-top:2rem;margin-bottom:2rem}
- #input{padding-left:1.3rem;padding-right:0.7rem;color:var(--input-color)}
- #input p{display:inline-block}
- input{background-color:var(--prompt-bg-color);color:var(--input-color);width:90%}
- #bookmark-filter{width:56vw;margin:auto;position:relative;height:16rem;overflow:hidden;position:relative}
+ div#introduction p{width:56vw;margin:10% auto auto;color:var(--text-color)}
+ #screen{width:56vw;box-shadow:.1rem .1rem .7rem;border-radius:.3rem;padding:.7em 0;margin:2rem auto}
+ #input{padding-left:1.3rem;padding-right:.7rem}
+ input{width:90%;padding:1.2em 0}
+ #bookmark-filter{width:56vw;margin:auto;height:16rem;overflow:hidden;position:relative}
#bookmark-filter:hover{overflow-y:auto}
- #bookmark-filter:before{content:'';width:100%;height:16rem;position:absolute;background:linear-gradient(to bottom,transparent,var(--main-bg-color));pointer-events:none;}
- #bookmarks{list-style-type:none;padding:0;margin:0}
- #bookmarks li{margin:0.3rem 1rem 0.3rem 0;float:left}
- #bookmarks li a{color:var(--text-color);padding:0.4rem;text-decoration:none}
- #bookmarks li a:focus, #bookmarks li a:hover{text-shadow: 2px 2px 8px #fff; text-decoration:underline}
+ #bookmark-filter:before{content:'';width:100%;height:16rem;position:absolute;background:linear-gradient(to bottom,transparent,var(--main-bg-color));pointer-events:none}
+ #bookmarks{list-style-type:none}
+ #bookmarks li{margin:.3rem 1rem .3rem 0;float:left}
+ #bookmarks li a{color:var(--text-color);padding:.4rem;text-decoration:none}
+ #bookmarks li a:focus,#bookmarks li a:hover{text-shadow:2px 2px 8px #fff;text-decoration:underline}
</style>
</head>
<body>
