/*
VIshop SkyMinecraft Theme by THEzombiePL
Discord: THEzombiePL#2308
O mnie: https://thezombiepl.github.io
*/
:root {
--primary: #0b4583;
--dark_card: #262626;
--light_card: #bbbbbb;
}
.v-application{
background: url("https://i.imgur.com/10LpQNk_d.png?maxwidth=512") no-repeat center center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.v-btn {
display: flex;
}
.cookie-banner .primary--text {
color: var(--white) !important;
caret-color: var(--white) !important;
}
.navbar-with-logo {
color: #eee;
border-radius: 4px!important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.navbar-with-logo h1 {
margin: 10px 20px;
}
.navbar-with-logo.white--text {
color: #eee !important;
}
.navbar-with-logo {
background: rgb(0,0,0, 0.6);
}
.products-card .v-card, .server-widget>.v-card {
transition: transform 0.3s ease;
}
:not(.v-dialog) > .products-card .v-card:hover {
transform:scale(1.05);
}
.server-widget>.v-card:hover {
transform:scale(1.035);
}
.v-toolbar__content :not(:last-child) .v-btn {
margin-right: 5px;
}
.v-toolbar__content button:last-child :before {
content: "★";
margin-right: 3px;
margin-bottom: 2px;
font-weight: 600;
}
.v-btn--active:before, .theme--dark.v-btn:hover:before {
color: #4655E3;
opacity: 1;
}
.v-application .theme--dark .primary--text {
color: #cdc705 !important;
}
.theme--dark .v-main {
background: rgb(0, 0, 0, 0.5);
}
.theme--dark.v-card {
background-color: var(--dark_card);
color: #00cefd;
font-weight: 500;
}
.theme--dark.v-card h1, .theme--dark.v-card h2, .theme--dark.v-card h3, .theme--dark.v-card h4, .theme--dark.v-card h5 {
color: #25cf90;
}
.theme--dark.v-card>.v-card__title {
color: #bbb;
}
.theme--dark.v-card>.v-card__text {
color: #00cefd;
font-weight: 500;
}
.v-navigation-drawer__content {
background: var(--primary);
}
.v-navigation-drawer__content .v-btn__content {
color: #eee !important;
}
.theme--dark .buy-product-button {
background: #3241ab !important;
color: #eee !important;
}
.theme--dark :not([type="submit"]).buy-product-button:before {
background: #3241ab !important;
color: #eee !important;
}
.theme--dark.v-btn:before {
color: var(--primary);
}
.theme--dark .v-btn.primary--text {
color: #eee !important;
}
.theme--dark.v-btn--active:before, .theme--dark.v-btn:hover:before {
color: #4655E3;
opacity: 1;
}
.theme--dark .server-status-banner {
background: var(--dark_card) !important;
}
.v-application .theme--light .primary--text {
color: #cd6305 !important;
}
.theme--light .v-main {
background: rgb(0, 0 ,0, 0.3);
}
.theme--light.v-card {
background-color: #bbbbbb;
font-weight: 500;
color: #090f54;
}
.theme--light.v-card h1, .theme--light.v-card h2, .theme--light.v-card h3, .theme--light.v-card h4, .theme--light.v-card h5 {
color: #116345;
}
.theme--light.v-card>.v-card__title {
color: #373737;
}
.theme--light.v-card>.v-card__text {
font-weight: 500;
color: #090f54;
}
.theme--light.v-btn:before {
color: var(--primary);
}
.theme--light .v-btn.primary--text {
color: #eee !important;
}
.theme--light.v-btn--active:before, .theme--light.v-btn:hover:before {
color: #4655E3;
opacity: 1;
}
.theme--light .buy-product-button {
background: #40a9ff !important;
}
.theme--light :not([type="submit"]).buy-product-button:before {
background: #40a9ff !important;
}
.theme--light .server-status-banner {
background: var(--light_card) !important;
}
.buy-product-button[type="submit"], .voucher-modal-button[type="submit"] {
background: #057305 !important;
}
.buy-product-button[type="submit"]:before, .voucher-modal-button[type="submit"]:before {
color: #057305 !important;
}
.buy-product-button[type="submit"]:hover:before, .voucher-modal-button[type="submit"]:hover:before {
color: #034203 !important;
opacity: 1;
}
.cancel-modal-button, .voucher-modal-button-cancel {
background: #a40707 !important;
}
.cancel-modal-button:before, .voucher-modal-button-cancel:before {
color: #a40707 !important;
}
.cancel-modal-button:hover:before, .voucher-modal-button-cancel:hover:before {
color: #730505 !important;
opacity: 1;
}