2010-09-02 23:03:20 +00:00
/ * ------------------------------------------------------------------------
This you can edit .
------------------------------------------------------------------------- * /
div . light_rounded . pp_top . pp_left { background : url ( ../images/light_rounded/sprite.png ) -88 px -53 px no-repeat ; } /* Top left corner */
div . light_rounded . pp_top . pp_middle { background : #fff ; } /* Top pattern/color */
div . light_rounded . pp_top . pp_right { background : url ( ../images/light_rounded/sprite.png ) -110 px -53 px no-repeat ; } /* Top right corner */
div . light_rounded . pp_content . ppt { color : #000 ; }
div . light_rounded . pp_content_container . pp_left ,
div . light_rounded . pp_content_container . pp_right { background : #fff ; }
div . light_rounded . pp_content { background-color : #fff ; } /* Content background */
div . light_rounded . pp_next : hover { background : url ( ../images/light_rounded/btnNext.png ) center right no-repeat ; cursor : pointer ; } /* Next button */
div . light_rounded . pp_previous : hover { background : url ( ../images/light_rounded/btnPrevious.png ) center left no-repeat ; cursor : pointer ; } /* Previous button */
div . light_rounded . pp_expand { background : url ( ../images/light_rounded/sprite.png ) -31 px -26 px no-repeat ; cursor : pointer ; } /* Expand button */
div . light_rounded . pp_expand : hover { background : url ( ../images/light_rounded/sprite.png ) -31 px -47 px no-repeat ; cursor : pointer ; } /* Expand button hover */
div . light_rounded . pp_contract { background : url ( ../images/light_rounded/sprite.png ) 0 -26 px no-repeat ; cursor : pointer ; } /* Contract button */
div . light_rounded . pp_contract : hover { background : url ( ../images/light_rounded/sprite.png ) 0 -47 px no-repeat ; cursor : pointer ; } /* Contract button hover */
div . light_rounded . pp_close { width : 75 px ; height : 22 px ; background : url ( ../images/light_rounded/sprite.png ) -1 px -1 px no-repeat ; cursor : pointer ; } /* Close button */
div . light_rounded # pp_full_res . pp_inline { color : #000 ; }
div . light_rounded . pp_arrow_previous { background : url ( ../images/light_rounded/sprite.png ) 0 -71 px no-repeat ; } /* The previous arrow in the bottom nav */
div . light_rounded . pp_arrow_previous . disabled { background-position : 0 -87 px ; cursor : default ; }
div . light_rounded . pp_arrow_next { background : url ( ../images/light_rounded/sprite.png ) -22 px -71 px no-repeat ; } /* The next arrow in the bottom nav */
div . light_rounded . pp_arrow_next . disabled { background-position : -22 px -87 px ; cursor : default ; }
div . light_rounded . pp_bottom . pp_left { background : url ( ../images/light_rounded/sprite.png ) -88 px -80 px no-repeat ; } /* Bottom left corner */
div . light_rounded . pp_bottom . pp_middle { background : #fff ; } /* Bottom pattern/color */
div . light_rounded . pp_bottom . pp_right { background : url ( ../images/light_rounded/sprite.png ) -110 px -80 px no-repeat ; } /* Bottom right corner */
div . light_rounded . pp_loaderIcon { background : url ( ../images/light_rounded/loader.gif ) center center no-repeat ; } /* Loader icon */
/ * ----------------------------------
Dark Rounded Theme
----------------------------------- * /
div . dark_rounded . pp_top . pp_left { background : url ( ../images/dark_rounded/sprite.png ) -88 px -53 px no-repeat ; } /* Top left corner */
div . dark_rounded . pp_top . pp_middle { background : url ( ../images/dark_rounded/contentPattern.png ) top left repeat ; } /* Top pattern/color */
div . dark_rounded . pp_top . pp_right { background : url ( ../images/dark_rounded/sprite.png ) -110 px -53 px no-repeat ; } /* Top right corner */
div . dark_rounded . pp_content_container . pp_left { background : url ( ../images/dark_rounded/contentPattern.png ) top left repeat-y ; } /* Left Content background */
div . dark_rounded . pp_content_container . pp_right { background : url ( ../images/dark_rounded/contentPattern.png ) top right repeat-y ; } /* Right Content background */
div . dark_rounded . pp_content { background : url ( ../images/dark_rounded/contentPattern.png ) top left repeat ; } /* Content background */
div . dark_rounded . pp_next : hover { background : url ( ../images/dark_rounded/btnNext.png ) center right no-repeat ; cursor : pointer ; } /* Next button */
div . dark_rounded . pp_previous : hover { background : url ( ../images/dark_rounded/btnPrevious.png ) center left no-repeat ; cursor : pointer ; } /* Previous button */
div . dark_rounded . pp_expand { background : url ( ../images/dark_rounded/sprite.png ) -31 px -26 px no-repeat ; cursor : pointer ; } /* Expand button */
div . dark_rounded . pp_expand : hover { background : url ( ../images/dark_rounded/sprite.png ) -31 px -47 px no-repeat ; cursor : pointer ; } /* Expand button hover */
div . dark_rounded . pp_contract { background : url ( ../images/dark_rounded/sprite.png ) 0 -26 px no-repeat ; cursor : pointer ; } /* Contract button */
div . dark_rounded . pp_contract : hover { background : url ( ../images/dark_rounded/sprite.png ) 0 -47 px no-repeat ; cursor : pointer ; } /* Contract button hover */
div . dark_rounded . pp_close { width : 75 px ; height : 22 px ; background : url ( ../images/dark_rounded/sprite.png ) -1 px -1 px no-repeat ; cursor : pointer ; } /* Close button */
div . dark_rounded . currentTextHolder { color : #c4c4c4 ; }
div . dark_rounded . pp_description { color : #fff ; }
div . dark_rounded # pp_full_res . pp_inline { color : #fff ; }
div . dark_rounded . pp_arrow_previous { background : url ( ../images/dark_rounded/sprite.png ) 0 -71 px no-repeat ; } /* The previous arrow in the bottom nav */
div . dark_rounded . pp_arrow_previous . disabled { background-position : 0 -87 px ; cursor : default ; }
div . dark_rounded . pp_arrow_next { background : url ( ../images/dark_rounded/sprite.png ) -22 px -71 px no-repeat ; } /* The next arrow in the bottom nav */
div . dark_rounded . pp_arrow_next . disabled { background-position : -22 px -87 px ; cursor : default ; }
div . dark_rounded . pp_bottom . pp_left { background : url ( ../images/dark_rounded/sprite.png ) -88 px -80 px no-repeat ; } /* Bottom left corner */
div . dark_rounded . pp_bottom . pp_middle { background : url ( ../images/dark_rounded/contentPattern.png ) top left repeat ; } /* Bottom pattern/color */
div . dark_rounded . pp_bottom . pp_right { background : url ( ../images/dark_rounded/sprite.png ) -110 px -80 px no-repeat ; } /* Bottom right corner */
div . dark_rounded . pp_loaderIcon { background : url ( ../images/dark_rounded/loader.gif ) center center no-repeat ; } /* Loader icon */
/ * ----------------------------------
Dark Square Theme
----------------------------------- * /
div . dark_square . pp_left ,
div . dark_square . pp_middle ,
div . dark_square . pp_right ,
div . dark_square . pp_content { background : url ( ../images/dark_square/contentPattern.png ) top left repeat ; }
div . dark_square . currentTextHolder { color : #c4c4c4 ; }
div . dark_square . pp_description { color : #fff ; }
div . dark_square . pp_loaderIcon { background : url ( ../images/dark_rounded/loader.gif ) center center no-repeat ; } /* Loader icon */
div . dark_square . pp_content_container . pp_left { background : url ( ../images/dark_rounded/contentPattern.png ) top left repeat-y ; } /* Left Content background */
div . dark_square . pp_content_container . pp_right { background : url ( ../images/dark_rounded/contentPattern.png ) top right repeat-y ; } /* Right Content background */
div . dark_square . pp_expand { background : url ( ../images/dark_square/sprite.png ) -31 px -26 px no-repeat ; cursor : pointer ; } /* Expand button */
div . dark_square . pp_expand : hover { background : url ( ../images/dark_square/sprite.png ) -31 px -47 px no-repeat ; cursor : pointer ; } /* Expand button hover */
div . dark_square . pp_contract { background : url ( ../images/dark_square/sprite.png ) 0 -26 px no-repeat ; cursor : pointer ; } /* Contract button */
div . dark_square . pp_contract : hover { background : url ( ../images/dark_square/sprite.png ) 0 -47 px no-repeat ; cursor : pointer ; } /* Contract button hover */
div . dark_square . pp_close { width : 75 px ; height : 22 px ; background : url ( ../images/dark_square/sprite.png ) -1 px -1 px no-repeat ; cursor : pointer ; } /* Close button */
div . dark_square # pp_full_res . pp_inline { color : #fff ; }
div . dark_square . pp_arrow_previous { background : url ( ../images/dark_square/sprite.png ) 0 -71 px no-repeat ; } /* The previous arrow in the bottom nav */
div . dark_square . pp_arrow_previous . disabled { background-position : 0 -87 px ; cursor : default ; }
div . dark_square . pp_arrow_next { background : url ( ../images/dark_square/sprite.png ) -22 px -71 px no-repeat ; } /* The next arrow in the bottom nav */
div . dark_square . pp_arrow_next . disabled { background-position : -22 px -87 px ; cursor : default ; }
div . dark_square . pp_next : hover { background : url ( ../images/dark_square/btnNext.png ) center right no-repeat ; cursor : pointer ; } /* Next button */
div . dark_square . pp_previous : hover { background : url ( ../images/dark_square/btnPrevious.png ) center left no-repeat ; cursor : pointer ; } /* Previous button */
/ * ----------------------------------
Light Square Theme
----------------------------------- * /
div . light_square . pp_left ,
div . light_square . pp_middle ,
div . light_square . pp_right ,
div . light_square . pp_content { background : #fff ; }
div . light_square . pp_content . ppt { color : #000 ; }
div . light_square . pp_expand { background : url ( ../images/light_square/sprite.png ) -31 px -26 px no-repeat ; cursor : pointer ; } /* Expand button */
div . light_square . pp_expand : hover { background : url ( ../images/light_square/sprite.png ) -31 px -47 px no-repeat ; cursor : pointer ; } /* Expand button hover */
div . light_square . pp_contract { background : url ( ../images/light_square/sprite.png ) 0 -26 px no-repeat ; cursor : pointer ; } /* Contract button */
div . light_square . pp_contract : hover { background : url ( ../images/light_square/sprite.png ) 0 -47 px no-repeat ; cursor : pointer ; } /* Contract button hover */
div . light_square . pp_close { width : 75 px ; height : 22 px ; background : url ( ../images/light_square/sprite.png ) -1 px -1 px no-repeat ; cursor : pointer ; } /* Close button */
div . light_square # pp_full_res . pp_inline { color : #000 ; }
div . light_square . pp_arrow_previous { background : url ( ../images/light_square/sprite.png ) 0 -71 px no-repeat ; } /* The previous arrow in the bottom nav */
div . light_square . pp_arrow_previous . disabled { background-position : 0 -87 px ; cursor : default ; }
div . light_square . pp_arrow_next { background : url ( ../images/light_square/sprite.png ) -22 px -71 px no-repeat ; } /* The next arrow in the bottom nav */
div . light_square . pp_arrow_next . disabled { background-position : -22 px -87 px ; cursor : default ; }
div . light_square . pp_next : hover { background : url ( ../images/light_square/btnNext.png ) center right no-repeat ; cursor : pointer ; } /* Next button */
div . light_square . pp_previous : hover { background : url ( ../images/light_square/btnPrevious.png ) center left no-repeat ; cursor : pointer ; } /* Previous button */
/ * ----------------------------------
Facebook style Theme
----------------------------------- * /
div . facebook . pp_top . pp_left { background : url ( ../images/facebook/sprite.png ) -88 px -53 px no-repeat ; } /* Top left corner */
div . facebook . pp_top . pp_middle { background : url ( ../images/facebook/contentPatternTop.png ) top left repeat-x ; } /* Top pattern/color */
div . facebook . pp_top . pp_right { background : url ( ../images/facebook/sprite.png ) -110 px -53 px no-repeat ; } /* Top right corner */
div . facebook . pp_content . ppt { color : #000 ; }
div . facebook . pp_content_container . pp_left { background : url ( ../images/facebook/contentPatternLeft.png ) top left repeat-y ; } /* Content background */
div . facebook . pp_content_container . pp_right { background : url ( ../images/facebook/contentPatternRight.png ) top right repeat-y ; } /* Content background */
div . facebook . pp_content { background : #fff ; } /* Content background */
div . facebook . pp_expand { background : url ( ../images/facebook/sprite.png ) -31 px -26 px no-repeat ; cursor : pointer ; } /* Expand button */
div . facebook . pp_expand : hover { background : url ( ../images/facebook/sprite.png ) -31 px -47 px no-repeat ; cursor : pointer ; } /* Expand button hover */
div . facebook . pp_contract { background : url ( ../images/facebook/sprite.png ) 0 -26 px no-repeat ; cursor : pointer ; } /* Contract button */
div . facebook . pp_contract : hover { background : url ( ../images/facebook/sprite.png ) 0 -47 px no-repeat ; cursor : pointer ; } /* Contract button hover */
div . facebook . pp_close { width : 22 px ; height : 22 px ; background : url ( ../images/facebook/sprite.png ) -1 px -1 px no-repeat ; cursor : pointer ; } /* Close button */
div . facebook # pp_full_res . pp_inline { color : #000 ; }
div . facebook . pp_loaderIcon { background : url ( ../images/facebook/loader.gif ) center center no-repeat ; } /* Loader icon */
div . facebook . pp_nav . pp_arrow_previous { background : url ( ../images/facebook/sprite.png ) 0 -71 px no-repeat ; height : 22 px ; margin-top : 0 ; width : 22 px ; } /* The previous arrow in the bottom nav */
div . facebook . pp_arrow_previous . disabled { background-position : 0 -96 px ; cursor : default ; }
div . facebook . pp_nav . pp_arrow_next { background : url ( ../images/facebook/sprite.png ) -32 px -71 px no-repeat ; height : 22 px ; margin-top : 0 ; width : 22 px ; } /* The next arrow in the bottom nav */
div . facebook . pp_arrow_next . disabled { background-position : -32 px -96 px ; cursor : default ; }
div . facebook . pp_nav { margin-top : 0 ; }
div . facebook . pp_nav p { font-size : 15 px ; padding : 0 3 px 0 4 px ; }
div . facebook . pp_next : hover { background : url ( ../images/facebook/btnNext.png ) center right no-repeat ; cursor : pointer ; } /* Next button */
div . facebook . pp_previous : hover { background : url ( ../images/facebook/btnPrevious.png ) center left no-repeat ; cursor : pointer ; } /* Previous button */
div . facebook . pp_bottom . pp_left { background : url ( ../images/facebook/sprite.png ) -88 px -80 px no-repeat ; } /* Bottom left corner */
div . facebook . pp_bottom . pp_middle { background : url ( ../images/facebook/contentPatternBottom.png ) top left repeat-x ; } /* Bottom pattern/color */
div . facebook . pp_bottom . pp_right { background : url ( ../images/facebook/sprite.png ) -110 px -80 px no-repeat ; } /* Bottom right corner */
/ * ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- * /
div . pp_pic_holder a : focus { outline : none ; }
div . pp_overlay {
background : # 000 ;
display : none ;
left : 0 ;
position : absolute ;
top : 0 ;
width : 100 % ;
2010-12-30 14:24:47 +00:00
z-index : 19500 ;
2010-09-02 23:03:20 +00:00
}
div . pp_pic_holder {
display : none ;
position : absolute ;
width : 100px ;
2010-12-30 14:24:47 +00:00
z-index : 20000 ;
2010-09-02 23:03:20 +00:00
}
. pp_top {
height : 20px ;
position : relative ;
}
* html . pp_top { padding : 0 20 px ; }
. pp_top . pp_left {
height : 20px ;
left : 0 ;
position : absolute ;
width : 20px ;
}
. pp_top . pp_middle {
height : 20px ;
left : 20px ;
position : absolute ;
right : 20px ;
}
* html . pp_top . pp_middle {
left : 0 ;
position : static ;
}
. pp_top . pp_right {
height : 20px ;
left : auto ;
position : absolute ;
right : 0 ;
top : 0 ;
width : 20px ;
}
. pp_content { height : 40 px ; }
. pp_content . ppt {
left : auto ;
margin-bottom : 5px ;
position : relative ;
top : auto ;
}
. pp_fade { display : none ; }
. pp_content_container {
position : relative ;
text-align : left ;
width : 100 % ;
}
. pp_content_container . pp_left { padding-left : 20 px ; }
. pp_content_container . pp_right { padding-right : 20 px ; }
. pp_content_container . pp_details {
margin : 10px 0 2px 0 ;
}
. pp_description {
display : none ;
margin : 0 0 5px 0 ;
}
. pp_nav {
clear : left ;
float : left ;
margin : 3px 0 0 0 ;
}
. pp_nav p {
float : left ;
margin : 2px 4px ;
}
. pp_nav a . pp_arrow_previous ,
. pp_nav a . pp_arrow_next {
display : block ;
float : left ;
height : 15px ;
margin-top : 3px ;
overflow : hidden ;
text-indent : -10000px ;
width : 14px ;
}
. pp_hoverContainer {
position : absolute ;
top : 0 ;
width : 100 % ;
z-index : 2000 ;
}
a . pp_next {
background : url ( . . / images / light_rounded / btnNext . png ) 10000px 10000px no-repeat ;
display : block ;
float : right ;
height : 100 % ;
text-indent : -10000px ;
width : 49 % ;
}
a . pp_previous {
background : url ( . . / images / light_rounded / btnNext . png ) 10000px 10000px no-repeat ;
display : block ;
float : left ;
height : 100 % ;
text-indent : -10000px ;
width : 49 % ;
}
a . pp_expand ,
a . pp_contract {
cursor : pointer ;
display : none ;
height : 20px ;
position : absolute ;
right : 30px ;
text-indent : -10000px ;
top : 10px ;
width : 20px ;
z-index : 20000 ;
}
a . pp_close {
display : block ;
float : right ;
text-indent : -10000px ;
}
. pp_bottom {
height : 20px ;
position : relative ;
}
* html . pp_bottom { padding : 0 20 px ; }
. pp_bottom . pp_left {
height : 20px ;
left : 0 ;
position : absolute ;
width : 20px ;
}
. pp_bottom . pp_middle {
height : 20px ;
left : 20px ;
position : absolute ;
right : 20px ;
}
* html . pp_bottom . pp_middle {
left : 0 ;
position : static ;
}
. pp_bottom . pp_right {
height : 20px ;
left : auto ;
position : absolute ;
right : 0 ;
top : 0 ;
width : 20px ;
}
. pp_loaderIcon {
display : block ;
height : 24px ;
left : 50 % ;
margin : -12px 0 0 -12px ;
position : absolute ;
top : 50 % ;
width : 24px ;
}
# pp_full_res {
line-height : 1 ! important ;
}
# pp_full_res . pp_inline {
text-align : left ;
}
# pp_full_res . pp_inline p { margin : 0 0 15 px 0 ; }
div . ppt {
color : # fff ;
display : none ;
font-size : 17px ;
left : 0 ;
position : absolute ;
top : 0 ;
z-index : 9999 ;
}
/ * ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- * /
. clearfix : after {
content : "." ;
display : block ;
height : 0 ;
clear : both ;
visibility : hidden ;
}
. clearfix { display : inline-block ; }
/* Hides from IE-mac \*/
* html . clearfix { height : 1 % ; }
. clearfix { display : block ; }
/* End hide from IE-mac */