commit 302fa0cf8b668db8a6ab168f2f1edc10e5ecb7fe
parent a656c951f07310f98ad15ebf763826b6cbc7585c
Author: breadcat <breadcat@users.noreply.github.com>
Date: Tue, 19 Apr 2022 23:12:31 +0100
Tidy CSS, add text overflow fade
Diffstat:
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/index.html b/index.html
@@ -12,14 +12,14 @@
input{background-color:var(--prompt-bg-color);color:var(--text-color);width:90%}
#input{padding-left:20px;padding-right:10px;color:var(--text-color)}
#input p{display:inline-block}
- h2{color:#9ac2c2;font-size:1.5rem;font-weight:500;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}
div.container{width:calc(100% - 6rem);max-width:1000px;margin:0 auto;color:#d6dce8;background-color:#373e4d;border-radius:0;box-shadow:#2c4948 12px 12px 0,#2a4549 24px 24px 0,#29414a 36px 36px 0,#273d4b 48px 48px 0,#25394c 60px 60px 0;border:.125rem solid #579190;overflow:hidden}
- #bookmarks{list-style-type:none;padding:0;margin:0;}
+ #bookmarks{list-style-type:none;padding:0;margin:0}
#bookmarks li{margin:5px 15px 5px 0;float:left}
#bookmarks li a{color:#d6dce8;padding:6px;text-decoration:none}
- #bookmarks li a:hover:not(.header):hover{text-decoration: underline}
- div#bookmark-filter {width: 56vw; margin:auto;position:relative;max-height:16rem;overflow:hidden}
- div#introduction p {width: 56vw; margin:auto; color:#d6dce8;margin-top:10%}
+ #bookmarks li a:hover:not(.header):hover{text-decoration:underline}
+ div#bookmark-filter{width:56vw;margin:auto;position:relative;max-height:16rem;overflow:hidden;position:relative}
+ div#bookmark-filter:before{content:'';width:100%;height:100%;position:absolute;background:linear-gradient(to bottom,transparent,var(--main-bg-color));pointer-events:none}
+ div#introduction p{width:56vw;margin:auto;color:#d6dce8;margin-top:10%}
</style>
</head>
<body>
