elenapan/firefox/MaterialFox/chrome/find.css
elena 89f83008b8 uploaded firefox theme, compton and ncmpcpp config
Former-commit-id: 87d6945810
Former-commit-id: 3d70311e87bc03301e74e37a3843da97990beef9
Former-commit-id: 0813a1a42c92def48887b30dc25682ee34783cd2
Former-commit-id: b6c2d992625fd201c37d81fa812a6ad489e7db0b
2018-09-28 16:43:17 +03:00

77 lines
1.5 KiB
CSS

/* Based off of https://redd.it/7fxtdm*/
@keyframes scale-out {
0% {
transform: scaleY(1);
}
100% {
transform: scaleY(0);
}
}
@keyframes scale-in {
0% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}
.browserContainer {
position: relative;
}
findbar {
animation: 0.2s scale-in;
transform-origin: top center;
padding: 4px 6px 6px 6px;
height: 55px !important;
line-height: 30px !important;
background: var(--findbar-bg) !important;
color: var(--findbar-fg) !important;
position: absolute;
top: 5px;
right: 35px;
border-radius: 3px !important;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
min-width: 300px !important;
}
findbar[hidden='true'] {
animation: 0.2s scale-out;
}
.findbar-closebutton .toolbarbutton-icon {
transform: scale(1.35);
padding: 2px !important;
}
.findbar-closebutton {
background: none !important;
}
.close-icon:hover {
fill-opacity: 0 !important;
}
.findbar-container > hbox > * {
border: none !important;
background: var(--findbar-bg) !important;
color: var(--findbar-fg) !important;
}
.findbar-container > hbox > toolbarbutton{
outline: 0 !important;
}
.findbar-container > hbox > toolbarbutton:hover:active {
box-shadow: none !important;
}
.findbar-container > hbox > toolbarbutton > .toolbarbutton-icon {
padding: 5px !important;
}
.findbar-find-status {
display: none !important;
}