JimV-C/static/widgets/pretty-photo/prettyphoto.css

/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
    Default Theme
----------------------------------- */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px;
}
div.pp_default .pp_top .pp_left {
    background: url(images/default/sprite.png) -78px -93px no-repeat;
}
/* Top left corner */

div.pp_default .pp_top .pp_middle {
    background: url(images/default/sprite_x.png) top left repeat-x;
}
/* Top pattern/color */

div.pp_default .pp_top .pp_right {
    background: url(images/default/sprite.png) -112px -93px no-repeat;
}
/* Top right corner */

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
    padding-left: 13px;
    background: url(images/default/sprite_y.png) -7px 0 repeat-y;
}
div.pp_default .pp_content_container .pp_right {
    padding-right: 13px;
    background: url(images/default/sprite_y.png) top right repeat-y;
}
div.pp_default .pp_content {
    background-color: #fff;
}
/* Content background */

div.pp_default .pp_next:hover {
    cursor: pointer;
    background: url(images/default/sprite_next.png) center right no-repeat;
}
/* Next button */

div.pp_default .pp_previous:hover {
    cursor: pointer;
    background: url(images/default/sprite_prev.png) center left no-repeat;
}
/* Previous button */

div.pp_default .pp_expand {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(images/default/sprite.png) 0 -29px no-repeat;
}
/* Expand button */

div.pp_default .pp_expand:hover {
    cursor: pointer;
    background: url(images/default/sprite.png) 0 -56px no-repeat;
}
/* Expand button hover */

div.pp_default .pp_contract {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(images/default/sprite.png) 0 -84px no-repeat;
}
/* Contract button */

div.pp_default .pp_contract:hover {
    cursor: pointer;
    background: url(images/default/sprite.png) 0 -113px no-repeat;
}
/* Contract button hover */

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(images/default/sprite.png) 2px 1px no-repeat;
}
/* Close button */

div.pp_default #pp_full_res .pp_inline {
    color: #000;
}
div.pp_default .pp_gallery ul li a {
    border: 1px solid #aaa;
    background: url(images/default/default_thumb.png) center center #f8f8f8;
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff;
}
div.pp_default .pp_social {
    margin-top: 7px;
}
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    width: 30px;
    height: 30px;
    background: url(images/default/sprite.png) -51px 1px no-repeat;
}
div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}
div.pp_default .pp_details {
    position: relative;
}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    width: 20px;
    height: 20px;
    margin: 4px 0 0 0;
    background: url(images/default/sprite.png) -31px -3px no-repeat;
}
div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}
/* The next arrow in the bottom nav */

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}
div.pp_default .pp_nav {
    position: relative;
    clear: none;
    width: 110px;
    height: 30px;
}
div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    line-height: 25px;
    position: absolute;
    top: 2px;
    left: 75px;
    margin: 0;
    padding: 0 0 0 10px;
    color: #999;
}
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: .7;
}
div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}
div.pp_default .pp_bottom .pp_left {
    background: url(images/default/sprite.png) -78px -127px no-repeat;
}
/* Bottom left corner */

div.pp_default .pp_bottom .pp_middle {
    background: url(images/default/sprite_x.png) bottom left repeat-x;
}
/* Bottom pattern/color */

div.pp_default .pp_bottom .pp_right {
    background: url(images/default/sprite.png) -112px -127px no-repeat;
}
/* Bottom right corner */

div.pp_default .pp_loaderIcon {
    background: url(images/default/loader.gif) center center no-repeat;
}
/* Loader icon */
/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus {
    outline: none;
}
div.pp_overlay {
    position: absolute;
    z-index: 9500;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    background: #000;
}
div.pp_pic_holder {
    position: absolute;
    z-index: 10000;
    display: none;
    width: 100px;
}
.pp_top {
    position: relative;
    height: 20px;
}
* html .pp_top {
    padding: 0 20px;
}
.pp_top .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
}
.pp_top .pp_middle {
    position: absolute;
    right: 20px;
    left: 20px;
    height: 20px;
}
* html .pp_top .pp_middle {
    position: static;
    left: 0;
}
.pp_top .pp_right {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 20px;
    height: 20px;
}
.pp_content {
    min-width: 40px;
    height: 40px;
}
* html .pp_content {
    width: 40px;
}
.pp_fade {
    display: none;
}
.pp_content_container {
    position: relative;
    width: 100%;
    text-align: left;
}
.pp_content_container .pp_left {
    padding-left: 20px;
}
.pp_content_container .pp_right {
    padding-right: 20px;
}
.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}
.pp_description {
    display: none;
    margin: 0;
}
.pp_social {
    float: left;
    margin: 0;
}
.pp_social .facebook {
    float: left;
    overflow: hidden;
    width: 55px;
    margin-left: 5px;
}
.pp_social .twitter {
    float: left;
}
.pp_nav {
    float: left;
    clear: right;
    margin: 3px 10px 0 0;
}
.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    overflow: hidden;
    width: 14px;
    height: 15px;
    margin-top: 3px;
    text-indent: -10000px;
}
.pp_hoverContainer {
    position: absolute;
    z-index: 2000;
    top: 0;
    width: 100%;
}
.pp_gallery {
    position: absolute;
    z-index: 10000;
    left: 50%;
    display: none;
    margin-top: -50px;
}
.pp_gallery div {
    position: relative;
    float: left;
    overflow: hidden;
}
.pp_gallery ul {
    position: relative;
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    white-space: nowrap;
}
.pp_gallery ul a {
    display: block;
    float: left;
    overflow: hidden;
    height: 33px;
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, .5) solid;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff;
}
.pp_gallery ul a img {
    border: 0;
}
.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.pp_gallery li.default a {
    display: block;
    width: 50px;
    height: 33px;
    background: url(images/facebook/default_thumbnail.gif) 0 0 no-repeat;
}
.pp_gallery li.default a img {
    display: none;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}
a.pp_expand,
a.pp_contract {
    position: absolute;
    z-index: 20000;
    top: 10px;
    right: 30px;
    display: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-indent: -10000px;
}
a.pp_close {
    line-height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-indent: -10000px;
}
.pp_bottom {
    position: relative;
    height: 20px;
}
* html .pp_bottom {
    padding: 0 20px;
}
.pp_bottom .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
}
.pp_bottom .pp_middle {
    position: absolute;
    right: 20px;
    left: 20px;
    height: 20px;
}
* html .pp_bottom .pp_middle {
    position: static;
    left: 0;
}
.pp_bottom .pp_right {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 20px;
    height: 20px;
}
.pp_loaderIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
}
#pp_full_res {
    line-height: 1 !important;
}
#pp_full_res .pp_inline {
    text-align: left;
}
#pp_full_res .pp_inline p {
    margin: 0 0 15px 0;
}
div.ppt {
    font-size: 17px;
    z-index: 9999;
    display: none;
    margin: 0 0 5px 15px;
    color: #fff;
}