ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / nipponiacom2 / templates / jm-car-dealer-ef4 / less

//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// MENUS
//---------------------------------------------------------------

.nav.menu {
  margin: 0;
  li {
    display: block;
    position: relative;
    padding: 0;
    &:hover > a,
    &.active > a {
      color: @JMstyleMenuFontColorHover;
    }
  }
  ul {
    padding: 0 0 0 20px;
    margin: 0;
  }
  > li > .nav-child {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  li a,
  li span.separator {
    display: block;
    line-height: 1.2;
    padding: 6px 0 6px 18px;
    vertical-align: top;
    text-decoration: none;
    background: none;
    background-position: left 50%;
    background-repeat: no-repeat;
    color: @JMmenuFontColor;
    background-image: url('../images/submenu-li.png');
  }
  > li > a,
  > li > span.separator {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    background-position: left 50%;
    background-repeat: no-repeat;
    border-top: 1px solid @JMmenuBorderColor;
    background-image: url('../images/@{JMimagesDir}/menu-circle.png');
  }  
  > li.parent > a,
  > li.parent > span.separator {
    position: relative;
    padding-right: 10px;
    &:after {
      content: '';
      position: absolute;
      right: 0;
      left: auto;
      top: 50%;
      width: 7px;
      height: 4px;
      margin-top: -2px;
      background: url('../images/menu-dropdown.png');  
    }
  }
  > li.parent.deeper > a,
  > li.parent.deeper > span.separator {
    border-bottom: 1px solid @JMmenuBorderColor;
  }
  > li:first-child {
    > a,
    > span.separator {
      padding-top: 0;
      background-position: left 6px;
      border: none;
    }
  }
  > li.parent:first-child {
    > a,
    > span.separator {
      padding-top: 0;
      &:after {
        top: 9px;
        margin: 0;
      }
    }
  }
  li a img {
    vertical-align: middle;
    margin: 0 15px 0 0;
  }
}

form.navbar-search {
  input[type="text"] {
    height: 32px;
  }
}

//megamenu menu
.dj-megamenu .nav.menu {
  li a,
  li span.separator {
    color: @JMsubmegamenuTextColor;
    padding: 20px 0 20px 20px;
    margin: 0 0 0 10px;
    background-image: url('../images/@{JMimgDir}/submenu-li.png');
    font-size: @JMsubmegamenuFontSize;
  }
  li {
    &:hover > a,
    &.active > a {
      color: @JMstylecol;
    }
  }
  > li:first-child {
    > a,
    > span.separator {
      padding-top: 0;
    }
  }
  > li:last-child {
    > a,
    > span.separator {
      padding-bottom: 0;
    }
  }
  > li.parent:first-child {
    > a,
    > span.separator {
      padding-top: 0;
      &:after {
        top: 6px;
        margin: 0;
      }
    }
  }
  > li > a,
  > li > span.separator {
    background: none!important;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    font-size: @JMsubmegamenuFontSize;
  }
  .nav-child {
    padding: 0;
  }
  .nav-child .nav-child > li {
    padding-left: 20px;
  }
}

//bounce

@keyframes drop-bounce {
  0% {
    .translateY(-15px);
  }
  25% {
    .translateY(-10px);
  }
  50% {
    .translateY(-5px);
  }
  75% {
    .translateY(-15px);
  }
  100% {
    .translateY(0);
  }
}

@-webkit-keyframes drop-bounce {
  0% {
    .translateY(-15px);
  }
  25% {
    .translateY(-10px);
  }
  50% {
    .translateY(-5px);
  }
  75% {
    .translateY(-15px);
  }
  100% {
    .translateY(0);
  }
}

//dropdown-ms menu
#jm-allpage .nav.menu.dropdown-ms {
  margin: -5px 0 0 -20px;
  padding: 0;
  ul {
    margin: 0;
    padding: 0;
  }
  > li {
    display: block;
    cursor: pointer;
    float: left;
    line-height: @JMdropdownImgSize;
    height: @JMdropdownImgSize;
    padding: 0;
    margin: 0 0 5px 20px;
    position: relative;
    > a,
    > span.separator {
      color: @JMdropdownFontColor;
      background: none;
      border: none;
      padding: 0 20px;
      display: inline-block;
      img {
        background-color: @JMdropdownImageBackground;
        .border-radius(3px);
        margin-right: 20px;
        margin-left: -20px;
        vertical-align: top;
        max-width: @JMdropdownImgSize;
        max-height: @JMdropdownImgSize;
      }
      &:hover,
      &:focus {
        color: @JMdropdownFontColorHover;        
      }
      &:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        right: auto;
        bottom: 0;
        .border-radius(3px);
        z-index: -1;
        background: @JMstyleDropdownSubmenuBackground;
      }
      &.active:before {
        height: 100%;
      }
    }    
    &.parent {
      > a,
      > span.separator {
        &:before {
          .border-radius(3px 3px 0 0);
        }
        &:after {
          display: block;
          content: '';
          position: absolute;
          bottom: -20px;
          top: auto;
          width: 100%;
          height: 20px;
          left: 0;
          right: auto;
          background: none;
        }
      }
      &:hover {
        > a,
        > span.separator { 
          &:after {
            background: @JMstyleDropdownSubmenuBackground;
          }
        }
      }      
    }
    &:hover {
      z-index: 6;
      > a,
      > span.separator {
        &:before {
        height: 100%;
          .transition(all 0.2s ease-out);
        }
      }
    }
    &:hover a img,
    &:hover span.separator img {
      background-color: transparent;
    } 
  }
  a,
  span.separator {
    padding: 0;
    line-height: inherit;
    background: none;
  }
  li li {
    display: block;
    cursor: pointer;
    .transition(all 0.2s ease);
    line-height: 20px;
    padding: 15px 0;
    margin: 0 30px;
    position: relative;
    border-top: 1px solid @JMstyleDropdownSubmenuBorder;
    &:first-child {
      border: none;
    }
    a,
    span.separator {
      color: @JMdropdownSubmenuFontColor;
      &:hover,
      &:focus {
        font-weight: 700;
      }
    }
  }
  li ul {
    padding: 0;
    position: absolute;
    top: 70px;
    left: 0;
    right: auto;
    display: none;
    visibility: hidden;
    .transition(opacity 0.2s);
    width: @JMdropdownSubmenuWidth;
    .border-radius(3px);
    background: @JMstyleDropdownSubmenuBackground;
  }
  li:hover > ul {
    display: block;
    visibility: visible;
    .animation(drop-bounce 0.4s linear);
  }
  > li:hover > ul {
    .border-radius(0 3px 3px 3px);
  }
  li li ul {
    top: 0;
    left: 100%;
    right: auto;
  }
}

