137 lines
2.7 KiB
CSS
Executable File
137 lines
2.7 KiB
CSS
Executable File
/* STEP[#002]: Define MAIN-MENU BG FRAMES */
|
|
|
|
.main .mm {
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.main .mm .bg {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.main .mm .bg div {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.main .mm .bg div .item {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
|
|
|
|
.main .mm .slider {
|
|
position: absolute;
|
|
/* top: 734px; */
|
|
top: 884px;
|
|
left: 0px;
|
|
width: 1920px;
|
|
/* height: 300px; */
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel.owl-theme {
|
|
/* height: 266px;
|
|
max-height: 266px; */
|
|
height: 100%;
|
|
padding-left: 0;
|
|
margin: 50px 0 0 0;
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
|
|
/* height: 266px;
|
|
max-height: 266px; */
|
|
height: 100%;
|
|
padding-left: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div#mm_item_title {
|
|
position: absolute;
|
|
/* top: 190px; */
|
|
top: 22px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgb(235, 235, 235);
|
|
/* font-size: 2.2vw; */
|
|
font-size: 34px;
|
|
line-height: 52px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
}
|
|
|
|
div#mm_item_icon {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block
|
|
}
|
|
|
|
|
|
/* OWL Main Menu Selector Container */
|
|
|
|
.main .mm .slider .owl-dots {
|
|
position: absolute;
|
|
top: -45px;
|
|
width: 100%;
|
|
align-content: center;
|
|
}
|
|
|
|
.main .mm .slider .owl-theme .owl-dots .owl-dot span {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: none;
|
|
}
|
|
|
|
.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
|
|
/* background: rgb(181, 218, 16); */
|
|
background: rgb(245, 245, 245);
|
|
}
|
|
|
|
|
|
/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
|
|
transform: scale(1.14);
|
|
} */
|
|
|
|
.main .mm .slider .owl-carousel .owl-item.active.focus:after {
|
|
width: 336px;
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
|
|
width: 264px;
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
|
|
background-image: var(--icon_focus);
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
|
|
background-image: var(--icon_unfocus);
|
|
}
|
|
|
|
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
|
|
transform: scale(1.1);
|
|
} |