108 lines
2.9 KiB
PHP
108 lines
2.9 KiB
PHP
<link rel="stylesheet" href="assets/css/bootstrap.css">
|
|
<link rel="stylesheet" href="assets/css/swiper-bundle.css">
|
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
|
<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
|
|
<link rel="stylesheet" href="assets/css/daterangepicker.css">
|
|
<link rel="stylesheet" href="assets/css/range-slider.css">
|
|
<link rel="stylesheet" href="assets/css/animate.css">
|
|
<link rel="stylesheet" href="assets/css/spacing.css">
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
<style>
|
|
/* ===== Palette HairBook (dal logo) ===== */
|
|
:root {
|
|
--hb-magenta: #e6007e;
|
|
/* fucsia del logo */
|
|
--hb-pink: #e11d6b;
|
|
/* accento cuori / hover */
|
|
--hb-purple: #7b2d8e;
|
|
/* viola */
|
|
--hb-dark: #2d1b4e;
|
|
/* viola scuro (testi/topbar) */
|
|
--hb-grad: linear-gradient(90deg, #e6007e 0%, #7b2d8e 60%, #2d1b4e 100%);
|
|
}
|
|
|
|
/* ===== Cuore preferito ===== */
|
|
.js-fav.is-active i,
|
|
.js-fav.is-active .fa-heart {
|
|
color: var(--hb-pink);
|
|
}
|
|
|
|
.js-fav i {
|
|
transition: color .15s ease;
|
|
}
|
|
|
|
.js-fav:hover i {
|
|
color: var(--hb-pink);
|
|
}
|
|
|
|
/* ===== Topbar ===== */
|
|
.tp-header-area,
|
|
.tp-header-height .tp-header-area {
|
|
background: #ffffff;
|
|
}
|
|
|
|
/* voci di menu */
|
|
.tp-main-menu ul li a {
|
|
color: var(--hb-dark);
|
|
transition: color .15s ease;
|
|
}
|
|
|
|
.tp-main-menu ul li a:hover,
|
|
.tp-main-menu ul li.active>a {
|
|
color: var(--hb-magenta);
|
|
}
|
|
|
|
/* icone nella topbar (ricerca, utente, carrello…) */
|
|
.tp-header-action a,
|
|
.tp-header-action button,
|
|
.tp-header-action i {
|
|
color: var(--hb-dark);
|
|
transition: color .15s ease;
|
|
}
|
|
|
|
.tp-header-action a:hover,
|
|
.tp-header-action button:hover,
|
|
.tp-header-action a:hover i {
|
|
color: var(--hb-magenta);
|
|
}
|
|
|
|
/* ===== Bottoni principali ===== */
|
|
.tp-btn,
|
|
.tp-btn-sm,
|
|
.tp-btn-border:hover {
|
|
background: var(--hb-magenta);
|
|
border-color: var(--hb-magenta);
|
|
color: #fff;
|
|
}
|
|
|
|
.tp-btn:hover,
|
|
.tp-btn-sm:hover {
|
|
background: var(--hb-purple);
|
|
border-color: var(--hb-purple);
|
|
color: #fff;
|
|
}
|
|
|
|
/* ===== Link e accenti generici ===== */
|
|
a {
|
|
color: var(--hb-purple);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--hb-magenta);
|
|
}
|
|
|
|
/* ===== Icone accento sparse (location, telefono nelle card) ===== */
|
|
.tp-tour-info i,
|
|
.tp-tour-media-meta i {
|
|
color: var(--hb-magenta);
|
|
}
|
|
|
|
/* ===== Offcanvas / menu mobile ===== */
|
|
.tp-offcanvas-area .tp-main-menu-mobile ul li a {
|
|
color: var(--hb-dark);
|
|
}
|
|
|
|
.tp-offcanvas-area .tp-main-menu-mobile ul li a:hover {
|
|
color: var(--hb-magenta);
|
|
}
|
|
</style> |