132 lines
2.0 KiB
CSS
132 lines
2.0 KiB
CSS
@import url('/home/eli/.cache/wal/colors-waybar.css');
|
|
|
|
@define-color mauve @color9;
|
|
@define-color red @color9;
|
|
@define-color lavender @color7;
|
|
@define-color text @color7;
|
|
|
|
* {
|
|
font-family: 'CodeNewRoman Nerd Font Mono', monospace;
|
|
font-size: 17px;
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
window {
|
|
all:unset;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
background-color: alpha(@background,.5);
|
|
|
|
|
|
}
|
|
/* Slide In */
|
|
@keyframes slideIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* Inner Box */
|
|
#inner-box {
|
|
margin: 2px;
|
|
padding: 5px;
|
|
border: none;
|
|
background-color: @base;
|
|
animation: slideIn 1.5s ease-in-out;
|
|
|
|
}
|
|
|
|
/* Fade In */
|
|
|
|
|
|
|
|
|
|
/* Outer Box */
|
|
#outer-box {
|
|
border-radius: .5em;
|
|
border: none
|
|
background-color: @base;
|
|
|
|
}
|
|
|
|
/* Scroll */
|
|
#scroll {
|
|
margin: 0px;
|
|
padding: 30px;
|
|
border: none;
|
|
background-color: @base;
|
|
|
|
}
|
|
|
|
/* Input */
|
|
#input {
|
|
all:unset;
|
|
margin-left:20px;
|
|
margin-right:20px;
|
|
margin-top:20px;
|
|
padding: 20px;
|
|
border: none;
|
|
outline: none;
|
|
color: @text;
|
|
background-color: @base;
|
|
animation: slideIn 1s ease-in-out;
|
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
|
|
border-radius:10;
|
|
}
|
|
|
|
#input image {
|
|
border: none;
|
|
color: @red;
|
|
outline: none;
|
|
}
|
|
|
|
#input * {
|
|
border: none; border: none;
|
|
outline: none;
|
|
}
|
|
#input:focus {
|
|
outline: none;
|
|
border: none;
|
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
|
|
border-radius:10;
|
|
}
|
|
|
|
#text {
|
|
margin: 5px;
|
|
border: none;
|
|
color: @text;
|
|
outline: none;
|
|
}
|
|
|
|
/* Entry */
|
|
#entry {
|
|
background-color: @base;
|
|
border: none;
|
|
}
|
|
|
|
#entry arrow {
|
|
border: none;
|
|
color: @lavender;
|
|
}
|
|
|
|
/* Selected Entry */
|
|
#entry:selected {
|
|
box-shadow: 1px 1px 5px rgba(255,255,255, .03);
|
|
border: none;
|
|
border-radius:20;
|
|
}
|
|
|
|
#entry:selected #text {
|
|
color: @mauve;
|
|
}
|
|
|
|
#entry:drop(active) {
|
|
background-color: @lavender !important;
|
|
animation: fadeIn 1s ease-in-out;
|
|
}
|
|
|