Subversion Repositories svnkaklik

Rev

Go to most recent revision | Details | Last modification | View Log

Rev Author Line No. Line
6 kaklik 1
/* BACKGROUND */
2
 
3
body { background-color:#000000;} /*General background color*/
4
.main, .throw, .admin {	background-color:#3F3F3F;} /*Main background color*/
5
.row1,input,select,textarea, .table1, .home { background-color:#5F5F5F;} /* Tables & forms */
6
.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments  */
7
.errors { background-color:red;} /* Errors display */
8
.titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);} /* Titles background image  */
9
.bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */
10
 
11
/* FONT COLORS */
12
 
13
body { color:#E0E0E0;} /* General font color */
14
input,select,textarea { color:#FFFFCC;} /* Forms font color */
15
.titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;} /* Menu & sections titles */
16
.titrePage, .titreMenu a:hover { color:#E0E0E0;} /* Page title */
17
.comment{ color:#C6B78E;} /* Comments */
18
.commentDate { color:#999999;} /* Comments date */
19
.throw { color:#FFFFCC;} /* First line of tables */
20
.bouton, .errors { color:#FFFFFF;} /* Buttons & errors */
21
 
22
/* Update results (admin side only) */
23
.update_summary_new, .best_gen_time
24
{ color:#9cb4ce;}
25
 
26
/* Update results (admin side only) */
27
.update_summary_del,.worst_gen_time
28
{ color:#ffe1e1;}
29
 
30
/* ANCHORS */
31
 
32
a { text-decoration:none; color:#FFFFFF;}
33
a:hover { text-decoration:none; color:#FFF48E;}
34
a.none:hover { text-decoration:none;}
35
a.image:hover { text-decoration:none;}
36
a.thumbLink:hover { text-decoration:none;}
37
 
38
/* FONT STYLES */
39
 
40
body /* Main font style */
41
{
42
  font-family: Verdana, Geneva, Arial, sans-serif;
43
  font-size:12px;
44
  margin:5px;
45
}
46
 
47
h1 /* H1 tag style (admin side only) */
48
{
49
	font-family: 'Trebuchet MS', Verdana, sans-serif;
50
	text-decoration:none; 
51
	line-height:	120%;
52
	font-size:18px;
53
	font-weight: bold;
54
}
55
 
56
h2 /* H2 tag style (admin side only) */
57
{
58
	font-family: Arial, Helvetica, sans-serif;
59
	text-decoration:none; 
60
	line-height:	120%; 
61
	font-size:12px;
62
	font-weight: bold;
63
}
64
 
65
.titreMenu /* Menu titles */
66
{
67
  font-size:12px;
68
  font-weight:600;
69
}
70
 
71
.titrePage /* Page titles */
72
{
73
  font-family: 'Trebuchet MS', Verdana, sans-serif;
74
  font-weight:600;
75
  font-size:16px;
76
}
77
 
78
.commentTitle /* Comments title */
79
{
80
  font-family: Arial, Helvetica, sans-serif;
81
  font-size:12px;
82
  font-weight:bold;
83
}
84
 
85
.menu, .thumbnail, .totalImages { font-size:11px;}
86
.small{ font-size:10px;}
87
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
88
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category  { font-weight:normal;}
89
.commentDate, .bouton  { font-weight:lighter;}
90
.commentImage { font-style:italic; font-size:16px;}
91
.nameImage { font-size:20px;}
92
.info { font-size:16px;}
93
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
94
div.information {  font-size:14px; font-weight:bold;}
95
 
96
/*----------------------------------------------*/
97
/* Under this point, do not modify the values   */
98
/* unless you are aware of what you are doing!  */
99
/*----------------------------------------------*/
100
 
101
/* POSITION */
102
 
103
#gauche,#droite
104
{
105
  float:left;
106
  width:30%;
107
  text-align:left;
108
  white-space:nowrap;
109
}
110
 
111
#centre
112
{
113
  float:left;
114
  width:39%;
115
  text-align:center;
116
}
117
 
118
#droite{text-align:right;}
119
#left {float:left; }
120
#right{float:right; }
121
 
122
/* GENERAL LAYOUT STYLES */
123
 
124
.main 
125
{
126
	border: 1px solid #E0E0E0; 
127
	width:100%;
128
	padding-bottom:30px;
129
	text-align:center;
130
	display:block;
131
}
132
 
133
.home
134
{
135
  border: 1px solid #000000;
136
  display:block;
137
  text-align:center;
138
  width:100%;
139
}
140
 
141
.navigationBar 
142
{
143
  text-align:center;
144
  margin-top:10px;
145
  margin-bottom:10px;
146
}
147
 
148
.info 
149
{
150
  margin:5px 0px 5px 0px;
151
  /* white-space:nowrap; */
152
  text-align:center;
153
}
154
 
155
.errors 
156
{
157
  text-align:left;
158
  margin-top:5px;
159
  margin-bottom:5px;
160
  border:1px solid black;
161
}
162
 
163
div.information {
164
  text-align:left;
165
  margin:10px;
166
  padding:5px;
167
}
168
 
169
span.dateSelected, span.pageNumberSelected {
170
  text-decoration:underline;
171
}
172
/* MENU LAYOUT STYLES */
173
 
174
.titreMenu,.titrePage
175
{
176
  padding-right: 10px;
177
  padding-left: 10px;
178
  border-bottom: 1px solid #000000;
179
  border-right: 1px solid #000000;
180
  height: 25px;
181
  line-height: 25px;
182
  text-align:center;
183
}
184
.titrePage {text-align:left;}
185
 
186
.menu 
187
{
188
  margin:10px 5px 10px 5px;
189
  white-space:nowrap;
190
  text-align:left;
191
}
192
 
193
ul.menu 
194
{
195
  text-align:left;
196
  list-style-type: square ;
197
  padding-left:15px;
198
  margin:5px;
199
}
200
 
201
.totalImages {
202
  text-align:center;
203
  margin-top:5px;
204
}
205
 
206
 /* IMAGE LAYOUT STYLES */
207
 
208
.image 
209
{
210
	border : 3px solid #FFFFFF;
211
	margin : 10px 4px 10px 4px;
212
}
213
 
214
#imgBarMenu
215
{
216
  width:100%;
217
  display:block;
218
  height:25px;
219
  border-bottom: 1px solid #000000;
220
}
221
 
222
.imgMenu
223
{
224
  width:48px;
225
  border:none;
226
  float:left;
227
}
228
 
229
.imgMenu img
230
{
231
 border:none;
232
 text-align:center;
233
 margin-top:4px;
234
}
235
 
236
.imgMenu a
237
{
238
  display:block;
239
  height: 25px;
240
  border-bottom: 1px solid #000000;
241
  border-left: 1px solid #838383;
242
  border-right: 1px solid #000000;
243
}
244
 
245
.imgMenu a:hover
246
{
247
  border-bottom: 1px solid #3F3F3F;
248
  border-left: 1px solid #3F3F3F;
249
  border-right: 1px solid #3F3F3F;
250
}
251
 
252
.commentImage {
253
  text-align:justify;
254
  margin-top: 10px;
255
  margin-bottom: 10px;
256
}
257
 
258
/* TABLE LAYOUT STYLES */
259
 
260
.table1
261
{
262
  border: 1px solid #000000;
263
  display:block;
264
}
265
 
266
.table2 {
267
	border: 1px solid #000000; 
268
	margin:	0px 10px 0px 0px;
269
	padding:0px;
270
}
271
 
272
.tablecompact{
273
  width:100%;
274
  border-collapse:collapse;
275
}
276
 
277
.row1,.row2 {
278
  text-align:left;
279
  padding:5px 0px 5px 0px;
280
  height:20px;
281
} 
282
 
283
.throw {
284
  text-align:center;
285
  border-top: 1px solid #000000; 
286
  border-bottom: 1px solid #000000; 
287
  height:20px;
288
}
289
 
290
td.throw{
291
  text-align:left;
292
  width:auto;
293
}
294
 
295
/* THUMBNAILS LAYOUT STYLES */
296
 
297
.thumbnail {
298
	text-align:center;
299
	vertical-align: baseline;
300
	white-space: nowrap;
301
}
302
 
303
table.thumbnail {
304
  border-collapse:separate;
305
  display:inline-table;
306
}
307
 
308
.thumbLink {
309
	border-style: solid;
310
	border-width:1px;
311
	border-color: #A0A0A0;
312
	margin: 2px;
313
}
314
 
315
/* COMMENTS LAYOUT STYLES */
316
 
317
.commentTitle {  padding: 15px 5px 10px 5px; }
318
.commentDate {
319
  text-align:right;
320
  border-top: 1px solid #000000; 
321
  border-bottom: 1px solid #000000;
322
}
323
 
324
/* FORM LAYOUT STYLES */
325
 
326
form
327
{
328
  text-align:left;
329
  padding:10px;
330
}
331
 
332
.bouton
333
{
334
  border: 1px solid #404750;
335
  padding-left: 3px;
336
  padding-right: 3px;
337
  background-position : bottom;
338
  margin-top:10px;
339
}
340
 
341
input,select,textarea 
342
{
343
 text-indent:2px;
344
 border: 1px solid #797979;
345
 padding: 0;
346
}
347
 
348
.radio{  border:0;}
349
 
350
/* ADMIN LAYOUT STYLES */
351
 
352
.adminMenu 
353
{
354
  text-align:center;
355
  font-size:12px;
356
}
357
 
358
div.adminMenu{ margin:10px 50px 10px 50px; }
359
 
360
.admin 
361
{
362
margin:0px 0px 12px 0px;
363
text-align: center;
364
padding:0px;
365
}
366
 
367
div.remoteOutput, div.remoteLocal {
368
  border:1px solid black;
369
  margin:10px;
370
  text-align:left;
371
  padding:5px;
372
}
373
 
374
div.remoteLocal {
375
  text-align:center;
376
}
377
 
378
/* for debugging purpose */
379
pre { text-align:left; }