source: trunk/template/cclear/content.css @ 845

Last change on this file since 845 was 845, checked in by chrisaga, 19 years ago

The best thumbnail pseudo table I can do for now
It's div based and informations are in a list
The hack is to fix height for Geko only
Opera 7 doesn't display very well

  • Property svn:eol-style set to native
  • Property svn:keywords set to Author Date Id Revision
File size: 2.4 KB
Line 
1/* $Id: content.css 845 2005-08-21 11:01:53Z chrisaga $ */
2#content {
3    margin-left: 14em;
4    margin-right: 1em;
5    margin-bottom: 1em; /* when it's longer than menu bar */
6}
7
8#content H2 {
9    margin-bottom: 1ex;
10}
11
12#content H3 {
13    margin-bottom: 1ex;
14}
15
16#content UL.thumbnails {
17    margin: 0; padding: 0;
18    list-style-type: none;
19    text-align: center;  /*eventuellement */
20}
21
22#content LI.thumbnails {
23        display: inline;
24        padding: 0; text-indent: 0;
25        margin: 0 10px 10px 10px;
26}
27#content UL.thumbnails UL {
28        margin: 0; padding: 0; text-indent: 0;
29        list-style-type: none;
30}
31#content UL.thumbnails UL LI {
32        text-align: center; 
33}
34#content UL.thumbnails div {
35        margin: 0;
36        vertical-align: top;   /*geko doesn't eat that :-(*/
37        text-align: center; 
38        width: 128px;
39}
40/* IE block level element inline-block hack */
41* html #content UL.thumbnails div {display:inline-block;}
42* html #content UL.thumbnails div {display:inline;}
43/* end of IE hack*/
44/* for non-IE */
45#content UL.thumbnails li>div {display:table-cell;display:inline-table;}
46
47/* Geko hack to get thumbnails top aligned*/
48/* not proud of that still looking for a better one */
49#content UL.thumbnails li>div {height:150px;}
50/* endof Geko hack*/
51
52/* align top with geko */
53/*#content UL.thumbnails li>div>div {
54        display: block;
55        position: relative;
56        height:128px;
57}
58#content UL.thumbnails li>div>div>a { position: absolute; top: 0; }
59#content UL.thumbnails li>div img.thumbnail { position: relative; left: -50%; }
60#content UL.thumbnails li>div ul {position: absolute; bottom: 0;}
61doesn't work :-((*/
62
63/*#content UL.thumbnails LI>SPAN { vertical-align: baseline; }*/
64#content UL.thumbnails LI IMG.thumbnail { margin-bottom: .4ex; }
65
66#content UL.thumbnails IMG.thumbnail { border: 1px solid #000000; }
67
68/*#content UL.thumbnails SPAN A:first-child { border: none }*/
69
70
71#content .navigationBar, #content .additional_info {
72    margin: 10px 0;
73    text-align: center;
74}
75
76#content .pageNumberSelected {
77    font-style: italic;
78}
79
80#content .additional_info {
81    font-size: 110%;
82}
83
84#content FORM {
85    text-align: left;
86}
87
88/* content defaults */
89#content dl, dd { margin: 10px; }
90#content dt {
91  margin-bottom: 5px;
92  font-style: italic;
93  font-size: 110%;
94}
95
96/* actions */
97ul.categoryActions {
98  text-align: center;
99  margin: 0;
100  padding: 0;
101  text-indent: 0;
102}
103
104#content div.titrePage ul.categoryActions {
105  float: right;
106}
107
108#content ul.categoryActions>li {
109  display: inline;
110}
111
112#content ul.categoryActions a img, ul.categoryActions a {
113  border: none;
114}
115
Note: See TracBrowser for help on using the repository browser.