source: trunk/themes/default/content.css @ 5123

Last change on this file since 5123 was 5123, checked in by plg, 14 years ago

feature 1502: based on Dotclear model, P@t has reorganized the way Piwigo
manages template/theme in a simpler "theme only level" architecture. It
supports multiple level inheritance.

  • Property svn:eol-style set to LF
File size: 3.3 KB
Line 
1.content {
2        margin-right: 1em;
3        margin-bottom: 1em; /* when it's longer than menu bar */
4}
5
6BODY#theCommentsPage .content,
7BODY#theUploadPage .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,
16BODY#theTagsPage .content,
17BODY#theNBMPage .content
18{
19        margin: 1em;
20}
21
22.content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
23
24.content .navigationBar, .content .additional_info, .content .calendarBar {
25        margin: 8px 4px;
26        text-align: center;
27}
28
29.content .pageNumberSelected {
30        font-style: italic;
31        font-weight: bold;
32}
33
34.content .additional_info {
35        font-size: 110%;
36}
37
38
39/* actions */
40UL.categoryActions {
41        margin: 0 2px;
42        width: auto;
43        padding: 0;
44        text-indent: 0;
45        list-style: none;
46        text-align: center;
47}
48
49.content DIV.titrePage UL.categoryActions {
50        float: right;
51        text-align: center;
52}
53
54.content DIV.titrePage {
55        padding: 0 0 3px;
56}
57
58.content UL.categoryActions LI {
59        display: inline;
60}
61
62.content UL.categoryActions A IMG, UL.categoryActions A {
63        border: none;
64        margin-bottom: -5px;
65}
66
67/* begin chronology/calendar elements*/
68.content DIV.calendarViews {
69        display: block;
70        float: right;
71        margin: 2px 0 0;
72}
73
74SPAN.calItem, SPAN.calItemEmpty {
75        font-weight: bold;
76        margin: 0 1px;
77}
78
79SPAN.calItem A { border:0 }
80
81.content DIV.calendarCalBar {
82        margin: 10px 10px;
83        text-align: left;
84}
85
86SPAN.calCalHead {
87        font-weight: bold;
88        font-size: 110%;
89        margin: 0 2px;
90}
91
92SPAN.calCal { margin: 0 2px; }
93
94/* nice looking month calendar*/
95TABLE.calMonth {
96        border: none;
97        border-collapse: collapse;
98        margin-bottom: 10px;    /*<-IE ignores this */
99}
100
101TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank {
102        vertical-align: top;
103  font-weight: bold;
104  font-size: 18px;
105}
106
107TD.calDayHead {
108  font-weight: bold;
109  font-size: 12px;
110        text-align: center;
111}
112
113DIV.calImg {
114        overflow: hidden;
115        vertical-align: bottom;
116        z-index: 1;
117        position: relative; /*<- this required by IE*/
118}
119
120.calImg img {
121        position: relative;
122        border: 0;
123}
124
125.calBackDate {
126        padding-left: 4px;
127        padding-top: 0px;
128        z-index: 2;
129        position: absolute;
130        vertical-align: top;
131        color: #000;
132}
133
134.calForeDate {
135        padding-left: 5px;
136        padding-top: 1px;
137        z-index: 3;
138        position: absolute;
139        vertical-align: top;
140        color: #fff;
141}
142
143/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
144.content UL.thumbnailCategories {
145        margin: 0;
146        padding: 0;
147        list-style: none;
148        overflow: hidden;
149        width: 100%;
150}
151
152.content UL.thumbnailCategories LI {
153        margin:0;
154        padding:0;
155        float:left;
156}
157
158.content DIV.thumbnailCategory {
159        display:block;
160        padding: 2px 0px 0px 2px;
161        margin: 5px;
162}
163
164.content DIV.thumbnailCategory DIV.description {
165        font-size: 90%;
166        overflow: auto;
167        /*width: inherit;*/
168}
169
170.content DIV.thumbnailCategory DIV.description H3 {
171        text-align: left;
172        background: transparent;
173        margin: 0;
174        padding: 0.1em;
175        font-size: 120%;
176}
177
178.content DIV.thumbnailCategory DIV.description P {
179        margin: 0;
180}
181
182.content DIV.thumbnailCategory DIV.illustration {
183        text-align: left;
184        margin: 2px 0 0 2px;
185        float: left;
186}
187
188
189/* User comments */
190DIV#comments {
191        padding-left: 5px;
192        padding-right: 5px;
193}
194
195DIV#comments DIV.description {
196        font-size: 100%;
197}
Note: See TracBrowser for help on using the repository browser.