58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
|
* {
|
||
|
|
all: unset;
|
||
|
|
font-family: "Fira Sans";
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#window,
|
||
|
|
#match,
|
||
|
|
#entry,
|
||
|
|
#plugin,
|
||
|
|
#main {
|
||
|
|
background: transparent;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
color: #c0caf5;
|
||
|
|
}
|
||
|
|
|
||
|
|
#match.activatable {
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: .3rem .9rem;
|
||
|
|
margin-top: .01rem;
|
||
|
|
}
|
||
|
|
#match.activatable:first-child { margin-top: .7rem; }
|
||
|
|
#match.activatable:last-child { margin-bottom: .6rem; }
|
||
|
|
|
||
|
|
#plugin:hover #match.activatable {
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: .3rem;
|
||
|
|
margin-top: .01rem;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#match:hover, #plugin:hover { border: 1px solid #414868; }
|
||
|
|
|
||
|
|
#match:selected { border: 1px solid #bb9af7; }
|
||
|
|
|
||
|
|
#entry {
|
||
|
|
background: alpha(#1a1b26, .05);
|
||
|
|
border: 1px solid #414868;
|
||
|
|
border-radius: 10px;
|
||
|
|
margin: .3rem;
|
||
|
|
padding: .3rem 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
list > #plugin {
|
||
|
|
border-radius: 10px;
|
||
|
|
margin: 0 .3rem;
|
||
|
|
}
|
||
|
|
list > #plugin:first-child { margin-top: .3rem; }
|
||
|
|
list > #plugin:last-child { margin-bottom: .3rem; }
|
||
|
|
list > #plugin:hover { padding: .6rem; }
|
||
|
|
|
||
|
|
box#main {
|
||
|
|
background: alpha(#1a1b26, .5);
|
||
|
|
box-shadow: inset 0 0 0 1px alpha(#bb9af7, .1), 0 0 0 1px alpha(#1a1b26, .5);
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: .3rem;
|
||
|
|
}
|