neomojimixer/neomojimixer.css

94 lines
1.0 KiB
CSS

body {
font-size: 1em;
}
p#noJSmessage {
font-size:2em;
color: red;
}
.container {
position: realtive;
width: 256px;
height: 256px;
}
img.body {
position: absolute;
}
img.eyes {
position: absolute;
}
img.mouth {
position: absolute;
}
img.arms {
position: absolute;
}
#controls {
position:relative;
width: 256px;
}
input, button, select {
box-sizing: border-box;
}
button {
width: 25px;
height: 25px;
}
input[type="checkbox"] {
margin: 4px;
width: 17px;
height: 17px;
}
.export > label {
display: block;
width: 250px;
clear: both;
}
.export > label > input:not([type="checkbox"]) {
width: 125px;
float: right;
}
button#random, button#export {
width: 250px;
}
#controls > div > .name {
display: inline-block;
width: 200px;
text-align: center;
background: #D3D3D3;
vertical-align: middle;
}
div#stats {
font-size: 0.5em;
}
canvas {
height: 300px;
width: 300px;
}
p#exportSaveMessage {
font-size: 0.5em;
}
input#fullNeomojiName {
width: 250px;
}
a.links {
color: black;
}