body::-webkit-scrollbar { width: 11px; } body { scrollbar-width: thin; scrollbar-color: #90A4AE #CFD8DC; } body::-webkit-scrollbar-track { background: #CFD8DC; } body::-webkit-scrollbar-thumb { background-color: #90A4AE; border-radius: 6px; border: 3px solid #CFD8DC; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .ga-video { height: auto; overflow: hidden; padding-bottom: 53%; padding-top: 30px; position: relative; } .ga-video iframe, .ga-video object, .ga-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ga-elements-container .ga-list-item { border: 1px solid rgba(243, 243, 243, 0.3); background-color: rgba(243, 243, 243, 0.1); } @media only screen and (min-width: 980px) { body { background-color: #eee !important; } #divWait { width: 28px; } /* Versione con sfondo a tutta pagina .ui-page, ui-footer { overflow: hidden; width: 980px !important; margin: 0 auto !important; position: relative !important; border-right: 2px #666 outset !important; border-left: 2px #666 outset !important; } */ .ui-header { max-width: 880px; left: 50% !important; transform: translateX(-50%) !important; top: 2px !important; } .ui-mobile-viewport { width: 880px !important; margin: 0 auto !important; position: relative !important; } } * { box-sizing: border-box } body { margin: 0 } .menuToolBox { max-height: 25px !important; max-width: 25px !important; left: 10px !important; top: 0.4em !important; } /* Adjust the width of the left reveal menu. Copy all CSS from jquery.mobile.panel.css and delete the properties other than width, left, right and transform. Then delete the selectors/rules for display modes (reveal/push/overlay) and the position (left/right) that you don't use. If you don't use fixed toolbars on your page you can delete those selectors as well. Narrow the scope of the selectors to prevent other panels being affected by the overrides. */ .main-page #leftMenu.ui-panel { width: 18em; } .main-page #leftMenu.ui-panel-closed { width: 0; } .main-page .ui-panel-position-left.ui-panel-display-reveal { left: 0; } .main-page .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open { left: 15em; right: -15em; } .main-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal { left: 0; right: 0; -webkit-transform: translate3d(15em,0,0); -moz-transform: translate3d(15em,0,0); transform: translate3d(15em,0,0); } .btnHeader { top: 1px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; background-image: none !important; } .btnHeader .ui-btn-inner { border: none !important; box-shadow: none !important; } #leftMenu .ui-listview .ui-li { background-image: none !important; background-color: transparent !important; border: none !important; } #leftMenu .ui-li-divider { background-color: red !important; padding: 0.1em 15px; } .circle { width: 80px; height: 80px; border-radius: 50%; font-size: 40px; color: #FFF; line-height: 100px; text-align: center; background-color: transparent; border: 2px solid #FFF; display: inline-block; } #DivTabbar { display: none !important; } .ui-panel-inner { padding: 0; } .left-menu-header { } .left-menu-header-content { text-align: center; padding: 5px; } .left-menu-header-content p { margin: 0; padding: 5px; } .left-menu-header-content img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 100px; height: 100px; } .ui-body-d, .ui-body-a { text-shadow: none } #leftMenu .ui-btn-up-d { font-weight: 400 } #leftMenu .fa { font-size: 16px } #leftMenu .ui-btn-inner { font-size: 14px } #leftMenu .ui-btn-up-d:visited, #leftMenu .ui-btn-up-d a.ui-link-inherit { color: #555555 } .ui-bar-a { text-shadow: none } .ui-focus, .ui-btn:focus { box-shadow: none !important; }