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/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ 19 div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ 20 div.pp_default .pp_top .pp_right { background: url(../images/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/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } 24 div.pp_default .pp_content_container .pp_right { background: url(../images/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/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ 27 div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ 28 div.pp_default .pp_expand { background: url(../images/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/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ 30 div.pp_default .pp_contract { background: url(../images/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/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/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/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/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/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/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ 57 div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ 58 div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ 59 60 div.pp_default .pp_loaderIcon { background: url(../images/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/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/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/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 77 div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 78 div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 79 div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 80 div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 81 div.light_rounded .pp_contract:hover { background: url(../images/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/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/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 89 div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 90 91 div.light_rounded .pp_arrow_previous { background: url(../images/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/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/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/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ 99 100 div.light_rounded .pp_loaderIcon { background: url(../images/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/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ 107 div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ 108 div.dark_rounded .pp_top .pp_right { background: url(../images/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/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ 111 div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ 112 div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ 113 div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 114 div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 115 div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 116 div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 117 div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 118 div.dark_rounded .pp_contract:hover { background: url(../images/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/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/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 128 div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 129 130 div.dark_rounded .pp_arrow_previous { background: url(../images/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/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/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ 136 div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ 137 div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ 138 139 div.dark_rounded .pp_loaderIcon { background: url(../images/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/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ 154 155 div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 156 div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 157 div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 158 div.dark_square .pp_contract:hover { background: url(../images/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/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/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 167 div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 168 169 div.dark_square .pp_arrow_previous { background: url(../images/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/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/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 175 div.dark_square .pp_previous:hover { background: url(../images/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/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 189 div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 190 div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 191 div.light_square .pp_contract:hover { background: url(../images/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/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/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 199 div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 200 201 div.light_square .pp_arrow_previous { background: url(../images/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/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/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 207 div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 208 209 div.light_square .pp_loaderIcon { background: url(../images/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/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ 217 div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ 218 div.facebook .pp_top .pp_right { background: url(../images/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/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ 222 div.facebook .pp_content_container .pp_right { background: url(../images/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/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 225 div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 226 div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 227 div.facebook .pp_contract:hover { background: url(../images/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/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/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ 233 234 div.facebook .pp_arrow_previous { background: url(../images/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/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/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } 241 div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } 242 243 div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 244 div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 245 246 div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ 247 div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ 248 div.facebook .pp_bottom .pp_right { background: url(../images/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/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/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/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 }