/* * Fichier style.css * Definition de la template par défaut * * 1-Définition de base * 2-Définition des cadres principaux * 3-Dtails des cadres * 4-Boutons */ /* * 1-Définitions de base */ body { background: #FFFFFF; /* background: black url(media/image/Background.png) no-repeat; */ } *{ font-family: Helvetica, Arial, sans-serif; text-align: left; font-weight: normal; } hr { margin: 0; padding: 0; height: 0; clear: both; visibility: hidden; } img{ vertical-align: middle; border: 0; } div{} span{} code{} p{} label{} a{ color: #00F; } a:hover{} form { padding: 0; margin: 0; } input, textarea, select {} .hidden{ border: 0; height: 0; width: 0; position: absolute; display: none; } strong, b{ font-weight: bold; } /* * 2-Définition des cadres principaux de l'interface (positionnement) */ /* Fenêtre principale */ #application{ /* width:100%; */ background: #FFFFFF; width: 1020px; margin-left: auto; margin-right: auto; border-radius:10px; -moz-border-radius:10px; } /* Cadre d'en-tête */ #header{ /*height:35px; width:100%; font-size:10px;*/ } /* Cadre logo */ #logo{ /*height:110px; width:120px; padding-top:15px; padding-left:70px; text-align:center; font-size:10px; font-weight:bold; background:url(../../image/perso.gif) 0 0 no-repeat;*/ } /* Cadre de connexion */ #userprint{ /* font-size:0.6em; */ text-align:center; font-size:8px; /* width:192px; */ width: 152px; background:#E8EEFA; padding:2px; border:1px solid #C3D9FF; border-radius:10px; -moz-border-radius:10px; } /* Menu de navigation */ #toolleft{ float:left; margin:0 0 0 0; left:0; /* IE !!! */ /* margin-top:70px; */ /* width:200px; */ width: 160px; font-size:8px; } /* bloc principal, conteneur principal des données */ #data{ /* margin-left:200px; */ margin-left:160px; margin-right:0px; font-size:10px; padding:0; border-left:10px solid #C3D9FF;/*border-top:1px solid #C3D9FF;border-bottom:3px solid #C3D9FF;*/border-right:1px solid #C3D9FF; min-height:400px; } /* Affichage des messages */ #messageprint{ font-weight:bold; background:#FF932E; /* margin-left:200px; */ margin-left:160px; margin-right:2px; text-align:center; border-radius: 10px; -moz-border-radius: 10px; font-size:10px; } /* Affichage des points d'entrée, suivi de navigation */ #entrynodeprint{ font-size:10px; position:absolute; top:0; right:0; background:#C3D9FF; padding:2px; /* padding-left:5px; */ border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; } #entrynodeprint select, #entrynodeprint input{font-size:10px;} /* Pour l'objet courant de navigation */ #currentcoordinationobjprint, #footerdata{ margin-top:5px; /* margin-left:200px; */ margin-left:160px; margin-right:0px; font-size:10px; /* padding:2px 2px 2px 10px; */ border:1px solid #C3D9FF; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; background: #E8EEFA; } #footerdata{ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;margin-top:0px;background:#C3D9FF; } #helplink{font-size:9px;position:absolute;top:25px;right:0;} #helpprint{ margin-left:200px; margin-right:2px; margin-bottom:5px; padding-left:10px; border:2px solid #C3D9FF; border-left:8px solid #C3D9FF; border-bottom:3px solid #C3D9FF; border-radius:10px; -moz-border-radius:10px; } /* * 3-Détails des cadres */ #userprint h1{font-size:1em; font-weight:bold;} #userprint div a{font-size:10px;} #currentcoordinationobjprint h1, img , a{display:inline;} #currentcoordinationobjprint h1{font-size:1.1em; font-weight:bold;} #currentcoordinationobjprint img{display:none;} /* Conteneur des outils/briques en data */ #data .box{padding:1px;} #data .box .header h2{display:none;} #userprint h1{height:auto; display:inline} #userprint div{text-align:right;} #userprint{font-weight:bold;} /* definition du menu de navigation pour les objets */ #navigationprint{/*width:185px; */margin-left:1px; /* margin-top:16px;*/} #navigationprint h1{display:none;} #navigationprint #menuDyn {font-size:9px;width:100%;padding-left:0;margin-left:0;} #navigationprint ul{ list-style-type:none; padding-left:5px; margin-left:0; } #navigationprint #menuDyn ul li.none:hover{background:#E8EEFA;font-size:11px;font-weight:bold;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;} #navigationprint #menuDyn li.none a:hover{font-size:11px;font-weight:bold} #navigationprint li{ /* padding-left:10px; */ } #navigationprint li a{text-decoration:none;} #navigationprint .selectedNode .selected{background:#C3D9FF;width:100%;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;} #navigationprint ul .selected .none a{font-weight:normal;} #navigationprint ul .selectedNode .selected a{font-size:11px;font-weight:bold;text-decoration:none;} /*#navigationprint li a img{width:0;height:0;}*/ /* helprint */ #helpprint .tabehelpprint{text-align:right} #helpprint .tabehelpprint ul{/*font-size:0.6em;*/list-style-type:none;height:auto; padding:0; margin:0;} #helpprint .tabehelpprint ul li{text-align:right;margin-right:40px;} #helpprint .tabehelpprint ul li a{background:#C3D9FF;line-height:20px;padding:6px;width:120px;border:1px solid #C3D9FF;border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;} #helpprint .tabehelpprint img{display:none;} #helpprint #helpframe{width:100%; height:200px;border:0;} /* Language Print */ #languageprint{font-size:10px;} /* Cadres */ #data fieldset{ border:1px solid #E8EEFA; border-left:5px solid #E8EEFA; /* padding:2px; */ /* padding-bottom:4px; */ margin:0; /* margin-bottom:3px; */ border-radius:10px; -moz-border-radius:10px; } #data fieldset legend{font-weight:bold;} /* Détails des cadres */ #data fieldset .legend{/* line-height:25px;*/} #data fieldset .legend div{/* padding:2px 10px 2px 10px;*/} #data fieldset fieldset{/*margin:5px;*/} #data fieldset div{display:inline;/*padding:2px;*/} #data fieldset .action{display:block;text-align:center;background:#E8EEFA;} #data fieldset div.field, #data fieldset div.fieldshort, #data fieldset div.boxcheck{display:block;width:45%;float:left;} #data fieldset div.boxcheck{width:auto;} #data fieldset div.field label{display:block;} #data fieldset div.field input{/*width:70%;*/} #data fieldset div.field textarea{/* width:70%;*/} #data fieldset div.field select{/* width:70%;*/} #data fieldset .action {clear:both;} #data fieldset div.field img{float:left;} #data fieldset .require{font-style: italic;} #data .action input{border:1px outset #C3D9FF;border-radius:3px; -moz-border-radius:3px;background:#C3D9FF;} /* Tableaux */ #data table{width:100%; font-size:9px;border:0; border-collapse:collapse;} #data table th{background:#C3D9FF;text-align:center;} #data table td{line-height:19px;} #data table tr.lineStyle1 td{background:#E8EEFA;border-bottom:1px solid #CECECE;} #data table tr.lineStyle2 td{background:#FFFFFF;} /* * Gestion des onglets */ .tabe{vertical-align:bottom; /*width:100%;*/height:20px;} .tabe{border-top:2px solid #C3D9FF;} .tabe ul { display:block; list-style:none; vertical-align:bottom; /*width:100%;*/ padding:0; /* height:22px20px;*/ margin:0; } .tabe ul li {/*height:22px;*/padding:0;margin:0;border:1px solid #C3D9FF;border-top:0;} .tabe img{/*display:none;*/} /* * Style des onglets */ .WindowTabeData, .WindowTabeDataSelected{ background-color:#E8EEFA; border-bottom:0; float:left; /*width:200px;*/ width:170px; vertical-align:bottom; } .WindowTabeData a, .WindowTabeDataSelected a{ display:block; font-weight:bold; text-decoration:none; /* padding:2px 2px 2px 10px; */ } .WindowTabeData{} .WindowTabeDataSelected{} .WindowTabeDataSelected a{background-color:#C3D9FF; color:#000000;} /* * 4-Boutons */ /* Boutons */ .linkdelete, .linkview, .linkupdate, .linkadd, .linknext, .linkback, .linkconfig, .linksave{ padding: 3px 5px 6px 20px; /*padding: 5px 5px 1px 20px;*/ height: 18px; text-align: left; color: #333366; font-weight: bold; text-decoration:none; } /* lien bouton */ .linkdelete, .linkview, .linkupdate, .linkadd, .linksave, .linknext, .linkback, .linkconfig{ /* padding: 4px 5px 4px 20px; */ /*height: 30px;*/ } /* bouton */ .button, .save, .ok, .back, .delete, .add, .next, .config{ /* display: block;*/ } /* Au passage de la souris sur le bouton "Modifier" */ .linkok:hover, .linkback:hover, .linknext:hover {} .linkview{background: url(media/picto/view.gif) 0px 0px no-repeat;} .linkadd{background: url(media/picto/add.gif) 0px 0px no-repeat;} .linksave{background: url(media/picto/update.gif) 0px 0px no-repeat;} .linkupdate{background: url(media/picto/update.gif) 0px 0px no-repeat;} .linkok{background: url(media/picto/update.gif) 0px 0px no-repeat;} .linkback{background: url(media/picto/back.gif) 0px 0px no-repeat;} .linknext{background: url(media/picto/next.gif) 0px 0px no-repeat;} .linkdelete{background: url(media/picto/delete.gif) 0px 0px no-repeat;} .linkconfig{background: url(media/picto/config.gif) 0px 0px no-repeat;} /*A utiliser pour les boutons ayant un libellé plus long que les autres */ .buttonfreesize{background: url(media/picto/update.gif) #c1d2ee 0 0 no-repeat;}