Subversion Repositories eFlore/Applications.cel

Rev

Rev 117 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 117 Rev 139
1
/** Add css rules here for your application. */
1
/** Add css rules here for your application. */
2
 
2
 
3
body,td,a,div,.p{font-family:arial,sans-serif}
3
body,td,a,div,.p{font-family:arial,sans-serif}
4
			div,td{color:#000000}
4
			div,td{color:#000000}
5
			a:link,.w,.w a:link{color:#0000cc}
5
			a:link,.w,.w a:link{color:#0000cc}
6
			a:visited{color:#551a8b}
6
			a:visited{color:#551a8b}
7
			a:active{color:#ff0000}
7
			a:active{color:#ff0000}
8
			
8
			
9
			 .thumb img {
9
			 .thumb img {
10
			height: 100px;
10
			height: 100px;
11
			width: 100px;
11
			width: 100px;
12
			}
12
			}
13
			
13
			
14
			.x-window-tl .x-window-header {
14
			.x-window-tl .x-window-header {
15
                color:#406324;
15
                color:#406324;
16
			}
16
			}
17
			
17
			
18
			 .img-list img {
18
			 .img-list img {
19
			height: 50px;
19
			height: 50px;
20
			width: 50px;
20
			width: 50px;
21
			}
21
			}
22
			
22
			
23
			 .thumb img:hover{
23
			 .thumb img:hover{
24
				color:#000000;
24
				color:#000000;
25
			}
25
			}
26
			
26
			
27
			 .x-view-over {
27
			 .x-view-over {
28
			background:#6a8192 ;
28
			background:#6a8192 ;
29
			padding:4px;
29
			padding:4px;
30
			}
30
			}
31
			
31
			
32
			 .x-view-selected { 
32
			 .x-view-selected { 
33
				background: #cf7d6a ;  
33
				background: #cf7d6a ;  
34
				padding: 4px; 
34
				padding: 4px; 
35
			} 
35
			} 
36
			
36
			
37
			.x-temp-crea {
37
			.x-temp-crea {
38
				background: #000000 ;  
38
				background: #000000 ;  
39
			}
39
			}
40
			
40
			
41
			.x-temp-modif {
41
			.x-temp-modif {
42
				background: #ffffff ;  
42
				background: #ffffff ;  
43
			}
43
			}
44
			
44
			
45
 
45
 
46
			.thumb-wrap {
46
			.thumb-wrap {
47
			float: left;
47
			float: left;
48
			margin: 4px;
48
			margin: 4px;
49
			margin-right: 0;
49
			margin-right: 0;
50
			padding: 5px;
50
			padding: 5px;
51
			}
51
			}
-
 
52
			
-
 
53
			.avertissement {
-
 
54
			   font-size: 15px ;
-
 
55
			   text-align: center ;       
-
 
56
               color: #318D9F ;  
-
 
57
               font-weight: bold ;
-
 
58
			}
52
			
59
			
53
			#x-up-bandeau div div {
60
			#x-up-bandeau div div {
54
				height: 100 px !important;
61
				height: 100 px !important;
55
				background-image:url(fond-herbes.png);
62
				background-image:url(fond-herbes.png);
56
				background-repeat:repeat-x;
63
				background-repeat:repeat-x;
57
			}
64
			}
58
			
65
			
59
			#x-view-zoom-img div div {
66
			#x-view-zoom-img div div {
60
				display: table-cell ;
67
				display: table-cell ;
61
				text-align: center ;
68
				text-align: center ;
62
				vertical-align: middle ;
69
				vertical-align: middle ;
63
			}
70
			}
64
			
71
			
65
			#x-view-mini-zoom-img div div {
72
			#x-view-mini-zoom-img div div {
66
				display: table-cell ;
73
				display: table-cell ;
67
				text-align: center ;
74
				text-align: center ;
68
				vertical-align: middle ;
75
				vertical-align: middle ;
69
			}
76
			}
70
			
77
			
71
			#x-view-mini-zoom-img div div img {
78
			/*#x-view-mini-zoom-img div div img {
72
				height: 150px;
79
				height: 150px;
73
				width: 150px;
80
				width: 150px;
74
			}
81
			}*/
75
			
82
			
76
			.x-image-gen div div {
83
			.x-image-gen div div {
77
				display: table-cell ;
84
				display: table-cell ;
78
				text-align: center ;
85
				text-align: center ;
79
				vertical-align: middle ;
86
				vertical-align: middle ;
80
			}
87
			}
81
			
88
			
82
			.x-image-info-rep div div {
89
			.x-image-info-rep div div {
83
				display: table-cell ;
90
				display: table-cell ;
84
				text-align: center ;
91
				text-align: center ;
85
				vertical-align: middle ;
92
				vertical-align: middle ;
86
			}
93
			}
87
			
94
			
88
			.x-selec-modif {
95
			.x-selec-modif {
89
				background: #FFCCCC !important ;
96
				background: #FFCCCC !important ;
90
					
97
					
91
			}
98
			}
92
			
99
			
93
			.x-selec-crea {
100
			.x-selec-crea {
94
				background: #DEE5EE !important ;
101
				background: #DEE5EE !important ;
95
					
102
					
96
			}
103
			}
97
			
104
			
98
			.x-selec-liaison {
105
			.x-selec-liaison {
99
				background: #FFCCCC !important ;
106
				background: #FFCCCC !important ;
100
					
107
					
101
			}
108
			}
102
			
109
			
103
			.x-selec-consult {
110
			.x-selec-consult {
104
				background: #DEE5EE !important ;
111
				background: #DEE5EE !important ;
105
					
112
					
106
			}
113
			}
107
			
114
			
108
			.x-view-notation-bar {		
115
			.x-view-notation-bar {		
109
				height: 25px ;
116
				height: 25px ;
110
				width: 25px ;
117
				width: 25px ;
111
			}
118
			}
112
			
119
			
113
			.x-view-zoom-button-p {
120
			.x-view-zoom-button-p {
114
			
121
			
115
				background-color: #FFFFFF ;
122
				background-color: #FFFFFF ;
116
				background-image:url("Fleche_gauche.gif") ;	
123
				background-image:url("Fleche_gauche.gif") ;	
117
				background-repeat: no-repeat;
124
				background-repeat: no-repeat;
118
				background-position: 50% ;
125
				background-position: 50% ;
119
				border: none ;
126
				border: none ;
120
			}
127
			}
121
			
128
			
122
			.x-view-zoom-button-s {
129
			.x-view-zoom-button-s {
123
			
130
			
124
				background-color: #FFFFFF ;
131
				background-color: #FFFFFF ;
125
				background-image:url("Fleche_droite.gif") ;	
132
				background-image:url("Fleche_droite.gif") ;	
126
				background-repeat: no-repeat;
133
				background-repeat: no-repeat;
127
				background-position: 50% ;
134
				background-position: 50% ;
128
				border: none ;
135
				border: none ;
129
			}
136
			}
130
			
137
			
131
			.img-note img {
138
			.img-note img {
132
			height: 20px ;
139
			height: 20px ;
133
			width: 20px ;
140
			width: 20px ;
134
			} 
141
			} 
135
 
142
 
136
			.thumb-wrap span {
143
			.thumb-wrap span {
137
			display: block;
144
			display: block;
138
			overflow: hidden;
145
			overflow: hidden;
139
			text-align: center;
146
			text-align: center;
140
			}
147
			}
141
			
148
			
142
			#listeImageGrid {
149
			#listeImageGrid {
143
      		overflow: hidden;
150
      		overflow: hidden;
144
 			}
151
 			}
