body {
visibility: hidden;
}
.ui-panel {
-moz-box-shadow: 0 0 12px rgba(0,0,0,.6); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6); box-shadow: 0 0 12px rgba(0,0,0,.6);
}
div {
z-index: 9999;
}
.ui-mobile body {
visibility: visible;
}
.ui-panel-left {
position:absolute; left:0; top:0; bottom:0;
}
.ui-panel-right {
position:absolute; right:0; top:0; bottom:0;
}
.ui-crumbs {
max-width: 25%;
}
.splitview .ui-splitview-hidden {
display:none;
}
@media (min-width:480px) {
.splitview body { margin: 0; } .splitview .ui-page{ bottom: 0; } .splitview .ui-header { position:absolute; top:0; bottom:auto; left:0; right:0; z-index: 1000; } .splitview .ui-footer { position:absolute; top:auto; bottom:0; left:0; right:0; z-index:1000; } .splitview .ui-content { position:absolute; top:40px; bottom:0; left:0; right:0; overflow:auto; -webkit-overflow-scrolling:touch; z-index:1; }
}
/************************************************************************************************************ popover css for portrait orientation, modified from www.cagintranet.com/archive/create-an-ipad-like-dropdown-popover/ ************************************************************************************************************/ .panel-popover {
color: black; display:none; font-weight: normal; line-height: 1; cursor: auto; position: absolute; top:55px; background-color: white; z-index:5000000; border: 3px solid black; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; overflow-x:visible; height:80%;
}
.panel-popover > .popover_triangle {
position: absolute; top: -34px; font-size: 0px; line-height: 0%; width: 0px; border-top: 16px solid rgba(0,0,0,0); border-left: 16px solid rgba(0,0,0,0); border-right: 16px solid rgba(0,0,0,0); border-bottom: 16px solid black;
}
.panel-popover div {
height: inherit; overflow-y:auto;
}
/********************************************************************************************************** CSS animations for panel resize using new data-width attribute. **********************************************************************************************************/