77 lines
1.6 KiB
CSS
77 lines
1.6 KiB
CSS
@charset "UTF-8";
|
|
/* Color Theme Swatches in Hex */
|
|
/* Color Theme Swatches in RGBA */
|
|
*,
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
background-color: #f7eedf;
|
|
}
|
|
|
|
.m-cutey-cat h2 {
|
|
color: #7aa67a;
|
|
}
|
|
.m-cutey-cat .box-cat-selection {
|
|
position: fixed;
|
|
}
|
|
.m-cutey-cat ul.list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
font-size: 2rem;
|
|
}
|
|
.m-cutey-cat ul.list li {
|
|
min-width: 400px;
|
|
background-color: #feaea5;
|
|
margin: 0 0 10px;
|
|
user-select: none;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
|
|
transition: all 0.4s cubic-bezier(0.52, 0.02, 0.43, 1.39);
|
|
}
|
|
.m-cutey-cat ul.list li:not(.selected):hover {
|
|
background-color: #fd8173;
|
|
box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.m-cutey-cat ul.list li:not(.selected):hover img {
|
|
border-width: 0;
|
|
}
|
|
.m-cutey-cat ul.list li img {
|
|
width: 120px;
|
|
border: 10px solid rgba(255, 255, 255, 0.6);
|
|
transition: all 0.4s;
|
|
}
|
|
.m-cutey-cat ul.list li span {
|
|
color: white;
|
|
padding: 0 1rem;
|
|
letter-spacing: 2px;
|
|
}
|
|
.m-cutey-cat ul.list.list-cat-vote li.selected {
|
|
background-color: #ffdbd7;
|
|
opacity: 0.5;
|
|
}
|
|
.m-cutey-cat ul.list.list-cat-selection li {
|
|
background-color: #b7cfb7;
|
|
}
|
|
.m-cutey-cat ul.list.list-cat-selection li:hover {
|
|
background-color: #98bb98;
|
|
}
|
|
.m-cutey-cat ul.list.list-cat-selection li:hover::after {
|
|
position: absolute;
|
|
top: 30px;
|
|
right: 1.5rem;
|
|
content: "";
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
color: white;
|
|
}
|
|
|
|
/*# sourceMappingURL=main.css.map */
|