old-twitter-image-search/src/style.css

93 lines
1.4 KiB
CSS

.otis-icon {
width:16px;
vertical-align:middle;
margin-right:20px;
margin-left:6px;
margin-bottom: 4px;
}
.otis-icon:hover {
opacity: 0.8;
}
.otis-icon-loading {
opacity: 0.6 !important;
animation-name: icon-spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.otis-icon-noresult {
opacity: 0.3 !important;
}
.otis-danbo-icon {
width:18px;
vertical-align:middle;
margin-bottom:2px;
}
.danbo-text-link {
color: var(--light-gray);
font-weight: 700;
font-size: 12px;
}
.danbo-more-results {
margin-left:250px;
}
.danbo-item > img, .danbo-item > div {
vertical-align:middle;
display: inline-block;
}
.danbo-item > div {
margin-left: 10px;
}
.danbo-artist-name {
font-size:13px;
bottom:3px;
position:relative;
font-weight:700;
display:inline-block;
cursor: pointer;
}
.danbo-artist-name > a {
color:var(--light-gray);
}
.danbo-artist-banned {
color: rgb(249, 24, 128) !important;
text-decoration: line-through;
}
.danbo-artist-name > img:hover {
opacity:0.8;
}
.danbo-artist-name-tweetpage {
display:block;
width: fit-content;
bottom:unset;
}
.tweet-time::after {
color: var(--light-gray) !important;
content: "\00b7";
margin: 0px 3px;
}
@keyframes icon-spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}