145
 			
152
 			
146
 			.centered-list div{
153
 			.centered-list div{
147
 				display: table-cell ;
154
 				display: table-cell ;
148
      		overflow: hidden;
155
      		overflow: hidden;
149
      		vertical-align: middle ;
156
      		vertical-align: middle ;
150
 			}
157
 			}
151
 			
158
 			
152
 			.warning_upload {
159
 			.warning_upload {
153
				font-size: 15px ;
160
				font-size: 15px ;
154
				text-align: center ;
161
				text-align: center ;
155
				background-color: #ffffcc ; 		
162
				background-color: #ffffcc ; 		
156
 				color: #ff0033 ;  
163
 				color: #ff0033 ;  
157
 				font-weight: bold ;
164
 				font-weight: bold ;
158
 			}
165
 			}
159
 			
166
 			
160
 			.x-form-creation {
167
 			.x-form-creation {
161
 				background-color: green ;
168
 				background-color: green ;
162
 			}
169
 			}
163
 			
170
 			
164
 			.x-form-modification {
171
 			.x-form-modification {
165
 				background-color: red ;
172
 				background-color: red ;
166
 			}
173
 			}
167
 			
174
 			
168
            .fenmotcles .x-window-body {
175
            .fenmotcles .x-window-body {
169
                background-color: white !important;
176
                background-color: white !important;
170
            }
177
            }
