Subversion Repositories eFlore/Applications.cel

Rev

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

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