Kirchik
42 lines
1.3 KiB
CSS
42 lines
1.3 KiB
CSS
/* Улучшение фона для десктопного меню навигации */
|
|
#nav {
|
|
background: rgba(0, 0, 0, 0.4) !important;
|
|
backdrop-filter: blur(8px) !important;
|
|
border-radius: 10px !important;
|
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
#nav ul.links li a {
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
|
|
#nav ul.links li a:hover {
|
|
background-color: rgba(255, 255, 255, 0.2) !important;
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
|
|
#nav ul.links li.active {
|
|
background-color: rgba(255, 255, 255, 0.2) !important;
|
|
border-radius: 5px !important;
|
|
}
|
|
|
|
#nav ul.links li.active a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
|
|
/* Иконки соцсетей */
|
|
#nav ul.icons li a {
|
|
color: rgba(255, 255, 255, 0.8) !important;
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
|
|
#nav ul.icons li a:hover {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
|
|
transform: scale(1.1) !important;
|
|
} |