364 lines
9.0 KiB
CSS
Executable File
364 lines
9.0 KiB
CSS
Executable File
/*
|
|
* 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;} |