FV Speed Eating

QOL improvements for feeding your active villager
换行
/* ==UserStyle==
@name        FV Speed Eating
@namespace   https://greasyfork.org/en/scripts/407410-fv-speed-eating
@description QOL improvements for feeding your active villager
@version     1.0.2
==/UserStyle== */

@-moz-document regexp("(https?://www\.furvilla\.com/inventory)\??.*(type=is_food).*") {
/* styling the inventory */
.modal-open .inventory {
    position: fixed;
    z-index: 9999;
    width: 275px;
    left: calc(50% + 300px);
    top: 130px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    padding: 15px 0;
    counter-reset: food;
}

/* styling the inventory */
.modal-open .inventory li {
    flex: 0 0 100%;
    counter-increment: food;
}

/* ennumerates the food  */
.modal-open .inventory-item-info:before {
    content: counter(food) ".";
    padding-left: 5px;
}

/* styling the inventory */
.modal-open .inventory-item-info {
    height: auto;
    border: none;
    padding: 2px 0;
    box-shadow: none !important;
}

/* goodbye */
.modal-open .inventory-item-info a img,
.modal-open > .modal .logo,
.modal-open > .modal .modal-header,
.modal-open > .modal .modal-footer,
.modal-open > .modal div.text-center,
.modal-open > .modal p img {
    display: none;
}

/* styling the inventory */
.modal-open .inventory-item-info a .name {
    margin: 0;
}

/*styling the SECOND modal*/
.modal-open > .modal {
    top: 30px;
    width: 600px;
    height: 150px;
    margin: 0 auto;
}

/*styling the SECOND modal*/
.modal-open > .modal .modal-dialog {
    width: 100%;
    margin: 0;
}

/*styling the SECOND modal*/
.modal-open > .modal .modal-content {
    min-width: unset;
    padding: 0;
    top: 0;
}

/* narrow window hell */
@media screen and (max-width: 1150px) {
    .modal-open .inventory {
        left: unset;
        right: 0;
    }
    .modal-open .content .modal-dialog {
        position: absolute;
        right: 275px;
    }
    .modal-open > .modal {
        margin: 0;
        left: unset;
        right: 275px;
    }
}

/* narrow window hell */
@media screen and (max-width: 875px) {
    .modal-open .content .modal-dialog, .modal-open > .modal {
        width: calc(100% - 275px);
    }
    .modal-open .content .modal-dialog {
        margin: 30px 0;
    }
}

/* narrow window hell but worse */
@media screen and (max-width: 768px) {
    .modal-open .content .modal-dialog, .modal-open > .modal {
        width: 100%;
        right: 0;
    }
    .modal-open .modal-header {
        height: 200px;
        overflow: hidden;        
    }
    .modal-open .inventory {
        max-height: 290px;
        width: 100%;
        overflow: auto;
    }
    .modal-open .inventory li {
        flex: 0 0 50%;
    }
}

/* compatibility with Condensed Inventory */
/* (styles/130958/) */
.modal-open .inventory-item {
    height: auto;
}
.modal-open .show-inventory-actions.tooltipster.tooltipstered {
    margin: 0;
    font-size: inherit;
    width: auto;
}
.modal-open .name {
    width: auto;
    float: none;
}


/* BIG BUTTONS */
/* remove the selection below for normal button sizing */
.modal-open > .modal {
    height: 333px;
}
.modal-open > .modal .modal-content {
    min-height: 310px;
}
.item-modal-content {
    min-height: 593px;
}
.modal-open > .modal .modal-content .btn, .well .btn {
    width: 100%;
    height: 250px;
}
.modal .logo, .modal-header, .modal-body div:nth-child(2) {
    display: none;
}
/* okay don't delete anything after this line */

}