186 lines
5.6 KiB
CSS
Executable File
186 lines
5.6 KiB
CSS
Executable File
/*
|
|
* fichier bloc.css
|
|
* positionement des blocs principaux
|
|
*/
|
|
#application{
|
|
width:100%;
|
|
}
|
|
|
|
/* header */
|
|
#header{
|
|
height:35px;
|
|
width:100%;
|
|
}
|
|
|
|
/* logo */
|
|
#logo{
|
|
height:110px;
|
|
width:120px;
|
|
padding-top:15px;
|
|
padding-left:70px;
|
|
text-align:center;
|
|
font-size:0.7em;
|
|
font-weight:bold;
|
|
background:url(../../../image/perso.gif) 0 0 no-repeat;
|
|
}
|
|
|
|
|
|
/* colone de gauche */
|
|
#toolleft{
|
|
float:left;
|
|
margin:0 5px 0 5px;
|
|
left:0; /* IE !!! */
|
|
margin-top:70px;
|
|
width:200px;
|
|
}
|
|
|
|
/* bloc principal */
|
|
#data{
|
|
margin-left:200px;
|
|
margin-right:10px;
|
|
font-size:0.8em;
|
|
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-right:10px;
|
|
text-align:center;
|
|
border-radius: 10px; -moz-border-radius: 10px;
|
|
font-size:0.8em;
|
|
}
|
|
|
|
/* Affichage des points d'entrée */
|
|
#entrynodeprint{
|
|
font-size:0.8em;
|
|
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:0.8em;}
|
|
|
|
/* definition du menu de navigation pour les objets */
|
|
#navigationprint{width:185px;}
|
|
#navigationprint h1{display:none;}
|
|
#navigationprint #menuDyn {font-size:0.8em;width:100%;padding-left:0;}
|
|
#navigationprint ul{list-style-type:none;padding-left:5px;}
|
|
#navigationprint li{padding-left:10px;}
|
|
#navigationprint .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:none;}
|
|
#navigationprint ul .selected a{font-weight:bold;text-decoration:none;}
|
|
#navigationprint li a img{width:0;height:0;}
|
|
|
|
/* definition du menu de conexion */
|
|
#userprint{font-size:0.6em;text-align:center;width:180px;background:#E8EEFA;padding:2px; border:1px solid #C3D9FF;border-radius:10px; -moz-border-radius:10px;}
|
|
#userprint h1{height:auto; display:inline}
|
|
#userprint div{text-align:right;}
|
|
#userprint{font-weight:bold;}
|
|
|
|
/* Pour l'objet courant de navigation */
|
|
#currentcoordinationobjprint, #footerdata{
|
|
margin-top:5px;
|
|
margin-left:200px;
|
|
margin-right:10px;
|
|
font-size:0.8em;
|
|
padding:2px 2px 2px 10px;
|
|
font-size:0.6em;
|
|
border:1px solid #C3D9FF;
|
|
border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
|
|
background: #E8EEFA;
|
|
}
|
|
#currentcoordinationobjprint h1, img , a{display:inline;}
|
|
#currentcoordinationobjprint img{display:none;}
|
|
|
|
#footerdata{
|
|
border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;margin-top:0px;background:#C3D9FF;
|
|
}
|
|
|
|
/* helprint */
|
|
#helplink{font-size:0.6em;position:absolute;top:25px;right:0;}
|
|
#helpprint{margin-left:200px;margin-right:10px;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;}
|
|
#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:0.6em;}
|
|
|
|
#data fieldset{border:1px solid #E8EEFA;border-left:5px solid #E8EEFA;padding:0;margin:0;border-radius:10px; -moz-border-radius:10px;}
|
|
#data fieldset legend{font-weight:bold;}
|
|
#data .box{padding:10px;}
|
|
#data table{width:100%; font-size:0.85em;border:0; border-collapse:collapse;}
|
|
#data table th{background:#C3D9FF;text-align:center;}
|
|
#data table td, #data table tr.lineStyle1 td{background:#E8EEFA;border-bottom:1px solid #CECECE;line-height:25px;}
|
|
#data table tr.lineStyle2 td{background:#FFFFFF;}
|
|
#data .box .header h2{display:none;}
|
|
|
|
/*
|
|
* 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:20px;
|
|
margin:0;
|
|
}
|
|
.tabe ul li {height:19px;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:180px;
|
|
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;}
|
|
|
|
/* définition des pages et des formulaires */
|
|
#data fieldset .legend{line-height:25px;}
|
|
#data fieldset .legend div{padding:2px 10px 2px 10px;}
|
|
#data fieldset {margin-bottom:3px;}
|
|
#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;}
|