37 lines
699 B
CSS
37 lines
699 B
CSS
|
body {
|
||
|
margin: 0;
|
||
|
font-family: Sans;
|
||
|
}
|
||
|
|
||
|
.card {
|
||
|
display: flex;
|
||
|
width: 150px;
|
||
|
height: 220px;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
background-color: #ddd;
|
||
|
margin: 5px;
|
||
|
float: left;
|
||
|
box-shadow: #000000 1px 1px 7px -1px;
|
||
|
font-size: 17pt;
|
||
|
color: #4c4c4c;
|
||
|
opacity: 1;
|
||
|
|
||
|
transition: background-color 200ms ease-in-out,
|
||
|
opacity 200ms ease-in-out,
|
||
|
top 200ms ease-in-out,
|
||
|
left 200ms ease-in-out,
|
||
|
transform 100ms ease-in-out;
|
||
|
}
|
||
|
|
||
|
.selected {
|
||
|
background-color: #76bce2;
|
||
|
}
|
||
|
|
||
|
.card.selected:hover {
|
||
|
background-color: #76bce2;
|
||
|
}
|
||
|
|
||
|
.card:hover {
|
||
|
background-color: #e3cfbb;
|
||
|
}
|