60 lines
771 B
Text
60 lines
771 B
Text
/* scene36: a game's own styling on top of the shipped theme. */
|
|
|
|
@spritesheet crate {
|
|
src: crate.png;
|
|
crate-outer: 0px 0px 40px 40px;
|
|
crate-inner: 10px 10px 20px 20px;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.crate {
|
|
display: block;
|
|
decorator: ninepatch(crate-outer, crate-inner, 1.0);
|
|
margin: 30dp;
|
|
padding: 14dp;
|
|
}
|
|
|
|
.inner {
|
|
display: block;
|
|
background-color: #101828e8;
|
|
padding: 16dp;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
.accent {
|
|
color: #ffd35a;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.list {
|
|
width: 300dp;
|
|
height: 220dp;
|
|
font-size: 20dp;
|
|
}
|
|
|
|
.side {
|
|
flex: 1;
|
|
margin-left: 24dp;
|
|
}
|
|
|
|
.bar {
|
|
width: 100%;
|
|
height: 22dp;
|
|
}
|
|
|
|
@keyframes fill {
|
|
from { width: 0%; }
|
|
to { width: 100%; }
|
|
}
|
|
|
|
.bar fill {
|
|
animation: 3s cubic-in-out infinite alternate fill;
|
|
}
|