source: extensions/floOS/content.css @ 4811

Last change on this file since 4811 was 3618, checked in by flop25, 15 years ago

update global with pwg 2.0.3

File size: 4.6 KB
Line 
1/* $Id: content.css 2352 2008-05-20 00:27:26Z patdenice $ */
2.content {
3    margin-right: 1em;
4    margin-bottom: 1em; /* when it's longer than menu bar */
5}
6#autre_content {
7        padding-bottom: 1em;
8}
9BODY#theCommentsPage .content,
10BODY#theUploadPage .content,
11BODY#theRegisterPage .content,
12BODY#theIdentificationPage .content,
13BODY#theProfilePage .content,
14BODY#theSearchPage .content,
15BODY#theAboutPage .content,
16BODY#thePopuphelpPage .content,
17BODY#thePasswordPage .content,
18BODY#theNotificationPage .content,
19BODY#theTagsPage .content,
20BODY#theNBMPage .content
21{
22        margin: 0em;
23        width: 100%;
24        padding-bottom: 2em;
25}
26
27.content H3 {
28    margin-bottom: 1ex;
29}
30
31.content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
32
33.content H3 {
34    text-align: center;
35}
36
37.content .navigationBar, .content .additional_info {
38    margin: 10px 0;
39    text-align: center;
40}
41
42.content .pageNumberSelected {
43        font-style: italic;
44        font-weight: bold;
45}
46
47.content .additional_info {
48    font-size: 110%;
49}
50
51.content FORM {
52    text-align: left;
53}
54
55/* content defaults */
56.content DL, DD { margin: 10px; }
57.content DT {
58  margin-bottom: 5px;
59  font-style: italic;
60  font-size: 110%;
61}
62
63/* actions */
64UL.categoryActions {
65  margin: 0 2px;
66  width: auto;
67  padding: 0;
68  text-indent: 0;
69  list-style: none;
70  text-align: center;
71}
72
73.content DIV.titrePage UL.categoryActions {
74  float: right;
75  text-align: center;
76}
77
78.content DIV.titrePage {
79  padding: 0 0 3px;
80}
81
82.content UL.categoryActions LI {
83  display: inline;
84}
85
86.content UL.categoryActions A IMG, UL.categoryActions A {
87  border: none;
88  margin-bottom: -5px;
89}
90
91/* User comments */
92
93.content DIV#comments {
94  padding-left: 5px;
95  padding-right: 5px;
96}
97.content DIV.comment {
98  margin: 0 0 0.5em 0;
99  padding: 0;
100  overflow: hidden; /* these 2 lines keep the floating child in the DIV */
101  width: 100%;      /* don't ask why. It's a very usefull trick         */
102}
103
104.content DIV.comment A.illustration {
105  display: block;
106  float: left;
107  margin: 0.5em 0 0 0.5em;
108}
109
110.content DIV.comment P.commentHeader {
111  text-align: right;
112  margin: 0.5em 0.5em 0 0;
113}
114
115.content DIV.comment UL.actions {
116  text-align: center;
117  margin: 0.2em;
118}
119
120.content DIV.comment BLOCKQUOTE {
121  margin-right: 0.5em;
122  overflow: visible; /*avoid a very strange margin behaviour (all browsers) */
123}
124
125/* begin chronology/calendar elements*/
126.content DIV.calendarViews {
127  display: block;
128  float: right;
129  margin: 2px 0 0;
130}
131
132.content DIV.calendarBar { margin: 8px 4px; }
133
134SPAN.calItem, SPAN.calItemEmpty {
135  font-weight: bold;
136  margin: 0 1px;
137}
138
139SPAN.calItem A { border:0 }
140
141.content DIV.calendarCalBar {
142  margin: 10px 10px;
143  text-align: left;
144}
145
146SPAN.calCalHead {
147  font-weight: bold;
148  font-size: 110%;
149  margin: 0 2px;
150}
151
152SPAN.calCal { margin: 0 2px; }
153
154/* nice looking month calendar*/
155TABLE.calMonth {
156  border: none;
157  border-collapse: collapse;
158  margin-bottom: 10px;  /*<-IE ignores this */
159}
160
161TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank {
162        vertical-align: top;
163  font-weight: bold;
164  font-size: 18px;
165}
166
167TD.calDayHead {
168  font-weight: bold;
169  font-size: 12px;
170        text-align: center;
171}
172
173DIV.calImg {
174  overflow: hidden;
175  vertical-align: bottom;
176  z-index: 1;
177  position: relative; /*<- this required by IE*/
178}
179
180.calImg img {
181  position: relative;
182  border: 0;
183}
184
185.calBackDate {
186  padding-left: 4px;
187  padding-top: 0px;
188  z-index: 2;
189  position: absolute;
190  text-align: left;
191  vertical-align: top;
192  color: #000;
193}
194
195.calForeDate {
196  padding-left: 5px;
197  padding-top: 1px;
198  z-index: 3;
199  position: absolute;
200  text-align: left;
201  vertical-align: top;
202  color: #fff;
203}
204
205/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
206.content UL.thumbnailCategories {
207  margin: 0;
208  padding: 0;
209  list-style: none;
210  text-align: center;
211  overflow: hidden;
212  width: 100%;
213}
214
215.content UL.thumbnailCategories LI {
216  margin:0;
217  padding:0;
218  float:left;
219}
220
221.content DIV.thumbnailCategory {
222  display:block;
223  padding: 2px 0px 0px 80px;
224  margin: 5px;
225}
226
227.content DIV.thumbnailCategory DIV.description {
228  font-size: 90%;
229  overflow: auto;
230  /*width: inherit;*/
231}
232
233.content DIV.thumbnailCategory DIV.description H3 {
234  text-align: left;
235  background: transparent;
236  margin: 0;
237  padding: 0.1em;
238  font-size: 120%;
239}
240
241.content DIV.thumbnailCategory DIV.description P {
242  margin: 0;
243}
244
245.content DIV.thumbnailCategory DIV.illustration {
246  text-align: left;
247  margin: 2px 0 0 2px;
248  float: left;
249}
Note: See TracBrowser for help on using the repository browser.