You are here

Home » API reference » Mobile sliding menu 7.3

pageshadow.css in Mobile sliding menu 7.3 

.mm-menu.mm-pageshadow {
  overflow: hidden;
}
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99;
  visibility: visible;
}
.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%;
}
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none;
}

.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

File

extensions/pageshadow/styles/pageshadow.css
View source 
  1. .mm-menu.mm-pageshadow {

  2.   overflow: hidden;

  3. }

  4. .mm-menu.mm-pageshadow:after {

  5.   content: "";

  6.   display: block;

  7.   width: 20px;

  8.   height: 120%;

  9.   position: absolute;

  10.   left: 100%;

  11.   top: -10%;

  12.   z-index: 99;

  13.   visibility: visible;

  14. }

  15. .mm-menu.mm-pageshadow.mm-right:after {

  16.   left: auto;

  17.   right: 100%;

  18. }

  19. .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {

  20.   content: none;

  21.   display: none;

  22. }

  23. 

  24. .mm-menu.mm-pageshadow:after {

  25.   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

  26. }