93 lines
1.5 KiB
CSS
93 lines
1.5 KiB
CSS
div.list-entry, a.list-entry,
|
|
div.user-list-entry, a.user-list-entry {
|
|
padding: 8px;
|
|
border-radius: 2px;
|
|
border: lightgrey solid 1px;
|
|
cursor: cell;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.user-list-entry a {
|
|
font-size: large;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.user-list-entry small {
|
|
color: grey;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.decoration-list-preview, .squad-list-preview {
|
|
float: left;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.marked {
|
|
background: lightgrey;
|
|
}
|
|
|
|
span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.list-entry a {
|
|
font-size: x-large;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.list-entry small {
|
|
color: grey;
|
|
}
|
|
|
|
.trash {
|
|
float: right;
|
|
padding-top: 18px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.selected {
|
|
background-color: aliceblue;
|
|
}
|
|
|
|
@-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;
|
|
}
|