Subversion Repositories eFlore/Applications.cel

/** Add css rules here for your application. */

body,td,a,div,.p{font-family:arial,sans-serif}
                        div,td{color:#000000}
                        a:link,.w,.w a:link{color:#0000cc}
                        a:visited{color:#551a8b}
                        a:active{color:#ff0000}
                        
                        .thumb-wrap {
                                width : 100px ;
                                height : 130px ;
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                                background-color: #DCDCDC;      
                                border-width:1px;
                                border-style:solid;
                                border-color:#667A6B;
                                overflow:hidden;
                                position:relative;
            }
            
            miniature_galerie  {
                z-index: 35;
            }
            
            .picto_haut_gauche {
                          position:absolute;
                          top:2px;
                          left:2px;
                          z-index:40;
                        }
                        
                        .picto_haut_droite {
                          position:absolute;
                          top:2px;
                          right:2px;
                          z-index:40;
                        }
                        
                        .x-window-tl .x-window-header {
                color:#4A6438;
                        }
                        
                        .x-window-mc {
                                background-color: #FFFFFF;
                        }
                        
                        .x-panel-header {
                                color:#FFFFFF;
                        }
                        
                        .x-tab-strip span.x-tab-strip-text {
                                color:#FFFFFF;
                        }
                        
                        .x-tab-strip-active span.x-tab-strip-text {
                                color:#4A6438;
                                cursor:default;
                                font-weight:bold;
                        }
                        
                         .img-list {
                                height: 50px;
                                width: 50px;
                        
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                        }
                        
                        .dview-list {
                                display: table-cell;
                        height: auto;
                        padding-bottom: 10px;
                        text-align: center;
                        vertical-align: middle;
                        width: 100px;
                        }
                        
                         .thumb img:hover{
                                color:#000000;
                        }
                        
                         .x-view-over {
                        background:#6a8192 ;
                        padding:4px;
                        }
                        
                         .x-view-selected { 
                                background: #cf7d6a ;  
                                padding: 4px; 
                        } 
                        
                        .x-temp-crea {
                                background: #000000 ;  
                        }
                        
                        .x-temp-modif {
                                background: #ffffff ;  
                        }
                        

                        .thumb-wrap {
                                float: left;
                                margin: 4px;
                                margin-right: 0;
                                padding: 5px;
                        }
                        
                        .avertissement {
                           font-size: 15px ;
                           text-align: center ;       
               color: #318D9F ;  
               font-weight: bold ;
                        }
                        
                        #etatConnexion {
                             cursor: pointer ;
                        }
                        
                        #liensExt {
                float: right;
                margin-top: -15px;
                        }
                        
                        #panneau_etat_connexion,  #panneau_admin {
                                min-height:16px;
                        }
                        
                        #x-up-bandeau div div {
                                height: 100 px !important;
                                background-image:url(fond-herbes.png);
                                background-repeat:repeat-x;
                        }
                        
                        #x-view-zoom-img div div {
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                        }
                        
                        #x-view-mini-zoom-img div div {
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                        }
                        
                        .img-curseur-depl {
                                cursor:pointer;
                        }
                        
                        /*#x-view-mini-zoom-img div div img {
                                height: 150px;
                                width: 150px;
                        }*/
                        
                        .x-image-gen div div {
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                        }
                        
                        .x-image-info-rep div div {
                                display: table-cell ;
                                text-align: center ;
                                vertical-align: middle ;
                        }
                        
                        .x-selec-modif {
                                background: #FFCCCC !important ;
                                        
                        }
                        
                        .x-selec-crea {
                                background: #DEE5EE !important ;
                                        
                        }
                        
                        .x-selec-liaison {
                                background: #FFCCCC !important ;
                                        
                        }
                        
                        .x-selec-consult {
                                background: #DEE5EE !important ;
                                        
                        }
                        
                        .x-view-notation-bar {          
                                height: 25px ;
                                width: 25px ;
                        }
                        
                        .x-view-zoom-button-p {
                        
                                background-color: #FFFFFF ;
                                background-image:url("Fleche_gauche.gif") ;     
                                background-repeat: no-repeat;
                                background-position: 50% ;
                                border: none ;
                        }
                        
                        .x-view-zoom-button-s {
                        
                                background-color: #FFFFFF ;
                                background-image:url("Fleche_droite.gif") ;     
                                background-repeat: no-repeat;
                                background-position: 50% ;
                                border: none ;
                        }
                        
                        .img-note img {
                        height: 20px ;
                        width: 20px ;
                        } 

                        .thumb-wrap span {
                        display: block;
                        overflow: hidden;
                        text-align: center;
                        }
                        
                        #listeImageGrid {
                overflow: hidden;
                        }
                        
                        td.centered-list {
                                display: table-cell ;
                        overflow: hidden;
                        vertical-align: middle !important;
                        }
                        
                        .warning_upload {
                                font-size: 15px ;
                                text-align: center ;
                                background-color: #ffffcc ;             
                                color: #ff0033 ;  
                                font-weight: bold ;
                        }
                        
                        .nom_retenu {
                                font-weight: bold ;
                        }
                        
                        
                        .x-form-creation {
                                background-color: green ;
                        }
                        
                        .x-form-modification {
                                background-color: red ;
                        }
                        
            .fenmotcles .x-window-body {
                background-color: white !important;
            }
                        
                        .nuagetag {
                            background-color: white;
                        }
                        
                        .nuagetag li {
                            float: left;
                            padding: 2px; 
                        }
                        
                        .motcletaille1 {
                            font-size: 10px ;
                            color: #990033; 
                        }
                        
                        .motcletaille2 {
                font-size: 12px ;
                color: #FF9999;  
            }
            
            .motcletaille3 {
                font-size: 14px ;
                color: #FF9966; 
            }
            
            .motcletaille4 {
                font-size: 16px ; 
                color: #00FF00; 
            }
            
            .motcletaille5 {
                font-size: 18px ;
                color: #33FF99;

            }
            
            .motcletaille6 {
                font-size: 20px ;
                color: #9999FF; 
            }
            
            .motcletaille7 {
                font-size: 22px ; 
                color: #CCCCCC;
            }
            
            .motcletaille8 {
                font-size: 24px ;
                color: #999999; 
            }
            
            .motcletaille9 {
                font-size: 26px ; 
                color: #0000FF;
            }
            
            .motcletaille10 {
                font-size: 28px ; 
                color: #333333;
            }
            
            .saisie_invalide_invisible {
                display: none;
            }
            
            .saisie_invalide {
                display: block ;
                font-size: 12px ;
                color: #FF0000;
                text-align: center;  
            }
            
            #lien_carto {
                padding-left: 2px;
                text-align: left;
            }
            
            #lien_coord {
                        padding-left: 0px; 
            }
            
            .lien_actif {
                                text-align: center ;
                        cursor:pointer;
                        color: #0033CC;
                text-decoration: underline;
            }
            
            .lien_decale {
                padding-left: 10px;
            }
            
            .conteneur_selection_commune {
                padding-left: 10px;
                text-decoration: none;
            }
            
            #lien_selection_commune {
                color: #0033CC;
                text-decoration: underline; 
                padding-left: 100px;
            }
            
            .lien_sel {
                border: dotted 1px black;
            }
            
            
            
            .x-tree-node-icon-kw {
                background-image:url("checked.png") ;
                background-position:center center;
                                background-repeat:no-repeat;
                                border:0 none;
                                height:18px;
                                margin:0;
                                padding:0;
                                vertical-align:top;
                                width:16px;     
            }
            
            .x-tree-node a span.x-tree-node-text-norm {
                                
            }
            
            .x-tree-node a span.x-tree-node-text-kw {
                                color:#008000;
                                font-weight: bold;
                                font-size: 1.1em;
                                font-style:italic;
            }
            
            .x-dd-drop-unlink .x-dd-drop-icon{
                background-image:url("delier.png");
            }
            
            #infos_taxon {
                margin-top: 5px;
                        vertical-align: middle !important;
                margin-left: auto; 
                                margin-right: auto; 
                                text-align: center;
            }
            
            .texte_info_taxon {
                font-weight: bold;
                                font-size: 1.1em;
                                font-style:italic;
            }
            
            .info_image {
                font-size: 10px;        
            }
            
            .accepter_licence {
                font-size:1.5em;
                                height:70px;
                                margin-left:20px;
                                visibility:visible;
            }
            
            #loading {
                                position:absolute;
                                left: 50%; 
                                top: 50%;
                                margin-top: -103px; /* moitié de la hauteur de l'image */
                                margin-left: -332px; /* moitié de la largeur de l'image */
                        }
                        
                        #loading img {
                                border: 2px solid black;        
                        }
                        
                        .indicateur_filtres {
                                color: #FF0000;
                        }