aboutsummaryrefslogtreecommitdiffstats
path: root/template/cclear/content.css
blob: 8589c4520ca2b5bd7e94cd30a56d64f0c15e78a8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
/* $Id$ */
#content {
    margin-left: 24em;
    margin-right: 1em;
    margin-bottom: 1em; /* when it's longer than menu bar */
}
BODY#theAdminPage #content {
    margin-left: 14em;
}

BODY#theCommentsPage #content,
BODY#theRegisterPage #content,
BODY#theIdentificationPage #content,
BODY#theProfilePage #content,
BODY#theSearchPage #content,
BODY#theAboutPage #content,
BODY#theNotificationPage #content
{
  margin: 1em;
}

#content H2 {
    margin-bottom: 1ex;
}

#content H3 {
    margin-bottom: 1ex;
}

#content UL.thumbnails {
    margin: 0; padding: 0;
    list-style-type: none;
    text-align: center;  /*eventuellement */
}

#content LI.thumbnails {
	display: inline;
	padding: 0; text-indent: 0;
	margin: 0 10px 10px 10px;
}
#content UL.thumbnails UL {
	margin: 0; padding: 0; text-indent: 0;
	list-style-type: none;
}
#content UL.thumbnails UL LI {
	text-align: center; 
}
#content UL.thumbnails div {
	margin: 0;
    	vertical-align: top;   /*geko doesn't eat that :-(*/
	text-align: center; 
    	width: 128px;
}
/* IE block level element inline-block hack */
* html #content UL.thumbnails div {display:inline-block;}
* html #content UL.thumbnails div {display:inline;}
/* end of IE hack*/
/* for non-IE */
#content UL.thumbnails li>div {display:table-cell;display:inline-table;}

/* Geko hack to get thumbnails top aligned*/
/* not proud of that still looking for a better one */
#content UL.thumbnails li>div {height:150px;}
/* endof Geko hack*/

/* align top with geko */
/*#content UL.thumbnails li>div>div {
	display: block;
	position: relative;
	height:128px;
}
#content UL.thumbnails li>div>div>a { position: absolute; top: 0; }
#content UL.thumbnails li>div img.thumbnail { position: relative; left: -50%; }
#content UL.thumbnails li>div ul {position: absolute; bottom: 0;}
doesn't work :-((*/

/*#content UL.thumbnails LI>SPAN { vertical-align: baseline; }*/
#content UL.thumbnails LI IMG.thumbnail { margin-bottom: .4ex; }

#content UL.thumbnails IMG.thumbnail { border: 1px solid #000000; }

/*#content UL.thumbnails SPAN A:first-child { border: none }*/


#content .navigationBar, #content .additional_info {
    margin: 10px 0;
    text-align: center;
}

#content .pageNumberSelected {
    font-style: italic;
}

#content .additional_info {
    font-size: 110%;
}

#content FORM {
    text-align: left;
}

/* content defaults */
#content dl, dd { margin: 10px; }
#content dt {
  margin-bottom: 5px;
  font-style: italic;
  font-size: 110%;
}

/* actions */
ul.categoryActions {
  text-align: center;
  margin: 1px 1px 0 0;
  padding: 0;
  text-indent: 0;
}

#content div.titrePage ul.categoryActions {
  float: right;
}

#content ul.categoryActions>li {
  display: inline;
}

#content ul.categoryActions a img, ul.categoryActions a {
  border: none;
}

/* User comments */

#content DIV.comment {
  margin: 5px;
  border: 1px solid gray;
  min-height: 150px; /* maximum thumbnail height */
}

#content DIV.comment > A.illustration {
  display: block;
  position: absolute;
  margin: 5px;
}

#content DIV.comment > A.illustration IMG {
  border: 1px solid gray;
}

#content DIV.comment P.commentHeader {
  text-align: right;
  margin: 0.5em 0.5em 0 0;
}

#content DIV.comment UL.actions {
  text-align: center;
  margin: 0.2em;
}

#content DIV.comment > UL.actions > LI {
  display: inline;
}

#content DIV.comment BLOCKQUOTE {
  margin: 1em 1em 1em 150px; /* margin-left corresponds to maximum thumbnail width */
  border: 1px solid #d3d3d3; 
  border-left: 2px solid gray;
  padding: 0.5em;
}