Template:Team:BGU Israel/style.css
From 2013.igem.org
(Difference between revisions)
Neta.weiss (Talk | contribs) |
Neta.weiss (Talk | contribs) |
||
Line 9: | Line 9: | ||
#content { | #content { | ||
border: none; | border: none; | ||
- | width:100% | + | width:100%} |
- | + | ||
html, body, div, span, applet, object, iframe, | html, body, div, span, applet, object, iframe, | ||
Line 368: | Line 367: | ||
} | } | ||
- | /* INFO BOXES | + | /* INFO BOXES ---------------------------------------------------------*/ |
.info-add, | .info-add, | ||
Line 1,195: | Line 1,194: | ||
display: block; | display: block; | ||
} | } | ||
- | |||
Line 1,228: | Line 1,226: | ||
} | } | ||
+ | /* PROTOCOLS -----------------------------------------------*/ | ||
#Protocols li{ | #Protocols li{ | ||
Line 1,427: | Line 1,426: | ||
- | /* The Nivo Slider styles */ | + | /*---------------- The Nivo Slider styles ---------------------------*/ |
.nivoSlider { | .nivoSlider { | ||
position:relative; | position:relative; | ||
Line 1,436: | Line 1,435: | ||
left:0px; | left:0px; | ||
} | } | ||
- | |||
.nivoSlider a.nivo-imageLink { | .nivoSlider a.nivo-imageLink { | ||
position:absolute; | position:absolute; | ||
Line 1,449: | Line 1,447: | ||
display:none; | display:none; | ||
} | } | ||
- | |||
.nivo-slice { | .nivo-slice { | ||
display:block; | display:block; | ||
Line 1,456: | Line 1,453: | ||
height:100%; | height:100%; | ||
} | } | ||
- | + | ||
.nivo-caption { | .nivo-caption { | ||
position:absolute; | position:absolute; | ||
Line 1,478: | Line 1,475: | ||
display:none; | display:none; | ||
} | } | ||
- | |||
.nivo-directionNav a { | .nivo-directionNav a { | ||
position:absolute; | position:absolute; | ||
Line 1,491: | Line 1,487: | ||
right:0px; | right:0px; | ||
} | } | ||
- | + | ||
.nivo-controlNav a { | .nivo-controlNav a { | ||
Line 1,502: | Line 1,498: | ||
} | } | ||
- | |||
#slider-holder{ | #slider-holder{ | ||
Line 1,591: | Line 1,586: | ||
} | } | ||
+ | /* FANCY BOX -----------------------------------------------*/ | ||
#fancybox-loading { | #fancybox-loading { | ||
Line 1,928: | Line 1,924: | ||
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/c/c7/BGU_fancy_shadow_nw.png', sizingMethod='scale'); } | .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/c/c7/BGU_fancy_shadow_nw.png', sizingMethod='scale'); } | ||
- | /* | + | /*----------------------- ESSENTIAL STYLES *-----------------------*/ |
.sf-menu, .sf-menu * { | .sf-menu, .sf-menu * { | ||
Line 1,982: | Line 1,978: | ||
} | } | ||
+ | /* TABS -----------------------------------------------*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.tabs { | .tabs { | ||
list-style:none; | list-style:none; | ||
Line 2,003: | Line 1,994: | ||
height:30px; | height:30px; | ||
} | } | ||
- | |||
Line 2,015: | Line 2,005: | ||
} | } | ||
- | |||
ul.tabs a { | ul.tabs a { | ||
width:100px; | width:100px; | ||
Line 2,047: | Line 2,036: | ||
} | } | ||
- | |||
#content ul.tabs a:hover { background: #4F637B; } | #content ul.tabs a:hover { background: #4F637B; } | ||
- | |||
ul.tabs a.current, | ul.tabs a.current, | ||
#content ul.tabs a.current:hover, | #content ul.tabs a.current:hover, | ||
Line 2,060: | Line 2,047: | ||
} | } | ||
- | |||
.panes .pane { | .panes .pane { | ||
display:none; | display:none; | ||
Line 2,108: | Line 2,094: | ||
.panes .blocks-thumbs li a{ display: block; text-decoration: none; } | .panes .blocks-thumbs li a{ display: block; text-decoration: none; } | ||
- | |||
.panes{ | .panes{ | ||
Line 2,140: | Line 2,125: | ||
} | } | ||
+ | /*--- | ||
- | + | div.light_rounded .pp_top .pp_left{ | |
- | + | background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; | |
+ | } | ||
+ | div.light_rounded .pp_top .pp_middle{ | ||
+ | background:#fff; | ||
+ | } | ||
+ | div.light_rounded .pp_top .pp_right{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; | ||
+ | } | ||
+ | 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; | ||
+ | } | ||
+ | div.light_rounded .pp_next:hover{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_previous:hover{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_expand{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_expand:hover{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_contract{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_contract:hover{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded .pp_close{ | ||
+ | width:75px; | ||
+ | height:22px; | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_rounded #pp_full_res .pp_inline{ | ||
+ | color:#000; | ||
+ | } | ||
+ | div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{ | ||
+ | margin-top:12px !important; | ||
+ | } | ||
+ | div.light_rounded .pp_nav .pp_play{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.light_rounded .pp_nav .pp_pause{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.light_rounded .pp_arrow_previous{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; | ||
+ | } | ||
+ | div.light_rounded .pp_arrow_previous.disabled{ | ||
+ | background-position:0 -87px;cursor:default; | ||
+ | } | ||
+ | div.light_rounded .pp_arrow_next{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; | ||
+ | } | ||
+ | div.light_rounded .pp_arrow_next.disabled{ | ||
+ | background-position: -22px -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.light_rounded .pp_bottom .pp_left{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; | ||
+ | } | ||
+ | div.light_rounded .pp_bottom .pp_middle{ | ||
+ | background:#fff; | ||
+ | } | ||
+ | div.light_rounded .pp_bottom .pp_right{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; | ||
+ | } | ||
+ | div.light_rounded .pp_loaderIcon{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_top .pp_left{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_top .pp_middle{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_top .pp_right{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_content_container .pp_left{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; | ||
+ | } | ||
+ | div.dark_rounded .pp_content_container .pp_right{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; | ||
+ | } | ||
+ | div.dark_rounded .pp_content{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_next:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_previous:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_expand{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_expand:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_contract{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_contract:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_rounded .pp_close{ | ||
+ | width:75px; | ||
+ | height:22px; | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | 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_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{ | ||
+ | margin-top:12px !important; | ||
+ | } | ||
+ | div.dark_rounded .pp_nav .pp_play{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.dark_rounded .pp_nav .pp_pause{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.dark_rounded .pp_arrow_previous{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_arrow_previous.disabled{ | ||
+ | background-position:0 -87px;cursor:default; | ||
+ | } | ||
+ | div.dark_rounded .pp_arrow_next{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_arrow_next.disabled{ | ||
+ | background-position: -22px -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.dark_rounded .pp_bottom .pp_left{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_bottom .pp_middle{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_bottom .pp_right{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; | ||
+ | } | ||
+ | div.dark_rounded .pp_loaderIcon{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; | ||
+ | } | ||
+ | div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{ | ||
+ | background: url(../images/prettyPhoto/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/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; | ||
+ | } | ||
+ | div.dark_square .pp_content_container .pp_left{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; | ||
+ | } | ||
+ | div.dark_square .pp_content_container .pp_right{ | ||
+ | background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; | ||
+ | } | ||
+ | div.dark_square .pp_expand{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square .pp_expand:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square .pp_contract{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square .pp_contract:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square .pp_close{ | ||
+ | width:75px; | ||
+ | height:22px; | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square #pp_full_res .pp_inline{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{ | ||
+ | margin-top:12px !important; | ||
+ | } | ||
+ | div.dark_square .pp_nav .pp_play{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.dark_square .pp_nav .pp_pause{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.dark_square .pp_arrow_previous{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; | ||
+ | } | ||
+ | div.dark_square .pp_arrow_previous.disabled{ | ||
+ | background-position:0 -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.dark_square .pp_arrow_next{ | ||
+ | background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; | ||
+ | } | ||
+ | div.dark_square .pp_arrow_next.disabled{ | ||
+ | background-position: -22px -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.dark_square .pp_next:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.dark_square .pp_previous:hover{ | ||
+ | background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | 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/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_expand:hover{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_contract{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_contract:hover{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_close{ | ||
+ | width:75px; | ||
+ | height:22px; | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square #pp_full_res .pp_inline{ | ||
+ | color:#000; | ||
+ | } | ||
+ | div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{ | ||
+ | margin-top:12px !important; | ||
+ | } | ||
+ | div.light_square .pp_nav .pp_play{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.light_square .pp_nav .pp_pause{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; | ||
+ | height:15px; | ||
+ | width:14px; | ||
+ | } | ||
+ | div.light_square .pp_arrow_previous{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; | ||
+ | } | ||
+ | div.light_square .pp_arrow_previous.disabled{ | ||
+ | background-position:0 -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.light_square .pp_arrow_next{ | ||
+ | background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; | ||
+ | } | ||
+ | div.light_square .pp_arrow_next.disabled{ | ||
+ | background-position: -22px -87px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.light_square .pp_next:hover{ | ||
+ | background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_previous:hover{ | ||
+ | background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.light_square .pp_loaderIcon{ | ||
+ | background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; | ||
+ | } | ||
+ | --*/ | ||
+ | /*-- | ||
+ | div.facebook .pp_top .pp_left{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; | ||
+ | } | ||
+ | div.facebook .pp_top .pp_middle{ | ||
+ | background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; | ||
+ | } | ||
+ | div.facebook .pp_top .pp_right{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; | ||
+ | } | ||
+ | div.facebook .pp_content .ppt{ | ||
+ | color:#000; | ||
+ | } | ||
+ | div.facebook .pp_content_container .pp_left{ | ||
+ | background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; | ||
+ | } | ||
+ | div.facebook .pp_content_container .pp_right{ | ||
+ | background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; | ||
+ | } | ||
+ | div.facebook .pp_content{ | ||
+ | background:#fff; | ||
+ | } | ||
+ | div.facebook .pp_expand{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_expand:hover{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_contract{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_contract:hover{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_close{ | ||
+ | width:22px; | ||
+ | height:22px; | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook #pp_full_res .pp_inline{ | ||
+ | color:#000; | ||
+ | } | ||
+ | div.facebook .pp_loaderIcon{ | ||
+ | background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; | ||
+ | } | ||
+ | div.facebook .pp_arrow_previous{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; | ||
+ | height:22px; | ||
+ | margin-top:0; | ||
+ | width:22px; | ||
+ | } | ||
+ | div.facebook .pp_arrow_previous.disabled{ | ||
+ | background-position:0 -96px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.facebook .pp_arrow_next{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; | ||
+ | height:22px; | ||
+ | margin-top:0; | ||
+ | width:22px; | ||
+ | } | ||
+ | div.facebook .pp_arrow_next.disabled{ | ||
+ | background-position: -32px -96px; | ||
+ | cursor:default; | ||
+ | } | ||
+ | div.facebook .pp_nav{ | ||
+ | margin-top:0; | ||
+ | } | ||
+ | div.facebook .pp_nav p{ | ||
+ | font-size:15px; | ||
+ | padding:0 3px 0 4px; | ||
+ | } | ||
+ | div.facebook .pp_nav .pp_play{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; | ||
+ | height:22px; | ||
+ | width:22px; | ||
+ | } | ||
+ | div.facebook .pp_nav .pp_pause{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; | ||
+ | height:22px; | ||
+ | width:22px; | ||
+ | } | ||
+ | div.facebook .pp_next:hover{ | ||
+ | background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_previous:hover{ | ||
+ | background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div.facebook .pp_bottom .pp_left{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; | ||
+ | } | ||
+ | div.facebook .pp_bottom .pp_middle{ | ||
+ | background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; | ||
+ | } | ||
+ | div.facebook .pp_bottom .pp_right{ | ||
+ | background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; | ||
+ | } | ||
+ | --*/ | ||
+ | div.pp_pic_holder a:focus{ | ||
+ | outline:none; | ||
+ | } | ||
+ | div.pp_overlay{ | ||
+ | background:#000; | ||
+ | display: none; | ||
+ | left:0; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | width:100%; | ||
+ | z-index:9500; | ||
+ | } | ||
+ | div.pp_pic_holder{ | ||
+ | display: none; | ||
+ | position:absolute; | ||
+ | width:100px; | ||
+ | z-index:10000; | ||
+ | } | ||
+ | .pp_top{height:20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | * html .pp_top{ | ||
+ | padding:0 20px; | ||
+ | } | ||
+ | .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:40px; | ||
+ | min-width:40px; | ||
+ | } | ||
+ | * html .pp_content{ | ||
+ | width:40px; | ||
+ | } | ||
+ | .pp_fade{ | ||
+ | display: none; | ||
+ | } | ||
+ | .pp_content_container{ | ||
+ | position: relative;text-align: left;width:100%; | ||
+ | } | ||
+ | .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 0 5px 0; | ||
+ | } | ||
+ | .pp_nav{ | ||
+ | clear: left;float: left;margin:3px 0 0 0; | ||
+ | } | ||
+ | .pp_nav p{ | ||
+ | float: left;margin:2px 4px; | ||
+ | } | ||
+ | .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;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px; | ||
+ | } | ||
+ | .pp_hoverContainer{ | ||
+ | position:absolute;top:0;width:100%;z-index:2000; | ||
+ | } | ||
+ | .pp_gallery{ | ||
+ | display: none;left:50%;margin-top: -50px;position:absolute;z-index:10000; | ||
+ | } | ||
+ | .pp_gallery ul{ | ||
+ | float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative; | ||
+ | } | ||
+ | .pp_gallery ul a{ | ||
+ | border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden; | ||
+ | } | ||
+ | .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;height:33px;width:50px; | ||
+ | } | ||
+ | .pp_gallery li.default a img{ | ||
+ | display: none; | ||
+ | } | ||
+ | .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{ | ||
+ | margin-top:7px !important; | ||
+ | } | ||
+ | a.pp_next{ | ||
+ | display:block;float: right;height:100%;text-indent: -10000px;width:49%; | ||
+ | } | ||
+ | a.pp_previous{ | ||
+ | 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;line-height:22px;text-indent: -10000px; | ||
+ | } | ||
+ | .pp_bottom{ | ||
+ | height:20px;position: relative; | ||
+ | } | ||
+ | * html .pp_bottom{ | ||
+ | padding:0 20px; | ||
+ | } | ||
+ | .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 15px 0; | ||
+ | } | ||
+ | div.ppt{ | ||
+ | color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999; | ||
+ | } | ||
+ | .clearfix:after{ | ||
+ | content: ".";display:block;height:0;clear:both;visibility: hidden; | ||
+ | } | ||
+ | .clearfix { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | * html .clearfix { | ||
+ | height:1%; | ||
+ | } | ||
+ | .clearfix { | ||
+ | display:block; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 08:24, 21 September 2013