Projet

Général

Profil

Paste
Télécharger (27,6 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / simplecorp / css / plugins / prettyPhoto.css @ b9383c72

1
/* ------------------------------------------------------------------------
2
        This you can edit.
3
------------------------------------------------------------------------- */
4

    
5
        /* ----------------------------------
6
                Default Theme
7
        ----------------------------------- */
8

    
9
        div.pp_default .pp_top,
10
        div.pp_default .pp_top .pp_middle,
11
        div.pp_default .pp_top .pp_left,
12
        div.pp_default .pp_top .pp_right,
13
        div.pp_default .pp_bottom,
14
        div.pp_default .pp_bottom .pp_left,
15
        div.pp_default .pp_bottom .pp_middle,
16
        div.pp_default .pp_bottom .pp_right { height: 13px; }
17
        
18
        div.pp_default .pp_top .pp_left { background: url(../../images/plugins/prettyphoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
19
        div.pp_default .pp_top .pp_middle { background: url(../../images/plugins/prettyphoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
20
        div.pp_default .pp_top .pp_right { background: url(../../images/plugins/prettyphoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
21
        
22
        div.pp_default .pp_content .ppt { color: #f8f8f8; }
23
        div.pp_default .pp_content_container .pp_left { background: url(../../images/plugins/prettyphoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
24
        div.pp_default .pp_content_container .pp_right { background: url(../../images/plugins/prettyphoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
25
        div.pp_default .pp_content { background-color: #fff; } /* Content background */
26
        div.pp_default .pp_next:hover { background: url(../../images/plugins/prettyphoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
27
        div.pp_default .pp_previous:hover { background: url(../../images/plugins/prettyphoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
28
        div.pp_default .pp_expand { background: url(../../images/plugins/prettyphoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
29
        div.pp_default .pp_expand:hover { background: url(../../images/plugins/prettyphoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
30
        div.pp_default .pp_contract { background: url(../../images/plugins/prettyphoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
31
        div.pp_default .pp_contract:hover { background: url(../../images/plugins/prettyphoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
32
        div.pp_default .pp_close { width: 30px; height: 30px; background: url(../../images/plugins/prettyphoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
33
        div.pp_default #pp_full_res .pp_inline { color: #000; } 
34
        div.pp_default .pp_gallery ul li a { background: url(../../images/plugins/prettyphoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
35
        div.pp_default .pp_gallery ul li a:hover,
36
        div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
37
        div.pp_default .pp_social { margin-top: 7px; }
38

    
39
        div.pp_default .pp_gallery a.pp_arrow_previous,
40
        div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
41
        div.pp_default .pp_nav .pp_play,
42
        div.pp_default .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
43
        div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
44
        div.pp_default .pp_details { position: relative; }
45
        div.pp_default a.pp_arrow_previous,
46
        div.pp_default a.pp_arrow_next { background: url(../../images/plugins/prettyphoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
47
        div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
48
        div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
49
        div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
50
        div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
51
        
52
        div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
53

    
54
        div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
55

    
56
        div.pp_default .pp_bottom .pp_left { background: url(../../images/plugins/prettyphoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
57
        div.pp_default .pp_bottom .pp_middle { background: url(../../images/plugins/prettyphoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
58
        div.pp_default .pp_bottom .pp_right { background: url(../../images/plugins/prettyphoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
59

    
60
        div.pp_default .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/default/loader.gif) center center no-repeat; } /* Loader icon */
61

    
62
        
63
        /* ----------------------------------
64
                Light Rounded Theme
65
        ----------------------------------- */
66

    
67

    
68
        div.light_rounded .pp_top .pp_left { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
69
        div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
70
        div.light_rounded .pp_top .pp_right { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
71
        
72
        div.light_rounded .pp_content .ppt { color: #000; }
73
        div.light_rounded .pp_content_container .pp_left,
74
        div.light_rounded .pp_content_container .pp_right { background: #fff; }
75
        div.light_rounded .pp_content { background-color: #fff; } /* Content background */
76
        div.light_rounded .pp_next:hover { background: url(../../images/plugins/prettyphoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
77
        div.light_rounded .pp_previous:hover { background: url(../../images/plugins/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
78
        div.light_rounded .pp_expand { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
79
        div.light_rounded .pp_expand:hover { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
80
        div.light_rounded .pp_contract { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
81
        div.light_rounded .pp_contract:hover { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
82
        div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
83
        div.light_rounded .pp_details { position: relative; }
84
        div.light_rounded .pp_description { margin-right: 85px; }
85
        div.light_rounded #pp_full_res .pp_inline { color: #000; } 
86
        div.light_rounded .pp_gallery a.pp_arrow_previous,
87
        div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
88
        div.light_rounded .pp_nav .pp_play { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
89
        div.light_rounded .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
90

    
91
        div.light_rounded .pp_arrow_previous { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
92
                div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
93
        div.light_rounded .pp_arrow_next { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
94
                div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
95

    
96
        div.light_rounded .pp_bottom .pp_left { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
97
        div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
98
        div.light_rounded .pp_bottom .pp_right { background: url(../../images/plugins/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
99

    
100
        div.light_rounded .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
101
        
102
        /* ----------------------------------
103
                Dark Rounded Theme
104
        ----------------------------------- */
105
        
106
        div.dark_rounded .pp_top .pp_left { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
107
        div.dark_rounded .pp_top .pp_middle { background: url(../../images/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
108
        div.dark_rounded .pp_top .pp_right { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
109
        
110
        div.dark_rounded .pp_content_container .pp_left { background: url(../../images/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
111
        div.dark_rounded .pp_content_container .pp_right { background: url(../../images/plugins/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
112
        div.dark_rounded .pp_content { background: url(../../images/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
113
        div.dark_rounded .pp_next:hover { background: url(../../images/plugins/prettyphoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
114
        div.dark_rounded .pp_previous:hover { background: url(../../images/plugins/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
115
        div.dark_rounded .pp_expand { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
116
        div.dark_rounded .pp_expand:hover { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
117
        div.dark_rounded .pp_contract { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
118
        div.dark_rounded .pp_contract:hover { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
119
        div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
120
        div.dark_rounded .pp_details { position: relative; }
121
        div.dark_rounded .pp_description { margin-right: 85px; }
122
        div.dark_rounded .currentTextHolder { color: #c4c4c4; }
123
        div.dark_rounded .pp_description { color: #fff; }
124
        div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
125
        div.dark_rounded .pp_gallery a.pp_arrow_previous,
126
        div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
127
        div.dark_rounded .pp_nav .pp_play { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
128
        div.dark_rounded .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
129

    
130
        div.dark_rounded .pp_arrow_previous { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
131
                div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
132
        div.dark_rounded .pp_arrow_next { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
133
                div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
134

    
135
        div.dark_rounded .pp_bottom .pp_left { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
136
        div.dark_rounded .pp_bottom .pp_middle { background: url(../../images/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
137
        div.dark_rounded .pp_bottom .pp_right { background: url(../../images/plugins/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
138

    
139
        div.dark_rounded .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
140
        
141
        
142
        /* ----------------------------------
143
                Dark Square Theme
144
        ----------------------------------- */
145
        
146
        div.dark_square .pp_left ,
147
        div.dark_square .pp_middle,
148
        div.dark_square .pp_right,
149
        div.dark_square .pp_content { background: #000; }
150
        
151
        div.dark_square .currentTextHolder { color: #c4c4c4; }
152
        div.dark_square .pp_description { color: #fff; }
153
        div.dark_square .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
154
        
155
        div.dark_square .pp_expand { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
156
        div.dark_square .pp_expand:hover { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
157
        div.dark_square .pp_contract { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
158
        div.dark_square .pp_contract:hover { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
159
        div.dark_square .pp_close { width: 75px; height: 22px; background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
160
        div.dark_square .pp_details { position: relative; }
161
        div.dark_square .pp_description { margin: 0 85px 0 0; }
162
        div.dark_square #pp_full_res .pp_inline { color: #fff; }
163
        div.dark_square .pp_gallery a.pp_arrow_previous,
164
        div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
165
        div.dark_square .pp_nav { clear: none; }
166
        div.dark_square .pp_nav .pp_play { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
167
        div.dark_square .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
168
        
169
        div.dark_square .pp_arrow_previous { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
170
                div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
171
        div.dark_square .pp_arrow_next { background: url(../../images/plugins/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
172
                div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
173
        
174
        div.dark_square .pp_next:hover { background: url(../../images/plugins/prettyphoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
175
        div.dark_square .pp_previous:hover { background: url(../../images/plugins/prettyphoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
176

    
177

    
178
        /* ----------------------------------
179
                Light Square Theme
180
        ----------------------------------- */
181
        
182
        div.light_square .pp_left ,
183
        div.light_square .pp_middle,
184
        div.light_square .pp_right,
185
        div.light_square .pp_content { background: #fff; }
186
        
187
        div.light_square .pp_content .ppt { color: #000; }
188
        div.light_square .pp_expand { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
189
        div.light_square .pp_expand:hover { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
190
        div.light_square .pp_contract { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
191
        div.light_square .pp_contract:hover { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
192
        div.light_square .pp_close { width: 75px; height: 22px; background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
193
        div.light_square .pp_details { position: relative; }
194
        div.light_square .pp_description { margin-right: 85px; }
195
        div.light_square #pp_full_res .pp_inline { color: #000; }
196
        div.light_square .pp_gallery a.pp_arrow_previous,
197
        div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
198
        div.light_square .pp_nav .pp_play { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
199
        div.light_square .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
200
        
201
        div.light_square .pp_arrow_previous { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
202
                div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
203
        div.light_square .pp_arrow_next { background: url(../../images/plugins/prettyphoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
204
                div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
205
        
206
        div.light_square .pp_next:hover { background: url(../../images/plugins/prettyphoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
207
        div.light_square .pp_previous:hover { background: url(../../images/plugins/prettyphoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
208
        
209
        div.light_square .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
210

    
211

    
212
        /* ----------------------------------
213
                Facebook style Theme
214
        ----------------------------------- */
215
        
216
        div.facebook .pp_top .pp_left { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
217
        div.facebook .pp_top .pp_middle { background: url(../../images/plugins/prettyphoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
218
        div.facebook .pp_top .pp_right { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
219
        
220
        div.facebook .pp_content .ppt { color: #000; }
221
        div.facebook .pp_content_container .pp_left { background: url(../../images/plugins/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
222
        div.facebook .pp_content_container .pp_right { background: url(../../images/plugins/prettyphoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
223
        div.facebook .pp_content { background: #fff; } /* Content background */
224
        div.facebook .pp_expand { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
225
        div.facebook .pp_expand:hover { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
226
        div.facebook .pp_contract { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
227
        div.facebook .pp_contract:hover { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
228
        div.facebook .pp_close { width: 22px; height: 22px; background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
229
        div.facebook .pp_details { position: relative; }
230
        div.facebook .pp_description { margin: 0 37px 0 0; }
231
        div.facebook #pp_full_res .pp_inline { color: #000; } 
232
        div.facebook .pp_loaderIcon { background: url(../../images/plugins/prettyphoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
233
        
234
        div.facebook .pp_arrow_previous { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
235
                div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
236
        div.facebook .pp_arrow_next { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
237
                div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
238
        div.facebook .pp_nav { margin-top: 0; }
239
        div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
240
        div.facebook .pp_nav .pp_play { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
241
        div.facebook .pp_nav .pp_pause { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
242
        
243
        div.facebook .pp_next:hover { background: url(../../images/plugins/prettyphoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
244
        div.facebook .pp_previous:hover { background: url(../../images/plugins/prettyphoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
245
        
246
        div.facebook .pp_bottom .pp_left { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
247
        div.facebook .pp_bottom .pp_middle { background: url(../../images/plugins/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
248
        div.facebook .pp_bottom .pp_right { background: url(../../images/plugins/prettyphoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
249

    
250

    
251
/* ------------------------------------------------------------------------
252
        DO NOT CHANGE
253
------------------------------------------------------------------------- */
254

    
255
        div.pp_pic_holder a:focus { outline:none; }
256

    
257
        div.pp_overlay {
258
                background: #000;
259
                display: none;
260
                left: 0;
261
                position: absolute;
262
                top: 0;
263
                width: 100%;
264
                z-index: 9500;
265
        }
266
        
267
        div.pp_pic_holder {
268
                display: none;
269
                position: absolute;
270
                width: 100px;
271
                z-index: 10000;
272
        }
273

    
274
                
275
                .pp_top {
276
                        height: 20px;
277
                        position: relative;
278
                }
279
                        * html .pp_top { padding: 0 20px; }
280
                
281
                        .pp_top .pp_left {
282
                                height: 20px;
283
                                left: 0;
284
                                position: absolute;
285
                                width: 20px;
286
                        }
287
                        .pp_top .pp_middle {
288
                                height: 20px;
289
                                left: 20px;
290
                                position: absolute;
291
                                right: 20px;
292
                        }
293
                                * html .pp_top .pp_middle {
294
                                        left: 0;
295
                                        position: static;
296
                                }
297
                        
298
                        .pp_top .pp_right {
299
                                height: 20px;
300
                                left: auto;
301
                                position: absolute;
302
                                right: 0;
303
                                top: 0;
304
                                width: 20px;
305
                        }
306
                
307
                .pp_content { height: 40px; min-width: 40px; }
308
                * html .pp_content { width: 40px; }
309
                
310
                .pp_fade { display: none; }
311
                
312
                .pp_content_container {
313
                        position: relative;
314
                        text-align: left;
315
                        width: 100%;
316
                }
317
                
318
                        .pp_content_container .pp_left { padding-left: 20px; }
319
                        .pp_content_container .pp_right { padding-right: 20px; }
320
                
321
                        .pp_content_container .pp_details {
322
                                float: left;
323
                                margin: 10px 0 2px 0;
324
                        }
325
                                .pp_description {
326
                                        display: none;
327
                                        margin: 0;
328
                                }
329
                                
330
                                .pp_social { float: left; margin: 0; }
331
                                .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
332
                                .pp_social .twitter { float: left; }
333
                                
334
                                .pp_nav {
335
                                        clear: right;
336
                                        float: left;
337
                                        margin: 3px 10px 0 0;
338
                                }
339
                                
340
                                        .pp_nav p {
341
                                                float: left;
342
                                                margin: 2px 4px;
343
                                                white-space: nowrap;
344
                                        }
345
                                        
346
                                        .pp_nav .pp_play,
347
                                        .pp_nav .pp_pause {
348
                                                float: left;
349
                                                margin-right: 4px;
350
                                                text-indent: -10000px;
351
                                        }
352
                                
353
                                        a.pp_arrow_previous,
354
                                        a.pp_arrow_next {
355
                                                display: block;
356
                                                float: left;
357
                                                height: 15px;
358
                                                margin-top: 3px;
359
                                                overflow: hidden;
360
                                                text-indent: -10000px;
361
                                                width: 14px;
362
                                        }
363
                
364
                .pp_hoverContainer {
365
                        position: absolute;
366
                        top: 0;
367
                        width: 100%;
368
                        z-index: 2000;
369
                }
370
                
371
                .pp_gallery {
372
                        display: none;
373
                        left: 50%;
374
                        margin-top: -50px;
375
                        position: absolute;
376
                        z-index: 10000;
377
                }
378
                
379
                        .pp_gallery div {
380
                                float: left;
381
                                overflow: hidden;
382
                                position: relative;
383
                        }
384
                        
385
                        .pp_gallery ul {
386
                                float: left;
387
                                height: 35px;
388
                                margin: 0 0 0 5px;
389
                                padding: 0;
390
                                position: relative;
391
                                white-space: nowrap;
392
                        }
393
                        
394
                        .pp_gallery ul a {
395
                                border: 1px #000 solid;
396
                                border: 1px rgba(0,0,0,0.5) solid;
397
                                display: block;
398
                                float: left;
399
                                height: 33px;
400
                                overflow: hidden;
401
                        }
402
                        
403
                        .pp_gallery ul a:hover,
404
                        .pp_gallery li.selected a { border-color: #fff; }
405
                        
406
                        .pp_gallery ul a img { border: 0; }
407
                        
408
                        .pp_gallery li {
409
                                display: block;
410
                                float: left;
411
                                margin: 0 5px 0 0;
412
                                padding: 0;
413
                        }
414
                        
415
                        .pp_gallery li.default a {
416
                                background: url(../../images/plugins/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
417
                                display: block;
418
                                height: 33px;
419
                                width: 50px;
420
                        }
421
                        
422
                        .pp_gallery li.default a img { display: none; }
423
                        
424
                        .pp_gallery .pp_arrow_previous,
425
                        .pp_gallery .pp_arrow_next {
426
                                margin-top: 7px !important;
427
                        }
428
                
429
                a.pp_next {
430
                        background: url(../../images/plugins/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
431
                        display: block;
432
                        float: right;
433
                        height: 100%;
434
                        text-indent: -10000px;
435
                        width: 49%;
436
                }
437
                        
438
                a.pp_previous {
439
                        background: url(../../images/plugins/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
440
                        display: block;
441
                        float: left;
442
                        height: 100%;
443
                        text-indent: -10000px;
444
                        width: 49%;
445
                }
446
                
447
                a.pp_expand,
448
                a.pp_contract {
449
                        cursor: pointer;
450
                        display: none;
451
                        height: 20px;        
452
                        position: absolute;
453
                        right: 30px;
454
                        text-indent: -10000px;
455
                        top: 10px;
456
                        width: 20px;
457
                        z-index: 20000;
458
                }
459
                        
460
                a.pp_close {
461
                        position: absolute; right: 0; top: 0; 
462
                        display: block;
463
                        line-height:22px;
464
                        text-indent: -10000px;
465
                }
466
                
467
                .pp_bottom {
468
                        height: 20px;
469
                        position: relative;
470
                }
471
                        * html .pp_bottom { padding: 0 20px; }
472
                        
473
                        .pp_bottom .pp_left {
474
                                height: 20px;
475
                                left: 0;
476
                                position: absolute;
477
                                width: 20px;
478
                        }
479
                        .pp_bottom .pp_middle {
480
                                height: 20px;
481
                                left: 20px;
482
                                position: absolute;
483
                                right: 20px;
484
                        }
485
                                * html .pp_bottom .pp_middle {
486
                                        left: 0;
487
                                        position: static;
488
                                }
489
                                
490
                        .pp_bottom .pp_right {
491
                                height: 20px;
492
                                left: auto;
493
                                position: absolute;
494
                                right: 0;
495
                                top: 0;
496
                                width: 20px;
497
                        }
498
                
499
                .pp_loaderIcon {
500
                        display: block;
501
                        height: 24px;
502
                        left: 50%;
503
                        margin: -12px 0 0 -12px;
504
                        position: absolute;
505
                        top: 50%;
506
                        width: 24px;
507
                }
508
                
509
                #pp_full_res {
510
                        line-height: 1 !important;
511
                }
512
                
513
                        #pp_full_res .pp_inline {
514
                                text-align: left;
515
                        }
516
                        
517
                                #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
518
        
519
                div.ppt {
520
                        color: #fff;
521
                        display: none;
522
                        font-size: 17px;
523
                        margin: 0 0 5px 15px;
524
                        z-index: 9999;
525
                }