58 lines
2.0 KiB
CSS
58 lines
2.0 KiB
CSS
/*
|
|
jQuery.mmenu fullscreen extension CSS
|
|
*/
|
|
.mm-menu.mm-fullscreen {
|
|
width: 100%;
|
|
min-width: 140px;
|
|
max-width: 10000px; }
|
|
|
|
html.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(100%, 0);
|
|
-moz-transform: translate(100%, 0);
|
|
-ms-transform: translate(100%, 0);
|
|
-o-transform: translate(100%, 0);
|
|
transform: translate(100%, 0); }
|
|
|
|
@media all and (max-width: 140px) {
|
|
html.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(140px, 0);
|
|
-moz-transform: translate(140px, 0);
|
|
-ms-transform: translate(140px, 0);
|
|
-o-transform: translate(140px, 0);
|
|
transform: translate(140px, 0); } }
|
|
@media all and (min-width: 10000px) {
|
|
html.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(10000px, 0);
|
|
-moz-transform: translate(10000px, 0);
|
|
-ms-transform: translate(10000px, 0);
|
|
-o-transform: translate(10000px, 0);
|
|
transform: translate(10000px, 0); } }
|
|
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(-100%, 0);
|
|
-moz-transform: translate(-100%, 0);
|
|
-ms-transform: translate(-100%, 0);
|
|
-o-transform: translate(-100%, 0);
|
|
transform: translate(-100%, 0); }
|
|
|
|
@media all and (max-width: 140px) {
|
|
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(-140px, 0);
|
|
-moz-transform: translate(-140px, 0);
|
|
-ms-transform: translate(-140px, 0);
|
|
-o-transform: translate(-140px, 0);
|
|
transform: translate(-140px, 0); } }
|
|
@media all and (min-width: 10000px) {
|
|
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
|
|
-webkit-transform: translate(-10000px, 0);
|
|
-moz-transform: translate(-10000px, 0);
|
|
-ms-transform: translate(-10000px, 0);
|
|
-o-transform: translate(-10000px, 0);
|
|
transform: translate(-10000px, 0); } }
|
|
.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
|
|
height: 100%;
|
|
min-height: 140px;
|
|
max-height: 10000px; }
|
|
|
|
html.mm-opened.mm-fullscreen .mm-page {
|
|
box-shadow: none !important; }
|