1/* ********************************************************************************
2 * Building blocks
3 * h2, h3, p, etc        Standard html tags
4 * div.gbBlock           Sidebar or content section with style for contained lists
5 * ul.gbBreadCrumb       List of links/path elements
6 * table.gbDataTable     Table for data/form elements with styles for shading rows
7 */
8
9#gallery h2, #gallery h3, #gallery h4, #gallery form {
10    margin: 0;
11    padding: 0;
12}
13
14#gallery p {
15    margin: 0.6em 0;
16    padding: 0;
17}
18
19.gbBlock {
20    padding: 0.7em;
21    border-width: 0 0 1px 0;
22    border-style: inherit;
23    border-color: inherit;
24    /* IE can't inherit these */
25    border-style: expression(parentElement.currentStyle.borderStyle);
26    border-color: expression(parentElement.currentStyle.borderColor);
27}
28
29.gbBlock ul {
30    margin: 0;
31    padding: 0;
32    list-style-type: none;
33}
34
35.gbBlock ul ul {
36    margin: 0 0 0.5em 1.0em;
37}
38
39.gbBlock li {
40    padding: 6px 0 0 0;
41}
42
43#gallery .gbBlock h3 {
44    margin-bottom: 0.5em;
45}
46
47#gallery .gbBlock h4 {
48    margin-top: 0.5em;
49}
50
51
52#gsNavBar div.gbBreadCrumb {
53    margin: 0;
54    padding: 4px 8px;
55}
56
57table.gbDataTable {
58    padding-bottom: 4px;
59}
60
61table.gbDataTable th, table.gbDataTable td {
62    padding: 4px;
63}
64
65
66.giBlockToggle {
67    padding: 0 0.4em 0.1em;
68}
69.giBlockToggle:hover {
70    cursor: pointer;
71}
72
73
74.gbMarkupBar {
75    margin: 4px 0;
76}
77
78#gallery .gbMarkupBar input {
79    margin: 0;
80    padding: 0;
81}
82
83
84/* ********************************************************************************
85 * Sections
86 * body.gallery     Page body in G2 standalone (doesn't apply to embedded)
87 * #gallery         Page container
88 * #gsNavBar   Top bar with breadcrumb and other links
89 * #gsSidebar       Sidebar
90 * #gsContent       Main content
91 */
92
93body.gallery {
94    margin: 0;
95    padding: 0;
96}
97
98#gallery {
99    padding: 8px;
100}
101#gallery.rtl {
102    direction: rtl;
103}
104
105#gsNavBar {
106    border-top-width: 1px;
107    border-bottom-width: 1px;
108}
109
110#gsNavBar div.gbSystemLinks {
111    padding: 4px 6px;
112}
113
114#gsNavBar div.gbSystemLinks span {
115    padding: 0 4px;
116}
117
118#gsSidebar {
119    border-right-width: 1px;
120    width: 175px;
121    overflow: hidden;
122}
123#gsSidebarCol {
124    width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
125}
126
127td.giAlbumCell, td.giItemCell {
128    padding: 1em;
129    text-align: center;
130}
131
132#gallery td.giAlbumCell select, #gallery td.giItemCell select {
133    margin-top: 0.8em;
134}
135
136/* So imageframed thumbs can be centered */
137td.giAlbumCell table, td.giItemCell table {
138    margin: auto;
139}
140
141#gsPages span {
142    padding: 0 0.3em;
143}
144
145#gallery #gsSidebar ul {
146    font-size: 1em;
147}
148
149/* ********************************************************************************
150 * Matrix Theme for Gallery 2
151 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
152 * updated by Alan Harder
153 */
154
155/* ********************************************************************************
156 * Building blocks
157 * #gallery              Default font/color settings
158 * .gcBackground1,2..    Palette of backgrounds
159 * .gcBorder1,2..        Palette of borders
160 * a, h2, h3, etc        Standard html tags
161 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
162 *                       Palette of text styles
163 * div.gbBreadCrumb      List of links/path elements
164 * table.gbDataTable     Table for data/form elements with styles for shading rows
165 * div.gbTabBar          UI component for selectable tabs
166 * .autoComplete*        Styles for autoComplete popup lists
167 */
168
169#gallery {
170    font-family: Verdana, Arial, Helvetica, sans-serif;
171    font-size: 62.5%;
172    color: #333;
173    background-color: #fff;
174}
175body.gallery {
176    background-color: #fff;
177}
178
179.gcBackground1 {
180    background-color: #eee;
181}
182
183.gcBackground2 {
184    background-color: #e7e7e7;
185}
186
187.gcBorder1 {
188    border: 0 solid #ccc;
189}
190
191.gcBorder2 {
192    border: 0 solid #888;
193}
194
195#gallery a {
196    font-weight: bold;
197    text-decoration: none;
198    color: #6b8cb7;
199}
200#gallery a:hover {
201    text-decoration: underline;
202    color: #f4560f;
203}
204#gallery a:active {
205    text-decoration: none;
206    color: #f9c190;
207}
208
209#gallery img {
210    border-width: 0;
211}
212
213#gallery h2, #gallery h3, #gallery h4 {
214    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
215}
216
217#gallery input:focus, #gallery textarea:focus {
218    background-color: #ffc;
219    color: #000;
220}
221
222#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */
223    color: #333;
224    background-color: #eee;
225    border-width: 2px;
226    border-style: solid;
227    border-color: #e7e7e7 #666 #666 #e7e7e7;
228}
229
230#gallery select {
231    font-size: 1em;
232}
233
234.giTitle, #gallery h2, #gallery h3, #gallery h4 {
235    font-size: 1.3em;
236    font-weight: bold;
237}
238
239#gallery pre, #gallery tt {
240    font-family: Courier New;
241    font-size: 1.2em;
242}
243
244.giSubtitle {
245    font-size: 0.9em;
246    font-weight: normal;
247    vertical-align: text-bottom;
248}
249
250.giDescription {
251    font-size: 1.1em;
252    line-height: 1.4em;
253}
254
255.gbEmptyAlbum {
256    height: 400px;
257}
258
259.giDescription h3.emptyAlbum {
260    line-height: 4.0em;
261    text-align: center;
262}
263
264.giInfo {
265    font-size: 0.9em;
266    color: #888;
267}
268
269.giSuccess, .giWarning, .giError  {
270    font-weight: bold;
271}
272
273.giSuccess { color: #5c0; }
274.giWarning { color: #c50; }
275.giError { color: #a44; }
276
277.giNew, .giUpdated {
278    border-width: 2px;
279    border-style: ridge;
280    padding: 0 6px;
281    line-height: 1.9em;
282}
283
284#gsNavBar div.gbBreadCrumb {
285    font-size: 1.1em;
286    font-weight: bold;
287}
288
289#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
290    padding: 0 0 0 14px;
291    background: url('images/icon_path_separator.gif') no-repeat left;
292}
293
294#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
295    padding-left: 0;
296    background-image: none;
297    white-space: nowrap;
298}
299
300#gsThumbMatrix {
301    width: 100%;
302}
303
304#gallery.IE div.gbBreadCrumb span {
305    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
306    padding-right: 4px;      /* IE has less space at right of each span */
307}
308
309#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
310    padding-left: 0;
311    background-image: none;
312}
313
314#gsNavBar div.gbSystemLinks {
315  float: right;
316}
317
318table.gbDataTable th {
319    text-align: left;
320    background-color: #e7e7e7;
321}
322
323.gbEven {
324    background-color: #fff;
325}
326
327.gbBusy {
328    background-color: #78D478 !important;
329}
330
331.gbOdd {
332    background-color: #eee;
333}
334
335
336div.gbTabBar {
337    font-size: 0.9em;
338    font-weight: bold;
339    margin: 0.8em 0 0;
340    padding: 6px;
341    background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
342    white-space: nowrap;
343}
344
345div.gbTabBar span.o {
346    padding: 6px 0 5px 8px;
347    background: url('../matrix/images/tab_left.jpg') no-repeat left top;
348}
349#gallery.IE div.gbTabBar span.o {
350    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
351    margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */
352}
353/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */
354#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }
355#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }
356
357#gallery div.gbTabBar span span {
358    padding: 6px 12px 5px 4px;
359    background: url('../matrix/images/tab_right.jpg') no-repeat right top;
360}
361
362#gallery div.gbTabBar a {
363    color: #777;
364    text-decoration: none;
365}
366
367#gallery div.gbTabBar a:hover {
368    color: #333;
369}
370
371#gallery div.gbTabBar span.giSelected {
372    padding-bottom: 6px;
373    background-image: url('../matrix/images/tab_left_on.jpg');
374}
375
376#gallery div.gbTabBar span.giSelected span {
377    color: #333;
378    padding-bottom: 6px;
379    background-image: url('../matrix/images/tab_right_on.jpg');
380}
381
382.autoCompleteShadow {
383    background-color: #a0a0a0 !important;
384}
385
386.autoCompleteContainer {
387    border-color: #404040 #404040 #080;
388    background-color: #fff;
389}
390
391.autoCompleteContainer li.yui-ac-highlight {
392    background-color: #eee;
393}
394
395#gallery .gbMarkupBar input {
396    font-size: 1.1em;
397}
398
399.giSearchHighlight {
400    font-weight: bold;
401    background-color: #ff6;
402}
403
404
405/* ********************************************************************************
406 * Sections
407 * #gallery         Page container
408 * #gsNavBar   Top bar with breadcrumb and other links
409 * #gsSidebar       Sidebar
410 * #gsContent       Main content
411 */
412
413#gsNavBar div {
414    margin-top: 0.1em;  /* Align system links with breadcrumb */
415    font-weight: bold;
416}
417
418#gsSidebar div ul {   /* no > in IE */
419    font-size: 1.1em;
420    font-weight: bold;
421}
422#gsSidebar div ul ul { font-size: 1.0em; }
423
424#gsSidebar ul span {
425    color: #999;
426}
427
428div.gbNavigator div.next-and-last {
429  float: right;
430}
431div.gbNavigator div.next-and-last.no-previous {
432  float: none;
433  text-align: right;
434}
435
436div.gbNavigator a.first {
437  padding-left: 27px;
438  background: url('images/nav_first.gif') left no-repeat;
439}
440
441div.gbNavigator a.previous {
442  padding-left: 27px;
443  background: url('images/nav_prev.gif') left no-repeat;
444}
445
446div.gbNavigator a.next {
447  padding-right: 27px;
448  background: url('images/nav_next.gif') right no-repeat;
449}
450
451div.gbNavigator a.last {
452  padding-right: 27px;
453  background: url('images/nav_last.gif') right no-repeat;
454}
455
456div.gbNavigator div.first-and-previous img {
457  vertical-align: middle;
458  padding-right: 0.5em;
459}
460div.gbNavigator div.next-and-last img {
461  vertical-align: middle;
462  padding-left: 0.5em;
463}
464
465#gallery.rtl div.gbNavigator div.next-and-last {
466  float: left;
467}
468#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
469  float: none;
470  text-align: left;
471}
472#gallery.rtl div.gbNavigator div.first-and-previous {
473  text-align: right;
474}
475/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
476#gallery.IE.rtl div.gbNavigator a {
477  display: inline-block;
478}
479#gallery.gecko.rtl div.gbNavigator a {
480  display: -moz-inline-box;
481}
482
483#gallery.rtl div.gbNavigator a.first {
484  padding: 0 27px 0 0;
485  background: url('images/nav_last.gif') right no-repeat;
486}
487#gallery.rtl div.gbNavigator a.previous {
488  padding: 0 27px 0 0;
489  background: url('images/nav_next.gif') right no-repeat;
490}
491#gallery.rtl div.gbNavigator a.next {
492  padding: 0 0 0 27px;
493  background: url('images/nav_prev.gif') left no-repeat;
494}
495#gallery.rtl div.gbNavigator a.last {
496  padding: 0 0 0 27px;
497  background: url('images/nav_first.gif') left no-repeat;
498}
499#gallery.rtl div.gbNavigator div.first-and-previous img {
500  padding: 0 0 0 0.5em;
501}
502#gallery.rtl div.gbNavigator div.next-and-last img {
503  padding: 0 0.5em 0 0;
504}
505
506div.block-search-SearchBlock a.advanced {
507  display: block;
508  padding: 3px;
509}
510
511div.block-core-ItemLinks {
512  margin: 3px 0;
513}
514div.block-core-ItemLinks a {
515  padding: 3px;
516}
517div#gsSidebar div.block-core-ItemLinks a {
518  display: block;
519}
520
521div#gsSidebar div.block-core-PeerList a {
522  display: block;
523  padding: 3px;
524}
525
526div#gsSidebar div.block-core-PeerList span {
527  font-weight: bold;
528  display: block;
529  padding: 3px;
530}
531
532div#gsSidebar div.block-core-PeerList span.current {
533  color: #0b6cff;
534}
535
536/* ***************************************************** */
537/*                   Dynamic blocks                      */
538/* ***************************************************** */
539
540div.block-comment-ViewComments {
541  margin: 5px;
542}
543
544div.block-comment-ViewComments div.one-comment {
545  border: 1px solid #e7e7e7;
546  padding: 5px;
547  margin-bottom: 5px;
548}
549
550div.block-comment-ViewComments h3 {
551}
552
553div.block-comment-ViewComments span {
554  padding-right: 5px;
555}
556
557div.block-comment-ViewComments p.info {
558  font-style: italic;
559  text-align: right;
560  font-size: 0.95em;
561}
562
563div.block-core-GuestPreview {
564  float: right;
565}
566#gallery.rtl div.block-core-GuestPreview {
567  float: left;
568}
569
570span.block-core-SystemLink {
571}
572
573div.block-exif-ExifInfo {
574  margin: 5px;
575}
576
577span.bsw_ButtonDisabled {
578  color: #999;
579}
580
581span.bsw_ButtonEnabled {
582  color: #000;
583  cursor: pointer;
584}
585
586table.bsw_ParamTable {
587  width: 100%;
588  border: 1px solid #999;
589  border-collapse: collapse;
590}
591
592tr.bsw_ParamHeaderRow {
593  background-color: #EEE;
594}
595
596tr.bsw_ParamHeaderRow td {
597  font-weight: bold;
598  text-align: center;
599  border: 1px solid #999;
600}
601
602td.bsw_BlockCommands {
603  white-space: nowrap;
604  text-align: center;
605}
606
607#gsFooter {
608  padding-top: 4px;
609}
610
611/* ********************************************************************************
612 * Rating module style fix for Matrix
613 */
614.giRatingUI {
615    margin: 10px auto; /* Required to center default rating module star images */
616}
617#gsThumbMatrix .giRatingAverageContainer {
618    margin: auto;
619}
620
621