Topic Text   Topic Comments (3)   Topic Properties   Topic Information ABC@IS....
Topic title: JMD Thursday March 26, 2009 08:42:29

Download topic text | View in monospace font | Tab width set to 8 (change to 4)

Files in topic: (view all files)  
theme.css   {+791,-0}

[Add General Comment] to topic.

File theme.css (Revision 1.0) [Add File Comment] [Top]
 
1 /*
2 * Gallery - a web based photo album viewer and editor
3 * Copyright (C) 2000-2007 Bharat Mediratta
4 *
5 * This program is free software; you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation; either version 2 of the License, or (at
8 * your option) any later version.
9 *
10 * This program is distributed in the hope that it will be useful, but
11 * WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
13 * General Public License for more details.
14 *
15 * You should have received a copy of the GNU General Public License
16 * along with this program; if not, write to the Free Software
17 * Foundation, Inc., 51 Franklin Street - Fifth Floor, Boston, MA 02110-1301, USA.
18 */
19
20 /* ********************************************************************************
21 * Ajaxian Theme for Gallery 2
22 * by Ross Shannon
23 * ********************************************************************************/
24
25 body {
26 margin: 0;
27 padding: 0;
28 /* Commented by Swati - for background color and border
29 background: #503344 url(images/starry_bg.png);
30 border-top: 5px solid #ff6600;
31 */
32 color: #333;
33 font:0.7em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
34 text-align: center;
35 }
36
37 /* Main Structure */
38
39 #white-rap {
40 /* Commented by Swati - for Gallery Starting div width: 760px; */
41 width: 910px;
42 /* margin: 0 auto 2.5em; */
43 padding: 0 0px;
44 /* background-color: #fff;
45 border: solid #815CB4;
46 border-width: 0 3px;
47 border-bottom: 2px solid #74627a; */
48 text-align: left;
49 /* -moz-border-radius: 0 0 11px 11px; */
50 }
51
52 #header {
53 position: relative;
54 padding: 0 5px 4px;
55 background: #fff3ec url(images/header-curve.png) left bottom no-repeat;
56 }
57
58 #footer {
59 position: relative;
60 padding: 5px;
61 background-color: #fff3ec;
62 border: 1px solid #e9e9e9;
63 border-bottom: none;
64 -moz-border-radius: 4px 4px 0 0;
65 }
66
67 #main {
68 /* margin: 15px 0;
69 padding: 12px; Commented by Swati Garg for frame border
70 padding: 3px; */
71 padding: 0px;
72 background-color: #dfdbdb;
73 /* border: 1px solid #ccc; */
74 /* -moz-border-radius: 8px; */
75 }
76
77 #frame {
78 position: relative;
79 text-align: left;
80 padding-top: 1px;
81 /* padding: 2px 15px 20px;*/
82 background-color: #eff1f1;
83 color: #414c4e;
84 /* -moz-border-radius: 8px; */
85 font-size: 11px
86 }
87
88 /* HTML Element Restyles */
89
90 a {
91
92 font-weight: bold;
93 /* Added by Swati - for a href links */
94 font-size: 11px;
95 font-family: arial;
96 text-decoration: none;
97 /* EOC by Swati */
98 color: #512a24;
99 }
100 a:hover {
101 /* text-decoration: underline; */
102 color: #f3d3ce;
103 font-size: 11px;
104 }
105 a:active {
106 text-decoration: none;
107 color: #d4ada7;
108 }
109
110 a img {
111 border: none;
112 }
113
114 h1, h2, h3 {
115 font-weight: normal;
116 }
117
118 /* Added by Swati paragraph tag */
119 p {
120 font-weight: normal;
121 font-family: Arial;
122 color: #414c4e;
123 font-size: 11px;
124
125 }
126
127 .ImgBdr {
128 border: #000000 1px solid;
129 }
130
131 h3 {
132 /* font: 15px "Lucida Sans Unicode"; */
133 font: 13px "Arial";
134 font-weight: bold;
135 color: #414c4e;
136 padding-left: 10px;
137 }
138
139 hr {
140 height: 1px;
141 margin: 1em 0 0.5em;
142 border: none;
143 background-color: #555;
144 color: #555;
145 }
146
147 label {
148 font-weight: bold;
149 }
150
151 select {
152 margin: 3px 0;
153 vertical-align: middle;
154 font: 1em Verdana;
155 }
156
157 /* Header */
158
159 #header h1 {
160 margin: 0;
161 padding: 0 10px;
162 }
163
164 #header form {
165 position: absolute;
166 top: 6px;
167 right: 6px;
168 margin: 0;
169 padding: 0;
170 text-align: right;
171 }
172
173 #searchCriteria {
174 width: 190px;
175 padding: 1px 2px 2px;
176 background-color: #f6f6ff;
177 border: 1px solid #48a;
178 }
179 #searchCriteria:hover {
180 background-color: #fff;
181 border-color: #59d;
182 }
183 #searchCriteria:focus {
184 background-color: #ffd;
185 }
186
187 .gbBreadCrumb {
188 position: absolute;
189 top: 40px;
190 left: 221px;
191 margin: 1px 0;
192 font-weight: bold;
193 }
194
195 .gbBreadCrumb span, .gbBreadCrumb a {
196 padding: 0 0 0 14px;
197 background: url('images/icon_path_separator.gif') no-repeat left;
198 }
199
200 .gbBreadCrumb a.BreadCrumb-1 {
201 padding-left: 0;
202 background-image: none;
203 white-space: nowrap;
204 }
205
206 #gbSystemLinks {
207 position: absolute;
208 top: 1.5em;
209 right: 4px;
210 margin: 0;
211 padding: 0;
212 }
213
214 #gbSystemLinks span {
215 display: inline;
216 float: left;
217 margin-left: 10px;
218 }
219
220 #photohead .block-core-ItemInfo .summary {
221 padding: 2px 0;
222 }
223 #gbSystemLinks span a {
224 padding: 3px 5px 4px;
225 }
226
227 /* Photo page navigation */
228
229 .gbNavigator {
230 position: relative;
231 clear: both;
232 margin: 0.6em 0;
233 padding: 8px 0 8px 2px;
234 /* background-color: #0f0f0f; */
235 background-color: #edc9c7;
236 border: solid #333;
237 border-width: 1px 0;
238 height: 15px; /* Added by Swati - For First Prev Navigation bar height */
239 }
240
241 .gbNavigator a {
242 padding: 6px 9px;
243 }
244
245 .gbNavigator a:hover {
246 background-color: #b7918b;
247 -moz-border-radius: 1px;
248 }
249
250 .first-and-previous img, .next-and-last img {
251 vertical-align: top;
252 /* padding: 0 3px; */
253 padding: 0px;
254 }
255
256 .goback {
257 position: absolute;
258 top: 8px;
259 left: 40%;
260 }
261
262 /* Added by Swati - For First Prev Navigator */
263 .first-and-previous {
264 float: left;
265 }
266
267 .next-and-last {
268 float: right;
269 }
270 .next-and-last.no-previous {
271 float: none;
272 text-align: right;
273 }
274
275 a.backtoalbum {
276 margin-top: -1.3em;
277 padding-left: 20px;
278 padding-right: 20px;
279 }
280
281 /* Full Photo */
282
283 #gsImageView {
284 margin: 0 0 50px;
285 padding-left: 135px;
286 padding-bottom: 20px;
287 }
288
289 /* Frame Elements */
290
291 h2 {
292 margin: 13px 0;
293 color: #eee;
294 /* font: 22px "Lucida Sans Unicode"; Commented by Swati Garg - for title of album*/
295 font: 12px "Arial";
296 text-transform: capitalize;
297 }
298
299 #loading {
300 position: absolute;
301 top: 200px;
302 left: 30%;
303 width: 160px;
304 z-index: 1000;
305 padding: 10px 0 10px 28px;
306 /* background: #000 url(images/working-hard-trans.gif) 8px 4px no-repeat; */
307 background: #eff1f1 url(images/working-hard-trans.gif) 8px 4px no-repeat;
308 text-align: center;
309 color: #eef;
310 font: italic 15px "Trebuchet MS";
311 -moz-border-radius: 10px;
312 opacity: 0.4;
313 -moz-opacity: 0.4;
314 filter: alpha(opacity=40);
315 }
316
317 #main-image-container {
318 position: relative;
319 overflow: hidden;
320 text-align: center;
321 }
322
323 #main-image-container #sliding-frame p {
324 position: relative;
325 height: 280px; /* height of image in slideshow - Swati */
326 overflow: hidden;
327 }
328
329 #main-image {
330 position: absolute;
331 /* Commented by Swati garg - for Gallery center image
332 left: 105px; */
333 left: 200px;
334 cursor: nw-resize;
335 z-index: 10;
336 background-color: #111;
337 }
338
339 #imagedatablock {
340 position: absolute;
341 top: 60px;
342 /* left: 380px; - Commented by swati for photo properties */
343 left: 360px;
344 /* width: 220px; - Commented by swati for photo properties */
345 width: 150px;
346 /* min-height: 160px; - Commented by swati for photo properties */
347 min-height: 120px;
348 padding: 10px;
349 background: url(images/infobox_bg.png) bottom right no-repeat;
350 border: 1px dotted #999;
351 text-align: left;
352 }
353
354 #imagedatablock:hover {
355 /*background-color: #0f0f0f;
356 border-color: #fff;*/
357 position: absolute;
358 top: 60px;
359 /* left: 380px; - Commented by swati for photo properties */
360 left: 360px;
361 /* width: 220px; - Commented by swati for photo properties */
362 width: 150px;
363 /* min-height: 160px; - Commented by swati for photo properties */
364 min-height: 120px;
365 padding: 10px;
366 background: url(images/infobox_bg.png) bottom right no-repeat;
367 border: 1px dotted #999;
368 text-align: left;
369 }
370
371 #fullsizelink {
372 padding: 0 0 0 23px;
373 background: transparent url(images/new-window.png) left no-repeat;
374 }
375
376 .emptyAlbum {
377 margin: 2em 0 0;
378 font-size: 1.4em;
379 }
380
381 /* Controls */
382
383 #slideshow-controls {
384 position: relative;
385 height: 40px;
386 margin: 0px 0 -1000px;
387 overflow: hidden;
388 z-index: 100;
389 text-align: left;
390 }
391
392 #main-image-container > #slideshow-controls {
393 margin-bottom: -50px;
394 }
395
396 #slideshow-controls ul {
397 position: absolute;
398 margin: 0;
399 /* commented by slider arrows padding: 3px 210px 3px 400px; */
400 padding: 3px 395px 3px 370px;
401 list-style: none inside;
402 /* background-color: #000; */
403 background-color: #ebafab;
404 opacity: 0.6;
405 -moz-opacity: 0.6;
406 filter: alpha(opacity=40); /* Lower opacity for IE since the controls don't hide */
407 }
408
409 #slideshow-controls ul li {
410 float: left;
411 margin: 0;
412 padding: 0;
413 }
414
415 #slideshow-controls button {
416 width: 40px;
417 margin: 0;
418 padding: 0;
419 /* background-color: #000; */
420 background-color: #915147;
421 border: none;
422 text-align: center;
423 cursor: pointer;
424 }
425
426 #slideshow-controls button:hover {
427 /* background: url(images/controls-hover-effect.png) 50% 50% no-repeat;*/
428 border: none;
429 }
430
431 /* Thumbnails */
432
433 #thumbs-container {
434 position: relative; /* Opera */
435 /* width: 540px; */
436 width: 200px
437 margin: -110px auto 0;
438 /* padding: 6px 40px; Commnted by Swati garg - for space below image frame*/
439 padding: 0px 0px;
440 /* background-color: #000; */
441 background-color: #eff1f1;
442 opacity: 0.85;
443 -moz-opacity: 0.85;
444 filter: alpha(opacity=85);
445 z-index: 100;
446 }
447
448 #gsThumbMatrix {
449 min-height: 120px;
450 margin: 0 auto;
451 }
452
453 #gsThumbMatrix td {
454 padding: 2px;
455 }
456
457 #gsThumbMatrix a .giThumbnail {
458 height: 40px;
459 width: 40px;
460 background-color: #666;
461 border: 1px solid #333;
462 }
463
464 #gsThumbMatrix a:hover .giThumbnail {
465 height: 48px;
466 width: 48px;
467 margin: -4px;
468 background-color: #fff;
469 border: 1px solid #8f412e;
470 }
471
472 #gsThumbMatrix a:hover:active .giThumbnail {
473 height: 44px;
474 width: 44px;
475 margin: -2px;
476 }
477
478 #gsThumbMatrix a .currentImage, #gsThumbMatrix a:hover .currentImage {
479 border-color: #fff;
480 }
481
482 /* Subalbums */
483
484 #subalbums-container h3 {
485 width: 100%;
486 border-bottom: 1px solid #333;
487 }
488
489 #gsSubAlbumMatrix {
490 width: 450px;
491 margin: 0 auto 1em;
492 }
493
494 #gsSubAlbumMatrix td {
495 width: 50%;
496 padding: 1px 2px 4px 5px;
497 border: 1px solid #222;
498 line-height: 1.4em;
499 }
500
501 #gsSubAlbumMatrix td.sahover {
502 background-color: #cfcfcf;
503 border-color: #888;
504 cursor: pointer;
505 }
506
507 #gsSubAlbumMatrix img.giThumbnail {
508 width: 40px;
509 height: 40px;
510 float: left;
511 vertical-align: middle;
512 margin-right: 6px;
513 margin-top: 2%;
514 border: 1px solid #333;
515 }
516
517 #warning {
518 margin: 1em 0;
519 background-color: #fe9;
520 border: 1px solid #c95;
521 color: #c00;
522 }
523
524 /* Photo pages */
525
526 #photohead {
527 width: 68%;
528 }
529
530 #sidephotodetails {
531 padding: 10px 0 5px 10px;
532 border: 1px solid #101010;
533 }
534
535 /* Tables */
536
537 .gbDataTable {
538 margin: 0.8em 0;
539
540 }
541
542 .gbDataTable td {
543 padding: 2px 6px;
544 font-family: Arial, Helvetica;
545 font-size: 12px;
546 font-weight: bold;
547 color: #414C4E;
548
549 }
550
551 .gbDataTable td.gbOdd {
552 background-color: #d6d6d6;
553 font-family: Arial;
554 font-size: 12px;
555 font-weight: normal;
556 color: #414c46;
557 }
558
559 .gbBusy {
560 background-color: #114499 !important;
561 }
562
563 /* Exif data */
564
565 .block-exif-ExifInfo div {
566 margin: 0 0 0 -8px;
567 padding: 0 18px;
568 font-weight: bold;
569 font-family: Arial, Helvetica;
570 color: #414C4E;
571 font-size: 12px;
572 }
573
574 .block-exif-ExifInfo div a {
575 margin: 0 15px 0 0;
576 padding: 3px 10px;
577 border: 1px solid #333;
578 border-bottom: none;
579 -moz-border-radius: 4px 4px 2px 2px;
580 font-size: 12px;
581 font-family: Arial, Helvetica;
582 color: #414C4E;
583 font-weight:bold;
584 }
585
586 .block-exif-ExifInfo div a:hover {
587 background-color: #D6D6D6
588 border-bottom: 1px solid #ccc;
589 text-decoration: none;
590 font-size: 12px;
591 font-family: Arial, Helvetica;
592 color: #C3C3C3;
593 font-weight: bold;
594
595 }
596
597 .block-exif-ExifInfo .gbDataTable {
598 width: 100%;
599 margin: 2px 0;
600 border: solid #414c4e;
601 border-width: 1px 0;
602 font-size: 12px
603 font-weight: bold;
604 color: #414c4e;
605 background-color: #d6d6d6;
606 }
607
608 /* Footer elements */
609
610 #footer p {
611 margin: 5px 0 10px 10px;
612 }
613
614 #footerSystemLinks {
615 position: absolute;
616 right: 10px;
617 top: 7px;
618 }
619
620 #footerSystemLinks .block-core-SystemLink a {
621 padding: 5px 1em 1.6em;
622 }
623
624 /* Admin pages */
625
626 #gsSidebarCol {
627 width: 150px;
628 padding: 10px 0 0 0;
629 }
630
631 #gsSidebarCol ul {
632 margin: 0;
633 padding: 0;
634 list-style: none inside;
635 line-height: 1.8em;
636 }
637
638 #gsSidebar {
639 padding: 10px 8px 10px 10px;
640 background-color: #191919;
641 -moz-border-radius: 10px 0 0 10px;
642 max-width: 250px;
643 overflow: hidden;
644 }
645
646 #gsContent {
647 padding: 0 12px;
648 }
649
650 .gbTabBar {
651 margin-top: 20px;
652 padding-bottom: 3px;
653 border-bottom: 1px solid #333;
654 line-height: 1.7em;
655 }
656
657 .gbTabBar .giSelected {
658 margin: 0 4px 0 0;
659 padding: 3px 10px 3px;
660 background-color: #393333;
661 border: 1px solid #333;
662 border-bottom: none;
663 -moz-border-radius: 4px;
664 font-weight: bold;
665 color: #fe9;
666 }
667
668 .gbTabBar span a {
669 margin: 0 4px 0 0;
670 padding: 3px 6px 6px;
671 /* background-color: #000;*/
672 background-color: #eff1f1;
673 border: 1px solid #333;
674 border-bottom: none;
675 -moz-border-radius: 4px 4px 0 0;
676 line-height: 1.2em;
677 }
678
679 .gbTabBar span a:hover {
680 margin-bottom: -1px;
681 background-color: #0f0f0f;
682 border-bottom: 1px solid #ccc;
683 text-decoration: none;
684 }
685
686 #gsContent .gbDataTable {
687 border-spacing: 0;
688
689 }
690
691 #gsContent .gbDataTable th {
692 padding: 3px 6px;
693 background-color: #333;
694 border-bottom: 1px solid #444;
695 }
696
697 #gsContent .gbDataTable td {
698 padding: 4px 3px;
699
700 }
701
702 #gsContent .gbDataTable th:first-child {
703 -moz-border-radius: 10px 0 0 0;
704 }
705
706 #gsContent .gbDataTable th:last-child {
707 -moz-border-radius: 0 10px 0 0;
708 }
709
710 #gsContent .gbDataTable .gbOdd {
711 background-color: #111;
712
713 }
714
715 #gsContent textarea {
716 width: 475px;
717 }
718
719 /* Messages */
720
721 .summary {
722 white-space: nowrap;
723 font-size: 11px;
724 font-family: Arial;
725 }
726
727 .giSuccess {
728 font-size: 1.3em;
729 font-weight: bold;
730 color: #7c4;
731 }
732
733 .giError {
734 font-weight: bold;
735 color: #c73;
736 }
737
738 h2.giError {
739 font-size: 1.3em;
740 color: #c30;
741 }
742
743 .giNew {
744 color: #f90;
745 }
746
747 .giUpdated {
748 color: #db0
749 }
750
751 /* Debug Only */
752 #msgarea {
753 display: none;
754 width: 150px;
755 position: absolute;
756 z-index: 10;
757 top: 60px;
758 left: 10px;
759 background-color: #fdf;
760 color: #060;
761 text-align: left;
762 font: 11px "Lucida Sans Unicode";
763 -moz-opacity: 0.6;
764 filter: alpha(opacity=60);
765 -moz-border-radius: 12px;
766 }
767
768 #msgarea h4 {
769 margin: 5px 0 -5px 20px;
770 font: bold 12px "Lucida Sans Unicode";
771 }
772
773 #msgarea p {
774 padding: 0 3px 0 8px;
775 background-color: #fdf;
776 }
777
778 .autoCompleteShadow {
779 background-color: #a0a0a0;
780 }
781
782 .autoCompleteContainer {
783 border: 1px solid #404040;
784 /* background-color: #000; */
785 background-color: #eff1f1;
786 }
787
788 .autoCompleteContainer li.yui-ac-highlight {
789 background-color: #eee;
790 color: #111;
791 }
 
File theme.css (Revision 1.0) [Add File Comment] [Top]
  
Legend:
Removed 
Changed
 Added

[Add General Comment] to topic.