171
 			
178
 			
172
 			.nuagetag {
179
 			.nuagetag {
173
 			    background-color: white;
180
 			    background-color: white;
174
 			}
181
 			}
175
 			
182
 			
176
 			.nuagetag li {
183
 			.nuagetag li {
177
 			    float: left;
184
 			    float: left;
178
 			    padding: 2px; 
185
 			    padding: 2px; 
179
 			}
186
 			}
180
 			
187
 			
181
 			.motcletaille1 {
188
 			.motcletaille1 {
182
 			    font-size: 10px ;
189
 			    font-size: 10px ;
183
 			    color: #990033; 
190
 			    color: #990033; 
184
 			}
191
 			}
185
 			
192
 			
186
 			.motcletaille2 {
193
 			.motcletaille2 {
187
                font-size: 12px ;
194
                font-size: 12px ;
188
                color: #FF9999;  
195
                color: #FF9999;  
189
            }
196
            }
190
            
197
            
191
            .motcletaille3 {
198
            .motcletaille3 {
192
                font-size: 14px ;
199
                font-size: 14px ;
193
                color: #FF9966; 
200
                color: #FF9966; 
194
            }
201
            }
195
            
202
            
196
            .motcletaille4 {
203
            .motcletaille4 {
197
                font-size: 16px ; 
204
                font-size: 16px ; 
198
                color: #00FF00; 
205
                color: #00FF00; 
199
            }
206
            }
200
            
207
            
201
            .motcletaille5 {
208
            .motcletaille5 {
202
                font-size: 18px ;
209
                font-size: 18px ;
203
                color: #33FF99;
210
                color: #33FF99;
204
 
211
 
205
            }
212
            }
206
            
213
            
207
            .motcletaille6 {
214
            .motcletaille6 {
208
                font-size: 20px ;
215
                font-size: 20px ;
209
                color: #9999FF; 
216
                color: #9999FF; 
210
            }
217
            }
211
            
218
            
212
            .motcletaille7 {
219
            .motcletaille7 {
213
                font-size: 22px ; 
220
                font-size: 22px ; 
214
                color: #CCCCCC;
221
                color: #CCCCCC;
215
            }
222
            }
216
            
223
            
217
            .motcletaille8 {
224
            .motcletaille8 {
218
                font-size: 24px ;
225
                font-size: 24px ;
219
                color: #999999; 
226
                color: #999999; 
220
            }
227
            }
221
            
228
            
222
            .motcletaille9 {
229
            .motcletaille9 {
223
                font-size: 26px ; 
230
                font-size: 26px ; 
224
                color: #0000FF;
231
                color: #0000FF;
225
            }
232
            }
226
            
233
            
227
            .motcletaille10 {
234
            .motcletaille10 {
228
                font-size: 28px ; 
235
                font-size: 28px ; 
229
                color: #333333;
236
                color: #333333;
230
            }
237
            }