/* jQuery.mmenu tileview extension CSS */ .mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after { content : ''; display : block; clear : both; } .mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li { width : 50%; height : 0; padding : 50% 0 0 0; float : right; position : relative; } .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after { right : 0; top : 0; border-left-width : 1px; border-left-style : solid; z-index : -1; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs { width : 12.5%; padding-top : 12.5%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s { width : 25%; padding-top : 25%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l { width : 75%; padding-top : 75%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl { width : 100%; padding-top : 100%; } .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span { line-height : 1px; text-align : center; padding : 50% 10px 0 10px; margin : 0; position : absolute; top : 0; left : 1px; bottom : 1px; right : 0; } .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next { width : auto; } .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after { content : none; display : none; } .mm-menu.mm-tileview .mm-panel { padding-right : 0; padding-left : 0; } .mm-menu.mm-tileview .mm-panel:after { content : none; display : none; } .mm-menu.mm-tileview .mm-listview { margin : 0; }