Skip to content

Instantly share code, notes, and snippets.

@kvba0000
Created April 16, 2024 21:10
Show Gist options
  • Save kvba0000/38d9872d3e03e3486b53e76772d28372 to your computer and use it in GitHub Desktop.
Save kvba0000/38d9872d3e03e3486b53e76772d28372 to your computer and use it in GitHub Desktop.
body::before {
content: " ";
position: fixed;
background-image: url("https://i.imgur.com/cEOBMVS.png");
width: 100vw;
height: 100vh;
z-index: -9999;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
filter: brightness(50%);
}
.box, .tweet, #profile-nav {
backdrop-filter: blur(5px);
background-color: rgba(0,0,0,0.1);
transition: background-color 0.2s;
}
.tweet:hover:not(.tweet-main) {
backdrop-filter: blur(5px);
background-color: rgba(0,0,0,0.4);
}
#profile-nav:has(#nav-profile-info[style="opacity: 1;"]) {
background-color: var(--background-color);
}
#tweet-nav {
background-color: rgba(0,0,0,0.4);
}
#navbar {
top: unset;
bottom: 0;
}
#navbar-line {
top: unset;
bottom: 46px;
}
#center-cell {
margin-top: 20px;
}
#profile-banner-sticky {
top: -500px;
}
#profile-nav {
top: 0px;
}
.dropdown-menu, #search-results {
margin-top: -300px;
}
#search {
width: 30px;
}
#search:has(:hover) {
width: 100%;
}
#twitter-logo::before {
content: url("https://i.imgur.com/HawenLn.png");
}
@keyframes rainbow {
from {
filter: hue-rotate(0deg);
}
to {
filter: hue-rotate(360deg);
}
}
#twitter-logo:hover::before {
animation: rainbow 3s linear infinite;
}
.profile-additional-birth-me {
background-color: transparent;
filter: blur(3px);
transition: filter 0.3s;
}
.profile-additional-birth-me:hover {
background-color: transparent;
filter: blur(0px);
}
body:has(#profile-stat-tweets-link[href="https://twitter.com/kvbaxi"]) #profile-name::after,
.tweet-header-info[href="https://twitter.com/kvbaxi"] > .tweet-header-name::after {
content: "CSS";
margin-left: 10px;
font-size: 0.6em;
background-color: var(--link-color);
color: var(--almost-black);
padding: 2px;
border-radius: 25%;
}
#profile-stat-followers-link[href="https://twitter.com/kvbaxi/followers"] #profile-stat-followers-value {
color: transparent;
}
#profile-stat-followers-link[href="https://twitter.com/kvbaxi/followers"] #profile-stat-followers-value::after {
content: "999M";
position: absolute;
left: 50%;
transform: translateX(50%);
color: var(--link-color);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment