source: extensions/Juza/based_on_grum_Dark-II.css @ 6299

Last change on this file since 6299 was 4439, checked in by vdigital, 14 years ago

New Juza Theme: Draft version.

Current constraints are on representatives.

  • Thumbnails in .jpg,
  • Thumbnails prefix TN-,
  • Medium in jpg

On going minimized menu (including Tag support).
Cleaning on picture and others details.
Warning to users: heavy theme usage. jQuery actived on gallery side.
No configuration available currently. (Must come).

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 7.0 KB
Line 
1/* -----------------------------------------------------------------------------
2  GRUM:DARK-II
3  Theme for Piwigo
4  ------------------------------------------------------------------------------
5  file: grum-dark II/theme.css
6  file version: 1.0
7  date: 2008-07-12
8  ------------------------------------------------------------------------------
9  author: grum at grum.dnsalias.com
10  << May the Little SpaceFrog be with you >>
11----------------------------------------------------------------------------- */
12
13/* text color */
14BODY, H1, H3, DT,
15INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
16  color:#dedede;
17}
18
19#content {
20  text-align:justify;
21}
22
23H2, #menubar DT, .throw {
24  color:#dedede;  /* gris tres clair */
25}
26
27#content .navigationBar {
28  color: #aaaaaa;
29  padding:0px;
30  margin:0px;
31  display:block;
32  background-color:#303030;
33  font-size:90%;
34}
35#content .pageNumberSelected {
36  color: #000000;
37}
38
39.tabsheet li,
40.tabsheet li a { color: #fff; }
41.tabsheet li a:hover { color: #fff48e; }
42
43/* backgrounds */
44BODY {
45  background-color: #000000;
46}
47
48H3, #the_page, #imageToolBar A:hover, .row1  {
49  background-color: #000000;
50}
51
52#menubar DL, #content, #imageToolBar, .header_notes, .content {
53  background-color: #000000;
54}
55
56H2, #menubar DT, .throw, #imageHeaderBar  {
57  /*background-image: url(images/tableh2_bg.png);*/
58  background-color: #303030;
59}
60
61
62
63#imageHeaderBar H2 {
64  background-image: none;
65  border: none;
66}
67
68/* #imageHeaderBar {
69  background-image: url(images/tableh2_bg.png);
70  background-repeat: repeat-x;
71  background-position: center;
72} */
73.tabsheet li { background-color: #3f3f3f; }
74
75.selected_tab { background-color: #5f5f5f !important; }
76
77/* borders */
78#menubar DL, #content, .content,
79#comments DIV.comment BLOCKQUOTE {
80  border: none;
81}
82
83#imageHeaderBar {
84  border-top: 1px solid #000000;
85}
86
87#menubar DL {
88 margin-bottom:-1px;
89 border:1px solid #303030;
90} 
91
92/* H2, #menubar DT, #imageToolBar {
93  border-bottom: 1px solid #000000;
94} */
95
96#theImage img {
97  border: 8px solid #FFFFFF;
98  margin-top: 10px;
99  margin-bottom: 10px;
100}
101
102
103
104FIELDSET, INPUT , SELECT, TEXTAREA,
105#content DIV.comment  A.illustration IMG, #infos {
106  border: 1px solid gray;
107}
108
109#content DIV.thumbnailCategory {
110    border: none;
111    border-bottom: 1px #303030 solid;
112    background-color: #101010;
113}
114
115FIELDSET :disabled, INPUT:disabled, SELECT:disabled, TEXTAREA:disabled
116{
117  color:#404040;
118  background-color:#808080;
119}
120
121#comments DIV.comment BLOCKQUOTE {
122  border-left: 15px solid #696969;
123  background-color: #404040;
124}
125
126
127
128#content UL.thumbnails SPAN.wrap2, .content .additional_info {
129  border: none; /* thumbnails border color and style */
130  -moz-border-radius: 8px;  /* round corners with Geko */
131  border-radius: 8px 8px; /* round corners with CSS3 compliant browsers */
132  background-color:#101010;
133}
134
135#content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover {
136  border-color: none;   /* thumbnails border color when mouse cursor is over it */
137  background-color: #FFFFFF;
138}
139
140
141ul.tabsheet { border-color: #fff48e; }
142.tabsheet li { border: 1px solid #fff; }
143.tabsheet li:hover { border-color: #fff48e !important; }
144
145/* links */
146A, INPUT.rateButton {
147    color: #52ff97;
148    background: transparent;
149  border: none;
150}
151
152A:hover {
153  color: #ffff80;
154  border: none;
155}
156
157#imageToolBar A, #imageToolBar A:hover,
158A.navThumb, A.navThumb:hover {
159  border-bottom: none;
160}
161
162
163/* others */
164#menubar ul, #menubar form, #menubar p {
165  text-align:left;
166}
167
168#menubar ul {
169  margin-left:8px;
170}
171
172.pleaseNote {
173  background: #9c9c9c;
174  color: #ffff99;
175  padding: 1ex;
176  font-weight: bold;
177}
178
179#menubar .menuInfoCatByChild, 
180#menubar .menuInfoCat {
181  font-size:80%;
182  font-style:normal;
183  position:relative;
184  top:-4px;
185}
186
187#imageHeaderBar {
188  background-image: none;
189}
190
191#the_page {
192  /* border: 0px solid #e0e0e0;
193  padding-top: 5px;
194  padding-bottom:30px; */
195  text-align:center;
196  display:block;
197}
198
199#menubar p.totalImages {
200  text-align:right;
201  margin:2px;
202  font-size:80%
203}
204
205/*calendar elements*/
206SPAN.calItemEmpty { color: silver; }
207
208SPAN.calItem, SPAN.calItemEmpty
209{
210  border: 1px solid gray;
211}
212
213.virtual_cat { background: #3f3f3f !important; }
214.qsearch { font-size: 80%; font-style: normal; }
215#mbMenu #quicksearch > p { text-align: left; }
216
217
218/* button image in menu bar : no border */
219#menubar .button {
220  border: none;
221  margin:0px;
222  margin-top:-4px;
223  margin-bottom:-3px;
224  padding:0px;
225}
226#menubar dt {
227  text-align: left;
228  height:21px;
229}
230
231div.illustration img {
232  border: 2px #FFFFFF solid;
233}
234
235.thumbLink {
236  border:2px #FFFFFF solid;
237}
238
239.content ul.thumbnails img, #linkPrev img, #linkNext img {
240  border:1px #FFFFFF solid;
241}
242
243#content UL.thumbnail IMG {
244  border: 1px solid #a0a0a0;
245}
246
247#imageToolBar a {
248  width:30px;
249}
250
251form#quickconnect fieldset {
252  border:1px #101010 solid;
253}
254
255.rateButtonStarFull {
256  background: url('icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
257}
258
259.rateButtonStarEmpty {
260  background: url('icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
261}
262
263.header_notes {
264  background-image:url(icon/note.png);
265}
266
267
268.content h2 {
269  margin-bottom:0px;
270}
271
272.content ul.thumbnails {
273  border:1px solid #303030;
274  margin:0pt;
275  padding:8px;
276}
277
278.content div.titrePage {
279  padding:0px;
280  margin:0px;
281  min-height:32px;
282  display:block;
283  background-color:#303030;
284}
285
286.description {
287  text-align:left;
288}
289
290
291#linkPrev img, #linkNext img {
292  margin:0px;
293  margin-top:20px;
294  padding:0px;
295}
296#linkPrev img {
297  margin-left:10px;
298}
299 #linkNext img {
300  margin-right:10px;
301}
302
303ul.categoryActions {
304  height:28px;
305  padding:2px;
306}
307
308#content .additional_info {
309  margin:20px 0px ;
310  padding:8px;
311}
312
313div.description div.text {
314  text-align:justify;
315}
316
317div.description div.text p {
318  padding-right:6px;
319  position:relative;
320  top:-6px;
321}
322
323div.description div.text p.Nb_images {
324  border-bottom:1px #303030 dotted;
325  font-style:italic;
326  font-size:85%;
327  text-align:right;
328}
329
330
331/* -----------------------------------------------------------------------------
332    Calendar
333----------------------------------------------------------------------------- */
334.content div.calendarViews {
335  margin-top:-22px;
336}
337
338/* month calendar */
339.calBackDate {
340  color: #000;
341  padding-left:10px;
342  padding-top:7px;
343}
344.calForeDate {
345  color: #fff;
346  padding-left:11px;
347  padding-top:6px;
348}
349
350td.calDayCellFull, td.calDayCellEmpty, td.calDayCellBlank
351{
352  font-size:18px;
353  font-weight:bold;
354  text-align:left;
355  vertical-align:top;
356}
357
358table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank
359{
360  width:84px;
361  height:97px;
362}
363
364table.calMonth tbody td.calDayCellFull
365{
366  width:96px;
367  height:97px;
368}
369
370
371td.calDayCellEmpty {
372  padding-left:12px;
373  padding-top:7px;
374  color:#303030;
375}
376
377td.calDayCellEmpty, td.calDayCellFull {
378  border:1px solid #101010;
379}
380
381table.calMonth tbody td {
382  margin:8px;
383}
384
385table.calMonth tbody td div.calImg {
386  left:8px;
387  top:8px;
388}
389
390td.calDayHead {
391  font-size:14px;
392  padding-bottom:12px;
393  font-weight:normal;
394}
395
396/* lists */
397span.calItem, span.calItemEmpty {
398  display:inline-table;
399  margin:1px;
400  min-width:15px;
401  padding-left:2px;
402  padding-right:2px;
403}
404
Note: See TracBrowser for help on using the repository browser.