source: trunk/template/yoga/content.css @ 960

Last change on this file since 960 was 960, checked in by chrisaga, 18 years ago

improve template : split theme from template itself

rest of the job : template (yoga), themes (clear dark), and php to handle them

  • Property svn:eol-style set to native
  • Property svn:keywords set to Author Date Id Revision
File size: 3.7 KB
Line 
1/* $Id: content.css 960 2005-12-03 17:33:38Z chrisaga $ */
2#content {
3    margin-right: 1em;
4    margin-bottom: 1em; /* when it's longer than menu bar */
5}
6
7BODY#theCommentsPage #content,
8BODY#theRegisterPage #content,
9BODY#theIdentificationPage #content,
10BODY#theProfilePage #content,
11BODY#theSearchPage #content,
12BODY#theAboutPage #content,
13BODY#thePopuphelpPage #content,
14BODY#thePasswordPage #content,
15BODY#theNotificationPage #content
16{
17  margin: 1em;
18}
19
20#content H2, H3 {
21    margin-bottom: 1ex;
22}
23
24#content H3 {
25    text-align: center;
26}
27
28/* Thumbnails customization */
29#content UL.thumbnails SPAN.thumbLegend {
30  font-size: 80%;               /* font size */
31  height: 3em;                  /* max legend height (don't set auto to be Geko friendly)*/
32  overflow: hidden;             /* oversized legend is clipped */
33}
34
35/* Thumbnail "elastic" layout */
36#content UL.thumbnails {
37  margin: 0;
38  padding: 0;
39  list-style: none;
40  text-align: center;   /* to center the whole collection in #content */
41}
42#content UL.thumbnails LI { display: inline }
43
44#content UL.thumbnails SPAN.wrap1 {
45  margin: 0 5px 5px 5px;
46  display: table-cell; display: inline-table; display: inline-block;
47  vertical-align: top;          /* OK with Opera and IE6 not Geko */
48  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
49}
50#content UL.thumbnails SPAN.wrap2 {
51  margin: 0;                    /* important reset the margins */
52  display: table-cell;          /* block prevents vertical-align here */
53  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
54}
55#content UL.thumbnails SPAN.wrap2 A {
56  display: block;
57  border-bottom: none;
58}
59#content UL.thumbnails IMG {
60  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
61}
62
63/* fix IE with another layout */
64* html #content UL.thumbnails SPAN.wrap2 {
65  display: block;
66  position: relative;
67  text-align: left;
68}
69* html #content UL.thumbnails SPAN.wrap2 A {
70  overflow: visible;
71  position: absolute;
72  top: 50%;
73  text-align: center;
74}
75* html #content UL.thumbnails IMG.thumbnail {
76  position: relative;
77  top: -50%;
78}
79
80#content .navigationBar, #content .additional_info {
81    margin: 10px 0;
82    text-align: center;
83}
84
85#content .pageNumberSelected {
86    font-style: italic;
87}
88
89#content .additional_info {
90    font-size: 110%;
91}
92
93#content FORM {
94    text-align: left;
95}
96
97/* content defaults */
98#content dl, dd { margin: 10px; }
99#content dt {
100  margin-bottom: 5px;
101  font-style: italic;
102  font-size: 110%;
103}
104
105/* actions */
106ul.categoryActions {
107  margin: 0 0 0 0;
108  width: auto;
109  padding: 0;
110  text-indent: 0;
111  list-style: none;
112  text-align: center;
113}
114
115#content div.titrePage ul.categoryActions {
116  float: right;
117  text-align: center;
118}
119
120#content ul.categoryActions li {
121  display: inline;
122}
123
124#content ul.categoryActions a img, ul.categoryActions a {
125  border: none;
126}
127
128/* User comments */
129
130#content DIV#comments {
131  padding-left: 5px;
132  padding-right: 5px;
133  -moz-box-sizing: padding-box;
134}
135#content DIV.comment {
136  margin: 0 0 0.5em 0;
137  padding: 0;
138  overflow: hidden; /* these 2 lines ensure the floating child is kept in the DIV */
139  width: 100%;      /* don't ask why. It's a very usefull trick                   */
140}
141
142#content DIV.comment A.illustration {
143  display: block;
144  float: left;
145  margin: 0.5em 0 0 0.5em;
146}
147
148#content DIV.comment P.commentHeader {
149  text-align: right;
150  margin: 0.5em 0.5em 0 0;
151}
152
153#content DIV.comment UL.actions {
154  text-align: center;
155  margin: 0.2em;
156}
157
158#content DIV.comment  UL.actions  LI {
159  display: inline;
160}
161
162#content DIV.comment BLOCKQUOTE {
163  margin-top: 1em;
164  margin-right: 0.5em; 
165  margin-bottom: 150px; 
166  padding: 0.5em;
167}
168
169/* should be in admin.css ? CSS properties also used in popuphelp */
170
171SPAN.pwgScreen {
172  border-bottom: 1px dotted black;
173}
174
175SPAN.filename:before {
176  content: "[";
177}
178
179SPAN.filename:after {
180  content: "]";
181}
Note: See TracBrowser for help on using the repository browser.