/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ body { background-image: url( ../images/blank.gif ); background-attachment: fixed; } .pp_download { position: absolute; left: 5px; top: 0 } .pp_download a img { float: left; margin-top: 2px; } .pp_download a { display: block; color: #fff !important; float: left; font-size: 0.9em } div.prh_rounded .pp_content a.pp_next:hover { background: url("../images/btnNext2.png") center right no-repeat; cursor: pointer; } /* Next button */ div.prh_rounded .pp_content a.pp_previous:hover { background: url("../images/btnPrew2.png") center left no-repeat; cursor: pointer; } /* Previous button */ div.prh_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/prh_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.prh_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/prh_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.prh_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/prh_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.prh_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/prh_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.prh_rounded .pp_content a.pp_close { } /* Close button */ div.prh_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.prh_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.prh_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.prh_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.prh_rounded .pp_loaderIcon { background: #000 url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_content { background: #000; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url("../images/btnNext2.png") center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url("../images/btnPrew2.png") center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { } /* Close button */ div.dark_rounded .currentTextHolder { color: #fff; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_loaderIcon { background: #fff url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .currentTextHolder { color: #fff; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: #fff url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url("../images/btnNext2.png") center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url("../images/btnPrew2.png") center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url("../images/btnNext2.png") center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url("../images/btnPrew2.png") center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #fff; -ms-filter:alpha(opacity=50); position: absolute; top: 0; left: 0; z-index: 950000; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 1000000; width: 100px; top: 50%; /*_top: expression( ( ( ignoreMe2 = document.documentElement.clientHeight/2) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/ left: 50%; } /** > div.pp_pic_holder { position: fixed; }*/ div.pp_pic_holder .pp_content { background: #000; padding-top: 25px; position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { background: #000; display: none; margin: 0; } div.pp_pic_holder .pp_content .pp_details p.pp_description { float: left; margin: 0; } p.pp_description { color: #fff; text-align: center } div.pp_pic_holder .pp_content .pp_details .pp_nav { margin: 8px 0 0 0; float: right; position: relative; right: 50% } div.pp_pic_holder .pp_content .pp_details .pp_nav div { position: relative; right: -50%; float: none !important; float: left } div.pp_pic_holder .pp_content .pp_details .pp_nav p { color: #fff; float: left; margin: 2px 14px; position: relative; top: -3px } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 25px; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url("../images/btnNext2.png") 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url("../images/btnPrew2.png") 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none !important; position: absolute; top: 50%; left: 50%; z-index: 999900; color: #fff; font-size: 17px; background: #B9B9B9; padding: 2px 5px; } /** > div.ppt { position: fixed; }*/ a.pp_close { background: url("../images/close3.gif") 100% 6px no-repeat; cursor: pointer; font-size: 0.9em !important; color: #fff !important; text-decoration: none !important; position: absolute; top: 0; right: 5px; padding-right: 20px } /* Close button */ a.pp_close:hover { background: url("../images/close3.gif") 100% -17px no-repeat } a.pp_close span {text-decoration: underline !important } a.pp_close:hover span { color: #BBBABA !important; text-decoration: none !important } .pp_top, .pp_bottom { display: none !important } .pp_box { background: #fff; border: 1px solid #000 } /* //////////////// fix ///////////////// */ #foto-post { border: 1px solid #000; float: left } #foto-post .pp_download a { color: #000 !important } #foto-post .pp_download a:hover { color: #bbbaba !important } #foto-post a.pp_close { background: url("../images/close2.gif") 100% 6px no-repeat; color: #000 !important } /* Close button */ #foto-post a.pp_close:hover { background: url("../images/close2.gif") 100% -17px no-repeat } #foto-post .pp_box { background: #000; border: 0 solid; position: relative } div.pp_pic_holder #foto-post .pp_content { background: #fff; height: auto !important; overflow: visible !important; overflow-x: hidden } div.pp_pic_holder #foto-post .pp_content div.pp_hoverContainer { top: 0 } div.pp_pic_holder #foto-post .pp_content .pp_details .pp_nav { display: none !important } #foto-post p.pp_description { color: #fff; font: 100 1.1em Tahoma, Arial, Helvetica; text-align: left; } #foto-post p.pp_description span { display: block; padding: 10px; } /* //////////////// /fix ///////////////// */ /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix {display: inline-block; display: -moz-block } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */