Newer
Older
2022-aoi / game.css
@SUGAWARA Aoi SUGAWARA Aoi on 26 Nov 2022 2 KB Add leaflet library
h1 {text-align: center;}
p {text-align: center;}
#start {text-align: center;}
#result {text-align: center;}

.desk {
    background-image: url('desk.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: left;
}
.chair {
    background-image: url('chair2.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: right;
}
.sofa {
    background-image: url('sofa.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: left;
}
.bed {
    background-image: url('bed.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: right;
}
.tree {
    background-image: url('tree.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: left;
}
.mirror {
    background-image: url('mirror.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: right;
}
.bag {
    background-image: url('bag.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: left;
}
.doll {
    background-image: url('doll.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: right;
}
.clock {
    background-image: url('clock.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: left;
}
.light {
    background-image: url('light.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 50%;
    height: 100px;
    float: right;
}

.key {
    background-image: url('key.png');
    background-repeat: no-repeat;             
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100px;
    clear: left;
}

.success{
    color: red;
}
.failure{
    color: blue;
}