477 lines
9.6 KiB
CSS
Executable File
477 lines
9.6 KiB
CSS
Executable File
/*
|
|
* custom.css (css spécifiques à la template)
|
|
* ces élements sont difficilement mutualisables.
|
|
*/
|
|
|
|
/**
|
|
*Style pour les éléments de navigation page par page
|
|
*/
|
|
#data .pagingcenter{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/*
|
|
*Style pour le calendrier
|
|
*/
|
|
.calendar{
|
|
position: absolute;
|
|
}
|
|
|
|
/*
|
|
*style pour l'aide
|
|
*/
|
|
#helplink {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 90px;
|
|
}
|
|
#helplink a{
|
|
background: url(../media/picto/help.gif) 0 0 no-repeat ;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
width: 50px;
|
|
display: block;
|
|
padding: 2px 2px 2px 20px;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#helpprint{
|
|
display: run-in;
|
|
margin-left: 205px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
/* pour IE.... :-(*/
|
|
#helpprint div{width:98%;}
|
|
|
|
#helpprint .frame{
|
|
display: block;
|
|
width: 98%;
|
|
height: 300px;
|
|
}
|
|
#helpprint .frame iframe{
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 2px solid #333366;
|
|
}
|
|
|
|
.tabehelpprint{width:100%;height:16px;}
|
|
.tabehelpprint ul{
|
|
display: block;
|
|
vertical-align: middle;
|
|
height: 17px;
|
|
margin-left: 4px;
|
|
width: 100%;
|
|
list-style: none;
|
|
}
|
|
.tabehelpprint ul img{
|
|
padding-right: 5px;
|
|
}
|
|
.tabehelpprint ul li{
|
|
display: block;
|
|
margin-right: 0px;
|
|
padding-right: 0px;
|
|
float: right;
|
|
}
|
|
/* style des onglets */
|
|
.WindowTabeDataClose{
|
|
background-color: #E7EAED;
|
|
border: 1px solid #333366;
|
|
border-bottom: 0;
|
|
float: left;
|
|
width: 180px;
|
|
vertical-align: bottom;
|
|
}
|
|
.WindowTabeDataClose a{
|
|
display: block;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
background-color: #333366; color:#FFFFFF;
|
|
}
|
|
.WindowTabeDataClose a:hover{background-color:#c1d2ee;color:#333366;}
|
|
|
|
|
|
/*
|
|
* objet UserPrint
|
|
*/
|
|
#userprint{
|
|
position: absolute;
|
|
width: 220px;
|
|
height: 81px;
|
|
right: 10px;
|
|
top: 10px;
|
|
text-align: right;
|
|
}
|
|
/*
|
|
*Mise en forme pour l'objet de connexion
|
|
*/
|
|
#userprint div{
|
|
width: 220px;
|
|
text-align: right;
|
|
}
|
|
#userprint label{
|
|
color: #FFFFFF;
|
|
width: 65px;
|
|
}
|
|
#userprint input{
|
|
right: 0;
|
|
padding: 1px;
|
|
left: 65px;
|
|
font-weight: bold;
|
|
width: 100px;
|
|
}
|
|
#userprint legend{
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
padding: 3px;
|
|
}
|
|
#userprint .button{
|
|
float: right;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100px;
|
|
background-color: #c1d2ee;
|
|
}
|
|
#userprint a{
|
|
background: url(../media/picto/exit.png) 2px 0 no-repeat;
|
|
padding-left: 18px;
|
|
float: left;
|
|
color: #c1d2ee;
|
|
font-weight: bold;
|
|
}
|
|
#userprint a:hover{color:#FFFFFF;}
|
|
|
|
#userprint form{}
|
|
/*
|
|
* Fin UserPrint
|
|
*/
|
|
|
|
/**
|
|
* -> Affichage de l'objet courant!!!
|
|
*/
|
|
#currentcoordinationobjprint{
|
|
margin-left: 205px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
margin-top: 2px;
|
|
}
|
|
#currentcoordinationobjprint h1, img , a{
|
|
display: inline;
|
|
}
|
|
#currentcoordinationobjprint img{
|
|
padding-right: 3px;
|
|
}
|
|
|
|
|
|
/*
|
|
* -> Fin affichage de l'objet courant
|
|
*/
|
|
|
|
/**
|
|
* -> MessagePrint Affichage des messages
|
|
*/
|
|
#messageprint{
|
|
margin-left: 205px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
padding: 5px 5px 5px 24px;
|
|
margin-top: 3px;
|
|
background: url(../media/picto/info.gif) 2px 2px no-repeat;
|
|
background-color: #c1d2ee;
|
|
border: 2px solid #333366;
|
|
font-weight: bold;
|
|
}
|
|
/**
|
|
* -> Fin MessagePrint Affichage des messages
|
|
*/
|
|
|
|
/* toolbox
|
|
* contient les informations de type navigation etc... ici le tout est dans une colonne gauche (voir main.mxt)
|
|
*/
|
|
#toolleft{
|
|
float: left;
|
|
margin: 0 5px 0 5px;
|
|
left: 0; /* IE !!! */
|
|
width: 150px;
|
|
}
|
|
/*
|
|
*Mise en forme pour les objets de la classe menubox
|
|
* objet: objectprint, navigationnodeprint, entrynodeprint
|
|
*/
|
|
.menubox, #objectprint, #navigationnodeprint, #entrynodeprint {
|
|
border: solid 1px #333366;
|
|
border-bottom: solid 3px #333366;
|
|
margin: 3px;
|
|
width: 180px;
|
|
background: #333366;
|
|
}
|
|
/* ---> ajout de userprint pour h1 */
|
|
.menubox h1, #objectprint h1, #navigationnodeprint h1, #entrynodeprint h1, #userprint h1{
|
|
color: #FFFFFF;
|
|
padding: 2px;
|
|
}
|
|
|
|
.menubox h1 img{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.menubox form, #entrynodeprint form{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.menubox form, #entrynodeprint legend{
|
|
border: solid 1px #333366;
|
|
border-bottom: solid 3px #333366;
|
|
font-weight: bold;
|
|
background: #333366;
|
|
color: #FFFFFF;
|
|
}
|
|
.menubox input, #entrynodeprint input{
|
|
width: 100%;
|
|
}
|
|
.menubox select, #entrynodeprint select{
|
|
width: 100%;
|
|
}
|
|
.menubox ul, #navigationnodeprint ul, #objectprint ul,.dashboardmenu ul{
|
|
list-style: none;
|
|
background: #FFFFFF;
|
|
}
|
|
.menubox a, #navigationnodeprint a, #objectprint a{
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menubox a:hover, #navigationnodeprint a:hover, #objectprint a:hover{
|
|
background: #c1d2ee;
|
|
}
|
|
.menubox a img, #navigationnodeprint a img, #objectprint a img{
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.menubox li ul li, #navigationnodeprint li ul li{
|
|
padding-left: 10%;
|
|
width: 90%;
|
|
}
|
|
.menubox .dashboardmenu li{
|
|
display: block;
|
|
width: 180px;
|
|
height: 25px;
|
|
}
|
|
.dashboardmenu .statut{
|
|
display: block;
|
|
vertical-align: middle;
|
|
height: 25px;
|
|
width: 180px;
|
|
}
|
|
.dashboardmenu .nbstatut{
|
|
padding-left: 10px;
|
|
vertical-align: baseline;
|
|
text-align : right;
|
|
font-weight: bold;
|
|
color: #F02828;
|
|
}
|
|
/*Style pour l'affichage des résultat du moteur de recherche */
|
|
.menubox .searchrequest{
|
|
height:40px;
|
|
padding:1px 1px 0px 0px;
|
|
border:none;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.menubox .searchrequest input{
|
|
padding: 1px 1px 1px 0px;
|
|
width:173px;
|
|
}
|
|
.menubox .searchrequest span{
|
|
width:174px;
|
|
padding-bottom:1px;
|
|
}
|
|
.menubox .searchrequest .send{
|
|
width:174px;
|
|
padding-left:1px;
|
|
}
|
|
|
|
|
|
#data .box .searchresult{
|
|
border-bottom: 1px solid;
|
|
}
|
|
#data .box .searchresult h2{
|
|
display: inline;
|
|
margin-right: 20px;
|
|
}
|
|
#data .box .searchresult .searchlink{
|
|
display: inline;
|
|
}
|
|
#data .box .searchresult .searchresume{
|
|
margin-left: 18px;
|
|
width: 95%;
|
|
padding-bottom: 20px;
|
|
}
|
|
#data .box .fieldset .searchresult .searchresume hr{
|
|
visibility: visible;
|
|
margin-top: 20px;
|
|
width: 95%;
|
|
border: 1px solid;
|
|
}
|
|
|
|
/*Redefinition des style des tableau pour le tableau de bord*/
|
|
#data #dashboard_separateur{
|
|
/*display:block;*/
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
border: 1px solid;
|
|
padding: 1px;
|
|
}
|
|
#data .tabledashboard{
|
|
/* display:block; */
|
|
float: left;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
#data .tabledashboard tr{
|
|
/* display:block; */
|
|
height:20px;
|
|
}
|
|
#data .tabledashboard .outilsview{
|
|
width: 70%;
|
|
/*background: url(../media/picto/fermer.gif) 2px 1px no-repeat;*/
|
|
background-color: #333366;
|
|
border-left: 1px solid #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 2px solid #FFFFFF;
|
|
padding-left: 24px;
|
|
height: auto;
|
|
}
|
|
#data .tabledashboard .outilshide{
|
|
width: 70%;
|
|
/* background: url(../media/picto/view.gif) 0px 0px no-repeat;*/
|
|
background-color: #333366;
|
|
border-left: 1px solid #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 2px solid #FFFFFF;
|
|
padding-left: 24px;
|
|
height: auto;
|
|
}
|
|
#data .tabledashboard .outilshide span,#data .tabledashboard .outilsview span{
|
|
display: inline;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
float: left;
|
|
color: #FFFFFF;
|
|
}
|
|
#data .tabledashboard .outilshide .listehide{
|
|
display: inline;
|
|
height: auto;
|
|
width: 100px;
|
|
cursor: pointer;
|
|
background: url(../media/picto/view.gif) 1px -2px no-repeat;
|
|
float: right;
|
|
text-align: right;
|
|
padding-bottom: 3px;
|
|
padding-right: 5px;
|
|
color: #FFFFFF;
|
|
}
|
|
#data .tabledashboard .outilsview .listeview{
|
|
display: inline;
|
|
height: auto;
|
|
cursor: pointer;
|
|
width: 100px;
|
|
background: url(../media/picto/fermer.gif) 2px -1px no-repeat;
|
|
float: right;
|
|
text-align: right;
|
|
padding-bottom: 3px;
|
|
padding-right: 5px;
|
|
color: #FFFFFF;
|
|
}
|
|
#data .tabledashboard .result{
|
|
width: 20%;
|
|
background: #333366;
|
|
color: #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 2px solid #FFFFFF;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
|
|
}
|
|
#data .tabledashboard .actionth{
|
|
width: auto;
|
|
background: #333366;
|
|
color: #FFFFFF;
|
|
border-bottom: 2px solid #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
|
|
}
|
|
#data .tabledashboard .outilstd{
|
|
width: 70%;
|
|
text-align: left;
|
|
border-left: 1px solid #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
height: 20px;
|
|
padding-left: 24px;
|
|
font-size: x-small;
|
|
}
|
|
#data .tabledashboard .outilstd span{
|
|
background: url(../media/picto/puce.gif) 0px 4px no-repeat;
|
|
text-align: left;
|
|
padding-left: 15px;
|
|
font-size: x-small;
|
|
}
|
|
#data .infostd{
|
|
width: 90%;
|
|
padding-left: 25px;
|
|
text-align: left;
|
|
border-left: 1px solid #FFFFFF;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
font-size: xx-small;
|
|
}
|
|
#data .nbresult{
|
|
width: 20%;
|
|
text-align: center;
|
|
/*border-top: 1px solid #FFFFFF;*/
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
height:20px;
|
|
padding: 0 0 0 0;
|
|
font-size: xx-small;
|
|
}
|
|
#data .actiondashboard{
|
|
width: auto;
|
|
background: #E7EAED;
|
|
border-right: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
height: 20px;
|
|
vertical-align: top;
|
|
}
|
|
#data .actiondashboard a{
|
|
width: 23px;
|
|
display: block;
|
|
float: left;
|
|
height: 20px;
|
|
margin: 2px 0 2px 0;
|
|
padding: 0;
|
|
}
|
|
#data .actiondashboard .linkview,#data .actiondashboard .linkupdate{
|
|
border: none;
|
|
}
|
|
/* Si il ya un style de ligne */
|
|
#data .tabledashboard .lineStyle1 td, #data .tabledashboard .lineStyle1 td a{
|
|
background-color: #E7EAED;
|
|
}
|
|
#data .tabledashboard .lineStyle2 td, #data .tabledashboard .lineStyle2 td a{
|
|
background-color: #c1d2ee;
|
|
}
|
|
#data .tabledashboard .lineStyle3 td, #data .tabledashboard .lineStyle3 td a{
|
|
background-color: #77AADD;
|
|
}
|
|
/* Element selectionnés des objets de navigation/défaut */
|
|
.NavigationSelected{background-color: #E7EAED; font-weight:bold;}
|
|
.ObjectSelected{background-color: #E7EAED; font-weight:bold;} |