bug3
[aidenligne_francais_universite.git] / fluxbb / style / imports / base.css
CommitLineData
c495c100
P
1/****************************************************************/
2/* 1. INITIAL SETTINGS */
3/****************************************************************/
4
5.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
6.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
7.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
8 MARGIN: 0px;
9 PADDING: 0px;
10 FONT-WEIGHT: normal;
11 LIST-STYLE: none;
12}
13
14.pun IMG {BORDER: none}
15
16.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}
17
18/****************************************************************/
19/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
20/****************************************************************/
21
22/* 2.1 Clearing floats and invisible items */
23.pun .clearer, .pun .nosize {
24 HEIGHT: 0;
25 WIDTH: 0;
26 LINE-HEIGHT: 0;
27 FONT-SIZE: 0;
28 OVERFLOW: hidden
29}
30
31.pun .clearer, .pun .clearb {CLEAR: both}
32.pun .nosize {POSITION: absolute; LEFT: -10000px}
33
34/* 2.2 Overflow settings for posts */
35
36DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}
37
38/****************************************************************/
39/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
40/****************************************************************/
41
42/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */
43
44DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}
45
46/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */
47
48/* Begin IE6Win Fix \*/
49* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
50* HTML .inbox DIV.postmsg {WIDTH: 98%}
51/* End of IE6Win Fix */
52
53/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
54but does no harm */
55
56/*Begin IE7Win Fix */
57.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
58/* End of IE7Win Fix */
59
60/****************************************************************/
61/* 4. HIDDEN ELEMENTS */
62/****************************************************************/
63
64/* These are hidden in normal display. Add comments to make them visible */
65
66#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
67#modcontrols DT, #searchlinks DT, DIV.postright H3 {
68 POSITION: absolute;
69 DISPLAY: block;
70 OVERFLOW: hidden;
71 WIDTH: 1em;
72 LEFT: -999em
73}
74
75/****************************************************************/
76/* 5. BOX CONTAINERS AND FLOATS */
77/****************************************************************/
78
79/* 5.1. Setup all left and right content using floats. */
80
81.conr {
82 FLOAT: right;
83 TEXT-ALIGN: right;
84 CLEAR: right;
85 WIDTH: 40%
86}
87
88.conl {
89 FLOAT: left;
90 WIDTH: 55%;
91 OVERFLOW: hidden;
92 WHITE-SPACE: nowrap
93}
94
95LABEL.conl {
96 WIDTH: auto;
97 OVERFLOW: visible;
98 MARGIN-RIGHT: 10px
99}
100
101/* 5.2 Set up page numbering and posts links */
102
103DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:18em}
104
105DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:16em}
106
107FORM DIV.linksb .conr {WIDTH: 32em}
108
109/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */
110
111.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}
112
113/* 5.4 Settings for Profile and Admin interface.*/
114
115DIV.block2col {PADDING-BOTTOM: 1px}
116
117DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}
118
119DIV.blockmenu, #viewprofile DT {
120 FLOAT:left;
121 WIDTH: 13em
122}
123
124#profileavatar IMG {
125 FLOAT: right;
126 MARGIN-LEFT: 1em
127}
128
129#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}
130
131/****************************************************************/
132/* 6. TABLE SETUP */
133/****************************************************************/
134
135/* 6.1 Table Basic Setup */
136
137.pun TABLE {WIDTH: 100%}
138
139/* 6.2 Fixed Table Setup */
140
141#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}
142
143.tcl {TEXT-ALIGN: left; WIDTH: 50%}
144
145.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}
146
147.tcr {WIDTH: 32%; TEXT-ALIGN: left}
148
149#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}
150
151#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}
152
153.tcl, .tcr {OVERFLOW: HIDDEN}
154
155/* 6.3 Other Table Setup */
156
157#users1 .tcl {WIDTH: 40%}
158
159#users1 .tcr {WIDTH: 25%}
160
161#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}
162
163#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}
164
165#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}
166
167#punindex TD.tcr SPAN.byuser {DISPLAY: block}
168
169/****************************************************************/
170/* 7. VIEWTOPIC SETUP */
171/****************************************************************/
172
173/* 7.1 This is the basic structure. */
174
175DIV.postleft, DIV.postfootleft {
176 FLOAT:left;
177 WIDTH: 18em;
178 OVERFLOW: hidden;
179 POSITION: relative;
180}
181
182DIV.postright, DIV.postfootright {
183 BORDER-LEFT-WIDTH: 18em;
184 BORDER-LEFT-STYLE: solid
185}
186
187DIV.postfootright, P.multidelete {TEXT-ALIGN: right}
188
189DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}
190
191/* 7.3 This is the div which actually contains the post and is inside .postright */
192
193DIV.postmsg {WIDTH:100%}
194
195/* 7.4 These items control overflow and scrolling within posts. */
196
197DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
198DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
199IMG.postimg {max-width: 100%}
200A .postimg {max-width: 100%}
201
202/* 7.5 Turn off the poster information column for preview */
203
204#postpreview DIV.postright {BORDER-LEFT: none}
205
206/* 7.6 Create the horizontal line above signatures */
207
208DIV.postsignature HR {
209 MARGIN-LEFT: 0px;
210 WIDTH: 200px;
211 TEXT-ALIGN: left;
212 HEIGHT: 1px;
213 BORDER:none
214}
215
216/* 7.7 Maximum height for search results as posts. Position go to post link */
217
218DIV.searchposts DIV.postmsg {HEIGHT: 8em}
219DIV.searchposts DD P {PADDING-TOP: 3em}
220
221/* 7.8 Class for bbcode [u] */
222
223SPAN.bbu {TEXT-DECORATION: underline}
224
225/****************************************************************/
226/* 8. LISTS SPECIAL SETTINGS */
227/****************************************************************/
228
229/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */
230
231#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
232DIV.postfootright LI, UL.bblinks LI {
233 DISPLAY: inline;
234 HEIGHT: 0
235}
236
237/* 8.2 Turn on square icon for posterror list */
238
239#posterror UL LI {LIST-STYLE: square inside}
240
241/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */
242
243#viewprofile DT {TEXT-ALIGN: right}
244
245/****************************************************************/
246/* 9. FORM SETTINGS */
247/****************************************************************/
248
249/* 9.1 Makes textareas and long text inputs shrink with page */
250
251DIV.txtarea {WIDTH: 75%}
252
253DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}
254
255.pun LABEL {DISPLAY: block}
256
257#qjump SELECT {WIDTH: 50%}
258
259/****************************************************************/
260/* 10. HELP FILES AND MISC. */
261/****************************************************************/
262
263/* 10.1 Put some space between sections of the help file */
264
265#helpfile H2 {MARGIN-TOP: 12px}
266
267/* 10.2 Internal padding */
268
269#helpfile DIV.box {PADDING: 10px}
270
271/* 10.3 Other templates */
272
273#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}