Merge branch 'develop' into patch-1
BIN
front/dist/resources/customisation/character_accessories/mask.png
vendored
Normal file
After Width: | Height: | Size: 514 B |
BIN
front/dist/resources/customisation/character_accessories/mate_bottle1.png
vendored
Normal file
After Width: | Height: | Size: 632 B |
BIN
front/dist/resources/customisation/character_clothes/black_hoodie.png
vendored
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
front/dist/resources/customisation/character_clothes/engelbert.png
vendored
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
front/dist/resources/customisation/character_clothes/pride_shirt.png
vendored
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
front/dist/resources/customisation/character_clothes/white_hoodie.png
vendored
Normal file
After Width: | Height: | Size: 4 KiB |
BIN
front/dist/resources/customisation/character_hats/tinfoil_hat1.png
vendored
Normal file
After Width: | Height: | Size: 548 B |
45
front/dist/resources/style/style.css
vendored
|
@ -284,6 +284,23 @@ body {
|
|||
#cowebsite.hidden {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
#cowebsite .close-btn{
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: -100px;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
animation: right .2s ease;
|
||||
}
|
||||
#cowebsite .close-btn img{
|
||||
height: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
#cowebsite:hover .close-btn{
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-aspect-ratio: 1/1) {
|
||||
.game-overlay {
|
||||
|
@ -901,3 +918,31 @@ div.modal-report-user{
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
/** Action button **/
|
||||
div.action{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
bottom: 40px;
|
||||
transition: all .5s ease;
|
||||
animation: mymove .5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
div.action p.action-body{
|
||||
padding: 10px;
|
||||
background-color: #2d2d2dba;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
max-width: 150px;
|
||||
margin-left: calc(50% - 75px);
|
||||
border-radius: 15px;
|
||||
}
|
||||
@keyframes mymove {
|
||||
0% {bottom: 40px;}
|
||||
50% {bottom: 30px;}
|
||||
100% {bottom: 40px;}
|
||||
}
|