91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
div.list-entry, a.list-entry {
|
|
padding: 8px;
|
|
border-radius: 2px;
|
|
border: lightgrey solid 1px;
|
|
background: white;
|
|
cursor: pointer;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
div.list-entry:hover, a.list-entry:hover {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
:host/deep/.list-entry mat-icon > svg {
|
|
color: #222222;
|
|
}
|
|
|
|
.decoration-list-preview, .squad-list-preview {
|
|
float: left;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.marked {
|
|
background: lightgrey;
|
|
}
|
|
|
|
span > a, span.glyphicon, span.icon-award {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.list-entry a {
|
|
font-size: 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.list-entry small {
|
|
color: grey;
|
|
}
|
|
|
|
.trash {
|
|
float: right;
|
|
padding-top: 18px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.selected {
|
|
background-color: aliceblue !important;
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
opacity: 0; /* make things invisible upon start */
|
|
-webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
|
|
-moz-animation: fadeIn ease-in 1;
|
|
animation: fadeIn ease-in 1;
|
|
|
|
-webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
|
|
-moz-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
|
|
-webkit-animation-duration: 0.5s;
|
|
-moz-animation-duration: 0.5s;
|
|
animation-duration: 0.5s;
|
|
}
|