//topbar menu
#jm-topbar .nav.menu {
  > li {
    display: inline-block;
    vertical-align: top;
    &:hover > a,
    &.active > a {
      color: @JMstyleLink;
    }
  }
  > li > a,
  > li > span.separator {
    font-weight: 300;
    color: @JMmenuTopbarFontColor;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    height: 40px;
    line-height: 40px;
    border: none;
    position: relative;
    background: none;
    &:before {
      content: '';
      position: absolute;
      height: 2px;
      width: 2px;
      background: @JMmenuTopbarFontColor;
      top: 50%;
      left: 0;
      right: auto;
    }
  }
  > li {
    &:first-child {
     > a,
     > span.separator {
        margin: 0;
        padding: 0;
        &:before {
          display: none;
        }
      }
    }
  }
  ul,
  > li.parent > a:after,
  > li.parent > span.separator:after {
    display: none;
  }
}

.nav.menu.opening-hours {
  > li > a,
  > li > span.separator {
    background-image: url('../images/@{JMimagesDir}/submenu-clock.png');
  }
  > li:first-child {
    > a,
    > span.separator {
      padding-top: 0;
      background-position: left 3px;
      border: none;
    }
  }
}

[+] ..
[-] animated-buttons.less [edit]
[-] bootstrap.less [edit]
[-] bootstrap_responsive.less [edit]
[-] bootstrap_responsive_rtl.less [edit]
[-] bootstrap_rtl.less [edit]
[-] bootstrap_variables.less [edit]
[-] comingsoon.less [edit]
[-] custom.less [edit]
[-] djcatalog.less [edit]
[-] djcatalog_responsive.less [edit]
[-] djcatalog_rtl.less [edit]
[-] djmediatools.less [edit]
[-] djmediatools_responsive.less [edit]
[-] djmediatools_rtl.less [edit]
[-] djmegamenu.less [edit]
[-] djmegamenu_rtl.less [edit]
[-] editor.less [edit]
[-] index.html [edit]
[-] joomla.less [edit]
[-] layout.less [edit]
[-] menus.less [edit]
[-] modules.less [edit]
[-] offcanvas.less [edit]
[-] offline.less [edit]
[-] old23012019custom.less [edit]
[+] override
[-] template.less [edit]
[-] template_mixins.less [edit]
[-] template_responsive.less [edit]
[-] template_rtl.less [edit]
[-] template_variables.less [edit]
[-] .htaccess.disabled [edit]