/* Mise en page pour CORIMTouch. On utilise l'élément avec la classe "touch" dans le layout pour redéfinir toutes les classes */ /* HEADER */ body.touch header { height: 40px; min-width: 0; color: #FFF; position: relative; z-index: 10; } body.touch .panelSwitchTouch { display: inline-block; width: 50px; height: 40px; overflow: hidden; } body.touch .infosHeaderTouch { display: inline-block; height: 40px; line-height: 40px; padding: 0 5px; font-size: 1.3em; overflow: hidden; text-overflow: ellipsis; } body.touch #titreHeaderTouch { white-space: nowrap; } /* Affichage du titre des pages différent en mode portrait */ body.touch.portrait .infosHeaderTouch { font-size: 1.0em; } /* FOOTER */ body.touch footer { height: 20px; line-height: 20px; min-width: 0; z-index: 110; } body.touch .mainFooter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* CORPS */ /* Divs principales de contenu */ body.touch .wrapperPrincipalTouch { position: absolute; top: 40px; bottom: 19px; min-width: 0; width: 100%; } body.touch .mainBodyTouch { height: 100%; width: 100%; position: relative; } /* Menu gauche */ body.touch .menuPanelTouch { position: absolute; top: 0; left: 0; width: 230px; height: 100%; z-index: 100; background-color: #7f9ab5; border-right: 1px solid #fff; color: #fff; overflow: hidden; } body.touch .wrapperMenuPanelTouch { position: absolute; top: 0; bottom: 50px; overflow-y: auto; overflow-x: hidden; } body.touch .menuRetourTouch { position: absolute; bottom: 0; border-top: 1px solid #b6c2cf; } /* Panneau d'informations */ body.touch .infosPanelTouch { position: absolute; top: 0; right: 0; width: 0; height: 100%; z-index: 100; background-color: #f2f3f4; border-left: 1px solid #7f9ab5; overflow: hidden; } /* Bouton d'affichage du panneau d'infos */ body.touch .switchInfosPanelTouch { position: absolute; top: 50%; right: 0; width: 5%; height: 51px; z-index: 100; padding: 12px 0 0 0; border-color: #7f9ab5; } /* Arrière-plan sem-transparent */ body.touch #fade { top: 40px; bottom: 20px; } /* Titre des pages Edit/Create */ body.touch .corim-detail .corim-title, body.touch .corim-detail .corim-title-clear { /*top: 40px;*/ overflow: visible; width: 100%; } /* Titre du panneau infos */ body.touch .corim-resume .corim-title-infos { height: auto; width: 91%; /* .infosPanelTouch à 95% - 4% de marge de .corim-resume. Valeur par défaut mais surchargée dans refreshBody en fonction de la taille de l'écran pour un déroulement du panneau fluide */ } body.touch .corim-resume .titreInfo { margin-top: 5%; } /* menu système */ body.touch #body .menuSystem { position: absolute; top: -35px; right: 2%; margin: 0 !important; z-index: 20; } /* Règle particulière pour réduire la taille du menu sur certains écrans */ @media screen and (orientation: portrait) { body.touch #body .corim-detail .menuSystem { right: 0; transform: scale(0.7); -ms-transform: scale(0.7); /* IE 9 */ -webkit-transform: scale(0.7); /* Chrome, Safari, Opera */ transform-origin: right; -ms-transform-origin: scale(0.7); /* IE 9 */ -webkit-transform-origin: scale(0.7); /* Chrome, Safari, Opera */ } } /* bloc liste, détail et résumé */ body.touch .corim-liste { overflow: auto; } body.touch .corim-detail { height: 100%; overflow: auto; } body.touch .corim-resume { width: 96%; /* Valeur par défaut mais surchargée dans refreshBody en fonction de la taille de l'écran pour un déroulement du panneau fluide */ padding: 0 2%; } /* Redéfinition des marges */ /* Nécessité de définir l'overflow sur le form des listes */ body.touch .corim-liste > form { overflow: hidden; } body.touch .menu-entity { width: 97.4%; margin: 1% 1% 0 !important; } body.touch .menu-entity-vide { margin-bottom: 1%; } body.touch .groupe { width: 98%; margin: 0 1% .5% !important; } body.touch.portrait .contenu, body.touch.portrait .contenu60p, body.touch.portrait .contenu40p, body.touch.portrait .contenu70p, body.touch.portrait .contenu30p, body.touch.portrait .contenu2, body.touch.portrait .contenu3 { width: 96%; } /* Modification de comportement des contrôles */ body.touch .imgCMDInlineMini { visibility: visible; } body.touch .popupStatut { width: 190px; }